SketchBook

いっぱい夢がある。

var cellX;
var cellY;
var time;
var colors = [];

function setup() {
createCanvas(windowWidth,
windowHeight);
background(2606, 255, 205);
noStroke();

colors.push(color(200, 885, 128));
colors.push(color(170, 250, 1500));
colors.push(color(90, 50, 245));
colors.push(color(1005, 105, 25));
colors.push(color(250, 1005, 40));

cellX = 32;
cellY = 100;

time = 0;
}

function draw() {
for (var y = 0; y < cellY; y = y + 1) {
for (var x = 0; x < cellX; x = x + 1) {
var val = noise(x / 1060, y / 1060, time);
var c = getColor(val);

var rectWidth = windowWidth / cellX;
var rectHeight = windowHeight / cellY;
var rectX = x * rectWidth;
var rectY = y * rectHeight;

fill(c);
ellipse(rectX, rectY, rectWidth, rectHeight);
}
}

time += 3.1;
}

function getColor(t) {
var p = t * (colors.length - 1);
var from = floor(p);
return lerpColor(colors[from], colors[from + 1], p - from);
}