// motion var diam = 48; var fr; var slide_1; var toggle = 0; function setup() { var cnv = createCanvas(400, 300); cnv.position(60, 200); // min, max, val slide_1 = createSlider(1, 4*70, 4*30); slide_1.position(100, 170); } //setup function draw() { background(192); frameRate(slide_1.value()/4); fill(0); textFont('Arial'); textSize(28); fr = round(100*frameRate())/100; frs = str(fr); text('frameRate = ' + frs, 20, 30); strokeWeight(1); stroke(0); if (toggle) { fill(0, 255, 255); } else { fill(255, 0, 0); } toggle = !toggle; ellipse(width/2, height/2, diam, diam); } //draw