คำพูดถูกสร้างขึ้นในฐานะสถาปัตยกรรม

สร้างภาพยนตร์สั้นแบบเคลื่อนไหว (kinetic spoken-word film) ความยาว 20 วินาที ชื่อเรื่อง “BUILD THE FLOOR” โดยให้คิดว่านี่คือสุนทรพจน์ขนาดเล็กที่สร้างขึ้นโดยใช้ตัวอักษรทั้งหมด แต่ละบรรทัดจะเปลี่ยนโครงสร้างของเฟรม คำประกาศสุดท้ายต้องตั้งอยู่บนพื้นฐานที่คำพูดก่อนหน้านี้สร้างขึ้น ส่งไฟล์ HTML ไฟล์เดียว ขนาด 1080x1080 พิกเซล ตั้งเป้าหมายที่ 60 เฟรมต่อวินาที โดยใช้ SVG และ/หรือ Canvas ฝังส่วนประกอบที่จำเป็นทั้งหมด การกำกับศิลป์: พื้นหลัง #102820 กระดาษ # F4E9D5 องค์ประกอบเน้นโครงสร้าง # F2B544 สร้างโลกแห่งบทบรรณาธิการวรรณกรรมที่มีขนาดและความมั่นใจเหมือนอนุสาวรีย์สาธารณะ ใช้แบบอักษร serif ที่มีความคมชัดสูงสำหรับคำพูด แบบอักษร grotesque ที่หนักแน่นสำหรับคำสำคัญ และแบบอักษร monospace ที่เรียบง่ายสำหรับเครื่องหมายบอกเวลาเล็กๆ ห้ามใช้ภาพโปสเตอร์ประท้วงที่ดูเก่า ห้ามใช้เครื่องขยายเสียง ธง ฝูงชน ไมโครโฟน หรือฟุตเทจสำเร็จรูป บทพูดต้นฉบับ — คำพูดที่ถูกต้อง ลำดับที่ถูกต้อง “เราได้รับคำสั่งให้รอ” “ดังนั้นเราจึงได้เรียนรู้ถึงภาระของการรอคอย” “แล้วเสียงหนึ่งก็หลีกทาง” “แล้วอีกเสียงหนึ่ง” “ตอนนี้พื้นที่นี้เป็นของเราแล้ว” ห้ามอ้างอิงคำพูดเหล่านี้กับบุคคลจริง ห้ามใส่สโลแกนเพิ่มเติม บทพูดทั้งหมดต้องเข้าใจได้โดยไม่ต้องมีเสียงประกอบ กฎภาพหลัก คำต่างๆ มีบทบาททางสถาปัตยกรรมที่กำหนดไว้ WAIT คือคาน WAITING คือน้ำหนักที่แขวนอยู่ VOICE คือส่วนรองรับ ROOM คือช่องเปิด FLOOR คือแท่น บทบาทเหล่านี้ต้องปรากฏจากรูปทรงตัวอักษรจริง ไม่ใช่จากภาพประกอบแยกต่างหากที่วางอยู่ด้านหลังข้อความ สตอรี่บอร์ด 0.00–3.00 “เราได้รับคำสั่งให้รอ” ประโยคนี้อยู่ในช่องเปิดแนวนอนแคบๆ ใต้คำว่า WAIT ขนาดใหญ่ ช่องเปิดค่อยๆ บีบตัวลงในขณะที่ประโยคยังคงอ่านได้ แรงกดดันมาจากเค้าโครง ไม่ใช่จากการสั่นของกล้อง 3.00–6.50 “ดังนั้นเราจึงได้เรียนรู้ถึงภาระของการรอคอย” เปิดเผยประโยคในรูปแบบกลุ่มวลีที่พูดออกมา WAITING วางอยู่บนเส้นตรงแนวตั้งสองเส้น เส้นตรงเหล่านั้นกลายเป็นสายเคเบิลแขวน เส้นฐานโค้งงอภายใต้น้ำหนักภาพโดยใช้การเปลี่ยนรูปเวกเตอร์ที่ควบคุมได้ 6.50–10.00 “แล้วเสียงหนึ่งก็เปิดทาง” VOICE เข้ามาในแนวตั้งและหมุนไปเป็นโครงสร้างรองรับ มันยกปลายด้านหนึ่งของเส้นฐานขึ้น ช่องว่างของตัว O ใน ROOM กลายเป็นช่องเปิด องค์ประกอบถัดไปถูกเปิดเผยผ่านช่องเปิดนั้น 10.00–12.50 “แล้วอีกเสียงหนึ่ง” โครงสร้างรองรับที่สองมาถึง โครงสร้างที่เอียงได้ระดับ นี่คือช่วงเวลาแรกของการจัดเรียงแนวนอนที่สมบูรณ์แบบในภาพยนตร์ ใช้ความนิ่งสั้นๆ เพื่อให้การเปลี่ยนแปลงดูสมเหตุสมผล 12.50–16.00 “ตอนนี้พื้นเป็นของเราแล้ว” คำโครงสร้างก่อนหน้านี้ประกอบกันเป็นแท่น ประโยคสุดท้ายวางลงบนนั้น US ได้รับการเน้นย้ำผ่านการจัดเรียงและขนาดที่ใช้ร่วมกัน ไม่ใช่ผ่านเอฟเฟกต์ที่ฉูดฉาดแยกต่างหาก 16.00–18.00 คงคำประกาศทั้งหมดไว้ การคลายความตึงเครียดเล็กน้อยส่งผ่านเส้นตรงที่รองรับ ไม่มีข้อความใหม่ ไม่มีการเคลื่อนไหวตกแต่งที่ไม่หยุดนิ่ง 18.00–20.00 กล้องติดตามใต้แท่นที่สร้างเสร็จแล้ว ด้านล่างของแท่นจะเต็มเฟรมและกลายเป็นคานเปิด WAIT ภายใต้การบดบังอย่างสมบูรณ์ ให้คืนองค์ประกอบที่ซ่อนอยู่กลับไปยังตำแหน่งเริ่มต้น เปิดเผยองค์ประกอบเปิดที่แน่นอน การออกแบบท่าเต้น อย่าบังคับให้คำพูดเข้ากับจังหวะการเต้น ใช้แผ่นคิวที่อิงตามวลี การหยุด และการเน้นเสียง การเปิดเผยวลีควรเป็นไปตามลำดับการอ่าน อนุญาตให้มีช่วงเวลาหยุดนิ่งอย่างสมบูรณ์อย่างน้อย 400 มิลลิวินาที ใช้การเคลื่อนไหวแบบหน่วงวิกฤตสำหรับน้ำหนักที่ลดลง ใช้การเปลี่ยนรูปยืดหยุ่นที่ควบคุมได้สำหรับเส้นฐานเท่านั้น ทำให้การเปลี่ยนแปลงในพื้นที่ว่างส่งผลให้เกิดความก้าวหน้าทางอารมณ์ การใช้งานตัวอักษร ใช้เส้นทางของตัวอักษรจริงสำหรับคำโครงสร้าง รักษาตัวนับและความชัดเจนระหว่างการเปลี่ยนรูป สำหรับการเปลี่ยนระหว่างคำที่ไม่เกี่ยวข้องกัน ให้ใช้การบดบังหรือขอบโครงสร้างที่ตรงกัน อย่าประมาณจุดเส้นทางตามอำเภอใจ รักษาให้วลีที่กำลังพูดอยู่สามารถอ่านได้ก่อนที่จะกลายเป็นสถาปัตยกรรม วิศวกรรม ใช้งานหน้าต่าง seek(t) เป็นตัวเรนเดอร์ฉากแบบกำหนดค่าได้ ไม่มีฟิสิกส์สะสม การเปลี่ยนภาพ CSS แบบอัตโนมัติ หรือค่าสุ่มที่เปลี่ยนแปลง ใช้เส้นโค้งการแมปเวลาและการแปลงเชิงวิเคราะห์ ใช้ไทม์ไลน์แบบวนซ้ำ 20 วินาที โดย render(0)=render(20) ให้การเข้าถึงแบบคงที่ที่ n/60 สำหรับเฟรมส่งออก 1200 เฟรม เสียงเป็นตัวเลือกและปิดใช้งานโดยค่าเริ่มต้น ไม่มีการสังเคราะห์เสียงพูดของเบราว์เซอร์หรือการพึ่งพาการเล่นอัตโนมัติ เกณฑ์คุณภาพ ตรวจสอบเฟรมตัวอย่างแปดเฟรม ตรวจสอบว่าเสียงพูดอ่านได้ตามลำดับที่ถูกต้อง ตรวจสอบว่าการแปลงโครงสร้างไม่ทำลายบรรทัดก่อนที่ผู้ชมจะอ่านได้ ตรวจสอบว่าแพลตฟอร์มสุดท้ายประกอบขึ้นจากองค์ประกอบก่อนหน้าอย่างเห็นได้ชัด ส่งคืนการใช้งาน HTML ที่สมบูรณ์

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.

ข้อความต้นฉบับมาจาก โพสต์ @Gdgtify.