ハンド操作というおもしろすぎるインターフェースを備えた Shoya Kajita さんのポートフォリオサイト
ビジュアルも凝っていて素晴らしい
今回ご紹介するのは、ウェブのフロントエンドで実装者として活躍している Shoya Kajita さんのポートフォリオサイトです。
WebGL を駆使したビジュアルは迫力もありますし、なにより独自の空気感のようなものを作り出しています。
効果音や BGM の使い方も見事で、目だけでなく耳でも楽しめるサイトとなっています。
リンク：
Shoya Kajita - Website Developer & CG Creator
ハンドサインで操作できるという変わった仕様も
今回のサイトには、いろいろと言及できるポイントがあります。
わかりやすいのは見た目の部分で、WebGL を活用したグラフィックスはとにかくインパクトが強いです。
水滴やガラスなどが持つ、風景を屈折させる独特な風合いがサイト上の至るところで再現されています。
ちょっと野暮だなとは思いつつ、ページが切り替わる瞬間のトランジションをキャプチャしたのがこの上のスクリーンショットです。
グリッチエフェクトって結構個性が出るタイプの演出だよな～って個人的には思うのですが、Kajita さんのサイトのグリッチはやや現実感強めという感じでめちゃくちゃかっこいいですね。
サイト内で流れる BGM や効果音とビジュアルとの親和性が高いというか、見ていて一体感があるなと思う場面が多いです。
また、今回のサイトの大きな特徴の一つが「ハンド操作」と呼ばれる独特な仕組みが実装されていることです。
ウェブカメラからの映像を用いてユーザーの手とその形状を検出、そのハンドサインでウェブサイト上でのいくつかの効果を実行できるというものですね。
画面の左下あたりにあるリンクをクリックすると、非常にわかりやすい動画つきの操作案内が出てきます。
こういう仕組みを備えたウェブサイトというのは非常に珍しいので、ぜひ実際に体験してみることをおすすめします。
先日 Kajita さんと直接お話をする機会があったのですが、今回のサイトには技術的なチャレンジを盛り込みつつも、自身がクリエイティブに興味を持つきっかけとなった Hello world というキーワードに対する想いが込められているそうです。
作っているものや作ってきたものを掲載するという、ポートフォリオが備えているべき部分はしっかりと押さえつつ、自身のエゴや情熱もたっぷり詰め込んだウェブサイトと言えそうです。
WebGL 実装としてもビジュアルに対するこだわりが詰まっている感じがあり、インタラクティブ性のある表現や各種の質感も見どころです。
ぜひチェックしてみてください。
