Create A Snake Game in HTML CSS & JavaScript | JavaScript Game Tutorial
CodingNepal
Views: 51418
Like: 1333
In this video, I’ve shown how to Create A Snake Game using HTML, CSS, and JavaScript. This game is designed to be played both on a PC using keyboard arrow keys and on a mobile device using touch-based arrow buttons.
Live Demo or Download Code of this Snake Game
Follow me on Instagram
Timestamps:
0:00 Demo of Snake Game
2:24 HTML & CSS Start
5:46 JavaScript Start
06:09 Creating Snake Food & Head
10:41 Moving Snake on Arrow Key Click
15:20 Adding Snake Body Part After Eating Food
19:18 Showing Game Over Alert When Snake Collides with Wall
23:20 Showing Game Over Alert When Snake Hit the Body
24:40 Updating Current Score
26:00 Updating High Score
28: 50 Creating Arrows Button for Touch Devices
30:33 Moving Snake on Arrow Button Click
#javascript #html #css #javascriptprojects #js #javascriptgame
Music Credit:
Ikson – We Are Free [Official]
Deep Sea by Vendredi
Miss You – LiQWYD
07.10.2023
Get Source Code of this Snake Game: https://buymeacoffee.com/codingnepal/e/278852
Most waited video ✨❤️
Please start a react js projcet
😂 love this video.
Good
i love the way ur using logic .. thank you for your efforts bro
Can you create a chess game using HTML, CSS & JS?
Function you may include:
-User can select white side /Black black/Random
-Can include 3 levels: Easy, Medium & Hard.
Thanks!
U r the best🥰
Mindblowing
Bro added you're sounds
SOURCECODE PLEASE
It was great, I was excited😄🙂😊
Thank you
Thanks for the work done
But your website cannot be reached please fix this. Thank you so much
This channel is going to be great. Thank for creating awesome contents.
18:05 you can create a memory game, where when you reach a control point, which is the light blue dot, the screen will be filled with more light blue dots, the idea is to fill as many dots as possible, if you touch a dot that you already touched, you lose, if you touch the wall, you lose. and you just have to rely on what is in that minute.
Your all videos love it 💕.
Dear can you upload complete HTML, CSS , JavaScript and PHP course with voice Urdu or Hindi . Like frontend and backend development full course.
Bz I'm very excited for this course
شكرًا
스네이크 바이트 게임..
Whoo, what a trip down memory lane, huh?
Thank you.. You explained it clearly
Teach me how to make a thermometer
amazing…
absolutely loved it. amazing work. you rock man.
Hey, how do you see the result on browser on vsc?
16:40 I don't understand this for 's duty ? Why is it snakebody [ i ][ 1 ] / snakebody[ i ] [ 0 ] If you understand the for then Please explain to me ?
Brillint thing sir
Best video, by the way voice ni rakhnu na !!
Can you explain pls what is foodX/Y end why did you deleted its value
lo ví en español.esta bueno la forma que lo hace con grid
Amazing project. Very informative and I got to learn a lot about JavaScript and using logic. Thanks for such videos.
no using: ' ' or " ".
using: ` ` in Java Script!
Can anyone explain how the snake length expansion is working?
I don't success for this project
Thank you very much 😍🥰
Someone please explain the body segment
for(i =snakebody.lenght-1,i > 0,
i–){ snakebody[i]=snakebody[i-1]}
changeFoodPosition is not working….help plzz
I dont know the meaning of this line : ${snakeBody[i][1]}/${snakeBody[i][0]
Well done
Can you add difficulty levels please or can you tell me how to add it
Well done 🥰🥰🥰🥰🥰🥰🥰🥰😍😍😍😍😍😍😍😍😍😍😍😍😍
Well done 🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰😍🥰🥰🥰🥰😍🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰😍🥰👍👌😊😊😊🥰😊🤣😊😊🥰😊🤣😘🤣🤣💕💕💓💓💓💓💓💓💓💓💓💓💓💓💓💓💓💓💕💕💕💓💓💓💓💓💓💓💕💓💓💓💓💓💓💓💕💓💓💓
You guys 're showing only how to create games what 'bout publishe in play store and start earning?????? Please please please please please guys 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