AlmostReadyJS
Leer stap voor stap games programmeren.
Wat kun je er mee?
Hier een aantal voorbeelden van games die gemaakt zijn in ReadyJS.
Helemaal nieuw met programmeren?
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
Leer ReadyJS kennen
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!
- https://codepen.io/pen/?editors=1000
Zelf aan de slag!
- 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.
Volg een aantal lessen
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.