top of page
Search
  • oliviacollett846

p5.js Image Sketch 2

Updated: Nov 9, 2023





function setup() {

createCanvas(1280, 720);

background(199, 229, 237);

}

function draw() {

noStroke();

for (let y = 0; y<= height; y +=40)

{

for (let x = 0; x<= width; x +=40)

{

fill(190, 225, 250);

ellipse(x, y, 40, 40);

}

}

//*tail

fill(249, 204, 225)

beginShape();

vertex(200,200);

vertex(200,400);

vertex(400,300);

endShape();

fill(250, 190, 195)

beginShape();

vertex(640,500);

vertex(640,600);

vertex(740,550);

endShape();

//*top fin

fill(250, 190, 195)

beginShape();

vertex(400,60);

vertex(400,250);

vertex(550,300);

endShape();

fill(249, 204, 225)

beginShape();

vertex(800,400);

vertex(870,550);

vertex(800,600);

endShape();

//*bottom fin

fill(250, 190, 195)

beginShape();

vertex(400,420);

vertex(400,550);

vertex(550,300);

endShape();

fill(249, 204, 225)

beginShape();

vertex(800,700);

vertex(870,550);

vertex(800,500);

endShape();

//* body

fill(250, 250, 169)

beginShape();

vertex(300,100);

vertex(300,500);

vertex(600,300);

endShape();

fill(250, 244, 190)

beginShape();

vertex(700,400);

vertex(700,700);

vertex(900,550);

endShape();

//*body shapes

fill(249, 204, 225);

beginShape();

vertex(350,250);

vertex(350,350);

vertex(400,300);

endShape();

fill(250, 190, 195);

beginShape();

vertex(730,530);

vertex(730,580);

vertex(760,560);

endShape();

fill(255);

ellipse(500, 300, 50, 50);

fill(190,203,250);

ellipse(500, 300, 25, 25);

fill(255);

ellipse(830, 550, 50, 50);

fill(190,203,250);

ellipse(830, 550, 25, 25);

//*bubbles

fill(255)

ellipse(600, 50, 30, 30)

ellipse(650, 120, 30, 30)

ellipse(590, 200, 30, 30)

ellipse(900, 300, 30, 30)

ellipse(950, 350, 30, 30)

ellipse(890, 430, 30, 30)

}

2 views0 comments

Recent Posts

See All

Typographic Hierarchy

The article about structuring typographic hierarchy was both interesting and helpful. When thinking of typographic hierarchy in general,...

Comments


bottom of page