בד HTML5 למשחקים ובידור

• מאי 3, 2024

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

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

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

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

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

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

רוב הוקס למד הפקת מדיה אינטראקטיבית באוניברסיטת בורנמות 'והוא מתכנת חזותי המתמחה ב- HTML5 ותכונות חדשות אחרות ברשת. ניתן להוריד את קוד המקור מאתר האינטרנט של המו"ל.

תצוגה מקדימה ב- Google Books

בקר באתר של המו"ל

בקר באתר המחבר

* חברת אפרס מדיה סיפקה לי עותק סקירה ללא עלות.