アスキーアート風の文字を利用したグラフィックスがクールな印象を演出する Dragonfly のウェブサイト
ほとんどドット
今回ご紹介するのは Dragonfly という企業のウェブサイトです。
About を読んだ感じだと、どうやら仮想通貨を専門にした投資を行ったり、それをコンサルティングしたりする事業を展開している企業のようですね。
正直わたしは仮想通貨関連は話題を全然追いかけていないため、現在どういう状況なのかよくわかっていないのですが、かなり情報量の多いウェブサイトになっています。
リンク：
スタイリングはすごくかっこいい
今回のサイトは、いわゆる CSS などで装飾しているものも含め、見た目という意味でのスタイリングのかっこよさはかなり仕上がっています。
WebGL で実装されているビジュアルも、アスキーアートのような文字を使った表現なのですがサイト全体の雰囲気にマッチしていますね。
ちょっと文字サイズが小さいので、スクリーンショットではほとんど見えないですね……
スクリーンショットではほとんど見えないので説明が難しいのですが、この上の画像はトップページ冒頭から少しスクロールした状態です。
羽ばたくドラゴンフライ、つまりトンボの姿がリアルタイムグラフィックスとして描画されています。
また、これも小さすぎてわからないと思ったのでスクリーンショットを撮るのを諦めてしまいましたが、カーソルを動かすと一部の文字が着色されるようなエフェクトが発生します。
サイト内にはトンボのモデル以外にも、いくつか同様のテイストで CG が描画されるセクションがあったりもします。
フォントの選び方やレイアウトの仕方など、サイト全体としてのデザインに一貫性があり、それを邪魔しない温度感の CG として、アスキーアート風の質感がすごくあっていますね。
WebGL を使っていない装飾も凝ったものが多いです。
アスキーアート風の表現って結構古くからある手法だと思うのですが、味わいというか質感は結構バリエーションがあって、それぞれの事例ごとに違った印象を受けます。
今回のサイトのケースは、文字が比較的小さいためスクリーンショットなどではほとんど見えないですが、実際に動いている様子はもっと人間の視覚的には濃淡や明暗を捉えやすく、すごくかっこいいです。
文字が小さいからでしょうか、なにかドット絵のような、個性的な雰囲気が出ているなと思いました。
ぜひチェックしてみてください。
