Innehållsförteckning:

JeuTropFacile - WayTooEasyGame: 3 steg
JeuTropFacile - WayTooEasyGame: 3 steg

Video: JeuTropFacile - WayTooEasyGame: 3 steg

Video: JeuTropFacile - WayTooEasyGame: 3 steg
Video: Патч 1.23 DayZ Новая винтовка NWAF и DMR! 2024, November
Anonim
JeuTropFacile - WayTooEasyGame
JeuTropFacile - WayTooEasyGame

Detta är ett spel helt och hållet gjort på HTML och JavaScript med biblioteket P5js. Det finns 2 filer som heter index.html och sketch.js. Jag är väldigt nybörjare i kod så jag är ledsen om det är oklart.

Du kan spela spelet med den här länken

Du styr en vit boll med piltangenterna och du måste undvika den röda bollen (för närvarande finns det bara en).

Jag skapade 2 variabler: posX = 200 och posY = 200

På sketch.js skapade jag en canva i funktionsinställningen med 640x på 480y med en grå bakgrund i funktionsritningen, sedan skapade jag en vit cirkel med position på posX, posY, 75, 75.

Steg 1: Flytta cirkeln

Flytta cirkeln
Flytta cirkeln

Som jag sa tidigare kan du använda piltangenterna för att flytta cirkeln.

För att göra det skapade jag en funktion updatePositionEllipse ().

Jag använde detta villkor för att få det att fungera: if (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

När du trycker på nedåtknappen flyttas cirkeln nedåt.

Jag använde den på alla andra tangenter så att du kan flytta åt vänster, höger, upp och ner.

Steg 2: Skapa gränsgränser

Skapa gränsgränser
Skapa gränsgränser

För att få den vita bollen att stanna i slutet av kanven använde jag funktionen testOutOfScreen.

Inuti den använde jag villkoret om (posX> 600) {

posX = 600; strokeWeight (6); stroke ('blå'); linje (637, 0, 637, 480); }

om positionen x är över 600: den blockerar bollen och den drar en blå linje med en kant 6 placerad på höger sida av kanven.

Jag gör detta för alla gränser.

Rekommenderad: