absolute版 DOMとWebGLのスクロール一致サンプル

静止画のimg要素に、全面canvasのWebGLでエフェクトを加えています。
本実装方法はtransformアニメーション（CSS transition,animation）と相性が悪いようです。
（gsapのようにstyle属性を直接書き換える場合はズレなさそう？）

■absolute版の特徴
スクロールはブラウザの挙動そのものとなります。
固定表示のオブジェクトの配置は不可能です。（別途fixedのcanvasを用意すれば可）
比較的動作が軽いです。

fixed版はこちら

v2.0.2
X:@beffell


メモ こういう順序で処理されてるのかな・・・

レイアウト（CSS・style属性）
transform以外のCSS transition,animationの計算
requestAnimationFrame
microtask
transformのCSS transition,animationの計算
レンダリング（画面表示）
macrotask