問題タブ [aframe]

シーンに配置する前にオブジェクトの位置を設定するのに苦労しています。

x、y、z 座標を調整している間、常に更新せずにオブジェクトを配置するために従う論理マップまたは構造はありますか?

VR の開発は初めてで、Google の aframe.io を試しています。生成された 360 度 HTML ページを携帯電話で見る最も簡単な方法は何ですか? HTML ページを作成するときは、ラップトップで実行し、MAMP を使用してローカルホストで実行します。携帯電話で見るにはどうすればよいですか？

私は考えていた...

Three.js 要素を A フレーム シーンに追加することは可能ですか? A-frame が Three.js に基づいて構築されていると仮定すると、

コンソールにログインしているのですが、おかしなことではありませんよね?

このコードを A フレーム シーン要素に試してみました。

しかし、シーン オブジェクトに追加機能がないため機能しません。A フレーム シーンが通常の WebGLRenderer のインスタンスではないためでしょうか。

誰もこれを経験していますか？とても素晴らしいでしょう！

私は現在 aframe.io を試しており、VR カーソルを使用してボタンをクリックし、VR エクスペリエンスを終了しています。

私がしたいのは、ボックスとボール紙のカーソル クリック ディレクティブでカーソル クリック イベントがトリガーされたときです。これは、vr-video-control ディレクティブに移動して、シーンで exitVR() メソッドを実行できるようにします。DOM の直接操作は「リンク」で行う必要がありますが、公開されているメソッドは「コントローラー」で宣言する必要があります。では、「コントローラー」のメソッドで「リンク」の $element 属性にどのようにアクセスしますか または、これよりも優れたアプローチはありますか？

現在、vr-video-control ディレクティブにリンクされたシーン要素にアクセスしてメソッドをトリガーすることはできません。

私のHTMLは次のようになります：

cardboard-cursor-click は、次のようなディレクティブの 1 つです。

親ディレクティブ vr-video-control に依存しています:

A-Frame と Cordova を使用して、iOS を対象とした 360 ビデオ プレーヤーを作成しました。クライアントは、アクセシビリティのために、ビデオに付随するコーナーに手話ビデオを追加したいと考えています。通常、ASL ビデオをメインのビデオ自体に埋め込むことができますが、これらは 2D ビューアの 360 ビデオであるため、実際には不可能です。

両方のビデオ (1 つの A フレーム ビデオスフィア、1 つのインライン ビデオ タグ) を有効にすると、2 番目のビデオで play() を呼び出すと、もう一方のビデオが自動的に一時停止します。このアプリは ASL ビデオがなくても問題なく動作しますが、2 つのビデオがアクティブな状態でどちらか一方しか再生されません。

Cordova アプリでこの iOS 制限を回避する方法はありますか? iframe を使用して ASL ビデオを再生しようとしましたが、iframe でも同じビデオ制限が適用されているようです。

ネイティブで行う方法があるようですが、アプリを完全に書き直すには時間がかかりすぎます。2 番目のビデオ コンポーネントだけをブリッジする方法はありますか? ASL ビデオは無音ですが、GIF に変換すると非常に効率が悪いと思います...

aFrame プロジェクトを構築し、このプロジェクトに 360 ビデオを添付しようとしています。私が直面した問題は、デスクトップの Google Chrome で 360 ビデオが機能したことです。しかし、私の Android スマートフォンでは、Chrome でも Firefox でも機能しません。

ここにソースコードがあります

ありがとうございました