Bài phát biểu được xây dựng như một kiến trúc

Tạo một phim hoạt hình động dài 20 giây có tựa đề “XÂY DỰNG SÀN NHÀ”. Hãy coi đây như một bài phát biểu thu nhỏ độc đáo được dàn dựng hoàn toàn bằng kiểu chữ. Mỗi dòng chữ thay đổi cấu trúc của khung hình. Lời tuyên bố cuối cùng phải dựa trên một thứ gì đó mà những từ ngữ trước đó đã xây dựng nên về mặt vật lý. Cung cấp một tệp HTML độc lập, 1080×1080, nhắm mục tiêu 60 khung hình/giây, sử dụng SVG và/hoặc Canvas. Nhúng tất cả các tài sản cần thiết. CHỈ ĐẠO NGHỆ THUẬT Nền #102820. Giấy # F4E9D5. Điểm nhấn cấu trúc # F2B544. Một thế giới biên tập văn học với quy mô và sự tự tin của một tượng đài công cộng. Sử dụng kiểu chữ serif tương phản cao cho bài phát biểu, kiểu chữ grotesque đậm cho các từ chịu lực và kiểu chữ monospace tiết chế cho các dấu thời gian nhỏ. Không sử dụng các hình ảnh rập khuôn của áp phích phản đối, loa phóng thanh, cờ, đám đông, micro hoặc cảnh quay có sẵn. BÀI PHÁT BIỂU GỐC — CHÍNH XÁC TỪ NGỮ, CHÍNH XÁC THỨ TỰ “Chúng tôi được bảo phải chờ.” “Vậy là chúng ta đã hiểu được sức nặng của sự chờ đợi.” “Rồi một giọng nói nhường chỗ.” “Rồi một giọng nói khác.” “Giờ thì sân khấu thuộc về chúng ta.” Không được gán những lời này cho bất kỳ người thật nào. Không được thêm khẩu hiệu nào khác. Toàn bộ bài phát biểu phải dễ hiểu mà không cần âm thanh. QUY TẮC HÌNH ẢNH TRUNG TÂM Các từ được gán cho các vai trò kiến trúc. WAIT là một thanh ngang. WAITING là một tải trọng treo. VOICE là một điểm tựa. ROOM là một khoảng trống. FLOOR là một bệ đỡ. Những vai trò này phải xuất hiện từ hình dạng chữ cái thực tế, chứ không phải từ các hình minh họa riêng biệt được đặt phía sau văn bản. BẢNG PHÂN CẢNH 0.00–3.00 “Chúng tôi được bảo phải chờ.” Câu văn chiếm một khoảng trống ngang hẹp bên dưới chữ WAIT đồ sộ. Khoảng trống từ từ bị thu hẹp trong khi câu văn vẫn dễ đọc. Áp lực đến từ bố cục, chứ không phải do rung máy quay. 3.00–6.50 “Vậy là chúng ta đã hiểu được sức nặng của sự chờ đợi.” Hé lộ câu văn theo nhóm cụm từ được nói. WAITING hạ xuống trên hai đường thẳng đứng mảnh. Những đường thẳng đó trở thành dây cáp treo. Một đường cơ sở uốn cong dưới tải trọng hình ảnh bằng cách sử dụng biến dạng vectơ được kiểm soát. 6:50–10:00 “Rồi một giọng nói nhường chỗ.” Giọng nói đi vào theo chiều dọc và xoay tròn thành một cấu trúc hỗ trợ. Nó nâng một đầu của đường cơ sở. Phần đối xứng của chữ O trong ROOM trở thành một khe hở. Bố cục tiếp theo được hé lộ qua khe hở đó. 10:00–12:50 “Rồi một giọng nói khác.” Một cấu trúc hỗ trợ thứ hai xuất hiện. Cấu trúc nghiêng được cân bằng. Đây là khoảnh khắc đầu tiên của sự thẳng hàng ngang hoàn hảo trong phim. Sử dụng một khoảng lặng ngắn để tạo cảm giác sự thay đổi xứng đáng. 12:50–16:00 “Giờ thì sàn nhà thuộc về chúng ta.” Các từ cấu trúc trước đó tập hợp lại thành một bệ. Câu cuối cùng được đặt lên đó. US được nhấn mạnh thông qua sự thẳng hàng và tỷ lệ chung, chứ không phải thông qua một hiệu ứng hào nhoáng riêng biệt. 16:00–18:00 Giữ nguyên tuyên bố hoàn chỉnh. Một sự giải tỏa nhẹ nhàng lan tỏa qua các quy tắc hỗ trợ. Không có văn bản mới. Không có chuyển động trang trí bồn chồn. 18:00–20:00 Máy quay theo dõi bên dưới bệ đã hoàn thành. Mặt dưới của nó lấp đầy khung hình và trở thành thanh ngang WAIT mở đầu. Trong điều kiện che khuất hoàn toàn, hãy trả các phần tử bị ẩn về vị trí ban đầu của chúng. Tiết lộ bố cục mở đầu chính xác. BIÊN ĐỘNG Không ép buộc lời nói vào nhịp điệu nhảy. Sử dụng bảng gợi ý dựa trên các cụm từ, khoảng dừng và sự nhấn mạnh. Việc tiết lộ cụm từ nên tuân theo thứ tự đọc. Cho phép ít nhất một khoảnh khắc tĩnh lặng tuyệt đối 400ms. Sử dụng chuyển động giảm chấn tới hạn cho các tải trọng ổn định. Chỉ sử dụng biến dạng đàn hồi được kiểm soát cho đường cơ sở. Hãy để những thay đổi trong không gian có sẵn mang lại sự tiến triển cảm xúc. TRIỂN KHAI KIỂU CHỮ Sử dụng đường dẫn ký tự thực tế cho các từ cấu trúc. Bảo toàn các khoảng trống và khả năng đọc trong quá trình biến dạng. Đối với các chuyển tiếp giữa các từ không liên quan, hãy sử dụng che khuất hoặc các cạnh cấu trúc khớp; không nội suy các điểm đường dẫn tùy ý. Giữ cho cụm từ đang được nói có thể đọc được trước khi nó trở thành kiến trúc. KỸ THUẬT Triển khai window.seek(t) như một trình kết xuất cảnh xác định. Không có vật lý tích lũy, chuyển đổi CSS tự động hoặc thay đổi các giá trị ngẫu nhiên. Sử dụng các đường cong ánh xạ lại thời gian và các phép biến đổi phân tích. Sử dụng dòng thời gian định kỳ 20 giây với render(0)=render(20). Cung cấp quyền truy cập theo bước cố định ở mức n/60 cho 1200 khung hình xuất. Âm thanh là tùy chọn và mặc định là tắt; không phụ thuộc vào trình tổng hợp giọng nói hoặc tính năng tự động phát của trình duyệt. CỔNG KIỂM TRA CHẤT LƯỢNG Kiểm tra tám khung hình đại diện. Kiểm tra xem bài phát biểu có được đọc theo đúng thứ tự hay không. Kiểm tra xem các phép biến đổi cấu trúc có bao giờ phá hủy một dòng trước khi người nghe có thể đọc được hay không. Kiểm tra xem nền tảng cuối cùng có được lắp ráp rõ ràng từ các phần tử trước đó hay không. Trả về bản triển khai HTML hoàn chỉnh.

