Javi Lopez ⛩️ Profile picture
Oct 31, 2023 11 tweets 7 min read Read on X
Midjourney, DALL•E 3 and GPT-4 have opened a world of endless possibilities.

I just coded "Angry Pumpkins 🎃" (any resemblance is purely coincidental 😂) using GPT-4 for all the coding and Midjourney / DALLE for the graphics.

Here are the prompts and the process I followed:
First of all, would you like to play the game?

Here's a link! (Currently, it doesn't work on mobile):

If you read the text below the game screen, which provides explanations, you'll see how you can create your own levels and play them! :) bestaiprompts.art/angry-pumpkins…
Image
💡 Introduction

I have to admit, I'm genuinely blown away. Honestly, I never thought this would be possible. I truly believe we're living in a historic moment that we've only seen in sci-fi movies up until now.

These new work processes, where we can create anything using just natural language, are going to change the world as we know it.

It's such a massive tidal wave that those who don't see it coming will be hit hard.

So... let's start riding the wave!
🎨 Graphics

This was the easiest part, after all, I've been generating images with AI for over a year and a half :) Here are all the prompts for your enjoyment!

👉 Title Screen (DALL·E 3 from GPT-4)

- "Photo of a horizontal vibrant home screen for a video game titled 'Angry Pumpkins'. The design is inspired by the 'Angry Birds' game aesthetic but different. Halloween elements like haunted houses, gravestones, and bats dominate the background. The game logo is prominently displayed at the center-top, with stylized pumpkin characters looking angry and ready for action on either side. A 'Play' button is located at the bottom center, surrounded by eerie mist."

👉 Backgrounds (Midjourney)

I used one image for the background (with several inpaintings):

- "Angry birds skyline in iPhone screenshot, Halloween Edition, graveyard, in the style of light aquamarine and orange, neo-traditionalist, kerem beyit, earthworks, wood, Xbox 360 graphics, light pink and navy --ar 8:5"

And another, cropped, for the ground:

- "2d platform, stone bricks, Halloween, 2d video game terrain, 2d platformer, Halloween scenario, similar to angry birds, metal slug Halloween, screenshot, in-game asset --ar 8:5"

👉 Characters (Midjourney)

- "Halloween pumpkin, in-game sprite but Halloween edition, simple sprite, 2d, white background"
- "Green Halloween monster, silly, amusing, in-game sprite but Halloween edition, simple sprite, 2d, white background"

👉 Objects (Midjourney)

I created various "sprite stylesheets" and then cropped and removed the background using Photoshop/Photopea. For small details, I used the inpainting of Midjourney.

- "Wooden box. Item assets sprites. White background. In-game sprites"
- "Skeleton bone. Large skeleton bone. Item assets sprites. White background. In-game sprites"
- "Rectangular stone. Item assets sprites. White background. In-game sprites"
- "Wooden box. Large skeleton bone. Item assets sprites. White background. In-game sprites"
- "Item assets sprites. Wooden planks. White background. In-game sprites. Similar to Angry Birds style"



Image
Image
Image
Image
🤖 Programming (GPT-4)

🔗 Full source code here:

Although the game is just 600 lines of which I haven't written ANY, this was the most challenging part. As you can see, I got into adding many details like different particle effects, different types of objects, etc. And to this day, we're still not at a point where GPT-4 can generate an entire game with just a prompt. But I have no doubt that in the future we'll be able to create triple AAA video games just by asking for it.

Anyway, back to the present, the TRICK is to request things from GPT-4 iteratively. Actually, very similar to how a person would program it: Starting with a simple functional base and iterate, expand, and improve the code from there.

Let's see some tricks and prompts I used:

👉 Start with something simple

- "Can we now create a simple game using matter.js and p5.js in the style of "Angry Birds"? Just launch a ball with angle and force using the mouse and hit some stacked boxes with 2D physics.

👉 And from there, keep asking for more and more things. And every time something goes wrong, clearly explain the mistake and let it fix it. Patience! Examples:

