WebGLは普段使っているJavaScriptではなく、OpenGLに近いものになります。そのため、自分のやりたいことを実現するために覚えるべきことがたくさんあります。しかしゲームなどでも使える技術なので覚える価値があるでしょう。 そんなWebGLとWebブラウザのスクロールを組み合わせた作品がWebGL Scroll Spiralになります。

WebGL Scroll Spiralの使い方

デモです。回転している映像がスクロールによって変化します。

別なデモ。固いオブジェクトが滑らかに変化します。

回転している時には有機的な感じがするのが面白いです。

細胞のようにも見えます。

墨汁を落としたような映像美があります。

マントラ的な雰囲気です。

WebGL Scroll SpiralはスクロールとWebGLを組み合わせて、オブジェクトが変化するエフェクトを追加します。SPAで背景画像として使うと非常に効果的ではないでしょうか。

WebGL Scroll SpiralはWebGL製のソフトウェア(ライセンスは独自)です。

WebGL Scroll Spiral | Demo 1 | Codrops codrops/ScrollSpiral: WebGL Scroll Spiral