Create a 20.00-second kinetic spoken-word film titled “BUILD THE FLOOR.”  Treat this as an original miniature speech staged entirely through typography. Every line changes the architecture of the frame. The final declaration must stand on something the earlier words physically constructed.  Deliver one self-contained HTML file, 1080×1080, targeting 60fps, using SVG and/or Canvas. Embed all required assets.  ART DIRECTION Background #102820. Paper # F4E9D5. Structural accent # F2B544. A literary editorial world with the scale and confidence of a public monument. Use a high-contrast serif for the speech, a heavy grotesque for load-bearing words, and a restrained monospace for small timing marks. No distressed protest-poster clichés, megaphones, flags, crowds, microphones, or stock footage.  ORIGINAL SPEECH — EXACT WORDS, EXACT ORDER “We were told to wait.” “So we learned the weight of waiting.” “Then one voice made room.” “Then another.” “Now the floor belongs to us.”  Do not attribute these words to any real person. No extra slogans. The complete speech must be understandable without audio.  CENTRAL VISUAL RULE Words have assigned architectural roles. WAIT is a lintel. WAITING is a suspended load. VOICE is a support. ROOM is an opening. FLOOR is a platform. These roles must emerge from the actual letterforms, not from separate illustrations placed behind text.  STORYBOARD 0.00–3.00 “We were told to wait.” The sentence occupies a narrow horizontal opening beneath a massive WAIT. The opening slowly compresses while the sentence remains readable. The pressure comes from the layout, not camera shake.  3.00–6.50 “So we learned the weight of waiting.” Reveal the sentence in spoken phrase groups. WAITING lowers on two fine vertical rules. Those rules become suspension cables. A baseline bends under the visual load using a controlled vector deformation.  6.50–10.00 “Then one voice made room.” VOICE enters vertically and rotates into a structural support. It lifts one end of the baseline. The counter of the O in ROOM becomes an aperture. The next composition is revealed through that aperture.  10.00–12.50 “Then another.” A second support arrives. The tilted structure levels. This is the first moment of perfect horizontal alignment in the film. Use a brief stillness to make the change feel earned.  12.50–16.00 “Now the floor belongs to us.” Earlier structural words assemble into a platform. The final sentence settles onto it. US receives emphasis through shared alignment and scale, never through a separate flashy effect.  16.00–18.00 Hold the complete declaration. A slight release of tension travels through the supporting rules. No new text. No restless decorative motion.  18.00–20.00 The camera tracks beneath the completed platform. Its underside fills the frame and becomes the opening WAIT lintel. Under full occlusion, return hidden elements to their initial positions. Reveal the exact opening composition.  CHOREOGRAPHY Do not force the speech onto a dance beat. Use a cue sheet based on phrases, pauses, and emphasis. Phrase reveals should follow reading order. Allow at least one 400ms moment of absolute stillness. Use critically damped motion for settling loads. Use controlled elastic deformation for the baseline only. Make the changes in available space carry the emotional progression.  TYPE IMPLEMENTATION Use actual glyph paths for structural words. Preserve counters and legibility during deformation. For transitions between unrelated words, use occlusion or matched structural edges; do not interpolate arbitrary path points. Keep the currently spoken phrase readable before it becomes architecture.  ENGINEERING Implement window. seek(t) as a deterministic scene renderer. No accumulated physics, autonomous CSS transitions, or changing random values. Use time-remapping curves and analytic transforms. Use a 20-second periodic timeline with render(0)=render(20). Provide fixed-step access at n/60 for 1200 export frames. Audio is optional and off by default; no browser speech synthesis or autoplay dependency.  QUALITY GATE Inspect eight representative frames. Check that the speech reads in the correct order. Check that structural transformations never destroy a line before the audience can read it. Check the final platform is visibly assembled from earlier elements. Return the complete HTML implementation.

Lời nhắc được lấy từ bưu kiện @Gdgtify.