Black on black...

// 04.01.25

//

// Made for Genuary 2025

// #genuary #genuary4

// Black on black.

//

// https://www.instagram.com/lucjastozek/

​

const palette = [

  '#D64933',

  '#FA8334',

  '#EA9010',

  '#2D854A',

  '#14591D',

  '#3587A4',

  '#23B5D3',

  '#70587C',

  '#573280',

  '#832232',

  '#DA4167',

  '#E87461'

];

let opacity = 10;

​

function setup() {

  const side = min(windowWidth, windowHeight);

  createCanvas(side, side);

  frameRate(10);

  seed = random(27) * 100000;

  rectMode(CENTER);

  background("#121212");

}

​

function draw() {

  noStroke();

​

  fill("#05050527");

  rect(width / 2, height / 2, width * ((frameCount % 50) / 27), height * ((frameCount % 50) / 27))

​

  opacity++;

​

  fill("#05050527")

  strokeWeight(min(width, height) * 0.001);

​

  randomSeed(((frameCount % 50) + 1) * 2 * seed);

  stroke(random(palette));

  const a = map((frameCount % 50), 0, 10, 0.05, 0.4);

  const b = map((frameCount % 50), 0, 10, 0.05, 0.6);

​

  triangle(width * a, height * -0.05, width * 1.2, height * -0.05, width * 1.2, height * b);

  triangle(width * -0.05, height * a, width * b, height * 1.2, width * -0.05, height * 1.2);

}