問題タブ [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 投票する
1 に答える
1480 参照

javascript - a-frame で tick 関数を使用して、カメラの位置に基づいてオブジェクトの位置を更新する

私は A-Frame を使用しており、オブジェクトをカメラと一緒に動かしたいと考えています。これを行うために、カメラの位置に基づいてオブジェクトの位置を更新するコンポーネントをまとめました。

これはinit代わりに使用するtickと正常に機能しますが、init 関数であるため、シーンの開始時に一度だけ更新されます。なんらかの理由で、tickすべてを使用すると壊れます。私はそれを間違って使用していますか?その位置を継続的に更新するには、何か違うことをする必要がありますか?

前もって感謝します!

編集:目標は、何かをフォローすることですが、ビューに固定することではありません。時のオカリナのナビだと思います。

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

three.js - VR HUD の良い解決策は?

THREEjs と webvr-boilerplate を使用してゲームを開発しています。常にシーンの上部に留まる HUD (スコア、距離、パワーアップなど) を適切にレンダリングする方法に少し苦労しています。(非表示のキャンバス要素から取り込まれたテクスチャを使用して) 平面を作成しようとしましたが、適切な深さを一致させることができないため、空間に配置するのが困難であることがわかりました。

手がかりはありますか?:)

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

aframe - iframe 内で WebVR コンテンツを実行するにはどうすればよいですか?

A-Frame WebVR シーンがあります。私はそれをiframeに入れようとしています。

しかし、VR に入ると、フルスクリーンにならず、VR ヘッドセットにレンダリングされません。iframe で立体視 VR を有効にするにはどうすればよいですか?

0 投票する
0 に答える
310 参照

javascript - ステレオ効果に関する Aframe の問題

Android デバイスで VR モードをテストすると (Google Cardboard を使用)、ステレオ効果がないように見えますか? 2 つの目の画像は異なりますが、携帯電話を厚紙に入れると、それらは互いに一致しませんでした。これは、エンティティが重なり合っていることを意味しますが、1 つの統合されたステレオのものにはなりません.. ここに画像の説明を入力してください

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

前もって感謝します!!

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

aframe - vrボタンをクリックせずにaframeでvrモードに自動的に入る

こんにちは aframe フレームワークに基づいて VR コルドバ アプリを開発しています。

My アプリでは、ユーザーは vr モードに入るたびに vr に入るボタンをクリックする必要があります。しかし、実際には、vr ボタンをクリックしなくても vr モードを開始する必要があります。解決策をオンラインで試しましたが、要件を完了するのに何の助けにもなりませんでした。自動クリックのためにjqueryを試してみましたが、読み込みが遅いか、正確な理由がわかりませんでした。ユーザーがデフォルトで vr モードに入ることができる簡単なソリューションを探しています。つまり、ボタンをクリックする必要はありません。

ここでより良い答えと例が得られることを願っています。

事前にご協力いただきありがとうございます。

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

data-visualization - A-frame を使用してデータのモデリングを開始するにはどうすればよいですか?

初心者向けに、A フレームを使用して単純なデータ ノードと関係をモデル化する方法を教えてください。基本的な VR ビジュアライゼーションを作成したいですか? ファイルをアップロードできますか? ファイルの形式は? 他に何をする必要がありますか? 始めるための助けやリンクをありがとう!

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

unity3d - WebGL / ThreeJS を使用した Hololens アプリケーション

JavaScript と ThreeJS で構築された WebGL アプリケーションがあります。やや簡単に WebVR を有効にして、没入型の環境を作成することができました。私のアプリは複合現実/AR のより良いユースケースだと思います。Hololens は、そのハードウェア スペースの大きなプレーヤーのようです。

Hololens に関する開発ツールを見ると、ほとんどが Unity と C# です。どちらも優れたツールですが、この閉鎖的な環境で開発を始めると、Silverlight アプリケーションを構築しているような気がします。

WebGL アプリで没入型エクスペリエンスを作成するために達成できるトリックがあるかどうかを調べようとしています。Edge ブラウザーを使用できることはわかっていますが、これはフラットなエクスペリエンスであり、このユース ケースには何の価値もありません。

私はいくつかのリンクを見つけました:

これらはすべて、2D 体験か、カメラと WebVR を使用した「偽の」AR のいずれかのようです。さらに、Unity の JavaScript 言語機能を使用して WebGL アプリを Unity に移植することも検討し、実際には実際の JavaScript のサブセット フォーク ( UnityScriptとして知られている) であり、その価値よりもはるかに多くの労力を費やしていることがわかりました。

これらすべてを考えると、偉業を達成することさえ可能かどうか、そしてこれがマイクロソフトのロードマップにあるかどうかを誰かが知っているかどうか疑問に思っていますか?

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

google-chrome - 特定の google cardboard / VR デバイス用に google chrome mobile で WebVR を構成する

A-Frame を使用して単純な WebVR アプリを作成しました。私の携帯電話では VR モードで起動しますが、私のモデルの Google cardboard では適切に構成されていないようです。2 つの画像は 2 つの距離が離れており、3D 効果ではなく 2 重に見えるだけです。

Cardboard を Google Cardboard の特定のモデルに設定することで、Google Cardboard アプリで優れた VR 体験を得ることができます。私が使用しているボール紙のモデル/表示距離などを伝えるためにGoogle Chromeで実行できる同等のものはありますか?