let cubeSize = 100;

​

function setup() {

  createCanvas(400, 400, WEBGL);

}

​

function draw() {

  background(0);

  fill(220, 100);

  rotateX(angle);

  rotateY(angle * 0.3);

  rotateZ(angle * 1.2);

  drawCube(cubeSize);

  angle += 0.01;

}

​

function drawCube(size) {

  let halfSize = size / 2;

  beginShape();

  vertex(-halfSize, -halfSize, -halfSize);

  vertex(halfSize, -halfSize, -halfSize);

  vertex(halfSize, halfSize, -halfSize);

  vertex(-halfSize, halfSize, -halfSize);

  endShape(CLOSE);

  beginShape();

  vertex(-halfSize, -halfSize, halfSize);

  vertex(halfSize, -halfSize, halfSize);

  vertex(halfSize, halfSize, halfSize);

  vertex(-halfSize, halfSize, halfSize);

  endShape(CLOSE);

  beginShape();

  vertex(-halfSize, -halfSize, -halfSize);

  vertex(halfSize, -halfSize, -halfSize);

  vertex(halfSize, -halfSize, halfSize);

  vertex(-halfSize, -halfSize, halfSize);

  endShape(CLOSE);

  beginShape();

  vertex(-halfSize, halfSize, -halfSize);

  vertex(halfSize, halfSize, -halfSize);

  vertex(halfSize, halfSize, halfSize);

  vertex(-halfSize, halfSize, halfSize);

  endShape(CLOSE);

  beginShape();

  vertex(-halfSize, -halfSize, -halfSize);

  vertex(-halfSize, halfSize, -halfSize);

  vertex(-halfSize, halfSize, halfSize);

  vertex(-halfSize, -halfSize, halfSize);

  endShape(CLOSE);

  beginShape();

  vertex(halfSize, -halfSize, -halfSize);

  vertex(halfSize, halfSize, -halfSize);

  vertex(halfSize, halfSize, halfSize);

  vertex(halfSize, -halfSize, halfSize);

  endShape(CLOSE);

}

​

function keyPressed() {

  if (key === 's') {

    saveGif('Cube', 5);

  }

}