- "Now, I ask you: do you know how the birds are launched in Angry Birds? What the finger does on the screen? Exactly. Add this to the game, using the mouse."
- "I have this error, please, fix it: Uncaught ReferenceError: Constraint is not defined"
- "I would like to make a torch with particle effects. Can it be done with p5.js? Make one, please."
- "Now, make the monsters circular, and be very careful: apply the same technique that already exists for the rectangular ones regarding scaling and collision area, and don't mess it up like before. 😂"

👉 This part took us (GTP-4 and me) many iterations and patience.

- "There's something off with the logic that calculates when there's a strong impact on a bug. If the impact is direct, it works well, but not if it's indirect. For example, if I place a rectangle over two bugs and drop a box on the rectangle, even though the bugs should be affected by the impact, they don't notice it. What can we do to ensure they also get affected when things fall on top of a body they are under?"bestaiprompts.art/angry-pumpkins…

Image
And that's it. Happy Halloween! 🎃👻

Follow me at @javilopen for more posts like this. If you enjoyed this tutorial, a repost would be greatly appreciated and would encourage me to share more tutorials. Thanks! 👇

@jfdelnero Fixed now! :) If you find any other thing, let me know, please!
@fdousek By the way, I see you love maths. So you really can enjoy ChatGPT + javascript for creating visualizations like this one. Happy to help! :)

@0xSpiridono @EdgehogsNFT Hey, love the idea of putting the torches in pumpkins eyes!
@0xSpiridono @EdgehogsNFT Show me please scroll+exploding guy. I was planning to add also explosions, funnier thigs haha.

• • •

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

Keep Current with Javi Lopez ⛩️

Javi Lopez ⛩️ 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 @javilopen

Dec 28, 2024
🍔💀 I'm NEVER eating a Whopper again.

This is just one of the many findings from Nat Friedman and his team during their testing of 100 everyday foods for the presence of plastic chemicals.

The study is brutal in every aspect, and the way it’s presented is masterful. 🧵👇 Image
Here you have the full report and the story behind it:

🔗 LINK: plasticlist.org/report
It all started with this tweet from @natfriedman: Image
Read 17 tweets
Dec 21, 2024
You are not ready for what's coming.

We, humans, struggle to understand exponential growth. Everything will move so fast that a lot of chaos will inevitably arise in the coming years.

It worries me. Image
Image
This is exponential growth. Image
This is exponential growth. Image
Read 9 tweets
Dec 18, 2024
⚡ Living in the Future

Interfaces of the future will be completely "fluid," created on the fly for us as we need to get any task done.

Today, it takes a weekend using AI + natural language and some tweaks to build an interface. Tomorrow, it’ll happen instantly 🧵👇
Examples:

1. One year ago, I created an Angry Birds clone in just 10-12 hours using plain ChatGPT.

You can play it here! 👇👇👇

bestaiprompts.art/angry-pumpkins…
Read 5 tweets
Dec 14, 2024
⚡ Maybe you can't see it now, but the implications of this are massive.

Nvidia has found a way to create PERFECT meshes from just point clouds.

Let me introduce you to Meshtron 🧵👇
High-Fidelity, Artist-Like 3D Mesh Generation at Scale.

LINK 🔗: research.nvidia.com/labs/dir/mesht…Image
In the future, I’m sure video game engines will be generated entirely with real-time AI. But in the short term, generating 3D models and environments as a first step is going to have a big impact. This is a huge step in that direction. Image
Read 6 tweets
Oct 29, 2024
I asked an AI to show me how Egyptian pyramids were built, and now I'm pretty sure I'll have nightmares for life 🤯
Breathtaking. Image
High resolution version on YouTube 👽🛸

Read 5 tweets
Oct 11, 2024
⚡ How create hyper realistic food photography with Generative AI in 4k resolution ready to print (4,736 x 3,520 px)

Remark: this is a very LONG thread with lot of prompts and details. Bookmark for later if you don't have time right now.

Step-by-step tutorial 🧵👇 Image
Image
Image
Image
This is tutorial 1/20 of the #mystic exploration series I'm planning to do in which I will cover the main categories of image generation that any professional might need. Follow me at @javilopen so you don’t miss them! Image
And remember, all the images in this thread are not real photographs; they are all generated in Magnific just with a prompt, directly in 4K resolution. Wild! 🤯 Image
Read 73 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!

:(