WIP - compositor worker mega patch.

third_party/WebKit/ManualTests/compositor-worker/parallax.js

Index: third_party/WebKit/ManualTests/compositor-worker/parallax.js
diff --git a/third_party/WebKit/ManualTests/compositor-worker/parallax.js b/third_party/WebKit/ManualTests/compositor-worker/parallax.js
new file mode 100644
index 0000000000000000000000000000000000000000..f92be635e54d3e7a6edac711f0bdf8da8ef1037f
--- /dev/null
+++ b/third_party/WebKit/ManualTests/compositor-worker/parallax.js
@@ -0,0 +1,50 @@
+(function(scope) {
+  "use strict";
+
+  scope.isMain = function() {
+    return scope.window;
+  };
+
+  scope.tick = function(timestamp) {
+    console.log("tick (scrollTop = " + scroller.scrollTop + ", transform = " +
+        bg.transform + ")");
+    var t = bg.transform;
+    t.m42 = Math.round(scroller.scrollTop);
+    bg.transform = t;
+    var t = bg_parallax.transform;
+    t.m42 = 0.8 * scroller.scrollTop;
+    bg_parallax.transform = t;
+    scope.requestAnimationFrame(tick);
+  };
+
+  scope.initWorker = function() {
+    console.log("init worker");
+
+    self.onmessage = function(e) {
+      console.log("onmessage");
+
+      scope.scroller = e.data[0];
+      scope.bg = e.data[1];
+      scope.bg_parallax = e.data[2];
+
+      scope.requestAnimationFrame(tick);
+    };
+  };
+
+  scope.initMain = function() {
+    console.log("init main");
+
+    scope.worker = new CompositorWorker("parallax.js");
+
+    scope.scroller = new CompositorProxy(document.getElementById("scroller"), ['scrollTop']);
+    scope.bg = new CompositorProxy(document.getElementById("bg"), ['transform']);
+    scope.bg_parallax = new CompositorProxy(document.getElementById("bg-parallax"), ['transform']);
+
+    worker.postMessage([scroller, bg, bg_parallax]);
+  };
+
+  if (isMain())
+    initMain();
+  else
+    initWorker();
+})(self);