A-Frameでのマウスクリックでの座標値の入手方法

Question

###前提・実現したいこと
A-Frameを使ってGoogleストリートビューのようなものを作成しています。
画像（ボタン）やテキストも空間内に配置しているのですが、座標値を手動で配置しているため手間がかかってしまいます。なので、カメラ視点からマウス操作による座標の取得ができれば楽になるかも？と考えています。色々と調べはしてみたのですが中々思ったとおりの結果が出ず難儀しております。ご教授してもらえれば幸いです。

###試したこと
・A-Frame Inspector ←カメラ視点ではない
・aframe-click-drag-component ←Installation通りに記入しても動かない。

###補足
開発環境はATOMエディタで記述し、Preview HTMLパッケージで確認しています。
一応ローカルサーバは立てています。

Answer 1

面白いフレームワークですね。

マウスでクリックしても、奥行きがわからないのではと思いますが・・・
ctrl + alt + i
でビジュアルインスペクターが開くので、こちらで
すでに配置してあるオブジェクトをダブルクリックして座標が調べられるようですが、
いかがでしょうか。

Comments

[dakarann104]

ビジュアルインスペクターも試してはみたのですが、カメラ視点ではないので思った通りの配置が難しいんですよね。a-skyに背景画像を貼り付けてるので...
奥行きは確かに無理だなとは思っていたので、現状ビジュアルインスペクターで大まかに場所を決めて後は自力でやるしかないかなと...

[namimon]

マウス操作でカメラ目線に近いところにいって、その場にオブジェクトを作れるようですが、
こちらのほうが座標を調べるよりも楽ではありませんか？

[dakarann104]

仰る通り格段に操作が楽になりました。ありがとうございます。
未練がましいですが、座標値をクリックで入手できれば他で利用できると思ったのですが...
当面はこの方法で配置を行いたいと思います。

[namimon]

3D空間の座標取得は、マウスクリックでは難しいのではないでしょうか。
マウスポインタは２次元のものなので、マウスポインタ上の見た目は同じでも、直線状にｘ、ｙ、ｚ軸すべてが変更されます。
何かしらのオブジェクトを作って、そのオブジェクトを疑似的な３Dマウスだと思って移動し、その座標を調べるしかないと思います。

[dakarann104]

擬似的な3Dマウス...なるほど、少し考え方が間違っていたようです。
自分の抽象的な質問に答えて下さってありがとうございます！
擬似的な3Dマウスというのがかなりピンときたのでその方面から考えてみたいと思います!