black-hole.js – 画像にブラックホールエフェクト
宇宙に浮かぶ真っ黒い穴、それがブラックホールです。近くに寄れば吸い込まれてしまいますので遠くからの観測や想像でしか分からないですが、それゆえにとても魅力的な存在です。 そんなブラックホールを画像上に再現するライブラリがblack-hole.jsです。宇宙に限らず、好きな画像でブラックホールを楽しめます。
black-hole.jsの使い方
元の画像です。
マウスを当てた所。周囲がゆがんでいるのが良い感じです。
アニメーションGIFにしました。マウスを動かすとブラックホールの中心がぐりぐりと動きます。
black-hole.jsでは画像をCanvas上でエフェクトさせます。そのため、CORSが許可されていないといけません。同一ドメインまたはCORSを許可したサーバ上に配置して利用します。
black-hole.jsはHTML5/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。