SketchBook

作品2

var xoff, yoff;

var time;

var colors = [];

function setup() {
createCanvas(windowWidth,
windowHeight);
background(214,87,471);

noFill();

colors.push(color(156,190,168))
colors.push(color(196,107,163));
colors.push(color(178,105,136));
colors.push(color(146,107,178));
colors.push(color(116,108,142));
colors.push(color(158,107,143));

xoff = 0.0;
yoff = 0.0;

time = 0;
}

function draw() {

var c = getColor(time);
stroke(c);

beginShape();
var xoff = 0;
for (var x = 0; x <= windowWidth; x += 5) {
var y = map(noise(xoff, yoff), 0, 1, 0, windowHeight);
curveVertex(x, y);
xoff += 0.03;
}
yoff += 0.002;
curveVertex(windowWidth,
windowHeight);
endShape();

time = time + 0.001;

if (time > 1.0) {
time = 0;
}
}

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