印象的な背景とカーソルによるインタラクションがおもしろい Velizar Delyanov さんのポートフォリオ
結構手が込んだ背景のビジュアル
今回ご紹介するのは、ウェブの開発者として活動されている Velizar Delyanov さんのポートフォリオサイトです。
背景に WebGL を用いたシェーダアートのようなビジュアルが採用されており、これがいい味出してます。
アルファベットの D をあしらった表現もちょっと変わっていて面白いですね。
リンク：
Velizar Delyanov | Web Developer
ロードされるたびに色も変化
今回のサイトは個人のデベロッパーのポートフォリオサイトなので、いわゆる企業サイトのような大量のコンテンツがあるわけではありません。
しかし上から下まで、あるいはポップアップしてくる情報も含めて、結構手が込んだ作りになっており、見ごたえがありますね。
背景の部分は状況に応じて大きく変化したりはしないのですが、ロードされるたびにランダムで背景色が決まるみたいです。
最初にページがロードされた直後には、画面の中央にはアルファベットの D は表示されていません。
少し待っていると、浮かび上がってくるような感じです。
浮かび上がった D の文字は、その部分だけ色が変化するようになっていて、なんというか細かいドットの集合…… というのともちょっと違うのですが、擦りガラスのような感じと言ったらいいでしょうか。
不思議な質感になっていてなかなかキレイです。
カーソルの位置に対して歪むような表現があったりもして、いわゆるシェーダを使ったシンプルでスタティックな表現とは違う部分も見られます。
また、CSS を使っていろんな表現をしている箇所も多くあり、WebGL 一辺倒ではなく普通にウェブサイトとしての実装が全体として凝っています。
デザイン的な完成度や強度みたいなものはわたしはデザイナーではないためわからないですが、全体の統一感はしっかり維持されているような気がします。
ときには CSS も駆使しながら、さまざまな質感を１つのページのなかで表現しており、見ていて楽しい実装例だと思います。
ポートフォリオサイトとしての情報の提示という役割と、やり過ぎになっていないほどよいビジュアル表現とのバランスもいい感じだなと個人的には感じました。
擦りガラスっぽい質感も個性的でおもしろいです。
ぜひチェックしてみてください。
