スクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」 | bl6.jp

2017/11/22 13 users スクロールイベント JSライブラリ トリガー bl6.jp

scrollama.jsは、スクロールイベントを実装することができるモダンで軽量なJavaScriptライブラリです。IntersectionObserverを使用しているとのこと。スクロールされた位置によって要素のカラーを変更したりなんてことができます。 以下、scrollama.jsの実際のデモページになります。 デモ デモページでは中央に赤い点線が引かれていて、ここがトリガーとなっています。... 続きを読む

HTML要素の上にWebGLの描画を合成したらどうなるの - 最速チュパカブラ研究会

2011/02/19 61 users WebGL canvas 描画 加算 最速チュパカブラ研究会

みたいなことを先週、ぴろたんと話していてですね。実際どうなるのか試してみました。こうなります。赤い点線の枠が WebGL を有効にした canvas で、中の青い三角形は WebGL で描画されています。後ろの写真と「GL Overlay Test」という文字は通常の HTML です。一見ちゃんと描画されているように見えますが、左側の三角形が加算合成したような描画結果になっており、少し変です。本来... 続きを読む