WaveCraft
דגלים ובדים שמתנופפים ב-After Effects, בשליטה של כמה סליידרים.
עובד אפשר להוריד אותו. למטה יש הדגמה בדפדפן על נתונים לדוגמה.
הבעיה
להנפיש דגל מתנופף ביד לוקח הרבה זמן, וכל שינוי מחייב לעשות הכל מחדש.
מה בניתי
סקריפט ל-After Effects שגורם לכל צורה להתנופף, עם כמה סליידרים. אפשר לשנות בכל רגע, והאיור עצמו נשאר כמו שהוא.
- כמה סליידרים לכל צורה
- הצד שעל המוט נשאר במקום
- לופ חלק, בלי קפיצה
הורדה ל-After Effectsלנסות את הדמו בדפדפן
יכולות ומגבלות
נבנה ונבדק
- בקר אחד לכל הצורות: גובה הגל, מספר הגלים, המהירות, וכמה בעדינות התנועה מתחילה ליד הקצה המקובע.
- הקצה המקובע לא זז, כמו בד שמחובר לתורן.
- מצב דגל, שבו הבד גם מתכווץ מעט כשהוא מתנופף, ומצב סרט, שבו הוא נע רק למעלה ולמטה.
- התנועה חוזרת על עצמה בדיוק, כך שהלולאה חלקה ובלי קפיצה.
- שלושה פריסטים: Calm flag, Windy flag ו-Ribbon.
- שמירת הפריים הנוכחי כקובץ SVG.
מגבלות
- נבדק ב-After Effects 26.5.0 על macOS 27.0.1, על דגל לדוגמה. עוד לא נבדק ב-Windows.
- את הפריסט בוחרים בחלון שנפתח כשהסקריפט רץ. עדיין אין פאנל קבוע.
- בהדגמה בדפדפן, צורות מעוגלות (Bezier) מוצגות כנקודות.
מתוכנן
פאנל קבוע לפריסטים, ובדיקה ב-Windows.
איך משתמשים
- בוחרים פריסט או מזיזים את הסליידרים.
- מדליקים ומכבים את הקצה המקובע כדי לראות את ההבדל.
- עוצרים, ושומרים את הפריים כקובץ SVG.
איך זה עובד
- כל נקודה זזה לפי גובה × משקל × sin(2π(מספר גלים × מיקום − מהירות × זמן)). המיקום הוא 0 בקצה המקובע ו-1 בקצה החופשי.
- המשקל הוא המיקום בחזקת ערך ההגנה: 0 ליד התורן ו-1 בקצה. הגנה 0 מזיזה את כל הצורה.
- התנועה תלויה רק בנקודות המקוריות ובזמן, ולכן מעבר בציר הזמן והלולאה מדויקים.
- למי שביקש פחות תנועה, ההדגמה מתחילה במצב עצור.
גרסאות שנבדקו ומגבלות
- עבר Unit: pinned edge never moves (left and right) Node 22, Linux
- עבר Unit: motion bounded by amplitude Node 22, Linux
- עבר Unit: seamless loop at 1/speed Node 22, Linux
- עבר Unit: originals untouched, closed path, bad input rejected Node 22, Linux
- עבר Browser: animates, pause holds, presets set controls Chromium (Playwright)
- עבר Host expression equals the page's wave() for every preset, both pin sides and phase (evaluated in Node) Node 22, Linux
- עבר Host script on a mock After Effects comp: one controller with the preset, expression on every path, no path value changed Node 22, Linux
- עבר Host: the expression rig waves a shape path inside After Effects, matching the page After Effects 26.5.0, macOS 27.0.1
נבדק לאחרונה: 2026-11-01.
לוגיקת הגל והבקרים נבנו ונבדקו. הסקריפט ל-After Effects (null עם בקרים ו-path expression עם אותה מתמטיקה) רץ ב-After Effects 26.5.0 על macOS 27.0.1: על דגל בדיוני כל נקודה התאימה לעמוד בטווח של 0.005 פיקסל בשלושה פריסטים, הקצה המקובע נשאר במקום והמסלול המקורי לא השתנה. תיעוד: labs/host-tests/results/2026-10-31-mac-t01-run2.
פרטים
- קלט
- צורות וקטוריות בקומפוזיציה של After Effects
- פלט
- אנימציית גלים שאפשר להמשיך לערוך
- רץ ב
- סקריפט ל-After Effects, נבדק ב-After Effects 26.5.0 על macOS 27.0.1. ההדגמה בעמוד הזה רצה בדפדפן.
- מקור
- מקורי, נבנה מחדש מאפס