簡単VR、A-Frameでも使われているブラウザで3Dグラフィクスを実現するライブラリ「Three.js」を改めて使います。 import/exportが快適なJavaScript、type="module"で使用するESモジュールにも対応していて、いい感じ!

ただ、操作方法がしっくりこなかったので改造しました。

OrbitPanControls - three.js
マウスで方向変更、キーボードの上下左右で移動します。スムーズな動きと、スマホでの操作方法に改善余地あり。


sample - three.js
単純な箱表示から、操作方法改造に至る4ステップをそのままGitHubに公開しています。Three.jsはじめの参考にどうぞ!

Three.jsに慣れれば、A-Frameを使ったVRゲームづくりも楽々!
書き初めVR、WebXR x Oculus Quest 2 で自由を楽しむ
つくる場とみせる場、もくもく会で作ってNTで展示! 実寸テニスコートで遊ぶVRゲーム at SCC (Sabae Creative Community)

Tweet
クリエイティブ・コモンズ・ライセンス
この作品は「Creative Commons — CC BY 4.0」の下に提供されています。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / RSS