English 📰 בלוג
→ חזרה לבלוג
בלוג

איך עשינו סרטון פרסומת של 22 שניות רק מקוד, כולל המוזיקה

סתיו אדם
15 באוקטובר 2026
בקצרה: כל הפרסומת היא תוכנה קטנה. קלוד כתב קוד React לתמונה (שמרונדר עם Remotion) וסקריפט Python שמייצר את המוזיקה. כל מילה, כל החלפת צבע וכל רעידת מצלמה קשורות לביט בחשבון פשוט. בלי מצלמה, בלי צילומי מאגר ובלי תוכנת עריכה.

מה צריך

  • קלוד (או Claude Code, אם רוצים שגם יריץ את הפקודות).
  • Node.js והספרייה החינמית Remotion, שהופכת קוד React לווידאו.
  • Python עם NumPy בשביל המוזיקה.
  • בערך שעה לסרטון הראשון. הרינדור של 22 שניות לקח כשתי דקות על מחשב נייד רגיל.

שלב 1: לבחור קצב שמתחלק יפה בפריימים

זה הטריק שגורם לכל דבר לנחות על הביט. ב-150 פעימות לדקה, פעימה אחת היא 0.4 שניות. ב-30 פריימים לשנייה זה בדיוק 12 פריימים. כלומר הפעימה ה-n מתחילה בפריים n כפול 12, בלי עיגולים. בוחרים קצב וקצב פריימים שמתחלקים נקי, והסנכרון מסתדר לבד.

שלב 2: לכתוב את ציר הזמן כרשימה

לפני כל קוד, כותבים את הפרסומת כטבלה: באיזו פעימה, כמה פעימות, איזו מילה ואיזה אפקט. אצלנו יש 55 פעימות: ספירה לאחור 3-2-1, השאלה, המספרים, התחומים, בנייה, הדרופ והלוגו. הרשימה הזו היא התסריט, העריכה והסטוריבורד במקום אחד.

שלב 3: קלוד כותב את המוזיקה

מבקשים סקריפט Python שמייצר שיר של 22 שניות ב-150 פעימות לדקה ושומר קובץ WAV: בס תוף על כל פעימה, מצילות, מחיאת כף בפעימות 2 ו-4, קו בס, תיפוף מתגבר לפני הדרופ, ומכה עמוקה כשהלוגו מופיע. מכיוון שהשיר נוצר מהקוד שלכם, אין זכויות לסדר.

שלב 4: עולם אחר לכל קטע

הגרסאות הראשונות שלנו נראו אותו דבר מההתחלה עד הסוף. מה שפתר את זה: רקע אחר לכל חלק. גשם אותיות, קיר של כרטיסי פרומפטים שעפים, פסים של מהירות אור, פיצוץ צבע עם סמל לכל תחום, רשת רטרו עם פס טעינה, וכוורת מסתובבת עם לייזרים בדרופ. כל עולם הוא רכיב React אחד שנדלק בפעימה שלו.

שלב 5: התנועה נשענת על הביט

שורה אחת עושה את רוב העבודה: kick = exp(-(frame % 12) / 3). היא קופצת ל-1 בכל פעימה ודועכת. משתמשים בה לרעידת מצלמה, לזום קופץ, לזוהר ולפיצוצי חלקיקים, וכל הסרטון נושם עם המוזיקה. לכל מילה יש כניסה משלה בפעימה שלה: נחיתה, היפוך, סיבוב, החלקה, או אותיות שעפות מכל הכיוונים.

שלב 6: לרנדר, להסתכל, לתקן

קודם מרנדרים פריימים בודדים מכל קטע, ורק אחר כך את כל הסרטון. ככה תפסנו מילה שיצאה מהמסך ומילה סגולה על רקע סגול. בסוף מרנדרים MP4 ומכווצים לרשתות.

פרומפט להתחלה

Write a 22-second vertical (1080x1920, 30 fps) video ad in Remotion for [YOUR PRODUCT]. Tempo 150 BPM, so one beat = 12 frames. Use this timeline: [BEAT, LENGTH, TEXT, EFFECT for each line]. Start with a 3-2-1 countdown. Give every section a different animated background. Add camera shake and zoom on each beat with exp(-(frame % 12)/3). Also write a Python NumPy script that synthesizes matching music to a WAV file. Text in [LANGUAGE]. No images, no stock footage, everything drawn in code.

למי זה מתאים

ליוצרים ולעסקים קטנים שרוצים סרטוני קידום קצרים ורועשים שאפשר לשנות בדקות: מספרים חדשים, שפה חדשה, מוצר חדש. הגרסה העברית והאנגלית שלנו יצאו מאותו קוד, רק עם מילים אחרות.

על מה לשים לב

  • צריך להריץ Node ו-Python איפשהו, במחשב או דרך Claude Code.
  • לא יותר מכמה הבזקים בשנייה, בשביל צופים שרגישים לאור.
  • מילים ארוכות בגופן גדול יוצאות מהמסך מהר. בודקים פריים מכל קטע.
  • כל מספר על המסך צריך להגיע ממקור אמיתי.

מקור: Remotion (remotion.dev), נבנה עם קלוד.

עוד כלים ופרומפטים מוכנים ב-masterphub.io