I Created 3D Racing Game under 15 minutes!

  Рет қаралды 375,344

KodeMeister

KodeMeister

Күн бұрын

Game development in JavaScript (How to create a game website using HTML, CSS and JavaScript): This video will show you how to create an action game from Scratch using only HTML, CSS and JavaScript.
This video is a part of my HTML, CSS & JavaScript Projects Playlist -
► Play The Game Online: kodemeister-yt.github.io/Dash...
► Download Source Code here: github.com/KodeMeister-YT/Das...
► I Created a Zombie Game in Pure HTML, CSS, and JavaScript : • I made a zombie game u...
--
►► SPONSORED BY MAGICAL HAZZARD : / @magicalhazzard6672
►► SPECIAL THANKS TO JILL PATEL ❤
--
GIVE PROPER CREDIT IF YOU REPOST THIS CONTENT ON ANY OTHER PLATFORM
--
My editor: VS Code - code.visualstudio.com/
VS Code Theme used in this tutorial- Material Palenight High Contrast with Fira Code Font
--
I'm on some other places on the internet too!
If you'd like the behind-the-scenes and preview of what's coming up on my KZbin channel, Make Sure to Follow Me on Twitter.
Twitter: / codes_kp
GitHub: github.com/KP-Codes-YT
Main Channel: / @magicalhazzard6672
--
And whatever you don't forget to keep making your corner of the internet just a little bit more
--
Music Used: by NCS- / nocopyri. . / ncs.io
--
#csseffect #html #css #javascript #webdevelopment #selfdestructbutton
#kpcodes #htmlcssjavascript
TIMESTAMPS:
00:00 Preview of the Game
01:16 HTML Coding
01:46 CSS Coding
05:07 Coding Javascript
11:11 End

