Home /  Sketchbook /  p5.js - Grid Puzzle
  • Info

Overview

This is a p5.js sketch which creates a simple puzzle where you need to click pairs of tiles to match colors of background and nested squares to clear the board.

This is a re-implementation of the NY Times Tiles puzzle. I programmed this during the summer of 2020 during the pandemic as a distraction.

Originally sketched in the p5.js Editor interface in this collection.

  • Grid Puzzle - 01. Establish Grid
  • Grid Puzzle - 02. Set background colors
  • Grid Puzzle - 03. Set inner colors
  • Grid Puzzle - 04. Add Mouse interaction

Controls

Click on squares of matching colors to remove them.

References:

  • NY Times - Tiles game

Links:

  • Live View
  • Source on Github

Screenshot:

screenshot