ReactVRで2Dシーンを作成

Question

ReactVRで2Dシーンを作成できますか？私は、通常のReactのような画面上に要素を表示することを意味します。例えば、画面上の同じ場所に常に表示される古典的なWebメニューです。 3DゲームのHUDのようなもの。

Answer 1

あなたが達成するために、またはあなたが役立つだろうターゲットにしているが、ここではいくつかのガイドラインが何であるかのプラットフォームしようとしているかについて

その他のコンテキスト：

VR INは

あなたは、一般的に永久的なを持っている必要はありません。ユーザーと一緒に移動するコンポーネント、オーバーレイ、またはコンポーネントです。これは、非常に慎重に設計され適切に実装されていない限り、浸漬を破る傾向があり組み込みのText,Image、およびViewコンポーネントを使用して2D要素をレンダリングすることはできますが、対話については賢明でなければなりません。このアプローチの一般的な代替案は、ユーザが特定の方向、例えば、方向を見るたびに、メニュー/ HUD内で退色することである。地面を見るとき。

いずれにしても、VrHeadModelと、ユーザーのYaw/Pitch/RollをクエリするためのAPIや、ヘッドローテーションイベントをリスンする方法を調べることをおすすめします。 WEB &モバイルで

これらのプラットフォームのために、あなたは360シーンの上に従来の2D表面をレンダリングDOM Overlay概念を使用して、メニュー/のHUDを実装することができます。

リンクされたサンプルは、単純なReact、html、cssなどを使用して2Dで必要なものを実装する方法を示しています。この場合、単純なオーバーレイをテキストで表示しますが、それを使用して永続オーバーレイ、メニューや、あなたが信じるどんなUIであれ、360シーンの中ではなく、2Dでよりよく消費されます。