Learn your way! Get started

JavaScript by Example, Part 6 of 8: Bird Flying Game

with expert Laurence Svekis

Watch trailer

Course at a glance

Included in these subscriptions:

Dev & IT Pro Video
Dev & IT Pro Power Pack

	Release date	11/18/2021
	Level	Intermediate
	Runtime	1h 20m
	Closed captioning	N/A
	Transcript	N/A
	eBooks / courseware	N/A
	Hands-on labs	N/A
	Sample code	Included
	Exams	N/A

Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More

Course description

More Document Object Model experience will be gained in this course creating a Bird Flying Game.

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

Flying Bird Game

Flying Bird Game Introduction (20:10)

Introduction (00:08)
Flying Bird Game Introduction (02:17)
Game Setup Structure (04:16)
Add Event Listeners (04:00)
Keyboard event tracking (05:32)
Add element to page (03:47)
Summary (00:08)

JavaScript RequestAnimationFrame (17:35)

Introduction (00:08)
JavaScript RequestAnimationFrame (07:10)
Move Conditions (02:42)
Wing Movements (03:56)
Scoring and gravity (03:30)
Summary (00:08)

Game End Conditions (19:27)

Introduction (00:08)
Game End Conditions (04:17)
Create Obstacles (09:15)
Moving Obstacles (05:39)
Summary (00:08)

Checking Collision Detection (23:11)

Introduction (00:08)
Checking Collision Detection (06:52)
Handle Game Over (01:32)
Game Code Review (12:30)
Bonus Add Color (01:59)
Summary (00:08)