1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
// require https://cdn.jsdelivr.net/npm/p5@1.4.0/lib/p5.js
let grid_cols = 12;
let grid_rows = 8;
let row_height = 32;
let col_width = 32;
let grid;
let road_set;
let overlay_checkbox, road_checkbox;
function preload() {
road_set = loadImage("/tiles/sketches/road.png");
}
function setup() {
createCanvas(grid_cols * col_width, grid_rows * row_height);
// create the ui
road_checkbox = createCheckbox("Draw Road", true);
overlay_checkbox = createCheckbox("Draw Grid Overlay", false);
// generate a 2D array to hold the state of each grid cell
grid = create2DArray(grid_cols, grid_rows, false);
// populate an initial drawing
grid[6][4] = true;
grid[7][4] = true;
grid[8][4] = true;
grid[7][3] = true;
grid[7][5] = true;
noSmooth();
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
⌥⌘j Open Console | ⌘s/ctrl-s Update Preview |