変わったミニゲームなど遊び心もたっぷりな Glenn Catteeuw さんのインタラクティブポートフォリオ

doxas : 2025-12-26 11:56:52

シームレスに変化する

今回ご紹介するのは、インタラクティブ・アートディレクター Glenn Catteeuw さんのポートフォリオサイトです。

その肩書がまさに具現化したような、非常にインタラクティブ性の高いポートフォリオサイトとなっており、非常に凝ったビジュアルも相まって素晴らしくかっこいいですね。

WebGL を背景部分に配置しつつ、情報も見やすく整理されています。

今回のサイトは背景部分に WebGL の実装が絶えず配置されているタイプですが、一部の下層ページでは背景全体が完全に一色でベタ塗りになるような場面もあり、CG 一辺倒という感じではありません。

ただ、そういったベタ塗り背景の場面に変化する瞬間も含め、あらゆる面でインタラクティブ性のある振る舞いをする要素が多くあり、とても見応えがありますね。

トップページはなにか山岳地帯のような風景が WebGL によって描かれた状態になっています。

スクリーンショットではちょっとわかりにくいかもしれませんが、カーソルが動いた部分には流体のような効果が発生します。

また、これも静止画ではどうやっても伝えることができない要素なのですが、画面の左側に並んでいるテキストはその１つ１つが事例のタイトルになっており、そのタイトルにカーソルがホバーした瞬間に背景が大きく変化します。

具体的には山脈の形状や背景全体の色のトーンが変化するのですが、これがすごく滑らかで気持ちがいいですね。

事例のタイトル部分をクリックすると下層ページへと遷移するのですが、その際もカメラがスッと動いてダイナミックに場面転換します。

さらにさらにという感じですが、サイト内にはミニゲームなども実装されていてこちらもちょっと変わった操作感で独自性を感じます。

アイデアとビジュアル、いずれもすごくこだわりの詰まったような印象を受けるポートフォリオとなっており、見て楽しい・触って楽しい素敵なウェブサイトとなっています。

ご自身で Interactive Art Director と名乗っているだけあって、本当にインタラクティブ性に対する造形の深さというか、レベルの高さを感じます。

アニメーションやトランジションに対する味付けもきっと狙ってこういう速度感で表現しているんだろうなと感じる箇所がいくつもあり、また全体としてまとまりがあるのがすごいなと個人的には感じました。

ミニゲームとかの内容も、ご本人を模したと思われる 3D モデルが登場したりして、すごくユーモアがあっておもしろいです。