p5 Project Update

                                            

(Please note that this project changed completely in between now and the final product.) 

Not much has changed since this project was posted, but I know what I want to do with it. This will be an ocean scene where the user hitting different keys will cause other things to change in the environment. The significance of these changes depends on anything new I pick up between now and when the project is due.

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);

}