Nidaamka dhaqdhaqaaqa dhibcaha liinta

I weydii: calaamad gaaban oo loogu talagalay furaha furitaanka, hal eray oo geesi ah, boqolley ah oo loogu talagalay garaafka, qoraalka kaarka kama dambaysta ah, hal midab oo lahjad ah, iyo raad leh garaac cad.

Filim naqshadeyn dhaqdhaqaaq 2D ah oo 16:9 ah. Isticmaal shiraac diirran oo cadcad, asal madow ku dhow, qoraal geesinimo leh iyo hal lahjad oranji ah oo cad. Dhibicda oranjigu waxay isku xirtaa muuqaal kasta: waxay ka bilaabataa UI-ga, waxay noqotaa dhibic xaraf ka sarreysa, waxay raad raacdaa garaafka guga, waxay u kortaa qaab waxayna ku soo celisaa kaarka dhammaadka. Bartilmaameedku wuxuu ka dhigayaa gujinta furitaanka mid dhab ah. Dhaqdhaqaaqa ha ahaado mid fiiqan oo la xakameeyey, iyadoo la adeegsanayo caleemo yaryar oo guga ah oo aan lahayn waqti dhiman.
Mamnuuc: muuqaalka kaydka, kala-goysyada, iftiinka, qaraxyada walxaha, kala-guurka aan kala sooca lahayn iyo dhaqdhaqaaqa aan ku xirnayn walax horeba shaashadda ugu jirtay.

Qiyaastii 15 ilbiriqsi, iyadoo isbeddel muuqaal ah uu ku yimaado garaac kasta oo weyn.
Furan: cursor ayaa gujinaya badhanka oranji ee ku xiga "Yaree Dhaqdhaqaaqa". Xarfaha ayaa foorarsanaya oo meeshiisa u dhaqaaqaya ilaa ay ka haraan "Dhaqdhaqaaq" oo keliya, iyadoo dhibicda oranji ay ka sarreyso "i".
Gu'ga: dhibicdu waxay ka booddaa ereyga waxayna ku dhacdaa garaaf. Jidkeedu wuxuu soo jiitaa jawaab celin gu' ah, wuxuu ka sarreeyaa bartilmaameedka wuxuuna ku degaa meel u dhow baaq "+22%".
Qaab: dhibicdu waxay ka soo baxdaa xariiq, waxay u kortaa goobo oranji ah waxayna buuxisaa qaab-dhismeedka. Afargeesle madow oo wareegsan ayaa ku wareegaya gudaha, ka dibna waxay u fidsan tahay kiniin. Muuqaalku wuxuu ku soo ururayaa hal dhibic oo oranji ah oo madow.
Nooca: ereyada sida "SPRINGS", "EASING", "KINETIC TYPE", "3D" iyo "SOUND" ayaa ku wareegaya dhibicda. Wareegga nooca ayaa u furmaya goob dhibco yaryar ah.
Shaacinta: goobta halftone-ka ayaa fidsan oo isu beddesha madow, iyadoo shaaca ka qaadaysa kaarka kama dambaysta ah: " Opus 5.5 ", "Naqshadeeye Dhaqdhaqaaq." iyo "0 keyframes".
Soo Celin: dhibicda oranjigu waxay dib ugu soo noqotaa bartamaha codka, garaafka oo u rog. Ku dheji qaab-dhismeedka ugu dambeeya kan ugu horreeya si muuqaalku si nadiif ah ugu wareego.

1. Hal fayl oo HTML, 1920x1080 oo xawaare sare ku socda 60fps. Xisaabi muuqaal kasta laga bilaabo wakhtiga gudaha raadinta(t): ma jiraan kala-guurka CSS, saacad-xabbo ama xaalad la qaaday inta u dhaxaysa muraayadaha.
2. Isticmaal ilo-xiran oo qaab-xiran ah si aad u isticmaasho badhanka, dhibcaha boodboodka iyo garaafka. Sawir garaafka isla shaqada guga ee dhaqaajisa dhibcaha.
3. Si gaar ah u dhaqdhaqaaq xarfaha isbeddelka "Yaree Dhaqdhaqaaqa" una gudub "Dhaqdhaqaaqa". Dhibcaha oranji ku hay "i" ilaa ay ka bilaabato boodboodkeeda.
4. Samee goobada oranji, afargeeslaha wareegsan iyo kiniinka ku wareegsan xaalado kala duwan oo isku qaab ah. Ilaali booskiisa iyo dhaqdhaqaaqiisa inta lagu jiro isbeddel kasta.
5. Erayada wareegaya dhig waddo wareegsan, ka dibna xarfaha dibadda u dhaqaaji si ay u gudbiyaan qaab-dhismeedka shabakadda halftone-ka.
6. Sawir halftone-ka oo ah shabag dhibco ah oo cabbirkoodu ka jawaabayo dhibcaha oranji. U daa inay ka gudubto geesaha qaab-dhismeedka ka hor inta aan la muujin kaarka dhammaadka.
7. Isku-dubarid gujinta, dhibcaha soo degista, heerka ugu sarreeya ee garaafka, isbeddellada qaabka iyo cinwaanka ugu dambeeya garaacyada la cabbiray. Samee hal qaab garaac kasta si aad u hubiso xawaaraha ka hor inta aan si buuxda loo dhoofin.

