image.js1linklet quadrille;

2linklet image;

3link

4linkfunction preload() {

5link  image = loadImage('/p5.quadrille.js/docs/sketches/mahakala.jpg');

6link}

7link

8linkfunction setup() {

9link  createCanvas(800, 360);

10link}

11link

12linkfunction draw() {

13link  if (frameCount % 200 === 0) {

14link    let scl = 2 ** int(random(4));

15link    quadrille = createQuadrille(20 * scl, image);

16link    drawQuadrille(quadrille, {cellLength: 40 / scl, outlineWeight: 1.6 / scl, outline: color(random(255))});

17link  }

18link}

linkp5.quadrille.js

p5.js quadrille library.

In geometry, the square-tiling, square-tessellation or square-grid is a regular tiling of the Euclidean plane. John Horton Conway called it a quadrille.

The internal angle of the square is π/2 so four squares at a point make a full 2π angle. It is one of three regular tilings of the plane. The other two are the triangular-tiling and the hexagonal-tiling.

The library comprises a Quadrille class and provides the createQuadrille and drawQuadrille p5 functions. The Quadrille class implements geometry transformation and constructive solid geometry-like logical operators, and visual computing methods such as image filtering using convolution matrices and triangle rasterization. It also implements several memory management methods, such as clear, clone, fill, insert, replace and sort. It can be used as an interface to convert to / from other representations such as arrays, images and bitboards.