Use ChatGPT and Mid-Journey to create Pokémon style game!? JavaScript & HTML



Use ChatGPT and Mid-Journey to create Pokémon style game!? JavaScript & HTML

Use ChatGPT and Mid-Journey to create Pokémon style game!? JavaScript & HTML

Final version of Game (I didn’t implement the save and load system, maybe next version):
https://startling-duckanoo-cf9843.netlify.app/
Full conversation with GPT-4 :
https://64542130312e51125724f46a–dreamy-frangipane-7c5c5a.netlify.app/

Some game sprite reference :
https://opengameart.org/content/zelda-like-tilesets-and-sprites
https://opengameart.org/content/epic-fantasy-music

00:00 AI make Pokemon style game
00:05 16x game demo
00:18 outline the major features
00:29 Ask GPT to implement game background portion
01:32 Ask GPT to implement player portion
02:25 Set up collision map where the player cannot move
04:16 Add character movement animation
04:47 Ask GPT to implement NPC portion
05:39 Generate messageBox for NPC
05:58 Ask GPT to implement battle portion
06:11 Ask GPT to implement trainer’s battle
07:13 Beautify the battle scrren
08:46 Ask GPT to implement monster portion
09:28 Generate Monster Sprite with Mid-Journey
10:25 Ask GPT to implement wild battle
11:49 Ask GPT to implement item portion
12:19 Ask GPT to implement capture wild monster
12:44 Ask GPT to implement main menu
13:25 Making the entire game more complete
14:00 Final game demo
16:55 Sharing my thoughts

—————————————-
FAQ
How long did it take?
I spent 4 days off-work time to complete this game, mainly because of the limit of 3 hours and 25 requests for GPT-4. All the Pokemon game functions you can think of have been completed.

Can I get the source?
I have uploaded the code to GitHub, but because of the modularization and the need to ask ChatGPT to modify the code, I haven’t organized the code properly. apologize for that.
https://github.com/super13579/ChatGPT-Pokemon-StyleGame/

Can I see the conversation?
All conversation is here:
https://64542130312e51125724f46a–dreamy-frangipane-7c5c5a.netlify.app/

What did you use for the art?
Midjourney

What is AIGC? AIGC stands for AI Generated Content, which means content generated by artificial intelligence. Therefore, AI drawing, AI music composition, AI question answering, etc. are all examples of AIGC.

This series is about practical applications of AIGC (the blog will also have discussions on the algorithms). I believe the emergence of these tools can help us realize more ideas, and I will also use these tools to create more interesting projects to share with everyone. Don’t be afraid of being replaced by AI, understanding and making good use of these tools will make you even more irreplaceable!

About me:
Hello everyone, this is Rabbit and GG Engineering World, sharing knowledge (AI & Web3), life, hobbies, and work with you. Rabbit will be very happy if you subscribe ❤️
Contact for collaboration: [email protected]

#chatgpt #midjourney #mubert #artificialintelligence