דילוג לתוכן הראשי

משחק מירוץ מכוניות מרובה משתתפים שהתחלתי לפתח

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



עוד 2 נקודות שסוכמו לגבי הפרויקט הזה הן:
     1.      את העיצוב במקרה הזה לא אנחנו עושים. אנחנו נעבוד מול מעצבת מטעם הלקוחה.
     2.      הטכנולוגיה שבה נפתח היא פלאש (לעריכת קוד אני משתמש ב- FlashDevelop), מאחר וזה משחק שמיועד למחשב ויהיה נוח ומהיר להתקדם עם הכלים האלה.
     
   לאחר שסיכמנו על המשך העבודה, התחלתי לעבוד על תכנון התכנות. את זה אני הכי אוהב לעשות עם דף ועט - לכתוב מה שעולה לי בראש ואח"כ לזקק את זה. זה מה שיצא לי בהתחלה:



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

עד כאן להפעם. עדכונים בהמשך.


אם עדיין לא קיבלתם ממני במתנה את המיני-קורס החינמי שבו אני מסביר למה חשוב לכם דווקא עכשיו לפתח בHTML5 ואיך עושים את זה, תיכנסו עכשיו ללינק: http://codactive.com/ ותורידו לכם את המתנה.

תגובות

פוסטים פופולריים מהבלוג הזה

כלים לפיתוח משחקים בלי ידע בתכנות

מאחר ויש לי די הרבה נסיון בהדרכת תכנות למתחילים (ובפרט בתחום פיתוח משחקים) אני מתעניין כל הזמן בכלים טובים עם ערך מוסף גם לפיתוח משחקים מהיר וגם ללמידה של תכנות על הדרך. לאחרונה החלטתי לפתוח קורס\חוג מקומי לנוער שילמד פיתוח משחקים לחסרי נסיון, או בעלי נסיון בסיסי בתכנות וזה הוביל אותי לבדוק באופן יותר מעמיק אילו כלים קיימים כרגע שעשויים לתמוך בקורס כזה. אחד הקריטריונים החשובים לדעתי בבחינת כלים כאלה היא עד כמה אפשרי ונוח ליצור באמצעותם משחקי HTML5 שאפשר בקלות לפרסם באתר עצמאי, או באתרי מפיצים, כי לשם אני מאמין שהתעשיה הולכת. לכן, קודם כל הלכתי וחיפשתי רשימת השוואה למנועי משחק שמאפשרים ליצור משחקי HTML5 והגעתי לרשימה הזאת. אפשר לראות כאן גם frameworks כמו Phaser, שמאפשרות בניית משחק ע"י תכנות בלבד וגם כלים כמו Construct 2 שלא מצריכות ידע בתכנות בכלל ונותנות ממשק גרפי עם אפשרויות בחירה והזנת פרמטרים מסוגים שונים על מנת להגיע לאותן תוצאות. מנסיוני יש 2 אסכולות של מפתחים: 1. כאלה שבאו מרקע של תכנות פרופר (מדעי המחשב) - מעדיפים לתכנת הכל באמצעות עורכי קוד למיניהם...

משתנים ב-javascript

היי, לפני כמה שנים פרסמתי את הסרטון הבא על משתנים ב-javascript ורציתי הפעם לשתף את התמלול שלו למי שמעדיף לקרוא טקסט. היי, כאן אסף מקודאקטיב! היום במסגרת HTML ב-5 דקות אנחנו נלמד על משתנים ב-javascript. משתנים הם אבני הבניין של כל שפת תוכנה. הם משמשים אותנו כדי לשמור מידע בזיכרון של המחשב. משתנה הוא כמו קוספא שבתוכה מאחסנים מידע שניתן לשימוש בהמשך. לכל קופסא כזאת יש שם ולאחר שמאחסנים בה את המידע, יהיה אפשר לגשת אליה בהמשך באמצעות השם של הקופסא. לדוגמא: למשתנה קוראים X והמידע שבתוכו הוא המספר 4. או משתנה בשם playerName והמידע שבתוכו הוא המילה "אסף". ב-javascript מגדירים משתנה באמצעות המילה השמורה var (תיקון - נכון להיום רצוי יותר להשתמש ב-let מסיבות שונות הקשורות להתפתחות השפה, לכן אשתמש בהמשך במילה זו) ולאחריה שם המשתנה. let x; הסימן נקודה-פסיק משמש לסיום משפט. javascript היא שפת case sensitive ולכן חשוב להקפיד על גודל האותיות. את המילים השמורות כמו let כותבים באותיות קטנות. שמות של משתנים נהוג לכתוב גם באותיות קטנות. שם של משתנה יכול להכיל אותיות ומספרים...

איך לבנות פרוטוטייפ של משחק diamondDiggerSaga באמצעות Phaser ו-Typescript

אני אוהב את הבלוג של עמנואל פרונטו:  http://www.emanueleferonato.com/ במיוחד אני אוהב את הפורמט של בניית פרוטוטייפ של משחק ופרסום הקוד שלו. מאחר ובזמן האחרון אני עובד הרבה עם פייזר, באופן טבעי אני מתעניין בפוסטים שלו שעוסקים בפייזר ויש לו כבר די הרבה prototypes של משחקים שהוא כתב ב-Phaser. רק מה, הוא כותב ב-javascript וכל הקוד שלו כתוב בעמוד אחד ארוך. אז החלטתי לקחת את אחד מאבות הטיפוס שהוא כתב ולכתוב את הקוד מחדש בקלאסים של Typescript. זה יותר מאורגן ככה ויותר קל לעיכול לדעתי (גם אם יותר ארוך קצת). בסרטון למעלה אפשר לראות את התוצאה כפי שצילמתי אותה בפעולה - גם בטלפון וגם במחשב. מפתיע לראות כמה קל לכתוב את הקוד הזה, שמהווה בסיס לכל כך הרבה משחקים מוכרים וטובים. אז בואו נקפוץ ישר לקוד: אני מציג את הקוד באמצעות codepen רק מטעמי נוחות. אל תצפו לראות את זה עובד כאן, זה רק כדי להציג את הקוד ולאפשר להעתיק ממנו בקלות. יש טאבים של HTML, CSS, TypeScript. אפשר ללחוץ כדי לראות כל אחד מהם. ה-HTML מכיל את כל הקישורים לקבצי ה-javascript השונים (שנוצרים מהקימפול של ה-TypeScript), ה-C...