Innholdsfortegnelse:
Video: JeuTropFacile - WayTooEasyGame: 3 trinn
2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:22
Dette er et spill helt laget på HTML og JavaScript med biblioteket P5js. Det er 2 filer som heter index.html og sketch.js. Jeg er veldig nybegynner i kode, så jeg beklager hvis det er uklart.
Du kan spille spillet med denne lenken
Du styrer en hvit ball med piltastene, og du må unngå den røde ballen (for øyeblikket er det bare en).
Jeg opprettet 2 variabler: posX = 200 og posY = 200
På sketch.js opprettet jeg en canva i funksjonsoppsettet med 640x på 480y med en grå bakgrunn i funksjonstegningen, så laget jeg en hvit sirkel med posisjon på posX, posY, 75, 75.
Trinn 1: Flytte sirkelen
Som jeg sa før, kan du bruke piltastene til å flytte sirkelen.
For å gjøre det opprettet jeg en funksjon updatePositionEllipse ().
Jeg brukte denne betingelsen for å få den til å fungere: if (keyIsDown (DOWN_ARROW)) {
posY += 5;
}
Når du trykker ned -tasten, beveger sirkelen seg nedover.
Jeg brukte den på alle andre taster slik at du kan flytte til venstre, høyre, opp og ned.
Trinn 2: Opprette grenseverdier
For å få den hvite ballen til å stoppe på slutten av canvaen, brukte jeg funksjonstestenOutOfScreen.
Inne i den brukte jeg tilstanden hvis (posX> 600) {
posX = 600; slagvekt (6); slag ('blå'); linje (637, 0, 637, 480); }
hvis posisjonen x er over 600: den blokkerer ballen og den trekker en blå linje med en kant 6 plassert på høyre side av canvaen.
Jeg gjør dette for alle grenser.
Anbefalt:
Arduino bilvarslingssystem for omvendt parkering - Trinn for trinn: 4 trinn
Arduino Car Reverse Parking Alert System | Trinn for trinn: I dette prosjektet skal jeg designe en enkel Arduino Car Reverse Parking Sensor Circuit ved hjelp av Arduino UNO og HC-SR04 Ultrasonic Sensor. Dette Arduino -baserte bilreverseringssystemet kan brukes til autonom navigasjon, robotavstand og andre områder
Trinn for trinn PC -bygging: 9 trinn
Steg for trinn PC -bygging: Rekvisita: Maskinvare: HovedkortCPU & CPU -kjøler PSU (strømforsyningsenhet) Lagring (HDD/SSD) RAMGPU (ikke nødvendig) CaseTools: Skrutrekker ESD -armbånd/mathermal pasta m/applikator
Tre høyttalerkretser -- Trinn-for-trinn opplæring: 3 trinn
Tre høyttalerkretser || Trinn-for-trinn opplæring: Høyttalerkretsen styrker lydsignalene som mottas fra miljøet til MIC og sender den til høyttaleren der forsterket lyd produseres. Her vil jeg vise deg tre forskjellige måter å lage denne høyttalerkretsen på:
RC -sporet robot ved hjelp av Arduino - Trinn for trinn: 3 trinn
RC -sporet robot ved bruk av Arduino - Steg for trinn: Hei folkens, jeg er tilbake med et annet kult Robot -chassis fra BangGood. Håper du har gått gjennom våre tidligere prosjekter - Spinel Crux V1 - Gesture Controlled Robot, Spinel Crux L2 - Arduino Pick and Place Robot with Robotic Arms og The Badland Braw
Hvordan lage et nettsted (en trinn-for-trinn-guide): 4 trinn
Hvordan lage et nettsted (en trinn-for-trinn-guide): I denne veiledningen vil jeg vise deg hvordan de fleste webutviklere bygger nettstedene sine og hvordan du kan unngå dyre nettstedbyggere som ofte er for begrenset til et større nettsted. hjelpe deg med å unngå noen feil som jeg gjorde da jeg begynte