
A tribute to Piet Mondrian
モンドリアンの画風の変遷を章立てでたどるWebGLサイト。風景画が格子へ分解されていく過程をスクロールで見せる。
- クレジット
- Onofrio Napolitano
- 使用技術
- Three.jsWebGLNext.jsスクロール連動アート
イタリアの Onofrio Napolitano による個人制作のトリビュートサイト。ピエト・モンドリアンの制作史を Early years から Now まで章立てで並べ、初期の風景・自然の習作から新造形主義の格子へ至る過程を1本の流れとして見せます。最後の Now の章だけは、彼の視覚言語が現代デザインに残した影響を扱う構成です。
サイト自身が meta keywords に WebGL, Three.js, interactive experience を書いており、meta description も An interactive WebGL journey と名乗っています。画面には Scroll to decompose という指示が置かれ、スクロール量に応じて絵が分解・再構成される作りです。章の進行度は Entering 0% のようなパーセント表示で示されます。Awwwards のタグは Next.js / Three.js / WebGL / Horizontal Layout。
【参考になるポイント】
・平面作品を3Dで飾るのではなく、直線と三原色の面という構成要素そのものを分解する対象として3Dを使っている
・章ごとに /now のような独立URLを持ちつつ体験を連続させる、SEOと没入の折衷型の構成
・og:image を /og/og-home.jpg のように章ごとに別画像で用意している
・※シェーダの中身やバンドル構成は未確認。WebFetch では script のファイル名まで取れていない
・※Awwwards は2026年7月22日 Honorable Mention、スコア8.46
