----- Coding Tutorial by Patt Vira ----- 

Name: Interactive Vinyl Cover (Mask Function)

Video Tutorial: https://youtu.be/o-kIFlK-6EM

​

Connect with Patt: @pattvira

https://www.pattvira.com/

----------------------------------------

*/

​

let img;

let circles = []; let num = 15; let scl = 0.9;

let play = false;

function preload() {

  img = loadImage("spinning450px.png");

}

​

function setup() {

  createCanvas(450, 450);

  angleMode(DEGREES);

  for (let i=0; i<num; i++) {

    let r = (((width * scl) / 2) / num) * (num - i);

    let angle = 35 / num * (i + 1);

    circles[i] = new Mask(width/2, height/2, r, angle);

  }

}

​

function draw() {

  background(220);

  image(img, width/2, height/2);

  filter(BLUR, 3);

  for (let i=0; i<num; i++) {

    if (play) {

      // circles[i].update();

    }

    circles[i].display();

  }

}

​

function mouseReleased() {

  play = !play;

}