قۇرۇلۇۋاتىدۇ: ۋىدىئو قايتا ئىشلەش سېلىشتۇرمىسىنى باشلاڭ

مەندىن سوراڭ: مەھسۇلات ئىسمىم، لوگو (ياكى ئاددىي بەلگە سىزىشىڭىزغا يول قويۇڭ)، ماركا رەڭلىرىم (ياكى ئۇلارنى لوگومدىن ئېلىڭ)، ئىشلەتكۈچىنىڭ سوئال قۇتىسىغا كىرگۈزگەن بىر قۇرلۇق نەرسە، ئۇنىڭغا جاۋاب بېرىدىغان بەت (ئاتالغۇ + بىر ئاچقۇچلۇق سۆز بىرىكمىسى بىلەن 2-3 جۈملە)، ئۈستى-ئۈستى قويۇلغان كارتىلارنىڭ ئىككى ئالاھىدىلىك ئىسمى ۋە بىر مۇزىكا ناخشىسى. ئەگەر قايسىسىنىدۇر ئاتلاپ ئۆتسەم، سۈكۈتتىكىلىرىنى ئىشلىتىڭ: مەھسۇلاتنىڭ Whop مەركىزىنىڭ ئىچىدە «رامكا بويىچە»، كۆرۈنۈش تاپقۇچ بەلگىسى (قالىن «FF» نىڭ ئەتراپىدىكى تۆت بۇلۇڭلۇق قاۋۇس)، «ئەپلىمىم ئۈچۈن قوزغىتىش فىلىمى ياساش» سوئالى، «2.1 پايدىلىنىش ماتېرىيالىنى تاللاڭ» ناملىق دەرس بېتى، «ئىشلىتىش» ۋە «ئاۋاز» كارتىلىرى، ھەمدە Mixkit نىڭ ھەقسىز «Rising Forest» ناملىق ناخشا مۇزىكىسىنىڭ سۈرئىتى 124 BPM غا ئاستىلىدى.

12 سېكۇنتلۇق كۋادرات شەكىللىك مەھسۇلات چاقماقى، 1080x1080، كادىر سانى 29.97 fps (f0–f359)، ئاساسلىق رېندېر 59.94 fps. ئالما ئاساسلىق تۇيغۇسى: يۇمشاق، ئاق، پارلاق كۆك، ئەينەك. كامېرا ھەرگىز ھەرىكەتسىز كادىرنى كېسىۋەتمەيدۇ: ھەر بىر سۈرەت ھەرىكەتلىنىۋاتقان ئورۇنغا كىرىدۇ (ئېكىسپونېنتسىيەلىك بوشاشتۇرۇش، ھەر بىر كادىردا قالغان ئارىلىقنىڭ %12–19) ۋە تېزلىنىش ھەرىكىتى ياكى تۇتۇقلۇقنى تۆۋەنلىتىش ئارقىلىق ئايرىلىدۇ. تۇتۇقلۇق ھەر بىر ھەرىكەتتە سۈرئەت ۋە يۆنىلىشكە ئەگىشىدۇ.
رەڭ پالتىسى: ماركا رەڭلىرىم بۇ روللارغا ماسلاشتۇرۇلغان؛ ئەگەر مەن ھېچنىمە بەرمىسەم، بەت #FDFDFB، haze #B7CFEB، ice #E6F0FA، deep blue #294376 → #769CC2 sky gradient، dney #1E2F52، accent blues #2F6BFF / #3CC8F0 / yalpiz #4ED6A0، white نى ئىشلىتىڭ. تىپى: Inter (400/500/600/700). بىنەپشە، بىنەپشە، قىزىل ياكى ئاپېلسىن رەڭلىرى يوق.
ھېكايە: مەھسۇلات باشلىقى يورۇق ئەپ كۆزنىكىدىكى كۆك تۇمان ئىچىدىن كۆتۈرۈلۈپ چىقىدۇ → بىر كۆرسەتكۈچ سىيرىلىپ كىرىپ، يۆنىلىشىگە قاراپ بۇرۇلۇپ، تىرەكنى كۆتۈرۈپ تۇرغاندا چوڭىيىدۇ ۋە بەلگە چېكىلىدۇ → مۇزىكا ئۈستىدە قاتتىق كېسىش بەلگىسىنى كرېست شەكلىدە ئورىغان تۆت چاسا شەكىللىك ئەپ بەلگىسىگە چۈشۈرىدۇ → بەلگە Mac تىزىملىك بالدىقىغا يىغىلىدۇ → كۆرسەتكۈچ تىزىملىك بالدىقىنىڭ بەلگىسىنى چېكىدۇ، مۇزىكىدىن ياسالغان سۆز قۇتىسىدىن...
چەكلەنگەنلەر: كرېست فادېراتسىيەسى، توڭلىتىلغان رامكىلار (S7 دىكى بىر ساقلاشتىن باشقا)، زاپاس UI زاپچاسلىرى، UI تېكىستىدە يورۇقلۇق، Math.random، قېلىپقا ئوخشايدىغان ھەر قانداق نەرسە.

