hi guys I'm brand from website Learners did you know that chat GPD can code and did you know that you can create games with chat GPD well I've been trying all sorts of things with chat GPT and today I had this thought if CH GPT can code why not try to use it to create a video game well in this video I'm going to find out if chat GPD can help us create a web-based video game from scratch also I'm starting with very basic knowledge and coding and I'll be relying entirely on chat GPT to
guide me through creating this game so buckle up and let's Dive Right In so let me just ask chat gbt to suggest a simple game that I can build using HTML CSS and JavaScript as you can see it not only gave us the game idea it also gave me the outline and its mechanics and it also ask me whether it should generate the code to build this game I will ask it to do that and let's see what happens so now we have the code now we need to wait to test it and see if
it actually works to do that I'm going to use an online code editor called codepen to access it let's go to codepen.io now here we need to paste the code that chat GPT generated into these three sections so let's go back to chat GPT and copy the HTML code and paste it into the HTML section in the same way I'm going to copy and paste the CSS and the JavaScript code you can see the game's UI and the balls are working fine but these padels are not moving we should be able to control the left
paddle with our keyboard and the right paddle should be automatically controlled by the computer you can describe it to chat GPD or even tell it specifically what you want and it will generate the code for that so now for pong game Let's Ask CH GPT to regenerate the code so that the left padle is controlled by the up and down arrow keys and the right parel is controlled by the computer as you can see CH GPT has regenerated the JavaScript code so let's copy it and replace the old code with it and as you can
see the paddles are working fine and the game is working flawlessly now as someone who doesn't know coding CH GPT has made it easy for me to create the game and seriously I'm impressed next let's see how good chpd is with making puzzles this time I'm going to ask you to give me an idea for not one but three different puzzle games let's go to chat GPT ask it some questions and it gives us three unique puzzles with the description and the game mechanics so I'm going to ask chat to provide the code for the
third game and just like that within seconds our code is ready so let's quickly copy and paste the code into code pen and see how it works as you can see the game is ready to play the task is to arrange the numbers in the correct order so let's have a try and yeah it's quite interesting now let's Ram things up the games we tried so far were too simple let's try to create something a little more challenging like Flappy Bird so let's ask Chad GPD to build the game and it gave us the code
for the game so let's copy and paste the code into code pen as you can see CH GPT has given us a very basic version of the game but it's missing a few features so let's ask chat jpd to add some extra features to make it look better and function properly so currently there aren't any guidelines for when the game should start or end so I'm going to specify a few things like the game should start after the first click and end if the bird touches the pipes or crosses certain boundaries and when the game
ends I want a game over notification on the screen along with the retry button so let's go ahead and ask CH GPT to make all these improvements to the game and look at this this time it has only provided me the updated JavaScript code since I don't know anything about coding I'm not sure where exactly to make these changes so I'll ask chat GPD to generate the full code now let me quickly copy and paste the code right into code pen and as you can see the game doesn't start by itself you need to make
the first click to start the game and if the bird hits any of these pipes you'll see a game over notification on the screen now if we click the retry button we'll be back in the game with a fresh start now that the game is working properly next let's see how we can make this game visually stunning to do that I'm going to replace the images of the Bird pipes and the canvas Background by providing image URLs then we will also add a score card at the top right corner so that whenever we successfully cross
a pipe the score increases I'm also going to ask charp to give the background a stylish gradient makeover now CH jpt guides us on what we need to do step by step so first we need to get the images so let me just search for the images and download them to my computer now we can't upload these images directly to chbd so we need to upload them as links to get these images as links I'm going to use an online tool called post images. just upload the image and you'll get the image link once we
have all the links let's copy and paste the to char bity and specify which link corresponds to which image and Char generates the code with the updated image links so let's quickly copy and paste them into code pen and as soon as we add the CSS code you'll see that the background has been changed here so once you've got the entire code in place you can see that we successfully recreated the look of the Flappy Bird game so so let's try it out I have to say it's actually pretty amazing but I want to make
some final adjustments to make it look even better like enhancing the scoreboard and displaying the score on the game over notification and a few other ticks so let me just do that and see how it [Music] works [Music] and there you have it guys after countless number of chats and a lot of back and forth with chat GPT Here's the final game output we've got it's pretty incredible to think that we started with absolute no coding knowledge and chat GPD walked us through each and every step the possibilities are Limitless and the results are seriously
impressive we've just seen how handy CH GPD can be in making games even if you're a newb like me now it's your turn to get creative and make your own games with chip so if you like this video give it a thumbs up And subscribe for more videos thanks for watching I'll see you in the next video Until then take care bye-bye
