var y = 0;

var yspeed = -0.5;

var tube = 0;

var tubespeed = 0.3;

​

function preload() {

  font = loadFont("Lobster-Regular.ttf");

}

function setup() {

  createCanvas(400, 400, WEBGL);

  surface = loadImage("canned soup.jpg");

  textFont(font);

}

function mouseReleased() {

  tubespeed = true;

}

function draw() {

  background(0);

  noStroke();

  pointLight(255, 255, 255, 2 * mouseX - 400, 2 * mouseY - 400, 400);

  pointLight(255, 255, 255, 0, 0, 400);

  rotateX(-0.5);

  rotateY(rot);

  texture(surface);

  translate(0, tube, 0);

  tube = tube + tubespeed;

  if (tube < -15) {

    tubespeed = 0.3;

  }

  if (tube > 15) {

    tubespeed = -0.3;

  }

  cylinder(50, 150);

  translate(0, -75, 0);

  rotateX(1.55);

  fill(158);

  torus(46, 5);

  rotateX(-1.55);

  cylinder(45, 5);

  translate(0, 75, 0);

  rot = rot + 0.01;

​

  if (mouseIsPressed === true) {

    clear();

    rotateX(0.5);

    tubespeed = false;

    background(0);

    ellipse(0, y, 50, 50);

    y = y + yspeed;

    if (y < -20) {

      yspeed = 0.5;

    }

    if (y > 20) {

      yspeed = -0.5;

    }

    rot = 0;

  }

}

​