Modules/JavaScript voor games P5-0
Module Javascript voor games-0
P5.js is een bibliotheek voor JavaScript die het tekenen en animeren in een webbrowser eenvoudig maakt. Je gaat deze bibliotheek gebruiken om basisprincipes van het maken van een eenvoudig (web)spel te maken. Daarnaast ga je leren wat een object is en hoe objecten je leven makkelijk kunnen maken. Onderwerpen die aan de orde komen zijn:
- Beweging in een tekening
- De rand detecteren en terugkaatsen
- Objecten maken
- Collision detection (botsingen detecteren)
- Invoer van de gebruiker
- Gameloop stoppen
Programma's/Websites die je moet gebruiken
De tools die je gaat gebruiken mag je zelf kiezen. Wij raden je aan om met de editor Atom en de browser Chrome te werken. In de lesbrieven staat uitgelegd hoe je met Atom kunt werken. Bovendien heb je een webserver nodig om de webpagina te tonen. Python biedt een gemakkelijke manier om een tijdelijke, lokale, webserver op te zetten op de computer waar je op werkt.
Lesmateriaal
Het lesmateriaal bestaat uit een digitaal boek. In dit boek staan alle lessen.
Spiekbrief
Een website over P5.js: P5.js reference
Wanneer verdien je de badge
Voor het verdienen van deze badge moet je in ieder geval alle opdrachten uit de lesbrieven af hebben. Je hoeft deze opdrachten niet in te leveren maar kunt ze natuurlijk wel op je portfolio zetten.
De eindopdracht is het maken van een spel waarin je laat zien dat je de vaardigheden beheerst die behandeld zijn in deze module.
Minimale eisen voor de code:
- Gebruik van objecten
- Code met een goede structuur; maak en gebruik functies!
- Commentaar; leg uit wat er gebeurt in je code als het niet meteen duidelijk is voor de lezer.
Minimale eisen voor het spel:
- Gebruik bewegende objecten
- Gebruik collision detection (tussen twee cirkels)
- Gebruik een object dat met het toetsenbord en/of muis bestuurd kan worden