CS 231: Project #2

Title image Fall 2019

Conway's Game of Life

This week we'll explore the simulation of entities on a 2D grid. The entities will interact with each other to determine how they change over time. The overall concept is called cellular automata, and you'll implement a specific version of cellular automata that implement Conway's Game of Life. Please at least skim the wikipedia page if you have not seen the Game of Life before.


Tasks

This week you'll develop three classes: a Cell, a Landscape, and a LifeSimulation. The Cell will represent a location on the Landscape. The Landscape will represent a 2D grid of Cells, and a LifeSimulation will control the rules and actions of the simulation. We will use the Java Swing graphical user interface package in order to display our landscape. The end result of the project will be a window that displays Conway's Game of Life.

Cell Class

A Cell object represents one location on a regular grid. The Cell class should store whether or not it is alive and implement the following methods.

Implement the methods, and test them with a main method.

Landscape Class

Create a java class called Landscape, which will hold a 2D grid of Cell object references. The Landscape class should have a field to hold the array of Cell object references and implement the following methods. You may also want to have fields to hold the number of rows and the number of columns in the grid.

Implement the methods, and test them with a main method.

Landscape Visualization

Make it possible to visualize your Landscape.

  1. Download and Analyze Java Swing Code

    Download the code for the LandscapeDisplay class. Read the code and note its fields and methods. Its job is to display a Landscape. To do so, it stores a Landscape object in a field. It opens a window and calls the draw() method on the Landscape, which, in turn, calls the draw() method on the Cells. Before you can compile the LandscapeDisplay class, you will need to add those draw() methods.

  2. Drawing a Cell

    Add a method to your Cell class: public void draw( Graphics g, int x, int y, int scale ). It draws the Cell on the Graphics object at location x, y with the size scaled by scale. It should draw the cell differently depending on whether it is alive or dead.

    + (more detail)

    A Graphics object enables you to set drawing parameters, such as the color, and to draw shapes into the current window. See the Java documentation for the complete set of capabilities.

    For drawing a Cell, you can use an Oval or a Rectangle. If the Cell is alive, use the setColor method to set the color to some useful value (like Color.darkGray), the call something like fillOval(), which takes x, y, dx, and dy and draws an oval that fits into the specified rectangle.

    The Cell's draw method just needs to draw one cell (itself) at the specified location, which is defined by the row and column indices multiplied by the gridScale.

  3. Drawing a Landscape

    Add a method to your Landscape class: public void draw( Graphics g, int gridScale ). It should loop through the cells in Grid, calling their draw() methods at positions calculated from their positions in the grid.

    	public void draw( Graphics g, int gridScale ) {
    		// draw all the cells
    		for (int i = 0; i < this.getRows(); i++) {
    			for (int j = 0; j < this.getCols(); j++) {
    				this.grid[i][j].draw(g, i*gridScale, j*gridScale, gridScale);
    			}
    		}
    	}

Test your visualization by running LandscapeDisplay as your main program. Your default initial Landscape should be all zeros/dead cells. Make sure to test a case where some of the grid cells have been set to alive.

Updating Cell States

Add a method to the Cell class: public void updateState( ArrayList<Cell> neighbors ). This method updates whether or not the cell is alive in the next time step, given its neighbors in the current time step.

The updateState() method should look at the Cell's neighbors on the provided Landscape and update its own state information. The default rule should be if a live Cell has either two or three live neighbors, then it will be set to alive. If a dead Cell has exactly three living neighbors, it will be set to alive. Otherwise, the Cell will be set to dead.

Advancing the Game

Add a method to the Landscape class: public void advance(). The advance() method should move all Cells forward one generation. Note that the rules for the Game of Life require all Cells to be updated simultaneously. Therefore, you cannot update the Cells in place one at a time (why not?).

Instead, create a temporary Cell grid of the same size. For each grid location create a new cell and copy over the the alive status of the original cell in that location.

Go through each Cell in the temporary grid, using a nested loop, and call updateState(), passing the list of neighbors of the Cell in the original grid to the Cell. When the code has updated all of the Cells, you need to transfer the information back. You can just assign the temporary grid back to the original grid field.

LifeSimulation Class

Create a new LifeSimulation.java class that is modeled on LandscapeDisplay.main(). It should include a loop that calls the advance() method of the Landscape, calls the repaint() method of LandscapeDisplay, and calls Thread.sleep( 250 ) to pause for 250 milliseconds before starting the next iteration. Each iteration of the loop is one time step of the simulation.

Test your simulation with random initial conditions. Consider using a command line argument to control the grid size and the number of time steps in the simulation. It's useful to test your code by first just visualizing the initial board. Then have your simulation go forward by one time step and stop. See if the results make sense before going further.

Required Pictures 1 and 2: include in your report a picture of your board's initial state and the following state after one update.

If you want to test your program using a known pattern, go to the Wikipedia page on the Game of Life and look up an example. Then create a new initialization method that sets the Landscape to the specified pattern.

Required Animation; make a short video or animated gif of your simulation and include it in your report.

+ (more detail)

After the display is repainted (in the loop you wrote above), add the following line to save the current display:

display.saveImage( "data/life_frame_" + String.format( "%03d", i ) + ".png" );

The output should be a series of images of the simulation, using zero-padding to make sure that numeric and alphabetical orders are the same (e.g. 002 comes before 010 alphbetically, but 2 does not come before 10 alphabetically). Then, create a data directory in your project directory, run your program, and make the animated gif using convert (an ImageMagick program).

mkdir data
java LifeSimulation
convert -delay 60 data/life_frame_*.png mysim.gif

Another way to get your animation is to record a screen video. It does not matter which way you use. But you are expected to show your animation in your write-up.


Extensions

  1. Modify the main method in LifeSimulation to make use of command line parameters. For example, it would be nice to control the size of the Landscape, the density of the initial board, and the number of iterations used in the simulation.
  2. Try modifying the updateState() function in the Cell class to implement different rules. Think about how to do this using good design rather than having many copies of the Cell class or commenting/un-commenting blocks of code.
  3. Create more than one type of Cell and give each type different rules. Be sure to explain your design in the report and discuss what you expected as well as the results.
  4. Be creative with the visual representation.
  5. Add buttons or other controls to the window. These might let the user start, stop, or pause the simulation, set the density of the start situation, and reset the simulation.
  6. For any assignment, a good extension will be to implement a Java class yourself and demonstrate that it has the same functionality as the Java class.
  7. Another good extension for any assignment is to identify in comments when dynamically allocated memory is being "lost." Dynamic memory is any memory created with a new command. Indicate the line of code in which the last reference to an object referencing dynamic memory is removed.)

Report

Your report should have the following format.

Handin

Make your report for the project a wiki page in your personal space. If you have questions about making a wiki page, stop by my office or ask in lab.

Once you have written your report, give the page the label:

cs231f19project2

You can give any wiki page a label using the label field at the bottom of the page. The label is different from the title.

Do not put code on your writeup page or anywhere it can be publicly accessed. To hand in code, put it in your folder on the Courses fileserver. Create a directory for each project inside the private folder inside your username folder.