08th פבר2012

איך ליצור משחק מחשב פשוט? – חלק א'

by יעל חקשוריאן
בפוסט זה מדריך ליצירת משחק מחשב פשוט בתוכנת Game Maker. המדריך כולל קטעי קוד קצרים שהוספתי באמצעות הפעולה Execute Code.
כמה פשוט יהיה המשחק? מאוד.
ניצור משחק שבו אובייקטים נכנסים מהחלק העליון של המסך וצריך לתפוס אותם או להתחמק מהם בחלק התחתון של המסך.
האובייקטים שאותם צריך לתפוס נותנים נקודות ואלו שמהם צריך להתחמק – מורידים נקודות.
במשחק הזה, האוביקט שבו נשלוט תהיה ציפור קטנה. הציפור צריכה להתחמק ממטוסים ולתפוס גוזלים.
המשחק הזה יכול להיות בסיס לכל משחק בסגנון זה ע"י שינוי הספרייטים של האובייקטים. פשוט לא? אז נתחיל בשלבים ליצירת המשחק.

יצירת דמות

כרגיל, נתחיל ביצירת דמות שיכולה לנוע לצדדים. לא זוכרים איך? קראו שוב את המדריך ליצירת משחק בסיסי ב-Game Maker. חשוב שלדמות הציפור תהיה אנימציה של תנועה לכל צד (יותר מתמונה לכל ספרייט). במשחק הזה הדמות צריכה לנוע רק לצדדים. תנועה למעלה ולמטה אינה רלוונטית. תחילה צרו דמות של ציפור שעפה (שני ספרייטים, אחד ימינה ואחד שמאלה) ואח"כ ספרייטים עבור האובייקטים הנוספים: מטוס וגוזלים.

יצירת אובייקטים

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

אירועים ופעולות לדמות הציפור הראשית

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

הגדרות החדר

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

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

 

תנועת רקע החדר

