gif test - OpenProcessing

mySketch.js
xxxxxxxxxx
 
let grapefruit = [];
let sushi = [];
​
function setup() {
  canvas = createCanvas(windowWidth, windowHeight);
​
  grapefruit = new Sprite(random(windowWidth), random(windowHeight), 300,300);
  sushi = new Sprite(random(windowWidth), random(windowHeight),300, 300);
  
  grapefruit.img = 'juicebox.gif';
  sushi.img = 'sushi-small.gif';
  
  sushi.collider = 'dynamic';
  grapefruit.collider = 'dynamic';
​
  grapefruit.scale = 0.2;
  grapefruit.vel.x = random(-7, 7);
  grapefruit.vel.y = random(-7, 7);
​
  sushi.scale = 0.2;
  sushi.vel.x = random(-4, 4);
  sushi.vel.y = random(-4, 4);
}
​
function draw() {
    background(250);
  
  if(grapefruit.vel.x<0){
    grapefruit.mirror.x = false;
  }else grapefruit.mirror.x = true;
  
  if(sushi.vel.x<0){
    sushi.mirror.x = true;
  }else sushi.mirror.x = false;
​
  if(grapefruit.x<0 || grapefruit.x>windowWidth){
    grapefruit.vel.x *= -1;
  }
  if(grapefruit.y<0 || grapefruit.y>windowHeight){
    grapefruit.vel.y *= -1;
  }
  
  if(sushi.x<0 || sushi.x>windowWidth){
    sushi.vel.x *= -1;
  }
  if(sushi.y<0 || sushi.y>windowHeight){
    sushi.vel.y *= -1;
  }
  
  if(sushi.collides(grapefruit)){
    console.log("collision");
  }
​
  if(sushi.vel.mag() < 0.5){
    sushi.x = random(windowWidth);
    sushi.y = random(windowHeight);
    sushi.vel.x = random(-4, 4);
    sushi.vel.y = random(-4, 4);
  }
  
  if(grapefruit.vel.mag() < 0.5){
    grapefruit.x = random(windowWidth);
    grapefruit.y = random(windowHeight);
    grapefruit.vel.x = random(-4, 4);
    grapefruit.vel.y = random(-4, 4);
  }
}