問題タブ [webvr]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
627 参照

aframe - Raycaster メンバーへのアクセス

私のシーンでは、スクリプトを使用して raycaster コンポーネントを持つエンティティを作成しています。これはうまく機能し、イベント リスナーは正常に動作して、地面のオブジェクトと衝突します。しかし、私の地面はでこぼこしていて、レイキャスターが当たる地面の高さを知る必要があります。私の知る限り、これは A-Frame が提供するものだけでは不可能です。THREE の raycaster.intersectObject を呼び出したいのですが、THREE raycaster への作業参照を取得できません。A-Frame のドキュメントには raycaster というメンバーが記載されていますが、私には未定義です。私はいくつかの異なることを試しましたが、役に立ちませんでした。私の次の計画は新しいコンポーネントを作ることでしたが、最初にここで質問することにしました。

手がかりはありますか?バカなことをしているに違いない。

0 投票する
1 に答える
253 参照

squarespace - Squarespace で A-Frame を使用して WebVR Web サイトを構築する

WebVR Web サイトを作成しようとしています。私は現在、Squarespace をウェブサイト ビルダーとして使用しています (判断しないでください)。コード インジェクション セクションでコードをヘッダーにインクルードするときは、A-Frame の Web サイトで提供されている以下のコードを使用します。

ただし、右下隅に標準の Google Cardboard アイコンが表示されません。私は何か間違ったことをしていますか、それとも Squarespace はまだこの機能を有効にしていませんか?

0 投票する
1 に答える
1239 参照

google-chrome - Chrome コマンドラインから enable-gamepad-extensions を設定する

Chrome コマンドラインから設定できない--enable-gamepad-extensions(WebVR 実験的ビルド バージョン 56.0.2902.0 (64 ビット))

--enable-webvrコマンドラインでの設定は正常に機能し、からの設定も正常に機能enable-gamepad-extensionschrome://flagsます。

enable-gamepad-extensions単なる双方向設定ではなく、3 方向設定 (デフォルト/有効/無効) であることが原因である可能性があると思います。Local State ファイルの対応するエントリは次のとおりです。

これに基づいてさまざまな実験を試みましたが、機能する方法は見つかりませんでした。

0 投票する
2 に答える
894 参照

math - 球体のカメラの前にシェイプを追加する[AFrame] (カメラの回転/カメラの位置)

球体に 360 度画像を表示する単純なアプリケーションを作成しようとしています。次のステップは、ユーザーがパンするときに、この画像に「ホットスポット」を動的に追加することです。

私はさまざまなアプローチを試しました (Three.JS を深く掘り下げることを含む) が、それほど簡単ではないようです。(UV、位置、頂点など)。

A-Frame は、開発者が立ち上げて実行するのを非常に簡単にする点で優れています。球体に2つの「ホットスポット」があり、ホバー/フォーカスすると球体の背景が変化する例を見つけることができました。

カメラの方向に新しい「ホットスポット」を作成しようとしていますが、カメラの位置は決して変わらないが回転は変わるため、これは非常に難しいことがわかりました。

たとえば、パンした後、次のように表示されます。

理想的には、この位置に新しいホットスポットを作成するには、位置の値に回転値を追加するだけで十分であり、それがホットスポットの正しい場所になると想定しましたが、残念ながらこれは機能しません。ホットスポットが間違った位置にあるか、カメラの方を向いていないか、見えなくなっています。

カメラの視点 (中央) に「ホットスポット」を作成するにはどうすればよいですか?

私が抱えている問題を示すのに役立つコードペンをセットアップしました。理想的には、パンして「ホットスポットの作成」をクリックすると、「ホットスポット」が真ん中に直接作成されます (赤と黄色のホットスポットと同じように)。

ありがとう!

更新: 私が持っていたアイデアは、背景のない二次球 (半径が小さい) を持つことです。交差するカメラ ビューの XYZ 座標を簡単に知ることができれば、これは非常に簡単になります。これを見つける方法はありますか?

0 投票する
1 に答える
288 参照

aframe - カメラがフレーム WebVr に表示するディスプレイのサイズを制限するにはどうすればよいですか

A-Frame で 2 つの質問があります

まず、A フレームでは、カメラがあり、特定のサイズ (たとえば 1366x768 または 700*700) のみを表示したいとします。どうすればそれを実現できますか?

エンティティ タグにカメラを取り付けました

2 つ目は、常にスカイボックス内の同じ場所を見ているように、カメラでスカイボックスを移動することは可能ですか?

0 投票する
3 に答える
839 参照

aframe - aframevr URLの開き方

AFrame VR を使用すると、VR シーン内のリンクを「クリック」できますか?

視聴者がオブジェクトを見つめることができる世界を構築しようとしています。これにより、現在のタブで別の VR ワールドを含む URL が開きます。

これらの URL はすべて同じドメインになります。

ありがとう。