​

​

let MAGENTA50 = "#dc267f";

function setup() {

  createCanvas(400, 400);

  scene = new Scene();

  createControls();

  reel();

}

​

let t = 0;

let i = 0;

function draw() {

  background(220);

  t = clock(); //sets t = time of animation timeline

​

  if (t < 1000) i = t;

​

  fill(255, 0, 0);

​

  rect(30 + 0.25 * i, 20, 75, 10);

}

​

function reel() {

  let title = createText("Lorentz Transformation", 30, 75, 35);

  title.fill("red");

  title.play("growFromCenter", 1, 4);

  let equation = createTeX("\\gamma = \\dfrac{1}{\\sqrt{1 - \\frac{v^2}{c^2}}}");

  equation.position(45, 175);

  equation.size(50);

  equation.stroke(MAGENTA50);

  equation.strokeWidth(20);

  equation.fill(MAGENTA50);

  equation.play("createFill", 1, 6);

}

​