Leer stap voor stap games programmeren.
Hier een aantal voorbeelden van games die gemaakt zijn in ReadyJS.
- Arkanoid (bekijk de code)
- Platformer game (bekijk de code)
- Space shooter (bekijk de code)
- Nog een Arkanoid (bekijk de code)
- Pacman (bekijk de code) (nog in ontwikkeling!)
- Larry (bekijk de code) (nog in ontwikkeling!)
Er zijn een paar dingen die handig zijn om te weten voordat je met ReadyJS begint. Als je nog helemaal nieuw bent met programmeren, doe dan eerst eens deze dingen voordat je met ReadyJS aan de slag gaat:
- Leer denken als een programmeur met Minecraft
- Leer visueel programmeren met Frozen
- Leer basis javascript met Silent Teacher
We hebben een aantal oefeningen voor je klaar gezet om je op weg te helpen. De oefeningen staan in een online code editor genaamd CodePen. Je kunt onderstaande oefeningen één voor één doen, totdat je een volleerd programmeur bent en je eigen games kunt maken!
- Open Kladblok (Windows) of TextEdit (mac) en start met een leeg bestand.
- Typ deze code er in:
<script src="https://q42.github.io/almostreadyjs/dist/ready-0.0.9.js"></script><script>
Game.path = 'https://storage.googleapis.com/readyjs-files'
</script>
- Sla het bestand op op je harde schijf, genaamd
mijnspel.html
- Ga nu naar een browser (Chrome, Safari, Edge of Internet Explorer bijvoorbeeld) en open
mijnspel.html
- Nu kun je in Kladblok/TextEdit je code typen, en in je browser het spel vervolgens spelen.
- Tip: Als je je code verandert, vergeet hem niet op te slaan, en daarna je browser te verversen dan werkt de nieuwe code.
- Optioneel: echte programmeurs gebruiken een code editor. Die helpt je bijvoorbeeld door kleurcoderingen en regelnummers. Je kunt zelf bijvoorbeeld Visual Studio Code installeren, en die gebruiken in plaats van Kladblok of TextEdit.
In kleine stappen wordt uitgelegd hoe je een spel maakt. Print onderstaande handleiding uit, en volg de instructies.
De code typ je in het mijnspel.html
bestand dat je in de vorige stap gemaakt hebt.
- Space shooter
- Arkanoid (nog in ontwikkeling!)