モノクロームの世界にパーティクルで構成されたさまざまなシーンが現れる Luca Nardi さんのポートフォリオ

doxas : 2026-07-24 12:15:09

ブルームがいい仕事をしている

今回ご紹介するのは Luca Nardi さんのポートフォリオサイトです。

デザイナーであり、同時に開発者さんでもあるようですね。

非常にしっかりとしたテーマ性を感じるウェブサイトになっていて、パーティクルとデジタルグリッチのような効果、さらにはポストエフェクトなども駆使しながら独自の雰囲気を作り出しています。

今回のサイトはスクロール操作だけで閲覧ができるようになっており、サイトの最後までスクロールすると、最初のシーンに戻ってくるような回遊性のある構成になっています。

最初からシーンの雰囲気には一貫したなにかテーマがあるように感じられ、パーティクルを駆使して描かれるシーンはモノクロがベースになっています。

パーティクルを大量に用い、ブルームのポストエフェクトもかなり強めに掛かっています。

カーソルを動かすと、その動作をトレースするように光のラインが追いかけてきます。

また、カーソルがある箇所になにかこう時空が引き込まれるような独特なエフェクトが掛かるようになっていて、なにか大気が歪んでいるような、個性的な演出になっていてかっこいいですね。

また、カーソルがパーティクルに対してスクリーン空間上で重なる場合に、パーティクルがそれを避けるように動くようなインタラクティブな演出も盛り込まれています。

全体を見たときの印象がモノクロですし、ブルームが強く掛かりすぎていて若干絵としてのメリハリがあまり強くないため、スクリーンショットのような静止画で見てしまうとなにかこう…… ちょっと印象がぼやけてしまうかもしれません。

ただ、実際に動いている様子はこれはこれで全然ありだなと感じるところがあり、不思議ですね。やっぱり、カーソルの動きに合わせてモヤのような模様が動いたりするから、それで納得感が強まるのかもしれません。

文字に対するグリッチのような表現も非常にかっこいいです。

一部、カード状のオブジェクトが出てくる場面ではカラーで表現される瞬間もあるのですが、それ以外は基本的にモノクロのシーンで徹底的に表現が統一されており、強い意思を感じますね。

パーティクルの動きのパターンが非常に多彩、というかカメラワークも含めたシーン（場面）としての見せ方に豊富なバリエーションが用意されており、見ごたえがあります。

パーティクル系の演出やインタラクティブ実装って、かっこよくて WebGL 初心者が憧れるようなタイプの表現だと思うのですが、それだけに中途半端に実装するとなんか洗練されていない印象になってしまうことがあるように思います。

その点、今回のサイトは技術的にもまたビジュアルとしても、統一感を持ってしっかりと作り込まれているように感じました。