P5Button

// Button Example

var mouseUp = 1; var bFunction = -1; var frame = 0;

function setup { createCanvas(windowWidth, windowHeight); }

function draw { p5ButtonSetup; background(255);

textSize(14); textAlign(LEFT); text("Frame " + frame, 5, 20);

if(frame == 0){ // code for frame 0 ... }

if(frame == 1){ // code for frame 1 ... }

p5Button(width/2, height/ 7, 180, 40, 24, "Save", 0); p5Button(width/2, height/ 7*2, 180, 40, 24, "New Scan", 1); }

function p5ButtonSetup{ if(!mouseIsPressed){ mouseUp = 0; } }

// x, y, width, width, textSize, text, p5ButtonFunction-Number (starts with 0) function p5Button(bx, by, bw, bh, bts, bt, bN){

if(mouseIsPressed){

if ( (mouseX>bx-bw/2)&&(mouseXby-bh/2)&&(mouseY<by+bh/2) ) { if(mouseUp == 0) { mouseUp = 1; if(bN == 0) frame = 9; if(bN == 1) frame = 0; }     fill(155); }else{ fill(255);

} }else{ fill(255); }

rectMode(CENTER); stroke(180); rect(bx, by, bw, bh, 5);

if(bt != ""){ textAlign(CENTER); textSize(bts); noStroke; fill(20); text(bt, bx, by + (bts / 3) ); } }