הרקע יזוז רק כאשר תהיה תנועה של הציפור (ע"י לחיצה על מקשי החצים במקלדת) ולכן את הקוד עבור תזוזת הרקע נוסיף לפעולות של הציפור.

כדי ליצור מצב בו רקע החדר נע לכיוון ההפוך של כיוון מעוף הציפור (להמחשת התנועה) נוסיף לאירוע של תנועת הציפור Key Press Right/Left קטע קוד שכולל את השורה הבאה: background_hspeed = -2 כך שהרקע יזוז שמאלה (סימן המינוס מגדיר את כיוון התנועה לשמאל) או background_hspeed = 2 לתנועה של הרקע ימינה.

באירוע Left/Right Release הוסיפו את הפקודה: background_hspeed = 0, כך הרקע יעצור בכל פעם שהציפור תעצור.

כך אמור להיראות חלון מאפייני הציפור בשלב זה:

birdObjectPro

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

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

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

17th ספט2011

איך תיצרו משחק מחשב בעצמכם – חלק 4

by יעל חקשוריאן

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

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

מתי נשתמש בתנועה לתמונת הרקע?

אם נרצה שהדמות הראשית שלנו תישאר במקום קבוע במסך (ב"כ באמצע המסך) , אבל שתהיה תחושה שהיא מתקדמת  נזיז את התמונה ברקע וכך נגרום לאשליה שהדמות זזה.

דוגמא למשחק בו הרקע בתנועה ב- Game Maker הוא Scrolling Shooter, משחק יריות שבו הדמות הראשית היא מטוס. שימו לב, אפילו אם לא תעשו כלום המטוס יטוס – וזה כיוון שהרקע ויתר האובייקטים במסך זזים לכיוונו.

a scrolling shooter

מדריך מלא למשחק כולל קבצים ניתן להוריד מעמוד המדריכים הרשמי של אתר yoyo games.

14th ספט2011

איך תיצרו משחק מחשב בעצמכם – חלק 3

by יעל חקשוריאן

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

בפוסט זה ניצור חדר ונכיר את המאפיינים של חדר – Game Maker.

יצירת חדר

פתחו את תוכנת Game Maker ובסרגל הכלים לחצו על אייקון יצירת חדר (Create a Room). create a room

כעת יפתח חלון מאפייני החדר שיצרתם – room properties עם הלשוניות הבאות:

הלשוניות שמופיעות החלון המאפיינים הן:

objects – עבור ניהול האובייקטים בחדר

settings – עבור הגדרות מאפייני החדר, כמו רוחב וגובה החדר/מסך

tiles – עבור ניהול אריחים בחדר (על כך אכתוב פוסט נפרד)

backgrounds – עבור הגדרות לתמונת רקע או צבע רקע לחדר

views – עבור הגדרת מראות (מצלמות) בחדר

 שינוי צבע רקע לחדר

עברו ללשונית background ולחצו על תיבת הצבע (ברירת המחדל היא אפור)

background color

יפתח חלון צבעים ממנו תוכלו לבחור כל צבע אחר עבור הרקע (אני בחרתי ירוק):

background color table

שינוי גודל החדר

עברו ללשונית setting

שנו את רוחב החדר – width ל- 500

שנו את גובה החדר – hieght ל- 500

לסיום לחצו על סימן ה- V הירוק בקצה השמאלי העליון לשמירה וסגירה של החלון:

room settings

הרצה של המשחק

כדי לראות איך החדר נראה, לחצו על אייקון run בסרגל הכלים – run

המתינו מעט לפתיחת המשחק (שכולל בשלב זה רק חדר), ברקע תראו את הלוגו של התוכנה ואז יפתח החלון:

room

שמירת הקובץ

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

איך שומרים?  לחצו על אייקון save בסרגל הכלים 

יפתח חלון לקביעת שם ומיקום הקובץ. בחרו את המקום לשמירת הקובץ, אפשר על שולחן העבודה ותנו שם לקובץ. אני נתתי את השם my first game התוכנה תתן לקובץ את הסיומת המתאימה של game maker:

save gameלחצו על save לסיום.

שימו לב שברשימת הספריות, תחת הספרייה Rooms מופיע כעת קובץ בשם room0. בפוסט הבא נשנה את השם ומאפיינים נוספים.

על שולחן העבודה תוכלו לראות את הקובץ ששמרתם – נראה כך:

saved game

 

 

22nd אפר2011

מעקב אחר דמות ב-Game Maker באמצעות Views

by יעל חקשוריאן

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

יצירת דמות

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

הגדרות החדר

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

בלשונית setting קבעו את רוחב החדר שיהיה גדול יותר מ-1000 פיקסלים. אני הגדרתי את הרוחב על 6400.

room View

בלשונית background הוסיפו רקע, וודאו שתמונת הרקע תתפרס לרוחב כל המסך ע"י סימון V באפשרות Tile Hor.

tile Hor

בלשונית View נגדיר את גודל המסך בפועל ואת המעקב אחר הדמות במסך:

הגדרת גודל המסך

  1. ראשית סמנו V באפשרויות: Enable the use of View ו- Visible when room starts.
  2. View in room – הגדירו איזה חלק מהחדר יראה ב-view, אני בחרתי רוחב של 300 פיקסלים. כמו כן הגדרתי את רוחב המסך כולו ל-300, כך שתהיה התאמה בין המראה למסך.

הסבר מפורט על מאפייני יצירת view תוכלו לקרוא בפוסט יצירת מפה מוקטנת של המסך.

הגדרת מעקב אחר הדמות

בחלק התחתון – Object following בחרו את הדמות שאחריה יתבצע המעקב.

Hbor, Vbor – קובעים את המרחק של גבול המראה מהאובייקט הנבחר, ניתן לבחור רק את המרחק מהצד השמאלי והצד העליון.
מרחק של אריח אחד= 32 , חצי = 16 . (אם לא שונו הגדרות ברירת המחדל של החדר)
המרחק מהצד הימני והצד התחתון תמיד=0.

Hsp, Vsp – קובעים את המהירות שהמראה עוקב אחר האובייקט
0 = ללא תזוזה. במקרה זה הדמות תיעלם מהמסך לאחר שתעבור את 300 הפיקסלים הראשונים
1 = עיכוב / delay. במקרה זה המסך נמצא תמיד צעד אחד אחרי הדמות
1 – = תואם את מהירות האובייקט. זה המצב שאנחנו רוצים – כלומר המסך תמיד עוקב אחר הדמות

כך יראה מסך הגדרות החדר בסיום הגדרת כל המאפיינים:

view Border
שימו לב שניתן לראות את גבול המראה, במקרה זה x=300.

לאחר שתמקמו את הדמות בחדר הריצו את המסך וראו כיצד המסך זז עם הדמות והרקע.

כרגיל, אני מצרפת את קובץ המשחק להורדה.