Rollover Function 01

← Mousex Mousey IF Statements 01 Screen Switch →

400×400 · p5.js instance mode

Rollover_Function_01.pde 71 lines

/*

 Creating a Rollover function
 02/24/2017
 
 */

float x, y, w, h;

void setup() {
  size(400, 400);
  smooth();
  x = y = height/2;
  w = h = height/4;
}

void draw() {
  background(#FF9BAD);
  rectMode(CENTER);
  stroke(#FFFFFF);
  strokeWeight(5);
  
  //Rectangle #1
  if (rollover(x-75, y, w, h) == true) {
    fill(#E071FF);
    if (clicked(x-75, y, w, h) == true) {
      fill(#);
    }
  } else {
    fill(#FF4668);
  }
  rect(x-75, y, w, h);
  
  //Rectangle #2
  if (rollover(x+75, y, w, h) == true) {
    fill(#E071FF);
    if (clicked(x+75, y, w, h) == true) {
      fill(#);
    }
  } else {
    fill(#FF4668);
  }
  rect(x+75, y, w, h);
}

boolean rollover(float x, float y, float w, float h) {
  boolean hit;
  if (mouseX >= (x-w/2) &&
    mouseX <= (x+w/2) &&
    mouseY >= (y-h/2) &&
    mouseY <= (y+h/2)) {
    hit = true;
  } else {
    hit = false;
  }
  return hit;
}

boolean clicked(float x, float y, float w, float h) {
  boolean click;
  if (mouseX >= (x-w/2) &&
    mouseX <= (x+w/2) &&
    mouseY >= (y-h/2) &&
    mouseY <= (y+h/2) &&
    mousePressed == true) {
    click = true;
  } else {
    click = false;
  }
  return click;
}

read-only archive source from /2017/Lessons/Rollover_Function_01/Rollover_Function_01.pde

Description

This page is generated from the Processing project folder at /2017/Lessons/Rollover_Function_01/Rollover_Function_01.pde.

Rollover Function 01

Description

Archive