Can GPT-4 code an entire game for you? Yes, yes it can.
Here's how I recreated a Snake game that runs in your browser using Chat GPT-4 and @Replit, with ZERO knowledge of Javascript all in less than 20 mins 🧵
First, I just asked GPT-4 to provide code for a Snake game, with the relevant HTML, CSS, and Javascript required to make it run. This provided all of the code I needed to get the project going. It wasn't able to complete it all in one response, but I just replied with "continue"
Once I had all of the necessary code for the game, I created an account on @Replit and started a new HTML, CSS, JS project. That gives you all of the necessary files you'll need to run the code (and all in your browser too!)
Then, just paste the code into the relevant files that GPT-4 tells you to lay them out in within Replit and hit run! Using my arrow keys, the game worked just as expected except...
It had some issues. The snake would die after its first bite instead of growing, and it kept adding the score in increments of 2 instead of 1. So I asked GPT-4 to make those tweaks and it did!
I love that it followed up with explanations too—what a wonderful way to learn to code and actually understand why it's doing the things it's doing. GPT-4 is a decent teacher!
Finally, I wanted to add a high score counter to the game to make it a little competitive. How do I do that? well, I just asked and it gave me exactly what I needed to update my game on Replit.
Of course, you could add so much more, sounds, custom art, to make this a fully-featured game. The potential is so exciting. Anyone can make their own games just by describing them!
You can check out the game on @Replit with all of the code so you replit.com/@asrsubs/Snake…… twitter.com/i/web/status/1…
Decided to add a little extra nostalgia to the game with the help of GPT-4... now that's more like it ✨ (sound on!).
A few replies said "isn't this just trained on how to write a Snake game from many examples on the web"... well, I pushed it further. What if you could point it to a game's Wikipedia page, make it understand the mechanics, and ask to recreate it?
... can't wait to show you! 👀
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.