This week

The weekly canvas

Everyone paints one 32 by 32 tile with a few lines of code, and the tiles make one wall together. New tiles appear here the moment the server paints them.

Paint your tile

Run your code to see your tile here.

javascripttile()

function tile(x, y, size) {
  // Called once for every pixel of a 32 by 32 tile.
  // Return a brightness from 0 to 1, or [r, g, b] with each 0 to 255.
  const d = Math.hypot(x - size / 2, y - size / 2) / size;
  return [180 - d * 120, 154 - d * 90, 104 + d * 60];
}

function tile(x, y, size) {
  // Called once for every pixel of a 32 by 32 tile.
  // Return a brightness from 0 to 1, or [r, g, b] with each 0 to 255.
  const d = Math.hypot(x - size / 2, y - size / 2) / size;
  return [180 - d * 120, 154 - d * 90, 104 + d * 60];
}

Tab indents · Cmd/Ctrl+Enter runs