by Laurence Svekis | Publisher: Packt Publishing | Release Date: April 2019 | ISBN: 9781838822927

Create gameplay and practice JavaScript DOM manipulation - Explore how you can use JavaScript to create a gameAbout This VideoLearn how to apply JavaScript to create a gameExplore the JavaScript Document Object Model (DOM)In DetailThis 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.The course demonstrates how to use the following features in a simple web application:Element selection with querySelector() and querySelectorAll()JavaScript methods for positioning and element dimensions - getBoundingClientRect()JavaScript objects to hold dataAdding event listeners for player interaction using addEventListener()Manipulating element style attributesCreating animations using requestAnimationFrame()Using JavaScript to create elements on the fly with createElement()Adding created elements to a visible page using appendChild()Explore the use of JavaScript Math()Downloading the example code for this course: You can download the example code files for this course on GitHub at the following link: https://github.com/PacktPublishing/Build-a-Dynamic-and-Interactive-Element-Catcher-Game-Using-JavaScript. If you require support please email: [email protected]

1. Chapter 1 : Introduction to course content and what to expect
   • Dropper Elements Game Introduction 00:02:55
2. Chapter 2 : Applying JavaScript to manipulate the DOM and create an interactive game
   • First steps Setup Game Elements 00:05:09
   • Add Styling CSS to game area 00:02:20
   • JavaScript Events Keyboard event Listener 00:05:04
   • Keyboard event Listener 00:03:59
   • Add Animation frame using JavaScript 00:06:28
   • Stay within Container 00:03:00
   • Create more elements Setup Bad Guys 00:07:10
   • JavaScript Move the Elements 00:04:20
   • Check Collision Detection with JavaScript 00:05:04
   • End the Game JavaScript 00:04:41
   • Customize GamePlay make adjustments and tweaks to the code 00:04:07
   • Dropper Elements Game Code Review 00:07:38