Up next in 10
I Built the Iconic Chrome Dinosaur Game from Scratch Using Claude AI in VSCode IDE
Jul 29, 2025
Get the full source code of application here:
Show More Show Less View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
in this video, I'll show you how I built
0:03
a entire the Chrome dinosaur game that
0:06
you play whenever your internet goes
0:08
offline. So I basically wanted to
0:10
develop this game using the claw AI. So
0:14
I'm there on the free plan here. So
0:15
right in the chat prompt, you will
0:17
simply write here build a
0:20
Chrome Dinosaur
0:23
game clone in browser
0:26
using HTML, CSS, and JavaScript. So I
0:29
just wanted to test it out this model if
0:31
it if it can build out this game. So
0:34
just see the result what I got here. So
0:37
as I written the prompt here. So it
0:40
started to build out this game right
0:42
here. It started to generate the code.
0:45
So
0:47
you can see the speed of the code it
0:49
generated.
0:52
So it is using the latest model here
0:53
which is the claude sonet 4 model. So I
0:58
was not expecting this result but it
1:00
generated
1:02
this quite effective game which I can
1:06
play similar to Chrome dinosaur game
1:09
that we play whenever the internet goes
1:11
off that game that is there.
1:16
So you can see this is generating that
1:18
source code for you and after that
1:21
instantly it also shows you the live
1:23
preview. So now you can even play this
1:25
game if you can see whenever it hits the
1:30
it also shows you game over. So
1:38
it also shows you plus press space or
1:41
click to jump.
1:48
But I'm doing this but the jumping
1:50
functionality is not working. So
1:56
you can even download the entire HTML
1:58
code
2:02
in the VS code. So if I copy this entire
2:05
game which is generated
2:08
you can test it out as well right here
2:14
and saving it and now running it inside
2:16
your own server in a local host
2:18
environment. So this is a game edit but
2:22
this jumping functionality is not
2:23
working. So I can ask a follow-up
2:26
question. The jump is not working as I
2:31
pressing space
2:34
or click please fix. So you can even ask
2:39
follow-up questions as well. And uh now
2:41
if it will try to
2:44
detect whatever error was there and try
2:46
to update the application for you. So so
2:49
it's that easy for you to use the cloud
2:52
AI model. So
2:57
so it is making those adjustments and
2:59
now it has made this adjustment for you.
3:03
So,
3:10
so in right in the console itself, it
3:13
also tells you key pressed
3:29
but still you can ask the followup
3:30
question. Still game over is showing.
3:39
So now you will see it will
3:41
automatically detect the issue. I see
3:43
the issue that the game is starting in
3:45
game over state. Let me fix the
3:46
initialization and jump mechanics. So
3:49
this is naturally very normal because if
3:53
you are developing a very complex kind
3:55
of a game or app then it will make some
3:57
errors. So just need to make just ask
4:00
follow-up questions so that it
4:03
automatically debugs your application
4:05
and apply those fixes.
4:13
So it also shows you the score here and
4:16
these obstacles will come right here. So
4:20
in this easy way you can build out a
4:21
simple Chrome dinosaur game using the
4:25
claw AI model.
4:48
Still you can simply say still jump is
4:50
not working.
4:56
So now it is rewriting the jump
4:58
mechanics with a simpler more reliable
5:01
approach. So it can make mistakes as
5:04
well while you code complex apps.
5:07
the claude it's using the claude latest
5:10
model. So you can access claude.ai
5:14
their chat prompt it's completely free
5:16
to use up to some limit and after that
5:20
it will give you some messages that your
5:23
messages for the day is complete. So
5:26
using that free chat prompt you can
5:28
build out applications.
5:32
So now it rewritten the mechanics of the
5:35
game and now you can see it is kind of
5:37
working. So the dinosaur is jumping here
5:42
as well. So you can easily see you can
5:45
play this game here.
5:53
So what you can do is that you can copy
5:55
this code here
5:57
and uh paste it right inside your VS
6:01
code and try to run this code locally.
6:07
So this is a fully fleshed game. It has
6:10
developed here. You will see the score
6:12
is also showing.
6:20
And one more thing we can add here. So
6:23
please make it
6:27
full screen so that
6:37
very short window
6:39
because the game is showing in a very
6:41
short window. So we are simply saying it
6:43
to make it full screen. So now it will
6:46
make some minor adjustments so that the
6:48
game is full screen.
6:52
So in this easy way guys if you want to
6:54
build a complex app you do need to ask
6:57
some follow-up questions. If the AI
6:59
doesn't generate the response that you
7:01
like.
7:03
So just allow the AI to understand what
7:06
sort of adjustments, what sort of
7:08
requirements you have to have inside an
7:10
app or a game and then those adjustment
7:14
will be made automatically.
7:20
So now it will give me the
7:25
this is the output game. It is still
7:27
making adjustments. So just wait for it
7:30
to complete.
7:43
So now basically it build out this
7:46
entire game in a full screen.
7:52
So you can just copy this code here.
8:01
So roundabout it generated 425 lines of
8:04
code for this game. So now we can try to
8:07
play this.
8:18
So in this easy way guys, you can build
8:20
out this Chrome Dinosaur game.
8:24
So definitely check out this Claude AI
8:27
platform
8:30
and also check out my website
8:32
freemediatools.com
8:33
uh which contains thousands of tools.