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 1
Introduction
We've got one generation of life working, and we're storing the state of the game in the grid model. In this module, the goal is to make sure that state is used to update the view (the grid in the browser page), and then keep the game going for multiple generations, so we can see our cells come to life over time. For that, you'll learn how to manage the time of the game, and how that will work with the user interface so you can click on the buttons to pause and stop the game.
Previous Section
End of Section 1
Next Section