ຄຳເວົ້າທີ່ສ້າງຂຶ້ນເປັນສະຖາປັດຕະຍະກຳ

ສ້າງຮູບເງົາຄຳເວົ້າທີ່ມີການເຄື່ອນໄຫວ 20.00 ວິນາທີ ທີ່ມີຫົວຂໍ້ວ່າ "ສ້າງພື້ນ." ໃຫ້ຖືວ່າສິ່ງນີ້ເປັນຄຳເວົ້າຂະໜາດນ້ອຍຕົ້ນສະບັບທີ່ຈັດລຽງຜ່ານຮູບແບບຕົວອັກສອນທັງໝົດ. ທຸກໆແຖວປ່ຽນແປງສະຖາປັດຕະຍະກຳຂອງເຟຣມ. ຄຳປະກາດສຸດທ້າຍຕ້ອງຢືນຢູ່ໃນສິ່ງທີ່ຄຳເວົ້າກ່ອນໜ້ານີ້ສ້າງຂຶ້ນທາງກາຍະພາບ. ສົ່ງໄຟລ໌ HTML ທີ່ມີຕົວມັນເອງໜຶ່ງໄຟລ໌, 1080×1080, ເປົ້າໝາຍ 60fps, ໂດຍໃຊ້ SVG ແລະ/ຫຼື Canvas. ຝັງຊັບສິນທີ່ຕ້ອງການທັງໝົດ. ທິດທາງສິລະປະ ພື້ນຫຼັງ #102820. ເອກະສານ # F4E9D5. ສຳນຽງໂຄງສ້າງ # F2B544. ໂລກບັນນາທິການວັນນະຄະດີທີ່ມີຂະໜາດ ແລະ ຄວາມໝັ້ນໃຈຂອງອະນຸສອນສະຖານສາທາລະນະ. ໃຊ້ serif ທີ່ມີຄວາມຄົມຊັດສູງສຳລັບຄຳເວົ້າ, ຕົວອັກສອນທີ່ໜັກໜ່ວງສຳລັບຄຳເວົ້າທີ່ຮັບນ້ຳໜັກ, ແລະ monospace ທີ່ຈຳກັດສຳລັບເຄື່ອງໝາຍເວລາຂະໜາດນ້ອຍ. ບໍ່ມີ clichés ໂປສເຕີປະທ້ວງທີ່ໂສກເສົ້າ, ໂທໂຂງ, ທຸງ, ຝູງຊົນ, ໄມໂຄຣໂຟນ, ຫຼືພາບຖ່າຍສະຕັອກ. ຄຳເວົ້າຕົ້ນສະບັບ - ຄຳເວົ້າທີ່ແນ່ນອນ, ລຳດັບທີ່ແນ່ນອນ "ພວກເຮົາຖືກບອກໃຫ້ລໍຖ້າ." "ດັ່ງນັ້ນພວກເຮົາຈຶ່ງໄດ້ຮຽນຮູ້ນ້ຳໜັກຂອງການລໍຖ້າ." “ຈາກນັ້ນສຽງໜຶ່ງເຮັດໃຫ້ຫ້ອງ.” “ຈາກນັ້ນອີກສຽງໜຶ່ງ.” “ດຽວນີ້ພື້ນເປັນຂອງພວກເຮົາ.” ຢ່າຖືວ່າຄຳເຫຼົ່ານີ້ເປັນຂອງບຸກຄົນຕົວຈິງ. ບໍ່ມີຄຳຂວັນເພີ່ມເຕີມ. ຄຳເວົ້າທີ່ສົມບູນຕ້ອງເຂົ້າໃຈໄດ້ໂດຍບໍ່ມີສຽງ. ກົດລະບຽບທາງສາຍຕາສູນກາງ ຄຳເວົ້າໄດ້ມອບໝາຍບົດບາດທາງສະຖາປັດຕະຍະກຳ. ລໍຖ້າ ແມ່ນ archete. ລໍຖ້າ ແມ່ນພາລະທີ່ຖືກໂຈະ. ສຽງ ແມ່ນ ການສະໜັບສະໜູນ. ຫ້ອງ ແມ່ນ ຊ່ອງເປີດ. ພື້ນ ແມ່ນ ເວທີ. ບົດບາດເຫຼົ່ານີ້ຕ້ອງເກີດຂຶ້ນຈາກຮູບແບບຕົວອັກສອນຕົວຈິງ, ບໍ່ແມ່ນມາຈາກຮູບແຕ້ມແຍກຕ່າງຫາກທີ່ວາງໄວ້ທາງຫຼັງຂໍ້ຄວາມ. STORYBOARD 0.00–3.00 “ພວກເຮົາຖືກບອກໃຫ້ລໍຖ້າ.” ປະໂຫຍກຢູ່ໃນຊ່ອງເປີດທີ່ແຄບໆຕາມແນວນອນພາຍໃຕ້ WAIT ຂະໜາດໃຫຍ່. ຊ່ອງເປີດຊ້າໆຖືກບີບອັດໃນຂະນະທີ່ປະໂຫຍກຍັງຄົງອ່ານໄດ້. ຄວາມກົດດັນມາຈາກຮູບແບບ, ບໍ່ແມ່ນການສັ່ນຂອງກ້ອງຖ່າຍຮູບ. 3.00–6.50 “ດັ່ງນັ້ນພວກເຮົາໄດ້ຮຽນຮູ້ນ້ຳໜັກຂອງການລໍຖ້າ.” ເປີດເຜີຍປະໂຫຍກໃນກຸ່ມປະໂຫຍກທີ່ເວົ້າ. ລໍຖ້າ ຫຼຸດລົງໃນສອງກົດລະບຽບແນວຕັ້ງທີ່ດີ. ກົດລະບຽບເຫຼົ່ານັ້ນກາຍເປັນສາຍແຂວນ. ເສັ້ນຖານໂຄ້ງພາຍໃຕ້ພາລະທາງສາຍຕາໂດຍໃຊ້ການຜິດຮູບເວັກເຕີທີ່ຄວບຄຸມ. 6.50–10.00 “ຈາກນັ້ນສຽງໜຶ່ງເຮັດໃຫ້ຫ້ອງ.” ສຽງ (VOICE) ເຂົ້າສູ່ແນວຕັ້ງ ແລະ ໝຸນເຂົ້າໄປໃນການຮອງຮັບໂຄງສ້າງ. ມັນຍົກປາຍດ້ານໜຶ່ງຂອງເສັ້ນຖານ. ຕົວນັບຂອງຕົວ O ໃນ ROOM ກາຍເປັນຮູຮັບແສງ. ອົງປະກອບຕໍ່ໄປຖືກເປີດເຜີຍຜ່ານຮູຮັບແສງນັ້ນ. 10.00–12.50 “ຈາກນັ້ນອີກອັນໜຶ່ງ.” ການຮອງຮັບຄັ້ງທີສອງມາຮອດ. ໂຄງສ້າງທີ່ອຽງໄດ້ລະດັບ. ນີ້ແມ່ນຊ່ວງເວລາທຳອິດຂອງການຈັດລຽນແນວນອນທີ່ສົມບູນແບບໃນຮູບເງົາ. ໃຊ້ຄວາມນິ້ງສັ້ນໆເພື່ອເຮັດໃຫ້ການປ່ຽນແປງຮູ້ສຶກວ່າໄດ້ຮັບ. 12.50–16.00 “ດຽວນີ້ພື້ນເປັນຂອງພວກເຮົາ.” ຄຳສັບໂຄງສ້າງກ່ອນໜ້ານີ້ລວມເຂົ້າກັນເປັນເວທີ. ປະໂຫຍກສຸດທ້າຍຕົກລົງໃສ່ມັນ. US ໄດ້ຮັບການເນັ້ນໜັກຜ່ານການຈັດລຽນ ແລະ ຂະໜາດຮ່ວມກັນ, ບໍ່ເຄີຍຜ່ານຜົນກະທົບທີ່ໂດດດ່ຽວແຍກຕ່າງຫາກ. 16.00–18.00 ຖືຄຳປະກາດທີ່ສົມບູນ. ການປ່ອຍຄວາມເຄັ່ງຕຶງເລັກນ້ອຍເດີນທາງຜ່ານກົດລະບຽບການຮອງຮັບ. ບໍ່ມີຂໍ້ຄວາມໃໝ່. ບໍ່ມີການເຄື່ອນໄຫວຕົກແຕ່ງທີ່ບໍ່ຢຸດຢັ້ງ. 18.00–20.00 ກ້ອງຖ່າຍຮູບຕິດຕາມຢູ່ໃຕ້ເວທີທີ່ສຳເລັດແລ້ວ. ດ້ານລຸ່ມຂອງມັນເຕັມກອບ ແລະ ກາຍເປັນ lintel WAIT ເປີດ. ພາຍໃຕ້ການປິດບັງເຕັມທີ່, ສົ່ງຄືນອົງປະກອບທີ່ເຊື່ອງໄວ້ໃຫ້ກັບຕຳແໜ່ງເບື້ອງຕົ້ນຂອງພວກມັນ. ເປີດເຜີຍອົງປະກອບເປີດທີ່ແນ່ນອນ. ການອອກແບບທ່າເຕັ້ນ ຢ່າບັງຄັບການປາກເວົ້າໃຫ້ເປັນຈັງຫວະການເຕັ້ນ. ໃຊ້ແຜ່ນສັນຍານໂດຍອີງໃສ່ປະໂຫຍກ, ການຢຸດຊົ່ວຄາວ, ແລະ ການເນັ້ນໜັກ. ການເປີດເຜີຍປະໂຫຍກຄວນປະຕິບັດຕາມລຳດັບການອ່ານ. ອະນຸຍາດໃຫ້ມີຢ່າງໜ້ອຍໜຶ່ງຊ່ວງເວລາ 400ms ຂອງຄວາມນິ້ງຢ່າງແທ້ຈິງ. ໃຊ້ການເຄື່ອນໄຫວທີ່ຊຸ່ມຊື່ນຢ່າງຮ້າຍແຮງສຳລັບການຕົກຕະກອນ. ໃຊ້ການຜິດຮູບແບບທີ່ຄວບຄຸມໄດ້ສຳລັບເສັ້ນຖານເທົ່ານັ້ນ. ເຮັດການປ່ຽນແປງໃນພື້ນທີ່ທີ່ມີຢູ່ເພື່ອນຳໄປສູ່ຄວາມຄືບໜ້າທາງດ້ານອາລົມ. ການຈັດຕັ້ງປະຕິບັດປະເພດ ໃຊ້ເສັ້ນທາງ glyph ຕົວຈິງສຳລັບຄຳສັບທີ່ມີໂຄງສ້າງ. ຮັກສາຕົວນັບ ແລະ ຄວາມຊັດເຈນໃນລະຫວ່າງການຜິດຮູບແບບ. ສຳລັບການຫັນປ່ຽນລະຫວ່າງຄຳສັບທີ່ບໍ່ກ່ຽວຂ້ອງ, ໃຫ້ໃຊ້ການປິດກັ້ນ ຫຼື ຂອບໂຄງສ້າງທີ່ກົງກັນ; ຢ່າແຊກແຊງຈຸດເສັ້ນທາງທີ່ບໍ່ມີຂອບເຂດ. ຮັກສາປະໂຫຍກທີ່ເວົ້າໃນປະຈຸບັນໃຫ້ອ່ານໄດ້ກ່ອນທີ່ມັນຈະກາຍເປັນສະຖາປັດຕະຍະກຳ. ວິສະວະກຳ ຈັດຕັ້ງປະຕິບັດ window. 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.