Game UI Motion Kit
רגע אחד ממסך של משחק, בכל עיצוב, שפה וגודל.
הדגמה אינטראקטיבית הדגמה בדפדפן על נתונים לדוגמה. הכלי עצמו עוד לא שוחרר.
הבעיה
שיווק משחקים צריך את אותו רגע במסך בהרבה גרסאות. כשבונים ביד, הגרסאות מתרחקות זו מזו ותרגומים ארוכים גולשים.
מה בניתי
כלי שמתייחס לסצנה כנתונים ולגרסאות כטבלה, ובודק כל כיתוב לפני הרינדור. סקריפט ל-After Effects בונה את הגרסאות ואת גדלי הייצוא.
- שילובים של עיצוב, שפה ופרס
- מספרים בפורמט של כל שפה
- טקסט ארוך מתכווץ או מסומן
יכולות ומגבלות
נבנה ונבדק
- An invented arcade game, Comet Crew, with a reward scene: panel slides in, the number counts up, a burst pops.
- Versions as a matrix: theme × language × reward, each with a unique export name.
- Numbers formatted per language (15,000 / 15.000); long headlines and buttons shrink to fit, down to 70%, and anything that still does not fit is flagged.
- Export presets for store preview, social vertical and in-game overlay, and a CSV of every version with its issues.
- Export the kit spec: the After Effects script builds all 18 versions from it, measures the real text width and renders the three presets.
מגבלות
- The After Effects kit script is written and passes on a mock of After Effects in Node, but it has not run in After Effects yet, so it is not offered as a download. No plugin is involved.
- All game art is invented for this demo; no real game assets.
- Text width is estimated from average glyph widths.
מתוכנן
Animation states, localization-safe layouts and batch rendering.
איך משתמשים
- Pick a theme, language and reward; press Replay.
- Read the matrix line to see whether every version fits.
- Export the version list as CSV.
איך זה עובד
- The scene is a function of time and version, so every version shares one animation.
- Number formatting uses the browser's Intl.NumberFormat per locale.
- Fit shrinks font size step by step and reports anything still too wide.
הורדה
עדיין אין הורדה. הורדה מופיעה כאן רק אחרי שהחבילה נבנית מקוד שנבדק, מותקנת ונבדקת.
גרסאות שנבדקו ומגבלות
- עבר Unit: version matrix with unique names Node 22, Linux
- עבר Unit: locale number formats; label fit and overflow flags Node 22, Linux
- עבר Unit: scene timing (slide, count, burst) Node 22, Linux
- עבר Browser: matrix and a German version Chromium (Playwright), 1280px
- עבר Kit script on a mock After Effects project: 18 versions, count-up expression equal to the page for every language, fitting, three presets queued Node 22, Linux
- עוד לא נבדק Host: versions built and measured in After Effects; export presets rendered and checked Not run
נבדק לאחרונה: 2026-10-31.
הסצנה, הגרסאות והבדיקות עובדות בדפדפן על איורי משחק בדיוניים, והעמוד מייצא את מפרט הערכה. סקריפט הערכה ל-After Effects (כל הגרסאות מהמפרט, טקסט שנמדד ומותאם בתוך After Effects, שלושה פריסטים לייצוא) עובר על פרויקט After Effects מדומה; הוא עוד לא רץ ב-After Effects.
פרטים
- קלט
- Original arcade-style mock UI
- פלט
- Reusable scene compositions and export presets
- רץ ב
- An After Effects script that builds every version of the scene from the kit spec and renders the export presets (not yet run in After Effects). Today: the scene, version matrix and checks, running in your browser.
- מקור
- מקורי, נבנה מחדש מאפס