كوئوردىناتلار 1080 سەھنىدە px بىلەن بېرىلىدۇ. مۇزىكا رېتىمى k = 0.048 + 0.4838·ks (124 BPM ، بىر رېتىم = 14.5 كادىر). ئۈچ قاتتىق كېسىش f72، f101، f159 بىر رېتىمدىن بۇرۇن 2 كادىرغا چۈشىدۇ: بۇ ئېنىق كادىرلارنى ساقلاڭ.
S1 f0–71، ماۋزۇ + كۆزنەك + چېكىش: تۇمان #B7CFEB f28 نىڭ #FDFDFB غا سۇسلاپ كېتىۋاتىدۇ، ئاستى تەرىپىدە كۆك رەڭلىك پول پارقىراقلىقىنى #DBEEFD ساقلاڭ. بىر قۇردا ماۋزۇ: بەلگە دىسكىسى ⌀132 (#FBFCFE، 1 پىكسېللىق گىرۋەك #E8E8EA، قاراڭغۇ بەلگە)، مەھسۇلات نامى (Inter 500)، قاراڭغۇ كاپسۇل دورا "Whop" (#2F2E2F، ئاق تېكىست)؛ پۈتۈن قۇلۇپلاش x474–1063 نى ئۆز ئىچىگە ئالىدۇ، ئوتتۇرا سىزىق y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37)، رامكا ئارىلىقىدا 1 پىكسېل ئۆرلەپ تۇرىدۇ. ئىسىم f2 تۇتۇق كۆرۈنىدۇ، دورا f4–5 قاتتىق تۇتۇق كۆرۈنىدۇ ۋە ئۆتكۈرلەشكەندە 15 پىكسېل سولغا سىيرىلىدۇ. يورۇقلۇق مەركىزى دېرىزىسىنىڭ ئەتراپىدا (رادىئۇس 93، تولدۇرۇش #FCFDFF، ئۈستىدىكى بەلۋاغ #F1F6FF، كۆك رەڭلىك ئىچكى پول پارقىراقلىقى) سۇسلىشىپ كەتكەن: 0 دىن f14 گىچە بولغان سۈزۈكلۈك، 0.53 f15، 0.7 f19، 1.0 f24؛ ئۈستۈنكى سول بۇلۇڭ (408,405)، ئوڭ ۋە ئاستى تەرەپتىن سوزۇلغان. ئىچىدە: ئۈستۈنكى بەلۋاغتا ئىزدەش تاختىسى، سول تەرەپتىكى بەلگە ئىستون (دەرسلەر بەلگىسى (537,739)، سۇس پاراڭلىشىش بەلگىسى (537,900)) ۋە رامكىدىن سىرتتا (764,700) دىن ئېلىنغان، مۇقاۋا رەسىمى، ماۋزۇسى ۋە «دەرس · 8 دەرس» يېزىلغان دەرس كارتىسى بار. Cursor (قارا macOS كۆرسەتكۈچ، ئاق سىزىق، 32x39) f27 دا (891,393) كۆرۈنىدۇ، سولغا سۈرۈلۈپ (770,383) f44 گە سۈرۈلىدۇ، سۇغا شۇڭغۇغاندا سولغا قاراپ f47–51 گە ئايلىنىدۇ، دىسكىنىڭ ئاستىنقى ئوڭ تەرىپىگە چۈشىدۇ (629,564) f56 → (587,546) f59 → (555,531) f71؛ f56 دىن تۇرغاندا ×1.55 چوڭىيىدۇ؛ f53 دىن دىسكىنىڭ ئەتراپىدا يۇمشاق مۇز ھالقىسى (#D5F3FF → #F7FEFF، سىرتقى ⌀174) يورۇيدۇ. كامېرا تەخمىنەن (540,540) چوڭايتىدۇ: 1.0 f46 → 1.2 f60 يېنىكلەيدۇ، f61 نى تۇتۇپ تۇرىدۇ، ئاندىن كۆرسەتكۈچ بېسىلغاندا f71 دە 1.04 گە تېزلىشىدۇ (f69–71 نى %15 كىچىكلەيدۇ).
S2 f72–100، سىنبەلگە + ئوربىتا: دېڭىز كۆك رەڭلىك چەمبەر شەكىللىك ئەپ سىنبەلگە (#294376 → #1E2F52، ئاق بەلگە)، f72 دە 276 پىكسېل، f86 غا قارىغاندا 178 پىكسېلغا قىسقىرىۋاتىدۇ، رادىئۇسى كەڭلىكنىڭ %28 ىگە تەڭ، كۈلرەڭ ھالقا دىسكىسى #E9E9E7 ئۈستىدە ⌀240 (f75) → 326 (f86) ئۆسىۋاتىدۇ. تۆت 92 پىكسېللىق كۋادرات (رادىئۇسى 26) سائەت يۆنىلىشىگە قارشى ئايلىنىۋاتىدۇ، سۈرئىتى ئاستىلايدۇ ۋە ئوربىتا رادىئۇسى ≈216 غا قارىغاندا f86 غا قارىغاندا كرېست شەكىللىك سىزىققا باغلىنىدۇ: ئاق (1 پىكسېل #E3E8EF گىرۋىكى + ئاجىز سايە) سول، ئۈستى #2F6BFF، ئوڭ #3CC8F0، ئاستى #4ED6A0. f88–100: سىنبەلگە تېزلىشىپ ≈40 پىكسېلغىچە كىچىكلەيدۇ، كۋادراتلار ئوڭ تەرەپتىكى بىر قۇرغا سۈرۈلىدۇ (ئاق رەڭ سىنبەلگە ئارقىسىغا سىيرىلىدۇ)، تۇتۇقلىشىش دەرىجىسى 0.3 → 6 پىكسېل.
S3 f101–158، تىزىملىك بالداق + كۆرسەتمە: قارا نۇتىبۇك رامكىسىنىڭ ئۈستىدىكى ئاق بەت (y425–475، ئۈستىدىكى يورۇتۇش نومۇرى #686866)، قېنىق كۆك رەڭلىك تىزىملىك بالداق (y477–538)، ئاستىدىكى رەسىم = نېپىز ئاق سىزىقلىق كۆك ئاسمان گرادىيېنتى (بىر چوڭ چەمبەر، ئىككى توغرىسىغا سىزىق، بىر تىك، كېسىشكەن يەردە تۆت نۇقتىلىق چاقناپ تۇرىدۇ، ئۈستى ئوڭ تەرەپتىكى يۇمشاق كۆك يېشىل رەڭلىك چاقناپ تۇرىدۇ). تىزىملىك بالداقنىڭ ئوڭ تەرىپى ئاق رەڭلىك توپلام: Wi-Fi، باتارېيە، ئالماشتۇرۇش كۇنۇپكىلىرى، مەھسۇلات بەلگىسى x531–584 دە، ئۈچ ⌀36 نۇقتا #2F6BFF / #3CC8F0 / #4ED6A0 x612، 661، 709 دە، "دۈشەنبە 22-ئىيۇن ئەتىگەن سائەت 9:41" 34 پىكسېل. تۇتۇق 3 پىكسېلغا كىرىدۇ ۋە f110 غا كەلگەندە ئورنىتىلىدۇ. Cursor ئاستىدىن كۆتۈرۈلىدۇ (f102)، بەلگە ئۈستىدە تۇرىدۇ، f113–117 نى باسىدۇ. كامېرانىڭ رەسىمدىكى مەزمۇنى ئوڭ تەرەپتە +125 پىكسېل f115–130 (ئەڭ تېز f118–120). مۇز قاپلانغان ئەينەك قۇتا (ئاسماننىڭ ئۈستىدە ئاق-كۆك ئەينەك، پارقىراق ئۈستۈنكى گىرۋەك، رادىئۇسى 60) f116 بەلگىسىنىڭ ئاستىدىن چىقىپ تۇرىدۇ: كەڭلىكى f126 دا 744 گە يېتىدۇ ۋە x196–922، y568–797 ئەتراپىدا f138 گە 726x228 گە تەڭلىشىدۇ. بۇ بۇيرۇق f121 (تۇنجى ئوقۇغىلى بولىدىغان «ياساش») دىن f150 (تاماملانغان) گىچە تەخمىنەن 1 ھەرپ/رامكا بىلەن ھەر 2–3 ھەرپتە 1 رامكا ساقلاش ئارقىلىق يېزىلىدۇ؛ بەلگە ھەمىشە ئېچىق؛ ئاستى تەرىپىدە ئۈچ ئاق سىزىق بەلگىسى؛ ئاق يۇقىرىغا قارىتىلغان ئوق بىلەن #2F6BFF ⌀51 يوللاش كۇنۇپكىسى. f136 دىن باشلاپ پۈتۈن كۆرۈنۈش يۇقىرىغا قاراپ يۆتكىلىپ، تېزلىشىپ، قامچىلاش شەكلىگە كىرىدۇ (f158 ھەرىكەت قىلىدۇ، رامكا ≈25 پىكسېل، تىك تۇتۇقلۇق ≈6–8 پىكسېل)، بەت بولسا f154–158 نىڭ ئۈستىدە #E6F4FE رەڭگىگە كىرىدۇ.
S4 f159–186، جاۋاب بېتى: يېنىك دەرس بېتى (ئاساسلىق مەزمۇن، ماۋزۇ، ئاساسىي قىسىم): تېكىست ئىستون x120، ئاساسىي قىسىم 47 پىكسېل، Inter 400 كۈلرەڭ #BCBCBA، قۇر ئارىلىقى 58، بىر ئاچقۇچلۇق سۆز («رامكا ئارقىسىغا») قارا رەڭدە 600. ئۇ داغلىنىپ، 420 پىكسېل تۆۋەنگە قاراپ كېلىدۇ، 420، 315، 210، 170، 140، 116، 96، 81 (f166) … 14 (f175) … 0 (f180) بىلەن يۇقىرىغا قاراپ سىيرىلىدۇ، ئاندىن f186 غا −6 پىكسېل ئارىلىقتا سىيرىلىدۇ. 24 پىكسېل (f159) → 1.5 (f165) → 0 نى تۇتۇقلاشتۇرۇش. #E2F4FE نى f165 غا سۇسلاشتۇرۇپ #FDFDFB غا چاقماق... تۈز ئۈستىگە قارىتىلغان كۆرسەتكۈچ سىيرىلما تاختىنى ھەيدەپ، ئاچقۇچلۇق سۆز بىرىكمىسى (≈(450,591) f180) ئاستىدا توختاپ، ئاندىن ئوڭغا يۆتكەلىدۇ.
S5 f187–214، كارتا: ئاق كارتا (x203–878، ئاستىدىن باشلىنىدۇ) بەتنىڭ ئۈستىدىن كۆتۈرۈلۈپ تۇرىدۇ: مۇقاۋا رەسىمى 627x536 قىستۇرما رەسىم 24 پىكسېل، رادىئۇس 64، ئۈستى ئوتتۇرىسىدا يورۇق تۇتۇش بالداق، يېرىم قېلىن ماۋزۇ 38 پىكسېل قارا، كىچىك ماۋزۇ كۈلرەڭ 23 پىكسېل. مۇقاۋا ئۈستى y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205)، ئاندىن رامكا بويىچە ~4 پىكسېل ئۆرلەپ تۇرىدۇ. كارتا تۇتۇقلۇقى f189 دا ئەڭ يۇقىرى دەرىجىگە يېتىدۇ، f201 دا ئېنىق؛ ئارقا بەت تۇتۇقلۇقى ≈2.5 پىكسېلغا يېتىدۇ. f207–214 دىن چىقىڭ: كارتا ~5% كىچىكلەيدۇ ۋە كۆتۈرۈلىدۇ، پۈتۈن رامكا تۇتۇقلۇقى 1 → 7 پىكسېلغا يېتىدۇ؛ تۇتۇقلۇق چوققىسىدا كېسىلىدۇ.
S6 f215–244، ئىككى كارتا: ئاق بەت، ئىككى ئۈستى-ئۈستىگە قويۇلغان كارتا 538x348 (رادىئۇس 57، بوشلۇق 36) x540 نىڭ مەركىزىگە جايلاشقان، ئۈستىدىكى كارتا y168 بىلەن f230 نىڭ ئورنىدا، ئاستىدىكى كارتا y552 نىڭ ئورنىدا. ھەر بىرى: مۇقاۋا رەسىمى (ئۇنىڭغا تېكىست قىستۇرۇلمىغان)، ئۈستۈنكى سول تەرەپتە مۇز رەڭلىك تاختا («3-مودۇل» / «5-مودۇل»)، ئۈستۈنكى ئوڭ تەرەپتە مۇز رەڭلىك يۇمىلاق «•••» ۋە ئاستىنقى گىرۋەكتە مۇز رەڭلىك ئەينەكتىن ياسالغان چوڭ قېلىن ماۋزۇ (رەسىمنىڭ ھەرپلەرگە كېسىلگەن، يورۇقلاشتۇرۇلغان نۇسخىسى، كارتىنىڭ ئاستىنقى گىرۋىكى بىلەن كېسىلگەن): «قوزغاتقۇچ» ۋە «ئاۋاز». ھەر ئىككىسى 12 پىكسېللىق، f224 گە قاراپ ئېنىق؛ ئۈستۈنكى كارتا %8 چوڭلۇقتا كىرىپ، y264 دىن كۆتۈرۈلىدۇ؛ ئاستىنقى كارتا y927 دىن كۆتۈرۈلۈپ، ئارقىسىدا تەۋرىنىپ تۇرىدۇ. ئۇلار f230–238 رامكا ئۈچۈن 3 پىكسېللىق يۇقىرىغا قاراپ ماڭىدۇ، ئاندىن تېزلىنىپ، كېسىلگەن ئورۇنغا قاراپ تۇتۇقلىشىدۇ.
S7 f245–300، لوگو دىسكىسى: #FDFDFB بەت، قاراڭغۇ بەلگە قويۇلغان ⌀168 #F6F6F6 دىسكىسى، ئوتتۇرىغا كۆتۈرۈلگەن (ئۈستى y569 f245 → 491 f250 → 468 f255 → 456 f269) كېسىلگەن رامكىدا تىك سىزىق بار، f269–287 نى (بىردىنبىر قېتىپ قالغان سوزۇلۇش نۇقتىسى) ساقلايدۇ، ئاندىن f300 دە تېزلىشىپ ⌀123 گە قىسقىرايدۇ.
S8 f301–359، ئاخىرقى كارتا: قارا رادىئال ئارقا كۆرۈنۈش (#020204 بۇلۇڭ، سۆزنىڭ ئەتراپىدا ≈#272729)، Inter 600 دىكى سۆز بەلگىسى، ئاق #F3F3F5 قويۇق پارقىراقلىق ۋە كەڭ يۇمشاق ھالقا بىلەن، ئوتتۇرىدا (540,540). سۆز كەڭلىكى: ≈1650 px f301 (توغرا يۆنىلىشتە داغلانغان، چوڭايتىش سىزىقلىرى) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/رامكا قىسقىرايدۇ) → 492 f350، ئاندىن قىسقىرايدۇ: 450 f355 → 267 f359، تۇتۇقلۇق 3.5 px غا كۆتۈرۈلىدۇ. فىلىم ئوتتۇرىدا قىسقىرايدۇ.

1. بىر HTML بېتى، 1080x1080، seek(t) تەرىپىدىن رامكا نومۇرىنىڭ ساپ فۇنكسىيەسى سۈپىتىدە سىزىلغان. CSS ئۆتكۈنچىلىرى يوق، ۋاقىت ئۆلچەش ئەسۋابلىرى يوق، Math.random يوق (پەقەت ئۇرۇقلۇق خەتلەر). سۈرەتلەر {f0, f1, render(localFrame)} سۈپىتىدە تىزىملىنىدۇ.
2. ھەر بىر قىممەت رامكا نومۇرىدا ئۈزۈلمەس (59.94 master يېرىم رامكىلارنى كۆرسىتىدۇ): kf(frame, [[f, value],...], ease) ئاچقۇچ رامكا جەدۋىلى ۋە سىزىقلىق ئارىلاشتۇرۇش ئارقىلىق ھەر بىر رامكا ئىزدەش جەدۋىلى بىلەن جانلاندۇرۇڭ. ھەرىكەتتە Math.floor يوق.
3. تۇتۇقلاشتۇرۇش: يۇمىلاق تۇتۇقلاشتۇرۇش ئۈچۈن CSS سۈزگۈچ تۇتۇقلاشتۇرۇش، يۆنىلىشلىك سۈرتۈش ئۈچۈن ئايرىم x/y stddiviation بىلەن SVG feGaussianBlur. ئاخىرقى كارتىدىكى چوڭايتىش سۈرتۈش = سۆزنىڭ 20–30 چوڭايتىلغان، سۇسلاشتۇرۇلغان نۇسخىسى. مۇز ئەينەك = ئارقىسىدىكىنىڭ تۇتۇق، يورۇقلاشتۇرۇلغان، شەكىلگە كېسىلگەن نۇسخىسى.
4. Cursor: بىر SVG macOS كۆرسەتكۈچى (قارا تولدۇرۇش، ئاق سىزىق، يۇمشاق سايە) ئايلاندۇرۇش ۋە ماسلاشتۇرۇش ئىقتىدارىغا ئىگە، S1، S3، S4 دا قايتا ئىشلىتىلىدۇ.
5. ئاۋاز (ئاۋاز يوق)، دەل 12.075 سېكۇنت: مۇزىكا 124 BPM دا، يۇمشاق كىرىش، چۈشۈش سۈرئىتى 2.47 سېكۇنت (5 نى بېسىپ ئۆتۈڭ، f72 كېسىش ئۇنى 2 كادىرغا يېتەكلەيدۇ). سىنتېزلانغان SFX: يۇمشاق تەسىر 0.10 سېكۇنت؛ 2.402، 3.370، 5.305، 10.043 سېكۇنت كېسىشلەردە ئەڭ يۇقىرى پەللىگە چىقىدۇ؛ ئۆزگىرىش دەل 6.240 سېكۇنت ۋە 8.175 سېكۇنتتا سوقۇلىدۇ؛ چېكىش سۈرئىتى 2.33 ۋە 3.83 سېكۇنتتا؛ 4.04–5.00 سېكۇنتتا ھەر ~32 ms دا ناھايىتى جىمجىت كۇنۇپكا چېكىلىدۇ؛ 10.05 سېكۇنتتا يۇمشاق يالتىرايدۇ. −14 LUFS غا ماسلاشتۇرۇڭ، ھەقىقىي چوققا −1 dBTP، ئاخىرقى 60 ms دىن باشقا سۇسلاش يوق.
6. Playwright بىلەن رېندېر قىلىڭ (ھەر بىر كادىرغا بىردىن سۈرەت، خەت نۇسخىسى ئالدى بىلەن يۈكلىنىدۇ)، H.264 yuv420p نى 60000/1001 دە كودلاڭ، ئاۋازنى كۆپ ئاۋازلىق قىلىڭ.

خەت نۇسخىسى يۈكلەنگەندىن كېيىنلا تېكىستنى ئۆلچەڭ. ئۇزۇن مەھسۇلات نامى 5 ھەرپلىك ئىسىمنىڭ ئورنىغا ماس كەلمەيدۇ: پۈتۈن قۇلۇپلاشنى (دىسك بوشلۇقى، ئىسىم، تاختا) x474–1063 ئارىلىقىغا ماسلاشتۇرۇڭ، تاختانىڭ رامكىدىن چۈشۈپ كېتىشىگە يول قويماڭ. ئاق رەڭلىك ئوربىتا كۋادرات ئاق بەتتە 1 پىكسېللىق گىرۋەكسىز ۋە ئاجىز سايەسىز يوقاپ كېتىدۇ. S6 كارتىلىرىنىڭ ئىچىگە ئۆز تېكىستى بار رەسىملەرنى قويماڭ، بولمىسا ئەينەك ماۋزۇسى قوشلىنىدۇ. كېسىلگەن رامكىلارنى بىر ئورۇندا تۇرمىغان جايلاردىمۇ توغرا ساقلاڭ. S7 f269–287 دىن باشقا ھېچ نەرسە قېتىپ قالمايدۇ. قېلىن تۇتۇق جەدۋەللەر شەكىلنى پۈتۈنلەي ئۆچۈرۈۋېتەلەيدۇ: ئەگەر رامكا بوش كۆرۈنسە، شەكىل يەنىلا ئوقۇلغۇچە تۇتۇقلۇقنى تۆۋەنلىتىڭ.

مەندىن كىرگۈزۈشلەرنى سوراڭ. ئاندىن تولۇق فىلىمنى كۆرسىتىشتىن بۇرۇن ماڭا 4 پارچە سۈرەتنى كۆرسىتىڭ (كۆزنەكتە f40 باشلىق، f86 سىنبەلگىسى كرېست، f150 تاماملانغان سۆز، f230 ئىككى كارتا).

Ask me for: my product name, a logo (or let you draw a simple mark), my brand colours (or pull them from my logo), the one-line thing a user types into the prompt box, the page that answers it (title + 2–3 sentences with one key phrase), two feature names for the stacked cards, and a music track. If I skip any, use the defaults: product "Frame by Frame" living inside its Whop hub, a viewfinder mark (four corner brackets around a bold "FF"), prompt "Make a launch video for my app", a lesson page titled "2.1 Choose a reference", cards "Launch" and "Sound", and Mixkit's free house track "Rising Forest" slowed to 124 BPM.

A 12 second square product sting, 1080x1080, frame numbers at 29.97 fps (f0–f359), master rendered at 59.94 fps. Apple-keynote feel: soft, white, bright blue, glassy. The camera never cuts on a still frame: every shot enters already moving (exponential ease-out, 12–19% of the remaining distance per frame) and leaves on an accelerating move or a blur ramp. Blur follows speed and direction on every move.
Palette: my brand colours mapped onto these roles; if I give none, use page #FDFDFB, haze #B7CFEB, ice #E6F0FA, deep blue #294376 → #769CC2 sky gradient, navy #1E2F52, accent blues #2F6BFF / #3CC8F0 / mint #4ED6A0, white. Type: Inter (400/500/600/700). No purple, violet, magenta or orange anywhere.
Story: the product header rises out of a blue haze inside a light app window → a cursor glides in, turns to face where it's going, grows on hover and clicks the logo → hard cut on the music drop to the app icon with four squares orbiting into a cross → the icon collapses into a Mac menu bar → the cursor clicks the menu-bar icon, a frosted glass prompt box springs out and the prompt types → whip-tilt up through a light-blue flash into the answer page scrolling into place → a card rises over it → blur-dissolve to two stacked cards with giant frosted-glass titles → blur-dissolve to the lone logo disc → hard cut to a black end card with a glowing wordmark.
Banned: crossfades, frozen frames (except one hold in S7), stock UI kits, glows on UI text, Math.random, anything that looks like a template.

Coordinates are px on the 1080 stage. Music beat k = 0.048 + 0.4838·k s (124 BPM, one beat = 14.5 frames). The three hard cuts f72, f101, f159 land 2 frames before a beat: keep these exact frames.
S1 f0–71, header + window + click: haze #B7CFEB fading to #FDFDFB by f28, keep a blue floor glow #DBEEFD at the bottom. Header on one line: logo disc ⌀132 (#FBFCFE, 1px rim #E8E8EA, dark mark), the product name (Inter 500), a dark capsule pill "on Whop" (#2F2E2F, white text); the whole lockup spans x474–1063, centre line rises y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), drifting 1 px/frame after. Name appears f2 blurred, pill f4–5 heavily blurred and sliding 15 px left as it sharpens. A light hub window (radius 93, fill #FCFDFF, top band #F1F6FF, blue inner floor glow) fades in around it: opacity 0 to f14, 0.53 f15, 0.7 f19, 1.0 f24; top-left corner (408,405), runs off the right and bottom. Inside: a search pill in the top band, a left icon column (Courses icon at (537,739), faded Chat icon at (537,900)), and a course card from (764,700) off-frame with its cover image, title and "Course · 8 lessons". Cursor (black macOS arrow, white outline, 32x39) appears f27 at (891,393), glides left decelerating to (770,383) f44, rotates to point down-left f47–51 as it dives, lands on the disc's lower right (629,564) f56 → (587,546) f59 → (555,531) f71; grows ×1.55 on hover from f56; a soft ice ring (#D5F3FF → #F7FEFF, outer ⌀174) lights around the disc from f53. Camera zooms about (540,540): 1.0 f46 → 1.2 f60 ease-in-out, holds f61, then eases out accelerating to 1.04 at f71 while the cursor presses (shrinks 15% f69–71).
S2 f72–100, icon + orbit: navy squircle app icon (#294376 → #1E2F52, white mark), 276 px at f72 shrinking ease-out to 178 px by f86, radius 28% of width, on a grey halo disc #E9E9E7 growing ⌀240 (f75) → 326 (f86). Four 92 px squares (radius 26) spin in counter-clockwise, decelerating, and lock into a cross at orbit radius ≈216 by f86: white (1px #E3E8EF edge + faint shadow) left, #2F6BFF top, #3CC8F0 right, #4ED6A0 bottom. f88–100: the icon shrinks accelerating to ≈40 px, the squares slide into a row on its right (white slips behind the icon), blur ramps 0.3 → 6 px.
S3 f101–158, menu bar + prompt: white page above a black laptop bezel band (y425–475, top highlight #686866), a dark navy menu bar (y477–538), wallpaper below = the blue sky gradient with thin white line art (one big circle, two horizontal lines, one vertical, a four-point sparkle at a crossing, soft teal glow top-right). Menu bar right cluster in white: Wi-Fi, battery, toggles, the product mark at x531–584, three ⌀36 dots #2F6BFF / #3CC8F0 / #4ED6A0 at x612, 661, 709, "Mon Jun 22  9:41 AM" 34 px. Enters blurred 3 px and settling by f110. Cursor rises from below (f102), sits on the mark, presses f113–117. Camera pans content right +125 px f115–130 (fastest f118–120). A frosted glass box (white-blue glass over the sky, bright top rim, radius 60) springs out from under the mark f116: width peaks 744 at f126 and settles 726x228 by f138 around x196–922, y568–797. The prompt types from f121 (first legible "Make ") to f150 (complete) at about 1 char/frame with a 1-frame hold every 2–3 chars; caret always on; three white outline icons along the bottom; send button #2F6BFF ⌀51 with a white up arrow. From f136 the whole scene drifts up, accelerating into a whip-tilt (f158 moving ≈25 px/frame, vertical blur ≈6–8 px) while the page tints #E6F4FE over f154–158.
S4 f159–186, answer page: a light course lesson page (breadcrumb, title, body): text column x120, body 47 px Inter 400 grey #BCBCBA, line pitch 58, one key phrase ("frame for frame") in black 600. It arrives smeared and 420 px low, scrolls up with offsets 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), then creeps −6 px by f186. Blur 24 px (f159) → 1.5 (f165) → 0. Flash #E2F4FE fading to #FDFDFB by f165. A cursor pointing straight up rides the scroll and stops under the key phrase (≈(450,591) f180), then drifts right.
S5 f187–214, card: a white card (x203–878, runs off the bottom) rises over the page: cover image 627x536 inset 24 px, radius 64, a light grabber bar at its top centre, caption semibold 38 px black, sub-caption grey 23 px. Cover top y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), then keeps drifting up ~4 px/frame. Card blur peaks 3.8 px at f189, sharp by f201; the page behind blurs to ≈2.5 px. Exit f207–214: card shrinks ~5% and rises while the whole frame blurs 1 → 7 px; cut at the blur peak.
S6 f215–244, two cards: white page, two stacked cards 538x348 (radius 57, gap 36) centred on x540, top card settling at y168 by f230, bottom at y552. Each: cover art (no text baked into it), a frosted pill top-left ("Module 3" / "Module 5"), a frosted round "•••" top-right, and a huge bold title along the bottom edge made of frosted glass (a blurred, lightened copy of the image clipped to the letters, cut off by the card's bottom edge): "Launch" and "Sound". Both enter blurred 12 px and sharp by f224; the top card enters 8% large and rises from y264; the bottom card rises from y927, staggered behind it. They drift up 3 px/frame f230–238, then accelerate up and blur out into the cut.
S7 f245–300, logo disc: page #FDFDFB, disc ⌀168 #F6F6F6 with the dark mark, rises into the centre (top y569 f245 → 491 f250 → 468 f255 → 456 f269) with a vertical smear on the cut frame, holds still f269–287 (the only frozen stretch), then shrinks accelerating to ⌀123 at f300.
S8 f301–359, end card: black radial background (#020204 corners, ≈#272729 around the word), the wordmark in Inter 600, white #F3F3F5 with a tight glow plus a wide soft halo, centred (540,540). Word width: ≈1650 px f301 (horizontally smeared, zoom streaks) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/frame shrink) → 492 f350, then collapses ease-in: 450 f355 → 267 f359 with blur rising to 3.5 px. The film ends mid-collapse.

1. One HTML page, 1080x1080, drawn by seek(t) as a pure function of the frame number. No CSS transitions, no timers, no Math.random (seeded hashes only). Shots register as {f0, f1, render(localFrame)}.
2. Every value is continuous in the frame number (the 59.94 master renders half frames): animate with keyframe tables kf(frame, [[f, value], ...], ease) and per-frame lookup tables with linear interpolation. No Math.floor on motion.
3. Blur: CSS filter blur for round blur, SVG feGaussianBlur with separate x/y stdDeviation for directional smears. Zoom smear on the end card = 20–30 scaled, faded copies of the word. Frosted glass = a blurred, lightened copy of what's behind, clipped to the shape.
4. Cursor: one SVG macOS arrow (black fill, white outline, soft shadow) with rotation and scale, reused in S1, S3, S4.
5. Sound (no voice), exactly 12.075 s: music at 124 BPM, soft intro, the drop at 2.47 s (beat 5, the f72 cut leads it by 2 frames). Synthesized SFX: soft impact 0.10 s; whooshes peaking at the cuts 2.402, 3.370, 5.305, 10.043 s; transition hits exactly on 6.240 s and 8.175 s; clicks at 2.33 and 3.83 s; very quiet key ticks every ~32 ms over 4.04–5.00 s; a soft shimmer at 10.05 s. Master to −14 LUFS, true peak −1 dBTP, no fade except the last 60 ms.
6. Render with Playwright (one screenshot per frame, fonts loaded first), encode H.264 yuv420p at 60000/1001, mux the audio.

Measure text only after the fonts load. A long product name won't fit where a 5-letter name did: scale the whole lockup (disc gap, name, pill) to fit the span x474–1063, don't let the pill fall off-frame. A white orbit square vanishes on the white page without a 1px edge and a faint shadow. Don't put images with their own text inside the S6 cards, or the glass title doubles up. Keep the cut frames exact even where they don't sit on a beat. Nothing freezes except S7 f269–287. Heavy blur tables can wipe a shape out completely: if a frame looks empty, lower the blur until the shape still reads.

Ask me for the inputs. Then show me 4 stills (f40 header in the window, f86 icon cross, f150 finished prompt, f230 the two cards) before you render the full film.

سوئال ئېلىندى پوچتا @notdwd.