כל העבודות

Zoomons

משחק מרוצים בתלת-ממד · Telegram Mini App

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

פתחו את zoomons.app שחקו בטלגרם
תפקיד
עיצוב משחק · ארט · פיתוח · Live ops
פלטפורמה
Telegram Mini App · ווב · zoomons.app
Stack
Expo · React Three Fiber · three.js · Node.js
סטטוס
באוויר · חינמי
Zoomons - Monster Dash Rally

מה זה

Zoomons: Monster Dash Rally הוא משחק ריצה במסלולים ומשחק מרוצים באחד. בוחרים אחת מתוך שבע מפלצות, לכל אחת מהירות, תאוצה, זריזות, מזל ועמידות משלה, ומתחרים על פני אחד-עשר עולמות מרחפים, מ-Candy Clouds ו-Jungle Jam ועד Magma Rush, Neon Nights ו-Cosmic Orbit. מחליקים כדי להחליף מסלול, לקפוץ ולגלוש; מנפצים Wonder Boxes כדי לאסוף פריטים ומשתמשים בהם ברגע הנכון.

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

האתגר

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

מה בניתי

  • חמישה משחקים - המרוץ, ריצה אינסופית, Bumper Brawl, Sky Tower ו-Sky Glide
  • מולטיפלייר חי - חדרים של עד שישה שחקנים על WebSocket, מקישור הזמנה אחד או מקוד בן 4 אותיות
  • מטא-משחק מלא - ביצים, שלבים, כובעים, סקינים, תיקים, גלימות, כנפיים ושובלים
  • הבוט והכלכלה - תשלומים ב-Telegram Stars, הפניות וטבלאות מובילים קבוצתיות

מיתוג

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

Zoomons symbol
Zoomons logotype
Zoomons symbol, white
Zoomons logotype, white
Zoomons in colour
Zoomons in colour

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

Night#1E1240
הרקע העמוק ביותר
Purple#5B2BB8
מעבר הצבע של המסך
Yellow#FFD23F
כפתורים והדגשות
Pink#FF4D8D
הסרט והתגים
Mint#4DEBB0
מצבים חיוביים

עולם סגול-לילה שמואר בצבעי סוכריות - רועש בכוונה, כי הוא צריך לנצח מבט חטוף ברשימת צ'אטים.

ZOOMONSLilita Oneתצוגה - הלוגו, כותרות, ה-HUD של המרוץ
Aa 123Nunitoטקסט בתוך המשחק
אב AaRubikהאתר, וכותרות בעברית

שלושה פונטים מעוגלים, כדי שהטיפוגרפיה תרגיש רכה כמו המפלצות.

Zoomons - המוצר על מחשב נייד, טאבלט וטלפון - מסכים אמיתיים מהמוצר החי
המוצר על מחשב נייד, טאבלט וטלפון - מסכים אמיתיים מהמוצר החי
Zoomons - Die-cut sticker sheet - the icon and the logo
דף מדבקות - האייקון והלוגו
Zoomons - Plush monster, with the Z on its tag
בובת מפלצת, עם ה-Z על התווית
Zoomons - Kids' tee with the game title
חולצת ילדים עם שם המשחק
Zoomons - Rubber keychain - the app icon
מחזיק מפתחות - אייקון האפליקציה

איך זה בנוי

לקוח המשחק
React Three Fiber
three.js על Expo
בסיס קוד אחד לווב ולמובייל
ארט
Blender, in code
כל מודל נבנה בסקריפטים של Python
עם ריג, אנימציה ו-bake
אודיו
Procedural
כל צליל ולופ המוזיקה
נוצרים בקוד
שרת
Node.js
חדרי מרוץ ב-WebSocket, הבוט
תשלומי Stars, הפניות

המסכים

מסך הבית והמרוץ

במסך הבית יש החלטה אחת בלבד: המפלצת שלכם, העולם שלכם וכפתור Quick Race גדול. המרוץ עצמו הוא שלושה מסלולים, החלקות כדי להתחמק ולקפוץ, ו-Wonder Boxes לאורך הדרך.

Zoomons - מסך הבית
Zoomons - זינוק המרוץ
Zoomons - במרוץ
Zoomons - בחירת עולם

חמישה משחקים, צוות דמויות אחד

אותן מפלצות ממשיכות לעוד ארבעה משחקים: ריצה אינסופית כשהענק Grumble רודף אחריכם; Bumper Brawl, המפלצת האחרונה שנשארת על האי מנצחת; Sky Tower, כמה גבוה תצליחו לטפס; ו-Sky Glide, דאייה בנפנופי כנפיים דרך שערי סוכריות.

Zoomons - בחירת משחק
Zoomons - Bumper Brawl
Zoomons - Sky Tower
Zoomons - Sky Glide

אוספים, מלבישים ומשחקים עם חברים

לכל מפלצת יש נתונים משלה, והיא יכולה ללבוש סקינים, כובעים, תיקים ושובלים. החנות מוכרת חבילות ב-Telegram Stars, ומסך החברים נותן לכל שחקן קישור הזמנה וקוד חדר כדי להתחרות יחד.

Zoomons - הארון
Zoomons - החנות
Zoomons - חברים
Zoomons - הגדרות

בית ברשת הפתוחה

zoomons.app הוא האתר של המשחק, בעברית ובאנגלית, למי שמגיע מחיפוש ולא מצ'אט: חמשת המשחקים, המפלצות, משחק עם חברים והזמנות, ושאלות נפוצות. כשפותחים אותו מתוך טלגרם, אותה כתובת מעבירה ישר למשחק.

zoomons.app - אתר הנחיתה
zoomons.app - חמישה משחקים

החלטות עיצוב

01

  • נבנה איפה שהשחקנים נמצאים - Telegram Mini App במקום הורדה מחנות האפליקציות: המרחק מהזמנה למרוץ הוא לחיצה אחת.

02

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

03

  • כל ערוץ מדיד - כל קטלוג, קהילה ופוסט מקבלים קוד התחלה משלהם, כך שאני יודע אילו מהם באמת מביאים שחקנים.

04

  • הוגן כברירת מחדל - חינמי, פריטים קוסמטיים תמורת Stars, בלי טוקנים ובלי פרסומות שקוטעות מרוץ.
הפרויקט הבא
Cupidon ←
צרו קשר