Course description
Create a car driving game and get more experience with the DOM.
Prerequisites
This course assumes knowledge of JavaScript or having gone through the previous courses:
JavaScript, Part 1 of 3: Introduction
JavaScript, Part 2 of 3: Advanced Coding
JavaScript, Part 3 of 3: Document Object Model
Meet the expert
Providing Web development courses and digital marketing strategy courses since 2002. An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications. Web & application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about ;everything to do with web application development, programming to online marketing with a strong focus on social media and SEO.
Course outline
Car Driving Game
Car Game Dev Tools (19:33)
- Introduction (00:08)
- Car Game Dev Tools (02:12)
- Dev Tools Setup (02:15)
- JavaScript Car Game Setup (04:02)
- KeyPress Event Listeners (04:37)
- RequestAnimationFrame Method (06:08)
- Summary (00:08)
Move Div with Keypress (20:18)
- Introduction (00:08)
- Move Div with Keypress (06:30)
- Road Builder (06:13)
- Road lines moving (03:16)
- Road Line Movement (04:02)
- Summary (00:08)
Generate More Cars (18:57)
- Introduction (00:08)
- Generate More Cars (05:43)
- Check Collision Detection (04:32)
- End Game Scoring (06:04)
- Restart Game Function (02:21)
- Summary (00:08)
Random Color value (23:07)
- Introduction (00:08)
- Random Color value (04:47)
- Game Tweaks and adjustments (02:58)
- Quick CSS update (02:13)
- Car Game Code Review (12:52)
- Summary (00:08)