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 12
Dropper Elements Game Code Review
Applying JavaScript to manipulate the DOM and create an interactive game: Dropper Elements Game Code Review