Build an Interactive Bird Flying Game Using JavaScript DOM [Video]
-
Free ChapterIntroduction to JavaScript building a Flying bird game from scratch
- Flying Bird Game Introduction
- HTML CSS and JavaScript - Game Setup Structure
- Add Event Listeners - JavaScript element interaction
- Keyboard event tracking - JavaScript KeyPress Events
- Add element to page - JavaScript Create Elements - createElement Method
- JavaScript RequestAnimationFrame
- Move Conditions - JavaScript Game logic
- Wing Movements - Boolean values JavaScript
- Scoring and gravity - JavaScript game enhancements
- Game End Conditions - Game over with JavaScript
- Create Obstacles - Element creation using JavaScript
- Moving Obstacles - Select Element and update style properties JavaScript
- Checking Collision Detection - JavaScript element properties check
- Handle Game Over on collision
- Game Code Review - Review game source code HTML CSS and JavaScript
- Bonus Add Color - Generate random color value JavaScript
Explore a fun and exciting way to practice JavaScript while building an interactive game from scratch. In this course, you will understand how to apply JavaScript, connect to elements, update and manipulate element content and attributes, create interaction with event listeners, and even develop content dynamically. You’ll learn all this through a step-by-step format, which will help you create your own version of the game.
As you progress, you’ll be able to apply what you’ve learned to your JavaScript projects to efficiently work with the DOM. As an additional bonus, you’ll even gain access to exclusive source code so you can even try it for yourself.
To get started, beginner-level knowledge of JavaScript is required as the course only covers JavaScript relevant to building the game. Knowledge of HTML and CSS is also essential as the scope of this course is mainly JavaScript-focused. Through guidance from a professional instructor with over 18 years of experience, you’ll be able to confidently build your own version of the game.
All code and supporting files for this course are available at https://github.com/PacktPublishing/Practice-a-JavaScript-DOM-Exercise-to-Build-a-Bird-Flying-Game
- Publication date:
- April 2019
- Publisher
- Packt
- Duration
- 1 hour 19 minutes
- ISBN
- 9781838823702