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 5
Update the View
Content Locked
Section 3
Crash Test the View Code
Let's test the code we just added to update the view. At this stage, we're generating one round of the game: we set the initial state by clicking on the grid to make some cells live, we start the game by clicking the start button, and we compute the next generation in the nextGrid, copy that state to grid, and then update the view. So let's give it a try in the browser and see what happens. If we've got everything right, we'll apply the Game of Life rules once to the cells in the grid and see the cells update based on the results of applying the rules.
Previous Section
End of Section 3
Next Section