DVD Logo

let x = 320;

let y = 280;

let xspeed = 5;

let yspeed = 2;

let r = 25;

let img;

let dvdLogos = [];

let dir;

const overlap = 1;

let mover;

​

let walls = [];

let speed = 5;

​

let wallOffset = 0;

​

function preload() {

  for(let i = 1; i <= 6; i++){

  img = loadImage(`DVD${i}.png`);

  }

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  imageMode(CENTER);

  rectMode(CENTER);

  mover = new Mover(random(dvdLogos));

  strokeWeight(5);

  noFill();

  stroke(255);

  dir = random([PI/4, PI/4 + HALF_PI, PI/4 + PI, -PI/4].map(e => p5.Vector.fromAngle(e))).setMag(speed);

  walls = generateWalls();

  describe("Classic DVD screensaver with an upsetting twist");

}

​

function draw() {

  background(0);

  mover.update();

  bounce(walls, mover.getCorners());

  mover.show();

  image(img, x, y, r*0, r*0);

  x += xspeed;

  y += yspeed;

  if (x > width - r || x < r) {

    xspeed = -xspeed;

  }

  if (y > height - r || y < r) {

    yspeed = -yspeed;

  }

}

​

function bounce(walls, corners){

  // scalar projection to get the distance to the wall

  for(let cnr of corners){

    for(let wall of walls){

      let ap = p5.Vector.sub(cnr, wall.start);

      let ab = p5.Vector.sub(wall.end, wall.start);

      ab.normalize();

      ab.mult(ap.dot(ab));

      let reflectionVector = createVector(-ab.y, ab.x); // the normal vector to the wall

      let normal = p5.Vector.add(wall.start, ab); // scalar projection point

      // circle(normal.x, normal.y,overlap);

      // line(cnr.x, cnr.y, normal.x, normal.y);

      let d = p5.Vector.dist(cnr, normal); // how far from the wall?

      let inBoundsOfWall = p5.Vector.dist(wall.start, cnr) <= wall.getWallLength() && p5.Vector.dist(wall.end, cnr) <= wall.getWallLength();

      if(d <= speed && inBoundsOfWall ){ // is we're inside some threshold...

        dir.reflect(reflectionVector);

        mover.updateImage();

        return;

      }

    }

  }

}

​

​

function generateWalls(){

walls = [];

let dvdw = mover.w;

let dvdh = mover.h;

walls.push(new Wall(wallOffset + dvdw*1.05,wallOffset,width-wallOffset -dvdw*1.05,wallOffset));

walls.push(new Wall(width-wallOffset,wallOffset + dvdh*1.05,width-wallOffset,height-wallOffset-dvdh*1.05));

walls.push(new Wall(width-wallOffset-dvdw*1.05,height-wallOffset,wallOffset + dvdw*1.05,height-wallOffset));

walls.push(new Wall(wallOffset,height-wallOffset-dvdh*1.05,wallOffset,wallOffset+dvdh*1.05));

return walls;

}

​

function mousePressed(){

  setup();

}

​

​

​

​

​

​

​