クリスタルの中にオブジェクトが閉じ込められたような個性的なビジュアルがおもしろい SCOR のウェブサイト
透明感に誘われて
今回ご紹介するのは、SCOR という暗号資産のプロジェクトを扱うウェブサイトです。
スポーツをテーマにした暗号資産で、スマートフォン上でゲームなどをプレイして SCOR を入手できるようですが…… いつものように、プロジェクトの中身についてはここでは特に触れません。
あくまでも WebGL 実装だけをここでは見ていけたらと思うのですが、なかなか個性的なビジュアルをしていてとても雰囲気がいいですね。
リンク：
内側が透けるだけと背景が透けるだけ
今回のサイトには、透明なクリスタルやガラス、または透明なプラスチックのような質感のオブジェクトが登場します。
この質感がなかなかよくて、すごく目を引く印象的なビジュアルを生み出しています。
サイトのトップページ、冒頭部分にはまさにそのような演出があり迫力がありますね。
なんとも言えない光沢感と透明感で、思わず視線が引き込まれます。
内側に置かれているオブジェクトはドット模様で描かれていて、こちらも個性があって印象的な見た目をしています。
世界観がすごくいいんですよね。
じっくりと観察したくなるような魅力があります。
サイト内にはその他にも、透明なガラスのかけらのようなオブジェクトが登場します。
CG に詳しくないとちょっとわかりにくいかもしれませんが、キービジュアルの場合は「透明なオブジェクトの内側になにかがある」という見せ方を狙った構図になっているのに対して、ガラスのかけらのようなオブジェクトの方は「透明なオブジェクトを通して背景が見えている」という構図になっています。
たぶん同じか、あるいは似たようなシェーダを使っているのでしょうが、見せ方を工夫することで全然違った状況を表現していてなかなかおもしろいなと感じました。
これも CG に詳しくないとちょっと意味不明に聞こえるかもしれませんが、CG では透明なものというのは本当に表現するのが面倒というか…… ちょっと手間も掛かるし問題も起こりやすい表現です。
現に、今回のサイトでも「本来なら映り込むはずの透明なオブジェクト自身の裏面」とかは見えませんよね。そういう意味で現実世界に実在する物理的に透明なものとは全然違うのですが、そのあたりに違和感を感じさせないような見せ方もうまいと思います。
今回のサイトでは透明な質感を上手に利用して印象的なビジュアルを構築しており、見せ方のうまさというか、デザインの上手さが際立って感じました。
ぜひチェックしてみてください。
