アニメーションやインタラクションの有用サンプルを多数公開する Codrops の WebGL デモ

微妙にパターンの異なるスクロールインタラクション 今回ご紹介するのは、多数のアニメーションやインタラクティブな実装の技術を紹介している海外の人気サイト、Codrops の WebGL 関連デモ作品です。 Codrops はフロントエンドの人ならば、もしかしたら知っている人が結構いるんじゃないでしょう...

doxas 2017-04-27 14:03:13

スクロール連動型のまるで炎が揺らぐような演出が面白い adidas UK の WebGL 実装サイト!

スクロールに「微妙に」連動している面白さ 今回ご紹介するのは、日本でもおなじみのスポーツ用品系のブランドであるアディダスの、英国サイトです。 このサイトは背景に非常に大きな canvas がドカッと置かれていて、スクロールに連動したダイナミックなエフェクトが特徴になっています。 非常に細かいところま...

doxas 2017-04-26 14:07:07

Revision 2017 出展作でハイテンションに駆け抜けろ! これが本格派の WebGL 製デモ作品だ!

フロントエンドとは違う世界の一線級! 今回ご紹介するのは、先日ドイツで開催された世界でも最大級のデモシーンのイベント、Revision 2017 に出展された WebGL 製のデモ作品です。 同じブラウザ上で動く WebGL という技術で成り立っている CG 作品ではありますが、いわゆる普通のフロン...

doxas 2017-04-25 13:51:31

ウェブカメラの映像を利用してリアルタイムにメッシュデータを変形する WebCamMesh!

映像から立体的なデータにフォールバック 今回ご紹介するのは、PC などの端末に搭載されているウェブカメラの映像を取得して、動的にメッシュの動きを制御するデモコンテンツ、WebCamMesh です。 WebGL では、ブラウザが持つ機能を利用したコンテンツの製作が行えますが、今回のケースは WebRT...

doxas 2017-04-24 13:46:10

WebGL でオシロスコープを再現しマイクからの入力やサウンドファイルを可視化する XXY Oscilloscope!

多彩なパラメータが楽しすぎる 今回ご紹介するのは、WebGL を用いていわゆるオシロスコープを再現したデモ作品。 デフォルトの状態でマイクを接続したりして遊ぶだけでもかなり楽しいのですが、それに加えて多彩なパラメータが用意されており、とにかく面白いですね。 オシロスコープと言えば本物はかなり高額にな...

doxas 2017-04-23 13:46:26

share

follow us in feedly

sponsor

マウスコンピューター/G-Tune

search

search

sponsor

social