2f:T4d6,p5((s) => { let points = []; let step = 8; s.setup = function () { s.createCanvas(width, 500); for (let i = 0; i < 50; i++) { points.push(s.createVector(s.random(s.width), s.random(s.height))); } s.noFill(); s.noStroke(1); s.frameRate(30); }; s.draw = function () { s.background(0); // Move the points smoothly across the screen for (let i = 0; i < points.length; i++) { points[i].x += s.cos(s.frameCount * 0.01 + i) * 2; points[i].y += s.sin(s.frameCount * 0.01 + i) * 2; // Wrap the points around the canvas edges points[i].x = (points[i].x + s.width) % s.width; points[i].y = (points[i].y + s.height) % s.height; } drawVoronoi(); }; function drawVoronoi() { for (let x = 0; x < s.width; x += step) { for (let y = 0; y < s.height; y += step) { let minDist = s.dist(0, 0, s.width, s.height); let j = -1; for (let i = 0; i < points.length; i++) { let d = s.dist(x, y, points[i].x, points[i].y); if (d < minDist) { minDist = d; j = i; } } let c = minDist * 2; s.fill(c); s.rect(x, y, step, step); } } } })30:T5ca,p5((s) => { let points = []; let pixels = 5; s.setup = function () { s.createCanvas(width, 500); for (let i = 0; i < 50; i++) { points.push(s.createVector(s.random(s.width), s.random(s.height))); } s.noFill(); s.noStroke(1); s.frameRate(30); }; s.draw = function () { s.background(0); // Move the points smoothly across the screen for (let i = 0; i < points.length; i++) { points[i].x += s.cos(s.frameCount * 0.01 + i) * 2; points[i].y += s.sin(s.frameCount * 0.01 + i) * 2; // Wrap the points around the canvas edges points[i].x = (points[i].x + s.width) % s.width; points[i].y = (points[i].y + s.height) % s.height; } drawVoronoi(); }; function drawVoronoi() { let colors = [ [255, 0, 0], // Red [0, 255, 0], // Green [0, 0, 255] // Blue ]; for (let x = 0; x < s.width; x += pixels) { for (let y = 0; y < s.height; y += pixels) { let minDist = s.dist(0, 0, s.width, s.height); let closestColor = [0, 0, 0]; for (let i = 0; i < points.length; i++) { let d = s.dist(x, y, points[i].x, points[i].y); if (d < minDist) { minDist = d; closestColor = colors[i % colors.length]; // Get the color based on the index } } s.fill(closestColor); s.rect(x, y, pixels, pixels); // Draw pixelated rectangles with interpolated colors } } } })31:[] 2d:{"title":"Pixelated voronoi","cells":[{"id":0,"value":"# Pixelated voronoi","pinned":false,"hidden":false,"mode":"md"},{"id":8,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":110,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"import {p5} from \"@thometnanni/p5\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}