השקת השוואה בין רימייק לסרטון
לְעוֹרֵר
בקשו ממני: שם המוצר שלי, לוגו (או לאפשר לכם לצייר סימן פשוט), צבעי המותג שלי (או למשוך אותם מהלוגו שלי), השורה בת השורה שהמשתמש מקליד בתיבת ההנחיה, העמוד שעונה עליה (כותרת + 2-3 משפטים עם ביטוי מפתח אחד), שני שמות של תכונות עבור הקלפים המוערמים, ורצועת מוזיקה. אם אני מדלג על כלשהי, השתמש בהגדרות ברירת המחדל: מוצר "פריים אחר פריים" שנמצא בתוך מרכז ה-Whop שלו, סימן עינית (ארבעה סוגריים פינתיים סביב "FF" מודגש), הנחיה "צור סרטון השקה לאפליקציה שלי", דף שיעור שכותרתו "2.1 בחר הפניה", קלפים "השקה" ו"צליל", ושיר האוס החינמי של Mixkit "Rising Forest" שהאט ל-124 BPM.
תמונה מרובעת של מוצר באורך 12 שניות, רזולוציה של 1080x1080, מספר פריימים בקצב של 29.97 פריימים לשנייה (f0–f359), רינדר מאסטר בקצב של 59.94 פריימים לשנייה. תחושה של צילום מפתח של אפל: רכה, לבנה, כחולה בוהקת, מזוגגת. המצלמה לעולם לא חותכת על פריים סטילס: כל צילום נכנס למצב שכבר בתנועה (הקלה אקספוננציאלית, 12–19% מהמרחק שנותר לפריים) ויוצאת בתנועה מואצת או בתנועת טשטוש. הטשטוש עוקב אחר המהירות והכיוון בכל תנועה.
פלטה: צבעי המותג שלי ממופים לתפקידים אלה; אם אני לא נותן כאלה, השתמש בדף #FDFDFB, ערפל #B7CFEB, קרח #E6F0FA, כחול עמוק #294376 → #769CC2 שמיים בהדרגה, כחול נייבי #1E2F52, כחולים נצנצים #2F6BFF / #3CC8F0 / מנטה #4ED6A0, לבן. סוג: Inter (400/500/600/700). אין סגול, סגול, מג'נטה או כתום בשום מקום.
סיפור: כותרת המוצר עולה מתוך ערפל כחול בתוך חלון אפליקציה בהיר → סמן גולש פנימה, מסתובב לכיוון שאליו הוא הולך, גדל בריחוף ולוחץ על הלוגו → חתוך חזק על המוזיקה, נופל לסמל האפליקציה עם ארבעה ריבועים המסתובבים לצלב → הסמל קורס לשורת תפריטים של מק → הסמן לוחץ על סמל שורת התפריטים, תיבת הנחיה מזכוכית חלבית קופצת החוצה וההנחיה מודפסת → הטיה מהירה מעלה דרך הבזק תכלת אל דף התשובות וגולל למקומו → כרטיס עולה מעליו → טשטוש-מסובב לשני כרטיסים מוערמים עם כותרות ענקיות מזכוכית חלבית → טשטוש-מסובב לדיסק הלוגו הבודד → חתוך חזק לכרטיס קצה שחור עם סימן מילים זוהר.
אסור: עיוותים צולבים, פריימים קפואים (למעט החזקה אחת ב-S7), ערכות ממשק משתמש סטנדרטיות, זוהר על טקסט ממשק משתמש, Math.random, כל דבר שנראה כמו תבנית.
הקואורדינטות הן פיקסלים על הבמה 1080. פעימה מוזיקלית k = 0.048 + 0.4838·ks (124 BPM, פעימה אחת = 14.5 פריימים). שלושת הקיצוצים הקשים f72, f101, f159 נוחתים 2 פריימים לפני פעימה: יש לשמור על פריימים אלה בדיוק.
S1 f0–71, כותרת + חלון + לחיצה: אובך #B7CFEB דוהה ל-#FDFDFB על ידי f28, שמירה על זוהר רצפה כחול #DBEEFD בתחתית. כותרת בשורה אחת: דיסק לוגו ⌀132 (#FBFCFE, מסגרת פיקסלים אחת #E8E8EA, סימן כהה), שם המוצר (Inter 500), גלולת קפסולה כהה "על Whop" (#2F2E2F, טקסט לבן); כל הנעילה משתרעת על פני x474–1063, קו האמצע עולה y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), נסחף פיקסל אחד/פריים לאחר מכן. השם מופיע 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; גדל ×1.55 בריחוף מ-f56; טבעת קרח רכה (#D5F3FF → #F7FEFF, ⌀174 חיצונית) מאירה סביב הדיסק מ-f53. המצלמה מתקרבת ל-(540,540): 1.0 f46 → 1.2 f60 יציאה-פנימה-חוצה, מחזיקה את f61, ואז יוצאת-יציאה ומאיצה ל-1.04 ב-f71 בזמן שהסמן לוחץ (מקטין 15% f69–71).
S2 f72–100, סמל + מסלול: סמל אפליקציית עיגול כחול כהה (#294376 → #1E2F52, סימן לבן), 276 פיקסלים ב-f72 מתכווץ ל-178 פיקסלים על f86, רדיוס 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: הרוחב מגיע לשיא של 744 ב-f126 ומתיישב 726x228 על f138 סביב x196–922, y568–797. ההנחיה מקלידה מ-f121 ("Make") קריא ראשון ל-f150 (complete) בערך תו אחד/פריים עם החזקת פריים אחד כל 2-3 תווים; סימן רשת תמיד דולק; שלושה סמלי קווי מתאר לבנים לאורך התחתית; כפתור שלח #2F6BFF ⌀51 עם חץ לבן למעלה. מ-f136 כל הסצנה נסחפת מעלה, מאיצה לזווית של הטיה (f158 נע ≈25 פיקסלים/פריים, טשטוש אנכי ≈6–8 פיקסלים) בעוד שהדף גוון #E6F4FE על פני f154–158.
S4 f159–186, עמוד תשובות: עמוד שיעור קל (פירורי לחם, כותרת, גוף): עמודת טקסט x120, גוף 47 פיקסלים Inter 400 אפור #BCBCBA, רוחב שורה 58, ביטוי מפתח אחד ("מסגרת למסגרת") בשחור 600. הטקסט מגיע מרוח ונמוך ב-420 פיקסלים, גולל למעלה עם היסטים 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), ואז זוחל −6 פיקסלים על ידי f186. טשטוש 24 פיקסלים (f159) → 1.5 (f165) → 0. הבזק #E2F4FE דוהה ל-#FDFDFB על ידי f165. סמן המצביע ישר למעלה עוקף את המגילה ועוצר מתחת לביטוי המפתח (≈(450,591) f180), ואז נודד ימינה.
S5 f187–214, כרטיס: כרטיס לבן (x203–878, יורד מהתחתית) עולה מעל הדף: תמונת כריכה 627x536, שוליים מוכנסים 24 פיקסלים, רדיוס 64, פס אחיזה בהיר במרכז העליון, כיתוב מודגש למחצה 38 פיקסלים שחור, כיתוב משנה אפור 23 פיקסלים. כריכה עליונה y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), ואז ממשיך לעלות ~4 פיקסלים/פריים. טשטוש הכרטיס מגיע לשיא של 3.8 פיקסלים ב-f189, חדות ב-f201; הדף שמאחור מטשטש ל-≈2.5 פיקסלים. יציאה f207–214: הכרטיס מתכווץ ~5% ועולה בעוד שכל הפריים מטשטש 1 → 7 פיקסלים; גזור בשיא הטשטוש.
S6 f215–244, שני קלפים: דף לבן, שני קלפים מוערמים 538x348 (רדיוס 57, פער 36) ממורכזים על x540, הקלף העליון מתייצב ב-y168 על f230, התחתון ב-y552. כל אחד: תמונת עטיפה (ללא טקסט אפוי בתוכה), גלולה מצופה בצד שמאל למעלה ("מודול 3" / "מודול 5"), "•••" עגול מצופה בצד ימין למעלה, וכותרת ענקית מודגשת לאורך הקצה התחתון עשויה מזכוכית מצופה (עותק מטושטש ומואר של התמונה גזור לאותיות, חתוך על ידי הקצה התחתון של הקלף): "Launch" ו-"Sound". שניהם נכנסים למצב מטושטש של 12 פיקסלים וחד ב-f224; הקלף העליון נכנס לגודל 8% ועולה מ-y264; הקלף התחתון עולה מ-y927, מעד מאחוריו. הם נסחפים למעלה 3 פיקסלים/פריים f230–238, ואז מאיצים למעלה ומטשטשים החוצה אל תוך החיתוך.
S7 f245–300, דיסק לוגו: עמוד #FDFDFB, דיסק ⌀168 #F6F6F6 עם הסימן הכהה, עולה למרכז (למעלה y569 f245 → 491 f250 → 468 f255 → 456 f269) עם מריחה אנכית על המסגרת החתוכה, מחזיק מעמד f269–287 (המתיחה הקפואה היחידה), ואז מתכווץ ומאיץ ל-⌀123 ב-f300.
S8 f301–359, כרטיס סיום: רקע רדיאלי שחור (פינות #020204, ≈#272729 מסביב למילה), סימן המילה ב- Inter 600, לבן #F3F3F5 עם זוהר עז בתוספת הילה רכה רחבה, במרכז (540,540). רוחב מילה: ≈1650 פיקסלים f301 (מרוח אופקית, פסים בהגדלה) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈פיקסל אחד/התכווצות פריים) → 492 f350, לאחר מכן קורס כניסה קלה: 450 f355 → 267 f359 עם טשטוש שעולה ל-3.5 פיקסלים. הסרט מסתיים באמצע הקריסה.
1. דף HTML אחד, 1080x1080, מצויר על ידי seek(t) כפונקציה טהורה של מספר הפריימים. אין מעברי CSS, אין טיימרים, אין Math.random (רק גיבובי זרע). צילומים נרשמים כ-{f0, f1, render(localFrame)}.
2. כל ערך הוא רציף במספר הפריימים (המאסטר 59.94 מעבד חצאי פריימים): בצע אנימציה עם טבלאות keyframe kf(frame, [[f, value],...], ease) וטבלאות חיפוש לפי פריים עם אינטרפולציה לינארית. אין Math.floor בתנועה.
3. טשטוש: טשטוש במסנן CSS לטשטוש עגול, טשטוש feGaussianBlur SVG עם סטיית std x/y נפרדת למריחות כיווניות. מריחה בזום על כרטיס הקצה = עותקים דהויים בקנה מידה של 20-30 של המילה. זכוכית חלבית = עותק מטושטש ומואר של מה שמאחור, גזור לצורה.
4. Cursor: חץ macOS SVG אחד (מילוי שחור, מתאר לבן, צל רך) עם סיבוב וקנה מידה, בשימוש חוזר ב-S1, S3, S4.
5. סאונד (ללא קול), בדיוק 12.075 שניות: מוזיקה ב-124 BPM, פתיחה רכה, ירידה ב-2.47 שניות (פעימה 5, חיתוך f72 מוביל אותו ב-2 פריימים). אפקטים סינתטיים: השפעה רכה 0.10 שניות; וושינג בשיא בקיצוצים 2.402, 3.370, 5.305, 10.043 שניות; מעבר מגיע בדיוק ב-6.240 שניות ו-8.175 שניות; קליקים ב-2.33 ו-3.83 שניות; תקתוקי קלידים שקטים מאוד כל ~32 שניות על פני 4.04-5.00 שניות; נצנוץ רך ב-10.05 שניות. מאסטר ל-−14 LUFS, שיא אמיתי −1 dBTP, ללא מעבר למעט 60 שניות האחרונות.
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.
- דֶגֶם
- Opus 5.5
- פורסם
תעשה סרטון כזה
צרו סרטונים כאלה בעצמכם - פי 7 זולים יותר מה-API - בעזרת התוסף שלנו לגוגל Chrome.. עובד עם Claude דרך MCP: אתה מתאר את המשימה, וההרחבה מטפלת בתהליך היצירה מההנחיה ועד לקובץ המוגמר. היא מייצרת סרטונים, מרכיבה אותם, משמיעה אותם ומתרגמת אותם.
Automation — MCP для Google Flow, Google Vids и Claude
TikTok Symphony Creative Studio MCP Claude Code
SeedFlow — Seedance 2.5 в Dreamina, Qwen-Audio-3.1-TTS и Claude MCP