
複数の 3D シーンを横断的に見せる演出が見事! Altermind Studio のウェブサイト
不思議な質感の Brain がかっこいい
今回ご紹介するのは Altermind というクリエイティブスタジオのウェブサイトです。
演出の多くを 3D で構成していて、それがまたなんともいい味わいのある高品質な内容になっています。
フレームバッファを活用して複数のシーンを同時に描画・合成する見せ方はすごくおもしろいです。
リンク:
Altermind - We Craft Total Immersion
ほかでは見かけない独自性
今回のサイトの WebGL 実装は、いわゆる 3D ジオメトリを用いたものなのでそういう意味では普通なのですが……
登場するオブジェクトの質感に対してすごく深いこだわりが感じられます。
冒頭に出てくる脳みそのようなオブジェクトの表面の質感も、かなり変わった色の変化ですごくおもしろいですね。
よく観察してみると、脳の周囲にある岩というか石の部分にまで、鮮やかな虹色の色彩がはみ出しているんですよね。
この見せ方はかなり興味深いなと個人的には感じました。
また周辺に小さな岩の欠片のようなものが浮遊しているのも実はポイントで、こういった小さな登場人物たちが画面上にいることで、より視差効果というか、立体感が際立っているような気がします。
この上のスクリーンショットを見ると、画面の上半分と下半分で異なる背景色の 3D シーンが描かれていることがわかると思います。
今回のサイトにはこのように複数のシーンが同時に画面上に存在する瞬間があるのですが、これを実現するためには「内部的に2つのシーンを同時に生成する」必要があるので、実際に負荷が高くなります。
見ていて負荷が高いなと感じるほどではなく、そのあたりも上手に調整されているなと感じました。
脳の形をしたオブジェクトだけでなく、幾何学的な形をした抽象的な形状のオブジェクトなども登場し、とてもバラエティに富んだビジュアルが用意されています。
これだけいろんな色や形状があるのに、何故か全体としてのトーンには一体感というか、統一された雰囲気みたいなものがあってすごく興味深い事例だなと思います。
3D 実装としてもレベルが高く、ウェブサイトとしての完成度も見事です。
ぜひチェックしてみてください。