Prośba o pomoc w optymalizacji kodu JS + canvas

Question

Witam,

dopiero zacząłem zabawę z programowaniem obiektowym w JS, chciałem zrobić prostą animację poruszających się kulek, kiedyś już taką zrobiłem używając obiektów, tym razem robiłem wg class i coś z optymalizacją poszło nie tak ( chyba że to u mnie laptop).

Mam 2 wersje kodu jedna używa getterów i setterów, a druga poprostu operuje na zmiennych:

Czysta wersja: https://jsfiddle.net/pf8yvbdm/

Gettery: https://jsfiddle.net/7ag5yjfs/1/

Co mógłby tutaj usprawnić?

Answer 1

Przepisać kod na ECMAScript 2018, wyrównać ilość wyświetlanych klatek

window.requestAnimFrame = (function(FPS){
  let last = 0;
  let call = 0;
  return function(callback, element){
    let curr = new Date().getTime();
    call = Math.max(0, (1000/FPS) - (curr-last));
    window.setTimeout(callback, call);
    last = curr + call;
  }
})(60);