p5.dom slider test

let sizeSlider;

let speedSlider;

​

function setup() {

  createCanvas(windowWidth, windowHeight);  

  sizeSlider = createSlider(0, width, width / 2);

  sizeSlider.position(20, 20);

  speedSlider = createSlider(0, 100, 0);

  speedSlider.position(20, 60); 

}

​

function draw() {

  background(255);

  rectMode(CENTER);

  fill(31, 127, 255);

  noStroke();

  let rectSize = sizeSlider.value();

  let rotSpeed = speedSlider.value() / 1000.0;

  push();

  translate(width/2, height/2);

  rotate(millis() * rotSpeed);

  rect(0, 0, rectSize, rectSize);

  pop();

}