JeuTropFacile - WayTooEasyGame: 3 kroki

2024 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2024-01-30 11:29

Jest to gra w całości wykonana w HTML i JavaScript z biblioteką P5js. Istnieją 2 pliki o nazwach index.html i sketch.js. Jestem bardzo początkujący w kodzie, więc przepraszam, jeśli jest to niejasne.

Możesz zagrać w grę za pomocą tego linku

Białą kulę kontrolujesz za pomocą strzałek i musisz unikać czerwonej kuli (obecnie jest tylko jedna).

Utworzyłem 2 zmienne: posX = 200 i posY = 200

Na sketch.js stworzyłem kanwę w konfiguracji funkcji z 640x na 480y z szarym tłem w rysowaniu funkcji, a następnie stworzyłem białe kółko z pozycją na posX, posY, 75, 75.

Krok 1: Przenoszenie koła

Jak powiedziałem wcześniej, możesz użyć klawiszy strzałek, aby przesunąć kółko.

W tym celu stworzyłem funkcję updatePositionEllipse().

Użyłem tego warunku, aby działało: if (keyIsDown(DOWN_ARROW)) {

pozycja Y += 5;

}

Po naciśnięciu klawisza w dół kółko przesuwa się w dół.

Użyłem go na wszystkich innych klawiszach, dzięki czemu możesz poruszać się w lewo, w prawo, w górę i w dół.

Krok 2: Tworzenie granic granic

Aby biała kulka zatrzymała się na końcu płótna, użyłem funkcji testOutOfScreen.

W nim użyłem warunku if (posX > 600) {

pozX = 600; obrysWaga(6); obrys('niebieski'); linia (637, 0, 637, 480); }

jeśli pozycja x jest wyższa niż 600: blokuje piłkę i rysuje niebieską linię z ramką 6 umieszczoną po prawej stronie płótna.

Robię to dla każdej granicy.