Book Image

Build a Dynamic and Interactive Element Catcher Game Using JavaScript [Video]

By : Laurence Svekis
Book Image

Build a Dynamic and Interactive Element Catcher Game Using JavaScript [Video]

By: Laurence Svekis

Overview of this book

<p>This course will help you get to grips with using JavaScript to create a simple DOM-based game. You’ll explore how you can design the game structure and create a sequence of events by manipulating and updating elements to develop gameplay. </p><p>The course demonstrates how to use the following features in a simple web application: </p><p>• Element selection with querySelector() and querySelectorAll() </p><p>• JavaScript methods for positioning and element dimensions - getBoundingClientRect() </p><p>• JavaScript objects to hold data </p><p>• Adding event listeners for player interaction using addEventListener() </p><p>• Manipulating element style attributes </p><p>• Creating animations using requestAnimationFrame() </p><p>• Using JavaScript to create elements on the fly with createElement() </p><p>• Adding created elements to a visible page using appendChild() </p><p>• Explore the use of JavaScript Math() </p><p>All the code and supporting files for this course are available at https://github.com/PacktPublishing/Build-a-Dynamic-and-Interactive-Element-Catcher-Game-Using-JavaScript</p>
Table of Contents (2 chapters)
Chapter 2
Applying JavaScript to manipulate the DOM and create an interactive game
Content Locked
Section 9
Check Collision Detection with JavaScript
Applying JavaScript to manipulate the DOM and create an interactive game: Check Collision Detection with JavaScript