趣味と勉強を兼ねて「3D Painter」というWebサービス作ってみました。
「3D Painter」 − 3次元空間に自由に絵が描けるWebサービス
３次元の宇宙空間で宇宙船を操作して絵を描くことができるスマホVR対応のWebアプリです。
原則PCで見てください。めっちゃ重いので最初の読み込みに30秒以上時間かかる場合があります。。
また、スマホVR表示切替機能も付けたので、ハコスコ等のスマホVR端末でVRコンテンツとして見ることもできます。
(※ただしスマホVR表示は端末によって不安定になります。。)
製作期間は約10日間で、主に週末を使って開発しました。
WebGLのJavascriptライブラリであるThree.jsを使い、Javascriptで開発してます。Githubのサーバーで公開しました。あくまで個人で勉強用に開発したので、UIも適当でコードも汚いですがご容赦下さいｗ
【操作方法】
◯トラックバックの操作
・２本指の上下移動でカメラの拡大、縮小
・人差し指をクリックしたまま中指移動で３次元のカメラアングル切り替え
◯キーボードによる宇宙船の操作
・Wキー：前方移動
・Sキー：後方移動
・Dキー：右移動
・Aキー：左移動
・Eキー：上移動
・Xキー：下移動
◯画面上のボタンの操作
・操作方法：画面上部の操作方法表示の表示/非表示切り替え
・Parple, Red, Pind, Green, Blue：各ボタンを押して宇宙船を移動させると絵が描ける
・Paint停止：絵の出力を停止する
・VR表示：スマホVR用の表示に切り替え
・更新：ページの再読込
