PORTFOLIO ZXC

J. Zhixin Chen（zxc）の個人ポートフォリオです。開くと "Loading scene..." のパーセンテージ表示から始まり、機械式の絞り（Clockwork Iris）を模したエントリー画面を抜けて、キーボードの置かれたデスクルームの3D空間に入ります。About / Projects / Contact はDOMのページ遷移ではなく、この空間内の場所として存在します。 操作は完全に3Dビューアのそれで、画面上に "Left drag: Rotate / Right drag: Pan / Scroll: Zoom" と明示されます。机の上の Interactive Gallery Table をクリックすると "switching scenes..." を挟んで作品一覧へ切り替わり、/desktop-room、/gallery、/campground といったURLがそれぞれのシーンに対応しています。画面隅には INTERACTIONS 0/12 というカウンタがあり、触れる仕掛けが12個あることを示します。Awwwards のスタックは Three.js / Vite / Blender。 【参考になるポイント】 ・ナビゲーションをUIではなく空間そのものに置いた例。URLとシーンが1対1で対応しているのでリンク共有でも壊れない ・INTERACTIONS 0/12 のカウンタで「まだ触っていないものがある」ことを可視化し、自由視点操作にありがちな迷子を防いでいる ・ローディングを隠さず進捗%と "switching scenes..." を出す。重い3Dサイトとして正直な作り ・og:image も twitter:image も無いため、本CMSのサムネイルは Awwwards の投稿画像を使用している ・※.glb の有無や draco 圧縮などアセット側の詳細は未確認。Blender と Vite は Awwwards のタグ表記が根拠 ・※Awwwards は2026年8月3日時点で Nominee（スコア 15/22）