レイマーチングを GLSL で記述し多層パーセプトロンの出力を可視化した興味深いプロダクト
専門用語が多くて素人にはちょっとむずかしい 今回ご紹介するのは、深層学習、いわゆるディープラーニングに関連した WebGL のデモです。 私は正直ディープラーニングについてまったくと言っていいほど予備知識がないので、うまく解説する自信がないのですが…… 一般に「多層パーセプトロン」と呼ばれているアー...
背景全面をシェーダによってインタラクティブに演出！ とある幽霊をテーマにした映画のティザーサイト
映画のタイトルにピッタリな印象深いサイト作り 今回ご紹介するのは、とある映画のティザーサイトです。 日本での題名がなんなのかまで調べていませんが、英語のタイトルは「A Ghost Store」となっていて、Ghost の単語からもわかるように物語の中心にゴーストを据えている興味深い映画です。 事細か...
インターネットリテラシをゲームでおさらい！ Google 公式 WebGL コンテンツはさすがの超品質！
ボリューム感満点の力作！ 今回ご紹介するのは Google が公式に提供しているウェブコンテンツで、その高いクオリティはさすがとしか言いようのない、素晴らしい一作です。 簡単に言うと、いわゆる「インターネットに関するリテラシー」をテーマにしたミニゲームがメインコンテンツで、ビジュアルだけでなく内容に...
動画を利用したパーティクル表現！ ミラノにあるファッションアカデミー Accademia Del Lusso のウェブサイト
動画からディスプレースメントする 今回ご紹介するのは、イタリア、ミラノにあるファッションアカデミーのウェブサイトです。 動画ファイルを読み込んで、その輝度の情報からパーティクルをディスプレースメントするという面白い表現を見ることができるサイトとなっており、ちょっと荘厳でクラシカルな雰囲気になっていま...
思いを繋ぐ糸のように――東京オフィスが新設された株式会社スタジオ ディテイルズのウェブサイト！
世界広しと言えどもあまり見かけない演出方法 今回ご紹介するのは、日本の企業のウェブサイトです。 名古屋に本社がある、スタジオ ディテイルズさんが、このたび東京オフィスを新設することとなり、これに合わせて WebGL を利用したページが公開されています。 該当ページでは、まるで思いをつなぎ合わせるかの...
