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
Table of Contents (6 chapters)
Chapter 3
Interact with the Grid
Content Locked
Section 4
Crash Test the Click Handler
In this lesson, we test the code to add live cells to the grid. Follow along in the video below and test yourself by reloading your page. Try clicking on cells in the grid. If you click on an empty cell—that is, a dead cell—you should see it come alive. If you change your mind, just click on the cell again to change it back to dead. We've visually added live cells to the grid, so you can see when a cell is live or dead. But, so far, our grid doesn't actually do anything interesting. Think at a high level about what we still need to do to turn this visual representation into the Game of Life? What are the steps? Think about the model-view-controller design we talked about in a previous lesson; how does what you've done so far fit into that design?