Masato Ohba
Posted on May 5, 2018
Continuation of My first step in learning Generative Art. I'm going to finish this series tomorrow, so this is the second to last.
"Surface Wave"
I've tried to express surface wave with 2D noise. It looks like a wave, and also surface on the earth.
I can calm down by watching a wave no matter whether the wave is electric or natural. What about you?
var yoff = 0.0;
var backgroudColor;
function setup() {
createCanvas(1400, 400);
backgroudColor = 255;
// backgroudColor = 22;
}
function draw() {
background(backgroudColor, 2);
fill(backgroudColor, 2);
stroke(color(random(22),random(100, 255),random(255), 200));
// stroke(color(random(222, 255),random(100, 155),random(10), 200));
strokeWeight(random(4))
beginShape();
var xoff = 0;
for (var x = 0; x <= width; x += 10) {
var y = map(noise(xoff, yoff), 0, 1, 100, height);
vertex(x, y);
xoff += 0.05;
}
yoff += 0.01;
vertex(width, height);
vertex(0, height);
endShape(CLOSE);
}
💖 💪 🙅 🚩
Masato Ohba
Posted on May 5, 2018
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
