Wrap drawing in requestAnimationFrame.

[agamemnus]

Wrap drawing in requestAnimationFrame per #1084.

Blocked by #1107.

[agamemnus]

I guess this should be merged with the other one.

[katspaugh]

Can you somehow add those requestAnimationFrames on top of the existing function calls?

I.e. instead of

drawSomething: function() {
  requestAnimationFrame(function () {
    // lots of indented code
  });
}

This:

_drawSomething: function() {
  // the original unindented code
  });
},

drawSomething: function() {
  var my = this;
  requestAnimationFrame(function () {
    my._drawSomething();
  });
}

[agamemnus]

Yes, that's possible, although I'm a little worried that the code will become harder to understand if it has these "internal intended" properties. Give me a few hours to wake up...

[katspaugh]

Another approach would be to wrap the definitions of the methods:

utils.frame = function (callback) {
  return function () {
    var my = this;
    var args = arguments;

    requestAnimationFrame(function () {
      callback.apply(my, args);
    });
  };
}

drawSomething: utils.frame(function () {
  // the original unindented code
})

[agamemnus]

Ok, I'll do it that way. Stay tuned...

[agamemnus]

Idk what's up.

[katspaugh]

You spread your changes over several PRs and in this PR, there's no frame.

[agamemnus]

Ah, okay. Idk how to combine them in the web gui.

[katspaugh]

Let's first merge the PR where you introduce these new utils.

[katspaugh]

Thank you!