Garaafka iyo dhibicdu waa inay raacaan dhaqdhaqaaq isku mid ah haddii kale gu'gu wuxuu u ekaan doonaa mid been abuur ah. Lahjadda oranjiga ah ha ahaato mid isku mid ah muuqaal kasta. Sii qoraal soo baxaya iyo mid soo socda waqti gooni ah si xarfaha aysan isugu dhicin. Marka qaabku buuxiyo shaashadda, ku cabbir afarta geesba. Ku dheji cursorka, dhibcaha iyo qoraalka qaab-dhismeedka ee ku jira qaab-dhismeedka koowaad iyo kan ugu dambeeya si aad uga fogaato shidista wareegga.

I weydii waxyaabaha la soo geliyay, ka dibna i tus khariidadda garaaca iyo afar sawir (toggle, garaaf, nooca kinetic, kaarka dhammaadka) ka hor inta aan la dhisin muuqaalka oo dhan.

Ask me for: a short label for the opening toggle, one hero word, a percentage for the graph, the text for the final card, one accent color, and a track with a clear beat.

A 2D motion design film in 16:9. Use a warm off-white canvas, near-black backgrounds, bold typography and one vivid orange accent. The orange dot connects every scene: it starts in the UI, becomes the dot over a letter, traces a spring graph, grows into a shape and returns on the end card. A cursor makes the opening click feel real. Keep the motion sharp and controlled, with small spring overshoots and no dead time.
Banned: stock footage, gradients, glows, particle bursts, random transitions and motion that isn't connected to an element already on screen.

Around 15 seconds, with a visual change on every major beat.
Open: a cursor clicks the orange toggle beside "Reduce Motion". The letters bend and move into place until only "Motion" remains, with the orange dot above the "i".
Spring: the dot jumps away from the word and lands on a graph. Its path draws a spring response, overshoots the target and settles beside a "+22%" callout.
Shape: the dot shoots across a line, grows into an orange circle and fills the frame. A black rounded square rotates inside it, then stretches into a pill. The scene contracts to a single orange dot on black.
Type: words like "SPRINGS", "EASING", "KINETIC TYPE", "3D" and "SOUND" orbit the dot. The circle of type opens out into a field of tiny dots.
Reveal: the halftone field expands and flips to black, revealing the final card: "Opus 5.5", "Motion designer." and "0 keyframes".
Return: the orange dot moves back through the halftone, graph and toggle. Match the final frame to the first so the video loops cleanly.

1. One HTML file, 1920x1080 at 60fps. Compute every visual from time inside seek(t): no CSS transitions, timers or state carried between frames.
2. Use closed-form springs for the toggle, bouncing dot and graph. Draw the graph from the same spring function that moves the dot.
3. Animate letters individually for the "Reduce Motion" to "Motion" transformation. Keep the orange dot attached to the "i" until it begins its jump.
4. Make the orange circle, rotating square and pill different states of the same shape. Preserve its position and motion through each transformation.
5. Place the orbiting words along a circular path, then move their letters outward to hand the frame over to the halftone grid.
6. Draw the halftone as a grid of dots whose sizes respond to the orange dot. Let it grow past the frame edges before revealing the end card.
7. Sync the click, dot landing, graph peak, shape changes and final title to measured beats. Render one frame per beat to check the pacing before the full export.

The graph and dot must follow the same motion or the spring will feel fake. Keep the orange accent consistent across every scene. Give outgoing and incoming text separate timing so letters don't overlap. When a shape fills the screen, scale it past all four corners. Match the cursor, dot and typography in the first and last frames to avoid a loop stutter.

Ask me for the inputs, then show me the beat map and four stills (toggle, graph, kinetic type, end card) before building the full video.

Jawaab celin laga soo qaatay boostada @ultimaxbt.