Interactive Ocean は、海洋生物の動きをブラウザ上で眺め、操作できるインタラクティブな3D水槽です。インストール不要で、パソコンやスマートフォンから楽しめます。
4つの水槽モード
- クラゲ — 6種のクラゲの泳ぎ方や傘の動きを観察
- 水族館 — クラゲと魚、エイが泳ぐ空間
- 深海 — チョウチンアンコウなどの深海生物が登場
- 発光生物 — 光る生物やライティングを楽しむ空間
合計22種の海洋生物を扱い、タップで和名・学名・生息域などの情報を確認できます。ドラッグやタッチで視点を動かし、長押しやダブルタップで生物の動きに干渉できます。照明、環境音、表示数、品質設定の調整や、設定を含むURLの共有にも対応しています。
Next.js、React、Three.js、React Three Fiber、GLSLシェーダーを利用して開発しています。生物ごとの拍動や群泳を表現しつつ、環境に応じた品質設定も用意しています。
体験する: