Шоурил руу орохыг хүсэх

Таныг дэлхийн хэмжээний хөдөлгөөнт дизайнер гэдгийг батлах 15 секундын хөдөлгөөнт дизайны шоу нэвтрүүлэг. Үзэл баримтлал: таны сонголт (жишээ нь "бэх нь бичиг үсэг болж архитектур болдог"). Үүнийг хийж, эхлэхээсээ өмнө нэг мөрөнд нэрлэ. Зураг бүр өмнөхөөсөө бүтсэн: хэлбэр, фонт, өнгө нь хайчлах эсвэл бүдгэрэхийн оронд дараагийн үзэгдэл болж хувирдаг.
Нэг фонт (Geist, Inter эсвэл Google Fonts оос тод дэлгэцийн нүүр), хар ба цагаанаас гадна хамгийн ихдээ гурван өнгө ийн палитр, нэг тууштай камерын хэл.
Хүрээг харуулах: кинетик төрөл, хэлбэрийн хувирал, 2D-ээс 3D-д шилжих мөч, өгөгдөл эсвэл UI мөч, мөн төгсгөлийн гарчиг. Цагийг тус бүрт тэнцүү хуваарилна уу.
Хориглосон: бөөмийн дэлбэрэлт, гэрэлтэлт, линзний дэлбэрэлт, камерын чичиргээ, RGB хуваагдал, хөндлөн бүдгэрэлт, ерөнхий градиент, үсрэлтийг сулруулах, хагас секундээс удаан барих, загвар шиг харагдах аливаа зүйл.

120 BPM, цохилт бүрт ямар нэгэн зүйл тохиолддог.
Эхний хөндлөвч: дэгээ. Дараа нь хөндлөвч бүрт нэг техник, тус бүр нь өмнөхөөсөө урсана. Сүүлийн бүтэн хөндлөвч: хамгийн хүчтэй мөч. Эцсийн хагас хөндлөвч: гарчгийн төгсгөл, эцсийн хүрээ нь эхнийхтэй таарч, давталт хийнэ.

1. 1920x1080 хэмжээтэй нэг HTML файл. Бүх хэв маягийг window.seek(t) доторх цагаас эхлэн тооцдог: CSS хөдөлгөөнт дүрс, цаг хэмжигч, фреймүүдийн хооронд төлөв зөөгддөггүй.
2. Пүрш болон экспоненциал сулралтыг цаг хугацааны функц болгон ашигла. Хурдан хөдөлгөөний үед бүдгэрэлт нь хурд болон чиглэлийг дагадаг.
3. Web Audio API (OfflineAudioContext) ашиглан кодоор дууны клип бичнэ үү: цохилт бүрт нэг өшиглөлт, сүүлийн бүтэн бар руу нэг өргөлт, үзэгдлийн өөрчлөлт бүрт нэг цохилт. Үүнийг WAV болгон хөрвүүлнэ үү.
4. Хөдөлгөөнийг бүдгэрүүлэхийн тулд Playwright ашиглан 60fps хурдтайгаар рендер хийж, кадр бүрт 3 дэд кадрыг ffmpeg tmix ашиглан хольж, дараа нь аудиог мультиплекслэнэ.
5. Бүрэн рендер хийхээс өмнө нэг цохилт тутамд нэг кадр рендер хийж, тэдгээрийг хараарай. Эмх замбараагүй, хэмнэлээс гадуурх, давхцсан эсвэл уншихад хэцүү зүйлсийг засаарай.

Надад концепцийг нь хэлээд, хэмнэл бүрээр нь storyboard үзүүлээд өөр юу ч асуулгүйгээр бүтээгээрэй. Эцсийн MP4 г надад өгөөч.

A 15-second motion design showreel that proves you are a world-class motion designer. Concept: your pick (e.g. "ink becomes type becomes architecture"). Commit to it and name it in one line before you start. Every shot is made out of the previous one: shapes, type and color transform into the next scene instead of cutting or fading.
One typeface (Geist, Inter or a bold display face from Google Fonts), a palette of at most three colors plus black and white, one consistent camera language.
Show range: kinetic type, shape morphing, a 2D-to-3D moment, a data or UI moment, and an end title. Give each one an equal share of the time.
Banned: particle bursts, glows, lens flares, camera shake, RGB split, crossfades, generic gradients, bouncy easing, holds longer than half a second, anything that looks like a template.

120 BPM, something happens on every beat.
First bar: hook. Then one technique per bar, each flowing out of the last. Last full bar: the strongest moment. Final half bar: end title, and the final frame matches the first so it loops.

1. One HTML file at 1920x1080. Every style is computed from time inside window.seek(t): no CSS animations, no timers, no state carried between frames.
2. Use spring and exponential easing written as functions of time. Blur follows speed and direction on fast moves.
3. Write a soundtrack in code with the Web Audio API (OfflineAudioContext): a kick on every beat, a riser into the last full bar, a hit on each scene change. Render it to WAV.
4. Render with Playwright at 60fps, 3 subframes per frame blended with ffmpeg tmix for motion blur, then mux the audio.
5. Before the full render, render one frame per beat and look at them. Fix anything cluttered, off the beat, overlapping or hard to read.

Tell me the concept and show a beat-by-beat storyboard, then build it without asking me anything else. Give me the final MP4.