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

רשומות

מציג פוסטים מתאריך מרץ, 2016

אב טיפוס HTML5 למשחק כדורגל, כמו Flick Kick, פותח ב-Phaser עם Typescript

Flick Cick זהו משחק של בעיטות עונשין לשער, של חברת PikPok. יצרתי prototype של המכניקה המרכזית שלו: בעיטת הכדור לשער. אפשר לראות את זה בפעולה כאן . יש כאן 2 חלקים חשובים: 1. תנועת ה-swipe שעושים עם האצבע (או עם העכבר, למי שבודק את זה עם המחשב) על מנת לשחרר בעיטה לכיוון המתאים ובעוצמה המתאימה (הפונקציה  listenSwipe) 2. מה שקורה לכדור בזמן המעוף שלו אל השער (רוב הפונקציה update) /** * Created by codactive on 13/03/2016. */ // reference to typescript files /// <reference path="../lib/phaser.d.ts" /> module football{ export class Game extends Phaser.State{ // define variables ball: Phaser.Sprite; bar: Phaser.Sprite; // this is the bottom of the goal, used to simulate the floor line // these are the sides of the goal: leftSideBar: Phaser.Sprite; rightSideBar: Phaser.Sprite; ballMoving: boolean ; ballIsOut: boolean ; isTimerWorking: boolean ; timerDelay:number;

איך לבנות פרויקט Phaser עם Typescript - חלק 5

זהו החלק החמישי בסדרה - איך בונים משחק HTML5 ב-Phaser עם Typescript. בחלק הקודם השלמנו את בניית Boot.ts, טענו והצגנו לוגו על המסך. הפעם נעשה קצת שיפורים, נכין את ה-states האחרים לפעולה ונסכם. תהנו! לחץ כאן על מנת להוריד את קוד המקור הסופי הלינק להדרכה החינמית:  http://www.codactive.com

איך לבנות משחק HTML5 ב-Phaser עם Typescript - חלק 4

זהו החלק הרביעי בסדרה - איך בונים משחק HTML5 ב-Phaser עם Typescript. בחלק הקודם לימדתי על states והתחלתי לבנות את Boot.ts. הפעם נשלים את Boot.ts, נטען ונציג את הלוגו על המסך. תהנו! לחץ כאן על מנת להוריד את קוד המקור הסופי הלינק להדרכה החינמית:  http://www.codactive.com

איך לבנות משחק HTML5 ב-Phaser עם Typescript - חלק 3

זהו החלק השלישי בסדרה - איך בונים משחק HTML5 ב-Phaser עם Typescript. בחלק הקודם בניתי את ה-class הראשי של המשחק ואיתחלתי אותו. הפעם נלמד על states ונתחיל לבנות את Boot.ts. תהנו! לחץ כאן על מנת להוריד את קוד המקור הסופי הלינק להדרכה החינמית:  http://www.codactive.com

איך לבנות משחק HTML5 ב-Phaser עם Typescript - חלק 2

קבלו את החלק השני בסדרה - איך בונים משחק HTML5 ב-Phaser עם Typescript. בחלק הראשון בניתי את ה-HTML וה-CSS והורדתי את קבצי פייזר. הפעם אני בונה את ה-class הראשי של המשחק ומאתחל אותו. תהנו! לחץ כאן על מנת להוריד את קוד המקור הסופי הלינק להדרכה החינמית:  http://www.codactive.com

איך בונים משחק HTML5 ב-Phaser ו-Typescript?

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