Your browser does not support the canvas tag.

previous        Show / Hide Source        Download        next
//Creating play space
void setup() {
  size(400, 400);
}

void draw() {

  //Background colour change dependant on mouse movement 
  background(-mouseY/2+110, -mouseY/2+195, -mouseY/2+231);

  //Mouse Guided Red Ball
  stroke(255, 0, 0);
  strokeWeight(4);
  fill(207, 42, 42);
  ellipse(mouseX, mouseY, 40, 40);
  //Eyes
  stroke(255);
  fill(0);
  ellipse(mouseX-10, mouseY-5, 10, 10);
  ellipse(mouseX+10, mouseY-5, 10, 10);

  //Blue Squares moving away from mouse
  stroke(95, 155, 255);
  fill(68, 138, 255);
  rect(20-mouseX, 20-mouseY, 25, 25);
  rect(260-mouseX, 99-mouseY, 25, 25);
  rect(340-mouseX, 210-mouseY, 25, 25);
  rect(298-mouseX, 60-mouseY, 25, 25);
  rect(90-mouseX, 376-mouseY, 25, 25);
  rect(400-mouseX, 89-mouseY, 25, 25);
  rect(114-mouseX, 160-mouseY, 25, 25);
  rect(123-mouseX, 349-mouseY, 25, 25);
  rect(280-mouseX, 69-mouseY, 25, 25);
  rect(345-mouseX, 400-mouseY, 25, 25);
  rect(121-mouseX, 158-mouseY, 25, 25);
  rect(321-mouseX, 189-mouseY, 25, 25);
  rect(100-mouseX, 208-mouseY, 25, 25);
  rect(42-mouseX, 100-mouseY, 25, 25);
  rect(146-mouseX, 198-mouseY, 25, 25);
  rect(390-mouseX, 12-mouseY, 25, 25);
  rect(230-mouseX, 186-mouseY, 25, 25);
  rect(290-mouseX, 400-mouseY, 25, 25);
  rect(98-mouseX, 223-mouseY, 25, 25);
  rect(234-mouseX, 371-mouseY, 25, 25);
  rect(300-mouseX, 278-mouseY, 25, 25);
  rect(109-mouseX, 98-mouseY, 25, 25);
  rect(400-mouseX, 400-mouseY, 25, 25);
  rect(60-mouseX, 320-mouseY, 25, 25);
}
//Keyboard Input Text
void keyPressed() {
  println("Stay away from the blue squares!");
}
//Mouse Click Input Colour change
void mousePressed() {
  //Set Framerate so colour is shown longer
  frameRate(30);
  background(255, 0, 0);
  println("TRIGGERED!");
}