3D Web Site

カテゴリー: Allwebデザイン オン 2024年9月6日

Blenderでの3Dモデリングと、a-frame.jsを使用した3D Webサイトのプロトタイプ。
筑波山をモチーフに施設やスポットをモデリングし、web サイトとして閲覧できるようにコーディング。クリックで情報表示するコンテンツ形式にしました。
アニメーションは、コーディングで行いつつ、細かい動きはBlenderで作成し再生しています。

https://hi-fn.com/3DVR/mountain.html

a-frame.jsは本来、WebVRのためのjavascriptライブラリなので、WebVR体験をできるように作り変えたバージョンもあります。こちらはFPS視点となり、スマートフォン用の手軽なVRゴーグルでも見ることができます(現在iphone非対応)。

https://hi-fn.com/3DVR/mountain-VR.html

Meta questなどの本格的なVRヘッドセットではトラッキングをして実際にあるいたりして動きまわることも可能です。