A-Frameで壁に沿って移動する視線カーソルを実装する - VOYAGE GROUP VR室ブログ
こんにちは。買って2週間で壊れたBluetoothイヤホンがメーカー交換となり、新品を送ってもらったもののそれも1週間で壊れた jujunjun110 です。 きっと耳から怪電波が出てるんだと思います。 最近はA-Frameの勉強をしながら、3D空間・VR空間ではどういった表現が使いやすいのか研究する日々です。今回は、壁に沿う視線カーソルを作ってみたので、それについて書いていきます。 目次 目次 壁に沿うカーソルとは raycaster（視線）と他のオブジェクトの交点情報を取得する カーソルの位置と向きを適切な方向に揃える cursorの位置 cursorの向き 実物 イベントのお知らせ 壁に沿うカーソルとは A-Frameのデフォルトの視線カーソルがこんな感じで画面中央に固定されているのに対し、 こんな感じでオブジェクトに沿って動くカーソルのことです。 （ちなみに今回はこちらのフリーのモ
【A-Frame】Raycastで任意の地点の距離を測定して表示する
A-FrameのRaycastで任意の距離感を測定したいなあと思ったのですが、始点はカメラ位置にしかできないみたいなので（そりゃそうか、VR用途だから。）、Three.js側のRaycastを使うことで対処できる。 デモ 画面中央の丸いポチをブロックに移動したりしてみてください。 ソースコード <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Raycasterサンプル</title> <meta name="description" content="Raycaster - A-Frame"> <!-- <script src="../../../dist/aframe-master.js"></script> --> <script src="https://aframe.io/releases/1.0.0/afra
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
