راه‌اندازی: گفتار به مثابه معماری ساخته شده است

یک فیلم گفتاری متحرک ۲۰ ثانیه‌ای با عنوان «کف را بسازید» بسازید. این را به عنوان یک سخنرانی مینیاتوری اصلی که کاملاً از طریق تایپوگرافی صحنه‌آرایی شده است، در نظر بگیرید. هر خط، معماری قاب را تغییر می‌دهد. بیانیه نهایی باید بر روی چیزی باشد که کلمات قبلی به صورت فیزیکی ساخته‌اند. یک فایل HTML مستقل، ۱۰۸۰×۱۰۸۰، با هدف ۶۰ فریم بر ثانیه، با استفاده از SVG و/یا Canvas ارائه دهید. تمام دارایی‌های مورد نیاز را جاسازی کنید. جهت هنری پس‌زمینه شماره ۱۰۲۸۲۰. شماره کاغذ F4E9D5. لهجه ساختاری شماره F2B544. یک دنیای سرمقاله ادبی با مقیاس و اعتماد به نفس یک بنای یادبود عمومی. از یک سریف با کنتراست بالا برای سخنرانی، یک گروتسک سنگین برای کلمات سنگین و یک مونواسپیس محدود برای علائم زمان‌بندی کوچک استفاده کنید. از کلیشه‌های پوستر اعتراضی خسته‌کننده، بلندگوها، پرچم‌ها، جمعیت، میکروفون یا فیلم‌های آماده استفاده نکنید. سخنرانی اصلی - کلمات دقیق، ترتیب دقیق «به ما گفته شد که منتظر بمانیم.» «بنابراین ما وزن انتظار کشیدن را یاد گرفتیم.» «سپس یک صدا فضا را باز کرد.» «سپس صدای دیگری.» «حالا زمین متعلق به ماست.» این کلمات را به هیچ شخص واقعی نسبت ندهید. شعار اضافی ممنوع. کل سخنرانی باید بدون صدا قابل فهم باشد. قانون بصری مرکزی کلمات نقش‌های معماری را تعیین کرده‌اند. صبر کردن یک نعل درگاه است. صبر کردن یک بار معلق است. صدا یک تکیه‌گاه است. اتاق یک روزنه است. زمین یک سکو است. این نقش‌ها باید از شکل واقعی حروف پدیدار شوند، نه از تصاویر جداگانه‌ای که پشت متن قرار گرفته‌اند. استوری‌بورد 0.00-3.00 «به ما گفته شد که صبر کنیم.» جمله یک روزنه افقی باریک را در زیر یک انتظار عظیم اشغال می‌کند. روزنه به آرامی فشرده می‌شود در حالی که جمله قابل خواندن باقی می‌ماند. فشار از طرح‌بندی ناشی می‌شود، نه لرزش دوربین. 3.00-6.50 «بنابراین ما وزن انتظار کشیدن را یاد گرفتیم.» جمله را در گروه‌های عبارات گفتاری آشکار کنید. صبر کردن روی دو قانون عمودی ظریف پایین می‌آید. آن قوانین به کابل‌های تعلیق تبدیل می‌شوند. یک خط پایه با استفاده از تغییر شکل برداری کنترل‌شده، زیر بار بصری خم می‌شود. ۶:۵۰-۱۰:۰۰ «سپس یک صدا فضا ایجاد کرد.» صدا به صورت عمودی وارد می‌شود و به یک تکیه‌گاه ساختاری می‌چرخد. یک انتهای خط پایه را بالا می‌برد. شمارنده O در ROOM به یک دیافراگم تبدیل می‌شود. ترکیب‌بندی بعدی از طریق آن دیافراگم آشکار می‌شود. ۱۰:۰۰-۱۲:۵۰ «سپس دیگری.» تکیه‌گاه دوم از راه می‌رسد. سازه کج‌شده تراز می‌شود. این اولین لحظه از تراز افقی کامل در فیلم است. از یک سکو کوتاه استفاده کنید تا تغییر به دست آمده به نظر برسد. ۱۲:۵۰-۱۶:۰۰ «حالا زمین متعلق به ماست.» کلمات ساختاری قبلی در یک سکو جمع می‌شوند. جمله نهایی روی آن قرار می‌گیرد. US از طریق ترازبندی و مقیاس مشترک تأکید دریافت می‌کند، نه از طریق یک جلوه پر زرق و برق جداگانه. ۱۶:۰۰-۱۸:۰۰ اعلامیه کامل را نگه دارید. کمی رهایی از تنش از طریق قوانین تکیه‌گاه عبور می‌کند. متن جدیدی وجود ندارد. حرکت تزئینی بی‌قراری وجود ندارد. ۱۸:۰۰-۲۰:۰۰ دوربین زیر سکوی تکمیل‌شده حرکت می‌کند. قسمت زیرین آن قاب را پر می‌کند و به نعل درگاه آغازین تبدیل می‌شود. در حالت انسداد کامل، عناصر پنهان را به موقعیت‌های اولیه خود برگردانید. ترکیب دقیق آغازین را آشکار کنید. رقص‌پردازی گفتار را به ضرب آهنگ رقص تبدیل نکنید. از یک برگه راهنما بر اساس عبارات، مکث‌ها و تأکیدها استفاده کنید. آشکارسازی عبارات باید از ترتیب خواندن پیروی کند. حداقل یک لحظه سکون مطلق ۴۰۰ میلی‌ثانیه‌ای را در نظر بگیرید. برای بارهای ساکن از حرکت بحرانی میرا استفاده کنید. فقط برای خط پایه از تغییر شکل الاستیک کنترل‌شده استفاده کنید. تغییرات در فضای موجود را طوری تنظیم کنید که پیشرفت احساسی را به همراه داشته باشد. پیاده‌سازی نوع از مسیرهای گلیف واقعی برای کلمات ساختاری استفاده کنید. شمارنده‌ها و خوانایی را در حین تغییر شکل حفظ کنید. برای انتقال بین کلمات نامرتبط، از انسداد یا لبه‌های ساختاری منطبق استفاده کنید. نقاط مسیر دلخواه را درون‌یابی نکنید. عبارت فعلی گفته شده را قبل از تبدیل شدن به معماری، خوانا نگه دارید. مهندسی. پنجره را پیاده‌سازی کنید. به عنوان یک رندرکننده صحنه قطعی، از seek(t) استفاده کنید. بدون فیزیک انباشته، انتقال‌های CSS مستقل یا تغییر مقادیر تصادفی. از منحنی‌های بازنگاشت زمانی و تبدیل‌های تحلیلی استفاده کنید. از یک جدول زمانی تناوبی 20 ثانیه‌ای با render(0)=render(20) استفاده کنید. برای 1200 فریم خروجی، دسترسی گام ثابت در n/60 فراهم کنید. صدا اختیاری است و به طور پیش‌فرض خاموش است؛ هیچ وابستگی به سنتز گفتار مرورگر یا پخش خودکار وجود ندارد. دروازه کیفیت هشت فریم نمونه را بررسی کنید. بررسی کنید که گفتار به ترتیب صحیح خوانده می‌شود. بررسی کنید که تبدیل‌های ساختاری هرگز خطی را قبل از اینکه مخاطب بتواند آن را بخواند، از بین نمی‌برند. بررسی کنید که پلتفرم نهایی به طور قابل مشاهده از عناصر قبلی مونتاژ شده باشد. پیاده‌سازی کامل 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.