Ammaar Reshi Profile picture
Mar 19 17 tweets 9 min read
So, you think GPT-4 can't make a complex game... think again!

Here's how I used GPT-4, @Replit, MidJourney, Claude, assembling a team of AI assistants, to create a 3D space runner from scratch with ZERO knowledge of Javascript or 3D game programming

Follow along for a saga! 🧵
After Snake, seeing @skirano's epic pong recreation, and @javilopen demoing Doom, I wanted to see if I could get GPT-4 to make a fully fledged 3D game. A childhood favorite game of mine was an MS-DOS game called SkyRoads, it was long forgotten. But... did GPT-4 know about it? Image
Turns out it did! It seemed to be describing the Wikipedia page of the game but that was all... so it was a true test—could we bring this game back to life based on just our understanding of it and a description? Image
I don't know how to write a line of 3D game programming code, so I asked GPT-4 to pick out how it would make the game, it suggested using BabylonJS, and HTML and CSS. Then I described exactly what we would borrow from SkyRoads and how this version would be different—prompt: Image
Once I got the code, I pasted it into @Replit the exact way GPT told me too, and it worked! Except... we were FAR from the final product. The green cube, our soon-to-be spaceship, had no ability to turn left or right no way to dodge those pesky obstacles. Well, GPT fixed that🚀
Then, the camera angle was off, we were seeing this cube from the front, but we needed to be behind the spaceship! So I described how the camera needed to look, and GPT fixed that. Turns out it was a simple one line change.
Then came the elusive bug. The spaceship would launch into the abyss if I hit jump+directional keys, crashing the game. GPT-4 and I tried everything for HOURS. I turned to @AnthropicAI's Claude on @poe_platform. In under 60 seconds, Claude solved it.
This also unlocked a new way of working for me—where GPT-4 could be verbose and far more accurate with longer code generations (Claude started adding random lines that we're in the originally pasted text), Claude could help with small fixes. We had a team. Image
There were plenty of other bugs. The ship would fall through the track, the track would just stop at a certain length, but then the dynamic between me and GPT/Claude became clear: I was the play tester trying to break the game. GPT and Claude do their best to fix it.
Now that the bug was solved, back to the fun part! I needed backgrounds, textures, and a spaceship model for my game. I found my spaceship model on @Sketchfab and asked GPT to give me the code to replace that green cube with my 3D model file.
Then I went to MidJourney for the background and textures, and upscaled them using @pixelmator's super resolution, and its magic brush to make the texture more seamless. ImageImageImage
And then asked GPT to make bring all my files in. Then 1 made the game more challenging. Obstacles needed to be of varying width, the track needed to split off to the left and right, I wanted to save the player's best score so they had something to beat. Image
Finally, went to @epidemicsound to add some music to the game, and then asked GPT-4 to give me the code to add a music player, explosion and game over sounds when you crash. Some classic synth when you're flying your ship, of course! ImageImage
Other notes: it got to a point where the code was too long for GPT to take in as a question, so I had to use the API playground.

A pro tip from @skirano, but GPT actually got better when I told it it was "a world-class BabylonS developer."
And there you have it! In the span of 3 days, with zero 3D game programming knowledge, I was able to recreate an adaptation of one of my childhood favorite games using a combo of Al and existing tools!
Play it here, share your score, and if you have any questions, I'd love to help!

replit.com/@asrsubs/SkyRo…
Bigger clip for folks on mobile! :)

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Ammaar Reshi

Ammaar Reshi Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @ammaar

Mar 19
Turns out it did! It seemed to be describing the Wikipedia page of the game but that was all... so it was a true test—could we bring this game back to life based on just our understanding of it and a description? Image
I don't know how to write a line of 3D game programming code, so I asked GPT-4 to pick out how it would make the game, it suggested using BabylonJS, and HTML and CSS. Then I described exactly what we would borrow from SkyRoads and how this version would be different—prompt: Image
Once I got the code, I pasted it into @Replit the exact way GPT told me too, and it worked! Except... we were FAR from the final product. The green cube, our soon-to-be spaceship, had no ability to turn left or right no way to dodge those pesky obstacles. Well, GPT fixed that🚀
Read 15 tweets
Mar 14
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!)
Read 10 tweets
Jan 16
I spent 6 hours using ChatGPT, MidJourney, and a couple of other AI tools to make a fan-made Batman animated movie!

Here’s how 🧵
It started with the idea I had. I knew it was going to be about The Riddler (one of my favorites, and a huge fan of @mattreevesLA’s and Paul Dano’s rendition of the character) so I gave ChatGPT the prompt and we went back and forth on the monologue
I then used MidJourney to generate the artwork, broke down the lines from the script into different scenes I wanted and then went back and forth till I got a style that fit the eerie vibe I was going for
Read 8 tweets
Dec 9, 2022
I spent the weekend playing with ChatGPT, MidJourney, and other AI tools… and by combining all of them, published a children’s book co-written and illustrated by AI!

Here’s how! 🧵 Image
First, the idea: I wanted a story showing the magic of AI to children. I gave ChatGPT a prompt and went back and forth with it to refine details and get inspiration for the illustrations. It was like having a constant brainstorming partner who I could ping pong ideas off of.
Then, I took those ideas to MidJourney and gave it prompt after prompt till I could get a somewhat consistent style. This took a few hours but it was such a fun process playing with all the different styles!
Read 9 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(