JeuTropFacile - WayTooEasyGame: 3 שלבים

2024 מְחַבֵּר: John Day | [email protected]. שונה לאחרונה: 2024-01-30 09:14

זהו משחק שעשוי כולו על HTML ו- JavaScript עם הספרייה P5js. ישנם 2 קבצים בשם index.html ו- sketch.js. אני מאוד מתחיל בקוד אז אני מצטער אם זה לא ברור.

אתה יכול לשחק את המשחק עם הקישור הזה

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

יצרתי 2 משתנים: posX = 200 ו- posY = 200

ב- sketch.js יצרתי canva בהגדרת הפונקציות עם 640x על 480y עם רקע אפור בציור הפונקציות, ואז יצרתי עיגול לבן עם מיקום ב- posX, posY, 75, 75.

שלב 1: הזזת המעגל

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

לשם כך יצרתי פונקציה updatePositionEllipse ().

השתמשתי בתנאי זה כדי לגרום לו לעבוד: if (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

כאשר לוחצים על מקש למטה, המעגל זז כלפי מטה.

השתמשתי בו בכל מקשים אחרים כדי שתוכל לזוז שמאלה, ימינה, למעלה ולמטה.

שלב 2: יצירת גבולות גבול

כדי לגרום לכדור הלבן לעצור בקצה הכנפה השתמשתי בפונקציה testOutOfScreen.

בתוך זה השתמשתי בתנאי אם (posX> 600) {

posX = 600; strokeWeight (6); שבץ ('כחול'); קו (637, 0, 637, 480); }

אם המיקום של x עולה על 600: הוא חוסם את הכדור והוא משרטט קו כחול עם גבול 6 הממוקם בצד ימין של החזה.

אני עושה את זה לכל גבולות.