Book Image

Build the Game of Life Using JavaScript [Video]

By : Elisabeth Robson, Eric Freeman
Book Image

Build the Game of Life Using JavaScript [Video]

By: Elisabeth Robson, Eric Freeman

Overview of this book

JavaScript frameworks are great tools for building mobile apps. They’re efficient, lower development costs, and tend to have the security benefits that come with large, active communities of developers. In this course, we’ll build the Game of Life, a project that takes you through building a generative, cellular automaton game from start to finish in a one-page app using HTML, CSS, and JavaScript. This project is a great way for you to integrate your skills with markup, style, and behavior by creating an interactive and dynamic application right in your browser. In this project, we’ll make heavy use of the DOM, events, timing, and simple logic to create a truly generative application. By the end of this course, we’ll be able to build a creative and completely running gaming application with JavaScript. All the code files and resources for this course are available at https://github.com/PacktPublishing/Build-the-Game-of-Life-Using-JavaScript

Related Content you might be interested in

Current Title:

Small book image
Build the Game of Life Using JavaScript [Video]
Elisabeth Robson | Eric Freeman
May, 2021 | 1 hours 25 minutes
No titles found
Table of Contents (6 chapters)
Free Chapter
1
Build the Game of Life
Guide to the Project
Introduction
The Game Plan
2
Create the View
Introduction
Create the Grid
Create the Grid with JavaScript: Overview
Crash Test the Grid
3
Interact with the Grid
Introduction
How to Turn On a cell
Add a Click Handler
Crash Test the Click Handler
Handle Button Clicks
Implement the Button Click Handlers
Crash Test the Button Click Handlers
4
Create the Grid Model
Introduction
Code the grid model
Crash Test the Grid Model
The Rules of the Game of Life
Compute One Generation
Crash Test the Code to Compute One Generation
5
Update the View
Introduction
Update the View from the Model
Crash Test the View Code
Plan the Timer
Code the Timer
Crash Test the Timer
6
Finish the Game
Introduction
Code the Clear Button
Crash Test the Clear Button
We Have a Bug!
Fix the Bug
Final Design and Test
Chapter 3
Interact with the Grid
Content Locked
Section 1
Introduction
The grid is in place, but it's just sitting there, staring at us, doing nothing—if only we could interact with the grid to turn on some cells. In this module, we're going to do just that, by adding a click handler and then using our CSS powers to turn on and off cells. We'll also add some buttons to the interface. The buttons will give us a way of controlling the flow of the Game of Life so we can start the game, stop it or continue computing new generations. We can also wipe the grid clear and start over. We're going to set up click handler functions to do some work when the user clicks on the buttons. Then in later modules, we'll implement their complete functionality.
Previous Section
End of Section 1
Next Section