p5 Project Start

 function setup() {

  createCanvas(1280, 720);

  background(129, 201, 255);

  

  //Ocean Background 

  noStroke();

  fill (127, 255, 245);

  rect (0, 0, 1280, 144);

  fill (120, 241, 255);

  rect (0, 144, 1280, 144);

  fill (128, 153, 255);

  rect (0, 432, 1280, 144);

  fill (143, 130, 255);

  rect (0, 576, 1280, 144);

}

function draw() {

  

  fill(227,252, 254, 102);

  ellipse(mouseX, mouseY, 15, 15);

  

  //Ocean Bubbles

  

  if (mouseIsPressed){

      stroke(255);

  }

  fill (227, 252, 254, 2);

  ellipse (400, 150, 100, 100);

  

  fill (227, 252, 254, 2);

  ellipse (800, 300, 200, 200);

  

  fill (227, 252, 254, 2);

  ellipse (200, 300, 50, 50);

  

  fill (227, 252, 254, 2);

  ellipse (1100, 100, 50, 50);

  

  fill (227, 252, 254, 2);

  ellipse (1100, 600, 100, 100);

  

  fill (227, 252, 254, 2);

  ellipse (350, 600, 150, 150);

}