95726b7 · elk · git.iko.soy

on master help sign in

Start using `requestAnimationFrame`

95726b7evancz14 years ago

runtime/Init.js+5−3

@@ -86,9 +86,11 @@ Elm.init = function(module, baseNode) {

86 // set up updates so that the DOM is adjusted as necessary.

87 var update = Render.update;

88 function domUpdate(value) {

89+ ElmRuntime.draw(function(_) {

89− update(renderNode, visualModel, value);

90+ update(renderNode, visualModel, value);

90− visualModel = value;

91+ visualModel = value;

91− adjustWindow();

92+ adjustWindow();

93+ });

92 return value;

94 return value;

93 }

95 }

runtime/Utils.js+18

@@ -30,4 +30,22 @@ ElmRuntime.filterDeadInputs = function(inputs) {

30 return temp;

31};

33+// define the draw function

34+var vendors = ['ms', 'moz', 'webkit', 'o'];

35+for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {

36+ window.requestAnimationFrame = window[vendors[i]+'RequestAnimationFrame'];

37+ window.cancelAnimationFrame = window[vendors[i]+'CancelAnimationFrame']

38+ || window[vendors[i]+'CancelRequestAnimationFrame'];

39+}

40+

41+if (window.requestAnimationFrame && window.cancelAnimationFrame) {

42+ var previous = 0;

43+ ElmRuntime.draw = function(callback) {

44+ window.cancelAnimationFrame(previous);

45+ previous = window.requestAnimationFrame(callback);

46+ };

47+} else {

48+ ElmRuntime.draw = function(callback) { callback(); };

49+}

50+

33}());

51}());