三次元空間をタイル状に区切って逐次データを読み込み描画！ 3D Tiles を利用した Meta Bath がおもしろい
メタバースじゃなくて、メタバス 今回ご紹介するのは、日本の昔ながらの銭湯をテーマにした WebGL のコンテンツです。 こちらは公益財団法人東京都歴史文化財団と東京都が企画したもののようで、日本の文化に親しんでもらおう、知ってもらおうみたいな背景があるのかなと思います。 技術的には、ポイントクラウド...
ドローンから VR にスマートシティまで！ 幅広い事業を手掛ける iot squared のウェブサイト
多種多様な事業をわかりやすくまとめる 今回ご紹介するのは、サウジアラビアで事業を展開する iot squared という企業のウェブサイトです。 今回のサイトを見る限り、ものすごく手広くいろいろなプロジェクト・サービスを展開していて、もしかしたら日本でいう NTT などのように、多くの事業を複数のグ...
海や水をイメージさせるさまざまな WebGL 実装でストーリーを紡ぐ 11th Hour Racing のウェブサイト
ストーリー性のある構成 今回ご紹介するのは、11th Hour Racing という組織のウェブサイトです。 この組織、サイト内を見ていてもいまいちどういう組織なのかわからないのですが、いわゆる海洋保護の文脈を持った組織なのかなと思います。 今回のサイトでは海上から海中まで、シーンが次々と変化しなが...
ノイズによるグラデーションとブロック状のエフェクトを組み合わせた LEEROY のウェブサイトがおもしろい
見た目のシンプルさとは裏腹に 今回ご紹介するのは LEEROY というクリエイティブ・エージェンシーのウェブサイトです。 ウェブサイトの背景が WebGL によって実装されているタイプで、しかもノイズを使ったグラデーションを描画するかんじなので、比較的よく見かけるような外観をしています。 ただ、そこ...
ピンポイントに WebGL を活用しつつ大胆な演出を盛り込んだ Kevin Hilgendorf さんのポートフォリオサイト
用途に応じて適切に 今回ご紹介するのは、Kevin Hilgendorf さんというデザイナーさんのポートフォリオサイトです。 WebGL を使っている場所がかなり限定的になっており、効果的な場面をピンポイントで狙って演出しているという感じがします。 全面が WebGL になっている実装とはまた違っ...
