Slow Animation

This animation runs slowly on some computers.

by eulertour

HTML

<script src="https://cdn.jsdelivr.net/gh/jonobr1/two.js@dev/build/two.js"></script>

JavaScript

let two = new Two({
	fullscreen: true,
}).appendTo(document.body);

let c = two.makeCircle(70, 70, 35);

let displayTime = function(message) {
	let node = document.createTextNode(message);
  document.body.appendChild(node);
}

var elapsed = 0;

let fadeOut = function(frameCount, timeDelta) {
	if (timeDelta) {
    elapsed += timeDelta;	// in milliseconds
  }
  if (elapsed >= 1000) {
  	two.unbind('update', fadeOut);
  	two.remove(c);
    let t1 = performance.now();
    displayTime("Finished in " + (t1 - t0) + " ms");
  }
  c.opacity = 1 - elapsed / 1000;
};

let t0 = performance.now();
two.bind('update', fadeOut).play();