Code genereren/verbeteren
Game testen/uitvoeren
Open Openprocessing.orgChatGPT en
OpenProcessing
GPT = Generative Pre-trained Transformer
Met ChatGPT kun je op een eenvoudige manier je eigen game maken in JavaScript (p5.js). Je typt wat je wilt en ChatGPT helpt je stap voor stap met de code, uitleg en verbeteringen. Zo leer je programmeren door te experimenteren en te spelen.
OpenProcessing.org
OpenProcessing.org is een online platform waar je eenvoudig code kunt schrijven, testen en delen.
De p5.js-bibliotheek is standaard ingebouwd, waardoor je code meteen werkt.
Een bekend alternatief is GitHub.
De p5.js-bibliotheek is standaard ingebouwd, waardoor je code meteen werkt.
Een bekend alternatief is GitHub.
Javascript en p5.js
Onze programmeertaal
JavaScript is een programmeertaal waarmee websites en games kunt maken. p5.js is een creatieve programmeertool die bovenop JavaScript werkt, en ingebakken zit in OpenProcessing. Je hoeft dus niets te installeren.
Je vraagt dus aan ChatGPT om je game in p5.js te maken.
Je vraagt dus aan ChatGPT om je game in p5.js te maken.
Maak een account aan en ontdek
Op zowel ChatGPT als OpenProcessing.org maak je één account per groepje aan.
Alles wat je op OpenProcessing maakt, is openbaar: anderen kunnen jouw werk dus bekijken. Neem even een kijkje bij de projecten van anderen voor inspiratie!
Bekijk de code en speel met de parameters. Pas ze aan en ontdek wat er verandert!
Alles wat je op OpenProcessing maakt, is openbaar: anderen kunnen jouw werk dus bekijken. Neem even een kijkje bij de projecten van anderen voor inspiratie!
Bekijk de code en speel met de parameters. Pas ze aan en ontdek wat er verandert!
Test uit...
Create a simple p5.js game where a player controls a circle that avoids falling rectangles.
Build a classic snake game in p5.js where the snake grows as it eats food items. But the controls are inverted, which makes it extra difficult.
Develop a p5.js game that simulates a space shooter, where the player controls a spaceship and shoots approaching asteroids.
Design a p5.js game inspired by Flappy Bird, where the player controls a bird, trying to avoid obstacles by flying up and down.
Create a p5.js game like classic Pong, but with multiple balls
Build a classic snake game in p5.js where the snake grows as it eats food items. But the controls are inverted, which makes it extra difficult.
Develop a p5.js game that simulates a space shooter, where the player controls a spaceship and shoots approaching asteroids.
Design a p5.js game inspired by Flappy Bird, where the player controls a bird, trying to avoid obstacles by flying up and down.
Create a p5.js game like classic Pong, but with multiple balls