Пікірлер: 181
@Anon-hj7il
@Anon-hj7il 2 жыл бұрын
This is awesome, but the thumbnail is kind of a clickbait
@user-yi2ex6ev5g
@user-yi2ex6ev5g Жыл бұрын
@@kodemeister bruh
@Lavonne1
@Lavonne1 Жыл бұрын
Just block him. I usually block liers
@Alt3zza
@Alt3zza Жыл бұрын
@@Lavonne1 than you must have 90% of the KZbinrs blocked
@Lavonne1
@Lavonne1 Жыл бұрын
@@Alt3zza you wouldn't believe how men people I block and report to youtube. I've must have done in the thousands no joke
@ykaueh
@ykaueh Жыл бұрын
@@Alt3zza not a problem, good youtubers don't make fake thumbs
@ridhamsharma618
@ridhamsharma618 Жыл бұрын
That Thumbnail !!!😂😂😂
@szabolcsveer8134
@szabolcsveer8134 2 ай бұрын
lured me into nothing...
@himalibandara
@himalibandara 8 күн бұрын
Very smart guy
@FirexLyrics
@FirexLyrics 9 ай бұрын
That's so good. Loved it ! I am a beginner in web devlopment and all and i think this project gave me so much knowledge ! And for those people who are saying that thumbnail is clickbait so if you are good at photoshop and graphics all you can actually create it like that.
@Gigakoopz
@Gigakoopz Жыл бұрын
I stumbled across this video and saw you had 999 subs, so I gave it a sub since you were so close of hitting 1K. Congrats on the 1K subs :D
@kodemeister
@kodemeister Жыл бұрын
thanks my G
@WG26Gaming
@WG26Gaming Жыл бұрын
feels same as like 2016 tutorials 🤗😊, love it brother
@tomasburian6550
@tomasburian6550 2 жыл бұрын
Good job, must've been insane preparing for this kind of project! I always wanted to make a game like this. I'm curious if I can add some more features to this game, maybe a car select or different stage graphics...
@kodemeister
@kodemeister 2 жыл бұрын
Ofcourse You Can, feel free to use the source code and modify it as per ur needs. Don't forget togive credits tho😉
@ironman-29
@ironman-29 Жыл бұрын
​@@kodemeister it would have been beneficial if you had explained it
@kodemeister
@kodemeister Жыл бұрын
@@ironman-29 among us tutorial will be explained
@Desktop-Machines
@Desktop-Machines 10 ай бұрын
@@kodemeister bruh Iq 21 he means this one.
@thoseeyes0
@thoseeyes0 10 ай бұрын
This types of music reminds me how crucial the mute option was for the world.
@lillyse7en-oz4hv
@lillyse7en-oz4hv 2 ай бұрын
Well thanks for the awesome video. I dont know why people mad at you for not making an obviously impossible thing under 15 min. And your code is also clean ❤. I'd write my own code instead of downloading your code bcz it feels like im not learning anything from just copying it. Hehe😅
@netshell
@netshell 11 ай бұрын
Rip for those who thought thumbnail is possible in just in 15 min😂
@BababoeyEXE
@BababoeyEXE 8 ай бұрын
Just wanna ask about the hero.png pic if i resize from html code base on width 220, height 60. How's the size of the png pixel i have to resize?
@kodemeister
@kodemeister 8 ай бұрын
You have to check what's fits your needs. Keep changing 5pxs
@BL4Z3-eq1cm
@BL4Z3-eq1cm Ай бұрын
i like your picture
@HuynhLuong227
@HuynhLuong227 4 ай бұрын
wow, pure html, css thanks for sharing
@Mosesmaru77
@Mosesmaru77 Жыл бұрын
good job bro kudoos
@ApparentlyKai
@ApparentlyKai 2 ай бұрын
hey , Im not soo good at Javascript so i want to know how i can create invisible border in the desert so the player can go there an broke the game .
@benardbala2556
@benardbala2556 Жыл бұрын
Wow. Impressive
@AinmlilaNews
@AinmlilaNews 4 ай бұрын
Ohhh thnx for this game and song 2016hahah.ilove it😂
@mcqskills
@mcqskills 7 ай бұрын
Hi brother your skills is amazing, you're my favorite ! this project is full of knowledge. I've one request for you to create words shotting game using HTML, CSS, JavaScript
@Ibrokorosky
@Ibrokorosky 7 ай бұрын
yeah
@e-grade5lalithrathnaweera508
@e-grade5lalithrathnaweera508 Жыл бұрын
A moment of silence for those who came because of the thumbnail
@FuryPowersMySoul
@FuryPowersMySoul 7 күн бұрын
00:11 The video is about creating a 3D racing game in under 15 minutes. 01:38 Creating a 3D Racing Game in under 15 minutes 03:07 The video is about creating a 3D racing game in under 15 minutes. 04:15 Creating a 3D racing game in under 15 minutes 05:08 Creating a 3D racing game in under 15 minutes 07:21 The creator was able to develop a 3D racing game in under 15 minutes. 08:23 Creating a 3D racing game in under 15 minutes 09:50 Creating a 3D Racing Game in under 15 minutes.
@sudhanshukushwaha6351
@sudhanshukushwaha6351 Жыл бұрын
What the hell!!.It is the content of 15 hours 1000 lines of code
@a3avd_
@a3avd_ Жыл бұрын
Background music is making me nostalgic
@mrdjangajic7439
@mrdjangajic7439 Жыл бұрын
Under 15 minutes is video, probably you wrote this code 15 days LOL
@kodemeister
@kodemeister Жыл бұрын
O hell nah man, 20 plus days and 2 friends
@victusraiton
@victusraiton Жыл бұрын
​@@kodemeister oh it was painful
@sweethomes674
@sweethomes674 10 ай бұрын
Excellent 😊
@teknoshadowwashere
@teknoshadowwashere 10 ай бұрын
Nice work👏 but I don't think it's under 15 mn😶‍🌫
@vivek-jc8dg
@vivek-jc8dg 9 ай бұрын
Bro had us in the thumbnail not gonna lie
@astokum7
@astokum7 2 жыл бұрын
Wow ! Nice game
@DanishKhan-rh8bb
@DanishKhan-rh8bb Жыл бұрын
Sir can you pls tell me which Library/framework you have used. I have just started to learn HTML, CSS and JavaScript.
@kodemeister
@kodemeister Жыл бұрын
For JavaScript I would recommend learning jQuery, it's super easy and very beneficial
@victusraiton
@victusraiton Жыл бұрын
​@@kodemeister hey I tried your game and it's worked and even tried to put some changes I have only one issue when I run the code I don't see the cars and the lap and the main car why
@kodemeister
@kodemeister 10 ай бұрын
@@victusraiton u might have fumbled the code somewhere with the image links ig...
@HOLYYYDAAAMMMM
@HOLYYYDAAAMMMM 9 ай бұрын
@@victusraiton if u download it as a zip... the images wont load.. first take the files amd move them on ur destop folder.. then try and it should work...
@comecome_br6535
@comecome_br6535 4 ай бұрын
​@@kodemeisternothing of the game itself appeared to me, but copied as the vid goes
@PAKISTAN_GAMER
@PAKISTAN_GAMER Жыл бұрын
Thumbnail: 👌🔥 Actual video: looks like game from saga 😭
@kodemeister
@kodemeister Жыл бұрын
💀🗿
@joanhurtado6061
@joanhurtado6061 Жыл бұрын
there's no problem if I use the code for a homework? maybe you can Upload a video explaining step by step what you've done
@user-md9jp8iz8d
@user-md9jp8iz8d 10 ай бұрын
Nice job ☺
@BL4Z3-eq1cm
@BL4Z3-eq1cm Ай бұрын
nice programming experience 💛💛💛
@BL4Z3-eq1cm
@BL4Z3-eq1cm Ай бұрын
too thumbnail for me 👎👍👎👍
@coldplay2268
@coldplay2268 4 ай бұрын
What is the purpose of those null.js or 1.js files because the game is working without them too ? And that null.js feels like some encryption.
@comecome_br6535
@comecome_br6535 4 ай бұрын
Did u get the code through git? Mine ain't working, but i wrote with him. Im a noob
@coldplay2268
@coldplay2268 4 ай бұрын
@@comecome_br6535 yes, it's available in his github repository.
@destinysimon8007
@destinysimon8007 Жыл бұрын
Wow.... i'm just speechless
@guabirudemais
@guabirudemais Жыл бұрын
amazing bro
@danielneallatest3984
@danielneallatest3984 Жыл бұрын
Nice work bro
@kodemeister
@kodemeister Жыл бұрын
Thanks 🔥
@ECLIPSE-W
@ECLIPSE-W Жыл бұрын
Damn takimatsu u so talented
@kodemeister
@kodemeister Жыл бұрын
thanks!!
@everythingbut1119
@everythingbut1119 Ай бұрын
​@@kodemeistercan you please tell me how to play this in android?
@imaintrovert2004
@imaintrovert2004 Жыл бұрын
khoda pahad nikla chooha(thumbnail was a diffrent bro!!)
@duomiakz726
@duomiakz726 Жыл бұрын
when I changed the music, copying another link, nothing happened, no music. Another problem is that I copied all the source code correctly, but there is no photo of the machine tree and cloud HELP.
@kodemeister
@kodemeister Жыл бұрын
the source code on guthub is working fine, just download the whole zip and you'll be good
@pierrenicolas1374
@pierrenicolas1374 Жыл бұрын
@@kodemeister it doesn’t
@teodontrustyou
@teodontrustyou Жыл бұрын
I can not find cars, trees, and clouds, what should I do sir? But I wrote all codes of this items and src of png
@kodemeister
@kodemeister Жыл бұрын
Compare your code w/ mine on GitHub
@GuiDduck
@GuiDduck 4 ай бұрын
incredible job
@kashifkhan1334
@kashifkhan1334 10 ай бұрын
Thank You Brother
@infinitemusic8958
@infinitemusic8958 2 жыл бұрын
bro i use this cods and its work properly work
@randomshortvids3111
@randomshortvids3111 10 ай бұрын
Very cool! Do I have your permission to use this code?
@kodemeister
@kodemeister 10 ай бұрын
Credits would be appreciated.
@comecome_br6535
@comecome_br6535 4 ай бұрын
I followed the vid while typping the code, but the code ain't working. Im new, any help?
@kodemeister
@kodemeister 2 ай бұрын
compare it with the source code (description) ? There were some errors I fixed...
@dania1_d
@dania1_d Жыл бұрын
thanks man
@BarkerBoyBrizzle
@BarkerBoyBrizzle 2 ай бұрын
How do I block the clickbaiters?
@jakubfrei3757
@jakubfrei3757 4 ай бұрын
Very cool
@shashwatsharma2202
@shashwatsharma2202 Жыл бұрын
bro please make a full tutorial on this.
@kashifkhan1334
@kashifkhan1334 10 ай бұрын
its too good
@trxlly
@trxlly Жыл бұрын
Sheesh!
@tasfiazamansamiha6699
@tasfiazamansamiha6699 8 ай бұрын
I clicked the whole code but it is not showing full screen....I mean in my code I cannot see the sky trees or other cars....can anyone help?
@kunalsagar7703
@kunalsagar7703 4 ай бұрын
i am facing the same issue . did you find the solution ?
@sportfusionTV628
@sportfusionTV628 Жыл бұрын
I think this game was made in 15 days
@amika8828
@amika8828 9 ай бұрын
where is the result?
@pranjalvidyarthi775
@pranjalvidyarthi775 2 жыл бұрын
nice bro
@kodemeister
@kodemeister 2 жыл бұрын
Thanks!! Keep Following !!
@vxlis333
@vxlis333 8 ай бұрын
ik this video is old but how did you make it a website I still don't understand please reply bro
@kodemeister
@kodemeister 8 ай бұрын
host it on github
@SonoftheAlmighty4ever
@SonoftheAlmighty4ever 2 ай бұрын
best part of video 0:01 switch on the sublitles and see
@manfordackon4669
@manfordackon4669 10 ай бұрын
great video, please can i get the step by step video. wants to learn how to make this great project. thanks
@PixelPursuits1
@PixelPursuits1 Ай бұрын
Same.... I want it too
@hakidscartoonworld1479
@hakidscartoonworld1479 2 жыл бұрын
Iss py koi copyright issue tu ni aye ga code use krny sy or playstore py hm.upload kr skty hn?plz
@kodemeister
@kodemeister 2 жыл бұрын
aisa karte ho to credits dena padega else the content is subject to be copyrighted
@hakidscartoonworld1479
@hakidscartoonworld1479 2 жыл бұрын
@@kodemeister thanks
@hncorporation4033
@hncorporation4033 2 жыл бұрын
when we run the program the overtooken cars are blinking is there anyway for that
@kodemeister
@kodemeister 2 жыл бұрын
okay, you first download the source code and try to run it, if there is no problem with that, then you might have mistyped something in your code... try it and lemme know if it worked, if it doesnt i'll look into it...
@hncorporation4033
@hncorporation4033 2 жыл бұрын
@@kodemeister ok thank you
@hncorporation4033
@hncorporation4033 2 жыл бұрын
@@kodemeister Its working as you said. Thanks
@SankalpHindiStory
@SankalpHindiStory Жыл бұрын
Bhai, aapki "Typing speed" kitni hai 🤔 Itna fast speed ke sath 900 lines ka script and css 500 lines ka type kar diya aapne 😳😱😱 Mai agar designed karun to 10 din lag jayega 🤔
@nightmaresketching4730
@nightmaresketching4730 Жыл бұрын
🤣🤣🤣
@kodemeister
@kodemeister Жыл бұрын
167 wpm
@SankalpHindiStory
@SankalpHindiStory Жыл бұрын
@@kodemeister 😳😳😱167 word per minute itni fast bhi ho sakti hai kya kisi ki speed 🤔🙄 Meri to only 35 हैं 😭
@trevorjax6241
@trevorjax6241 Жыл бұрын
Bro they are meny source codes which one do I download
@kodemeister
@kodemeister Жыл бұрын
Just go to github link and download as zip
@nowarm
@nowarm 2 жыл бұрын
SuGoi!
@abhaydhiwar4109
@abhaydhiwar4109 11 ай бұрын
Source code download kaise krna hai
@sachinchaurasiya1095
@sachinchaurasiya1095 Жыл бұрын
how to learn javascript?? (share with me some tips)
@kodemeister
@kodemeister Жыл бұрын
I have learnt everything from youtube itself, watch 2-3 crash courses and keep practicing. unless you practice it, you wont be able to get good at it
@bibuldigital3371
@bibuldigital3371 Жыл бұрын
Good
@fitness_with_finley
@fitness_with_finley Жыл бұрын
can u give Images Links?
@fortified001
@fortified001 Жыл бұрын
works on pc or phone?
@kodemeister
@kodemeister Жыл бұрын
Pc Advisable...
@IuryNovarino
@IuryNovarino Жыл бұрын
Me lembrou o game top gear
@Wahyu.u__
@Wahyu.u__ Жыл бұрын
mantap
@lasithepa
@lasithepa Жыл бұрын
Got fooled by the thumnail
@bunnysoodam8738
@bunnysoodam8738 8 ай бұрын
how to start the game
@kodemeister
@kodemeister 6 ай бұрын
'C'
@atigaddasusmitha523
@atigaddasusmitha523 11 ай бұрын
Where is code
@yogeshgond5981
@yogeshgond5981 4 ай бұрын
Bro name the software where we can code ?
@comecome_br6535
@comecome_br6535 4 ай бұрын
Vscode
@MuhammadmirzoAbdumominov-ir1oj
@MuhammadmirzoAbdumominov-ir1oj 11 күн бұрын
sekinroq yozishdi iloji yomi mobodo
@Marval_shorts710
@Marval_shorts710 2 ай бұрын
Bhai source code mmilge iska
@corvettelambo-qo8sl
@corvettelambo-qo8sl 9 ай бұрын
The click bait...😂😂😂
@nehamalhotra9933
@nehamalhotra9933 11 ай бұрын
how to insert coin in your game sir?
@kodemeister
@kodemeister 11 ай бұрын
in the usb slot...10 rupee coin
@monke.123
@monke.123 Жыл бұрын
Plz slow down the video to hard to read the code.
@kodemeister
@kodemeister Жыл бұрын
The code is given in github link below, you can download it from there
@palashkhan5461
@palashkhan5461 2 жыл бұрын
Car not running bro
@kodemeister
@kodemeister Жыл бұрын
Please ellaborate your error...
@jebsanimation1376
@jebsanimation1376 Жыл бұрын
@@kodemeister same here all cars is invisible
@kodemeister
@kodemeister Жыл бұрын
Even the github code has this error?
@khgaming849
@khgaming849 Жыл бұрын
Nice gime like my games
@atanughosh7674
@atanughosh7674 9 ай бұрын
Hiii sir game development is a my dream 🤖 plice Ripley sir ❤❤❤❤❤❤
@kodemeister
@kodemeister 9 ай бұрын
Best of luck
@dannieamme8180
@dannieamme8180 Жыл бұрын
The music to these Vids with voice instructions is Always Horrible.Always have to turns off the volume 🤮
@kodemeister
@kodemeister Жыл бұрын
Will try to add voiceover over it. Tbh my voice sucks more than the music 🫠😂
@wylliams64
@wylliams64 Жыл бұрын
Not what I saw on the thumbnail
@smokerdeath9582
@smokerdeath9582 Жыл бұрын
Name of song please😢
@kodemeister
@kodemeister 9 ай бұрын
which one?
@mehezastuder5508
@mehezastuder5508 8 ай бұрын
Le code source stp
@Vann_immortal
@Vann_immortal 2 жыл бұрын
Hey bro
@kodemeister
@kodemeister 2 жыл бұрын
heyyyy homie, watchoo doin?
@kamalshrestha5603
@kamalshrestha5603 Жыл бұрын
can you please provide this html code of this game
@kodemeister
@kodemeister Жыл бұрын
Description
@s1dd11
@s1dd11 Жыл бұрын
thumbnail :💎 game : 💩
@user-pq8gg2do1n
@user-pq8gg2do1n Жыл бұрын
Learn span && js
@codewithdhairya1193
@codewithdhairya1193 10 ай бұрын
game is very laging
@kodemeister
@kodemeister 9 ай бұрын
optimize the code
@Strix_lol
@Strix_lol 8 ай бұрын
this looks nothing like the thumbnail game, nice clickbait, disliked
@PixelPursuits1
@PixelPursuits1 Ай бұрын
Don't say that you created this with actual programming languages only.... Not using any game engine. 😭..... Btw, I still haven't watched the video
@PixelPursuits1
@PixelPursuits1 Ай бұрын
Damn! You really did it... 😮
@beysunny
@beysunny Жыл бұрын
Clickbait. Notgood
@OgbuParis-mn8lp
@OgbuParis-mn8lp 5 ай бұрын
Click bait reported
@howuseehim
@howuseehim Жыл бұрын
Well had to dislike it
@LuxHack
@LuxHack Жыл бұрын
Bad
@abcdef-vk7si
@abcdef-vk7si 13 күн бұрын
it sucks
@kodemeister
@kodemeister 13 күн бұрын
Not as good as your mum tho...
@abcdef-vk7si
@abcdef-vk7si 13 күн бұрын
@@kodemeister your sucks better
@abcdef-vk7si
@abcdef-vk7si 13 күн бұрын
your suсks in negatives
@omaralnayif5944
@omaralnayif5944 Жыл бұрын
no wonder you made it under 10 mis . you so fast pro
@kodemeister
@kodemeister Жыл бұрын
ikr
A game of Snake written in JavaScript 🐍
28:50
Bro Code
Рет қаралды 64 М.
How ChatGPT Built My App in Minutes 🤯
8:28
Website Learners
Рет қаралды 1,8 МЛН
Normal vs Smokers !! 😱😱😱
00:12
Tibo InShape
Рет қаралды 116 МЛН
КАРМАНЧИК 2 СЕЗОН 5 СЕРИЯ
27:21
Inter Production
Рет қаралды 566 М.
6 Months of Learning JavaScript Game Dev in 6 Minutes
6:35
Suboptimal Engineer
Рет қаралды 111 М.
2 Python Developers VS $1000
15:04
PolyMars
Рет қаралды 1,7 МЛН
The Easiest Javascript Game Ever
8:34
KnifeCircus
Рет қаралды 948 М.
I Tried Making a 3D RPG Game in JavaScript
14:19
SimonDev
Рет қаралды 1,1 МЛН
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 889 М.
I Made 3 Games Using ChatGPT ⏳ in Just 5 Minutes !
7:12
Website Learners
Рет қаралды 215 М.
Watch This If You Want To Make Games
8:29
Thomas Brush
Рет қаралды 12 М.
How to code snake game in JavaScript
29:45
Kenny Yip Coding
Рет қаралды 104 М.
Normal vs Smokers !! 😱😱😱
00:12
Tibo InShape
Рет қаралды 116 МЛН