Grid Paper

Grid Paper

· Active · #drawing

screenshot of my grid paper app with some configurable settings in a header and a grid covering the entire background

Sourcing and printing nice graph paper is challenging. You have two bad options, basically:

  1. Download a low-res JPG you found on Google Image search where the grid sizes are wonky and it has a giant URL on it. I needed something clean and simple.
  2. Buy grid paper on Amazon in bulk. Now I’m thinking about centimeters vs. inches, cost, color, paper size, style, and quantity before I draw a single dungeon. I needed something ad hoc and with less commitment.

So I made a small, home-cooked app to that lets me create half-a-dozen different types of grids:

  • Grids
  • Dot Grids
  • Isomorphic Grids
  • Isomorphic Dot Grids
  • Dual Hex Grids
  • Perspective Grids
  • Two-Point Perspective Grids

It clocks at 3.3 kB (gzip) of HTML/CSS/JavaScript and doesn’t need to be much more.