Home /  Sketchbook /  p5.js - Game of Life Shader
  • Info

Overview

MAIN CREDIT: BarneyCodes - editor.p5js.org sketch and related [YouTube explainer video on Game-of-Life shader][barneycodes-youtube-gol].

This is a refactored version of BarneyCodes’ Game of Life shader example Notable modifications

  1. Uses p5.Graphics in WEBGL mode, rather than setting the full canvas to WEBGL … this avoids having to handle the fact that WEBGL puts x,y 0,0 at the center of the canvas … thought process is that it will allow for use of other code that expects a 2D canvas
  2. Uses more verbose variable names and adds comments for clarity … Personally I find a lot of the GL shader code hard to read to be overly terse … so uses ‘cells’ as name of Uniform passed from p5j.js context into the shader … TBD if I’m breaking GL best practices by using more verbose variable names

A similar version of my modified code here is available at: https://editor.p5js.org/lecrte/sketches/w0Nx9Ooi8

Controls

(No interactivity implemented yet).

References:

  • Wikipedia Game of Life

Links:

  • Live View
  • Source on Github

Screenshot:

screenshot