live_tv
Livestream Starting Soon
00
Hours
:
00
Minutes
:
00
Seconds
Up next in 10
Build a T-Rex Chrome Dino Runner Game Clone in Browser Using HTML5 CSS3 and Javascript
Jan 9, 2025
Buy the full source code of the application here:
https://procodestore.com/index.php/product/build-a-t-rex-chrome-dino-runner-game-clone-in-browser-using-html5-css3-and-javascript/
Buy Premium Scripts and Apps Here:
https://procodestore.com/
Show More Show Less View Video Transcript
0:03
uh Hello friends uh welcome to this
0:05
video so in this video guys I will
0:07
basically show you this game that I
0:09
developed inside
0:11
browser uh this game allows you to
0:14
actually uh so this is a chrome dino
0:17
dinosaur running game that you basically
0:19
play whenever your internet connection
0:21
is lost it typically plays in the
0:23
browser and you will basically see it
0:26
will play something like this and you
0:28
will also have sound as well so I built
0:30
it inside HTML CSS and JavaScript you
0:33
will see all the sound effects will be
0:35
there and as you play the speed will be
0:38
increasing as the level is increasing
0:40
you will see that so you just need to
0:43
hit the space bar in order to jump over
0:45
these obstacles that are there birds
0:48
will also come right here you will see
0:49
that a nice little game which is I
0:51
developed if you want this game guys the
0:53
link is given in the description you can
0:55
purchase the full source code and then
0:58
you can actually get the full source
0:59
code HTML CSS and JavaScript I will show
1:02
you the sords code just wait I'm just
1:04
playing you will see the score also
1:06
moving
1:07
guys so the basically the speed of the
1:11
game increases and
1:13
the level is also increasing you can see
1:16
the speed is increasing it typically
1:18
depends upon the eyesight and also your
1:21
level how much you can play you can see
1:24
the speed is
1:26
increasing so you just need to hit the
1:28
space bar uh it's a very tough game uh
1:32
it is called as Chrome dinosaur game
1:34
which basically you play inside Google
1:36
Chrome whenever your internet connection
1:37
is gone so we basically developed this
1:40
game inside HTML CSS and JavaScript full
1:43
source code is given guys you can
1:44
purchase it from my website you will get
1:47
the source code after you purchase it
1:48
from Google Drive in a zip file and uh
1:51
let me show you the source code then oh
1:55
you can see that now my game is over and
1:58
this is your high score which is there
2:02
1550 this is my high score you can even
2:05
uh set your name as well guys so my name
2:08
is Gotham so I can simply set my name so
2:11
the you can see that so if you just
2:13
refresh now your name will be set right
2:16
here you can see that so in this way
2:19
guys you can do this so you can play it
2:22
like this with all the sound effects you
2:24
will just see right
2:27
here you just need to hit the space bar
2:30
very simple game and uh it is very good
2:33
for time killing uh it's very for time
2:37
pass you can play this game and uh you
2:40
basically have played this game because
2:42
if your internet connection is goes away
2:44
in Google Chrome basically this is
2:47
called as dinosaur T-Rex game so
2:49
dinosaur is basically jumping over these
2:52
obstacles so I developed this game
2:54
inside HTML CSS and JavaScript guys this
2:57
is actually the game that I'm running
2:59
you will actually get this source code
3:01
guys in the the link is given in the
3:03
description you just need to go to index
3:05
for HTML file and simply run this with
3:07
open with live server so this
3:09
application will open this game will
3:10
open simply hit the space to actually
3:13
start the game and now your game will
3:15
start just need to jump over all these
3:18
obstacles which are coming and
3:20
automatically as your level increases it
3:22
will have a sound effect and the speed
3:25
will increase you will see
3:27
that you can play this game with your
3:29
friend friends offline it doesn't
3:31
require internet connection it works uh
3:33
fully on the client side you can play
3:35
with your friends and beat their higher
3:38
score so you can see that so it works in
3:40
the browser and no server side code is
3:43
involved you can deploy this game inside
3:46
your own application and earn money as
3:48
well by putting advertisements after you
3:50
purchase it you will get full commercial
3:52
rights guys you can actually deploy this
3:54
to your own website and also see the
3:57
code as well you can see how
4:00
it is the game looks good it is good for
4:03
time pass because it uh increases your
4:07
efficiency when you play the game so you
4:10
can see that so on the right hand side
4:12
you will see the score is
4:14
moving let me just see if I can beat my
4:17
previous highest score which is, 1550 so
4:20
you can see that the you can see 1,097
4:24
so you can just see guys you can set
4:27
high score play with your friend friends
4:30
and now I will show you the next game
4:32
that I develop which is hallowen Runner
4:34
game this is similar to Chrome dinosaur
4:37
you will get all these games for in the
4:39
package the link is given you just need
4:42
to make once the payment just need all
4:45
these games will come under this package
4:47
this is also similar to Chrome dinosaur
4:49
game but the graphics is changed so it
4:51
is dinosaur is being replaced by
4:54
Halloween so Halloween Runner game you
4:56
can see that you can get all these games
4:58
in under a simple payment after you make
5:01
the payment you will get all these games
5:03
with their full source code and you can
5:06
actually see the demo that I'm showing
5:07
right here you can play all these games
5:09
in the browser and you can just see
5:14
the if you're watching it for the very
5:16
first time guys please hit that like
5:18
button subscribe to channel so here the
5:21
graphics are being changed guys the
5:22
background color is changed because it's
5:25
a Halloween Runner game not Chrome
5:28
dinosaur game so the concept is the same
5:31
you just need to jump it using the space
5:33
key inside your keyboard so whenever
5:36
some obstacles come you need to press
5:38
the space key so the concept is same so
5:40
when you hit the obstacle game is over
5:42
and you have your high score similar to
5:45
this concept guys we also have various
5:47
games this is the Naruto one the
5:50
graphics again you can see the change
5:52
this is played on the grass again you
5:55
need to press the space key just
5:58
obstacles come you you need
6:01
to so the concept Remains the Same guys
6:04
similar to Chrome dinosaur game but here
6:06
the obstacles are different the graphics
6:08
are different and the UI is
6:12
different you can you will get all these
6:14
games source code you can get the link
6:17
is given in the description you can
6:19
directly purchase it and it is coded
6:21
inside HTML CSS and Java Script guys it
6:25
works directly in the browser this game
6:28
is very intuitive it you can see that so
6:32
the next one is our if you want to play
6:35
in a night mode night mode is also there
6:37
for Chrome dinosaur game if you don't
6:39
want to play in uh day mode you can play
6:42
this game in night mode Let's suppose
6:45
you want darker mode prefer darker mode
6:48
then you can play this game inside dark
6:50
mode if you are in night then you can
6:53
use this mode
7:00
you can see all the sound effects are
7:02
the same that you play inside Chrome
7:04
dinosaur game in Google Chrome you can
7:07
see that
7:11
so then we have this one this
7:15
also here you need to jump in the
7:17
obstacles that are
7:28
coming so I'm just just running this all
7:30
these games inside my local server guys
7:32
you'll see that it doesn't require any
7:35
server you can directly deploy these uh
7:38
games inside your own by purchasing a
7:40
domain name simply uploading all these
7:43
files to your hosting you can modify
7:45
this as well and one more game that I
7:48
put which is Santa Claus so in place of
7:51
dinosaur we put Santa Claus you will see
7:54
that so it's a Santa Runner game so the
7:57
graphics are just changed guys the
7:59
concept Remains the space same you just
8:01
need to hit the space bar to actually
8:03
jump and the score will update as the
8:07
level increases you will get a sound
8:10
effect so if you're interested guys the
8:12
links are given in the description
8:14
directly purchase it please hit that
8:15
like button subscribe the channel
8:29
you can see that so it totally depends
8:31
upon your eyesight how much more that
8:34
you can do so it will get game over 5110
8:39
so you can set your name have high score
8:43
games play with your friend so these are
8:45
basically the JavaScript minii code that
8:48
you will get guys and this is all the
8:50
images which are used inside the game
8:52
you will get Godzilla all that CSS
8:55
minifi code you will get so you can
8:58
directly deploy this code guys if you
8:59
want to have inside your own website or
9:02
you can offline you can play this game
9:04
as well so it's a great project if you
9:06
are basically finding a job you can
9:08
attach this as a project and just just
9:10
tell your boss that you develop this
9:13
game by purchasing it so you will get
9:15
all the commercial rights so that you
9:18
can actually do this so if you are
9:20
interested guys uh please hit that like
9:22
button subscribe to channel let me take
9:24
some comments venkatesh is asking that
9:27
could you please explain us more on this
9:29
Wades I developed this game uh basically
9:32
Chrome dinosaur game that you play
9:34
inside your Google Chrome browser
9:35
whenever your internet connection is
9:36
gone so these are all the index.html
9:39
files that you will get guys uh this
9:42
game is coded inside purely HTML CSS and
9:45
JavaScript and uh you can see that
9:50
so it directly work runs in the browser
9:54
so all these modes are there T-Rex game
9:57
this is the Halloween Runner game this
9:59
is Naruto Runner game NZ Runner game n
10:03
cat game and Santa Runner game so all
10:06
these modes are supported if you are
10:08
interested the link is given in the
10:11
description and uh thank you very much
10:14
guys for watching this live stream and
10:16
please subscribe this channel for more
10:18
programming related projects videos and
10:21
I will be seeing you in the next live
10:23
stream
#Flash-Based Entertainment
#Computer & Video Games
#Sandbox Games
#Action & Platform Games
#Browser Games
#Video Game Development
#Other