3B animasyon formatında kinetik tipografi: kelimeler, son mesajın üzerinde durduğu bir platform oluşturur

Prompt

PROMPT:
“BUILD THE FLOOR.” başlıklı, 20.00 saniyelik kinetik bir spoken-word film oluşturun. Bunu tamamen tipografi aracılığıyla sahnelenen özgün, minyatür bir konuşma olarak ele alın. Her satır, karenin mimarisini değiştirir. Final bildirisinin üzerinde durduğu şey, önceki sözcüklerin fiziksel olarak inşa ettiği bir yapı olmalıdır. 1080×1080 boyutlarında, 60fps hedefleyen, SVG ve/veya Canvas kullanan, kendi kendine yeterli tek bir HTML dosyası teslim edin. Gerekli tüm varlıkları dosyaya gömün.

SANAT YÖNETİMİ
Arka plan #102820. Kâğıt # F4E9D5. Yapısal vurgu # F2B544. Kamusal bir anıtın ölçeğine ve özgüvenine sahip, edebi bir editoryal dünya. Konuşma için yüksek kontrastlı bir serif, yük taşıyan sözcükler için ağır bir grotesk ve küçük zamanlama işaretleri için ölçülü bir monospace kullanın. Yıpranmış protesto afişi klişeleri, megafonlar, bayraklar, kalabalıklar, mikrofonlar veya stok görüntüler kullanmayın.

ÖZGÜN KONUŞMA — KELİMELER VE SIRALAMA KESİNLİKLE AYNI
“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.”

Bu sözleri gerçek herhangi bir kişiye atfetmeyin. Ek slogan kullanmayın. Konuşmanın tamamı ses olmadan anlaşılabilir olmalıdır.

MERKEZİ GÖRSEL KURAL
Sözcüklere mimari roller atanmıştır. WAIT bir lento görevi görür. WAITING asılı bir yüktür. VOICE bir destek görevi görür. ROOM bir açıklıktır. FLOOR bir platformdur. Bu roller, metnin arkasına yerleştirilen ayrı illüstrasyonlardan değil, gerçek harf biçimlerinden ortaya çıkmalıdır.

SAHNE PLANI
0.00–3.00 “We were told to wait.”
Cümle, devasa bir WAIT sözcüğünün altında dar, yatay bir açıklığı kaplar. Cümle okunabilirliğini korurken açıklık yavaşça daralır. Baskı, kamera sarsıntısından değil, yerleşimden kaynaklanır.

3.00–6.50 “So we learned the weight of waiting.”
Cümleyi konuşma içindeki ifade grupları hâlinde ortaya çıkarın. WAITING iki ince dikey çizgi üzerinde aşağı iner. Bu çizgiler askı kablolarına dönüşür. Bir baseline, kontrollü bir vektör deformasyonu kullanılarak görsel yükün altında bükülür.

6.50–10.00 “Then one voice made room.”
VOICE dikey olarak girer ve yapısal bir desteğe dönüşecek şekilde döner. Baseline’ın bir ucunu kaldırır. ROOM içindeki O harfinin counter’ı bir açıklık hâline gelir. Bir sonraki kompozisyon bu açıklığın içinden görünür.

10.00–12.50 “Then another.”
İkinci bir destek gelir. Eğik yapı hizalanır. Bu, filmde kusursuz yatay hizalamanın ilk anıdır. Değişimin hak edilmiş hissedilmesi için kısa bir durağanlık kullanın.

12.50–16.00 “Now the floor belongs to us.”
Önceki yapısal sözcükler bir platform oluşturmak üzere birleşir. Final cümlesi bunun üzerine yerleşir. US, ayrı ve gösterişli bir efektle değil, ortak hizalama ve ölçek aracılığıyla vurgulanır.

16.00–18.00
Eksiksiz bildiriyi ekranda tutun. Destekleyici çizgiler boyunca hafif bir gerilim boşalması ilerler. Yeni metin kullanmayın. Huzursuz, dekoratif hareketlere yer vermeyin.

18.00–20.00
Kamera tamamlanmış platformun altından takip eder. Platformun alt yüzeyi kareyi doldurur ve açılıştaki WAIT lentesine dönüşür. Tam kapanma altında, gizli öğeleri başlangıç konumlarına döndürün. Açılıştaki kompozisyonu eksiksiz ve tam olarak yeniden gösterin.

KOREOGRAFİ
Konuşmayı bir dans ritmine zorlamayın. İfade gruplarına, duraklamalara ve vurguya dayalı bir cue sheet kullanın. İfade açılımları okuma sırasını izlemelidir. En az bir kez 400ms süren mutlak bir durağanlığa izin verin. Yerleşen yükler için kritik sönümlü hareket kullanın. Kontrollü elastik deformasyonu yalnızca baseline için kullanın. Mevcut alanın değişimini duygusal ilerlemeyi taşıyan unsur hâline getirin.

TİPOGRAFİ UYGULAMASI
Yapısal sözcükler için gerçek glyph path’leri kullanın. Deformasyon sırasında counter’ları ve okunabilirliği koruyun. Birbiriyle ilgisiz sözcükler arasındaki geçişlerde occlusion veya eşleştirilmiş yapısal kenarlar kullanın; rastgele path noktalarını enterpole etmeyin. O anda konuşulan ifadeyi mimariye dönüşmeden önce okunabilir durumda tutun.

MÜHENDİSLİK
window.seek(t)’yi deterministik bir sahne oluşturucu olarak uygulayın. Birikimli fizik, otonom CSS geçişleri veya değişen rastgele değerler kullanmayın. Zaman yeniden eşleme eğrileri ve analitik dönüşümler kullanın. render(0)=render(20) olacak şekilde 20 saniyelik periyodik bir zaman çizelgesi kullanın. 1200 dışa aktarma karesi için n/60 değerinde sabit adımlı erişim sağlayın. Ses isteğe bağlı olmalı ve varsayılan olarak kapalı kalmalıdır; tarayıcı konuşma sentezi veya autoplay bağımlılığı kullanmayın.

KALİTE KONTROLÜ
Temsili sekiz kareyi inceleyin. Konuşmanın doğru sırayla okunduğunu kontrol edin. Yapısal dönüşümlerin, izleyici bir satırı okuyamadan önce onu hiçbir zaman yok etmediğini kontrol edin. Final platformunun önceki öğelerden görünür biçimde oluşturulduğunu kontrol edin. Eksiksiz HTML uygulamasını döndürün.

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.