Let's make a jQuery Snake Game! | Why you need trigonometry (and why you don't)
Here's a coding challenge that @TheCodingTrain would be proud of! In today's video I create a snake game in JavaScript, HTML and CSS (using the jQuery library).
All the "graphics" are created with HTML and CSS. I should have probably learned the HTML5 canvas by now, but I haven't... So here's the result 😂
#jquery #javascript #html #css #codingchallenge
Find it on GitHub: https://github.com/unconv/jquery-snak...
0:00:00 Intro
0:00:55 Add game canvas
0:02:35 Add snake head to canvas
0:04:07 Add interval
0:05:29 How to use "this" keyword inside setInterval
0:07:19 Make snake head move
0:07:45 Bind arrow keys
0:08:42 Change angle when arrow keys are pressed
0:11:46 Overly complicated direction calculation
0:15:14 Trigonometry lesson
0:18:40 Implementing snake wraparound
0:23:50 Draw snake tail
0:33:18 Implementing tail collision
0:36:55 Implementing game over screen
0:44:10 Implementing play again button
0:48:02 Add food for the snake
0:56:46 Saving highscore to localStorage
0:59:56 Adding eyes to the snake
0:03:36 Outro
Watch video Let's make a jQuery Snake Game! | Why you need trigonometry (and why you don't) online without registration, duration hours minute second in high quality. This video was added by user Unconventional Coding 27 December 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 581 once and liked it 14 people.