
3DYCO
パリの3Dアーティスト兼ディレクターの個人サイト。Three.js と GSAP の表側に Sanity を繋いで作品を差し替える構成。
- サイトURL
- https://www.3dyco.com/
- クレジット
- Hugo Mouysset
- 使用技術
- Three.jsGSAPSanity3Dポートフォリオ
パリを拠点にする3Dアーティスト/ディレクター Hugo Mouysset(3dyco)のポートフォリオ。Awwwards の説明では、個人制作と仕事の両方を通して自分の世界観を組み立てているポートフォリオとされ、カテゴリも Design Agencies / Web & Interactive / Experimental / Portfolio と幅広く付いています。3D制作そのものが本業の人が、その見せ場としてWebサイトを作っているタイプです。
Awwwards が挙げている技術は Three.js、GSAP、Sanity の3つだけで、構成が読み取りやすいのが特徴です。表側の3D描画は Three.js、モーションは GSAP、作品データはヘッドレスCMSの Sanity から供給する、という分担になります。3Dアーティストのポートフォリオでよくある、作品が増えるたびに手で組み直すという問題を、CMS側で吸収する作りです。
【参考になるポイント】
・Three.js / GSAP / Sanity の3点だけで成立させている構成。ヘッドレスCMSを入れて作品追加を運用に落とし込んでいる
・2026年7月18日時点で Nominee、スコアは8.14
・※実サイト(https://www.3dyco.com/)は今回の取得環境の制約でHTMLを取得できず、og:image を確認できなかった。サムネイルは Awwwards の投稿画像を使用している
・※シーンの中身(モデル形式、シェーダ、スクロール連動の有無)は未確認
