function setup() {
createCanvas(windowWidth, windowHeight);
}
function draw() {
background(200, 250,180);
//W
fill(0);
push();
noStroke();
translate(width/6+15, height/3);
triangle(2, 20,30, 95, 58, 20);
pop();
push();
noStroke();
translate(width/6+70, height/3);
triangle(2+ random(-10, 0), 20,30, 95, 58, 20);
pop();
//E
push();
translate(width/6+150, height/3);
// noStroke();
// rect(2,20,60,30);
// fill(100);
// rect(2,45,60,30);
fill(255);
strokeWeight(random(1, 4));
for(var j =20; j<=100; j +=8 + random(-3, 2)){
line (2, j, 60, j);
}
noStroke();
fill(200, 250,180);
rect(0,40,80,30);
fill(0);
rect(2+ random(-5, 5),45,60,20);
pop();
//L
push();
translate(width/6+250, height/3);
noStroke();
fill(0, random(90, 100));
ellipse(2, 25, 20, 20);
fill(0);
ellipse(2, 50, 20, 20);
ellipse(2, 90, 20, 20);
fill(0, random(90, 100));
ellipse(2, 70 + random(-3, 2), 20, 20);
fill(0);
ellipse(25+random(-3, 2), 90, 20, 20);
pop();
//c
push();
noFill();
translate(width/6+300+ random(-3, 2), height/3+10);
strokeWeight(random(1, 4));
arc(50 , 50, 80, 80, 0, PI +PI*2/3);
arc(110,50, 40, 40, PI, 0);
pop();
//O
push();
translate(width/6+450, height/3+10);
noFill();
for(var i =0; i<=80; i +=8 + random(-3, 2)){
ellipse (2, 50, i, i);
}
pop();
//M
fill(0);
push();
noStroke();
translate(width/6+550, height/3);
triangle(0, 95,30, 20,60, 95);
pop();
push();
noStroke();
translate(width/6+500, height/3);
triangle(0, 95,30, 20,60+ random(-10, 20), 95);
// triangle(0, 95,30, 20,60, 95);
pop();
//E2
push();
translate(width/6+620, height/3);
fill(255);
strokeWeight(random(0, 2));
for(var j =20; j<=100; j +=8 + random(0, 2)){
line (2, j, 60, j);
}
noStroke();
fill(200, 250,180);
rect(0,40,80,30);
fill(0);
rect(2+ random(-5, 5),45,60,20);
pop();
}
This Pen doesn't use any external CSS resources.