ReactThreeFiberとxrのライブラリを使ったQuest3とかで入れるWebVRを作っている.
空間の中にパネルとしてちょっと込み入った2DのUIを表示したい。ボタンとかも欲しい。
HTML要素を空間に置くにはdreiのHTMLタグが使われているが、あれは没入型では表示されない。
react-three/uikit
xrライブラリのFAQをみるとreact-three/uikitを使うといいと書いてある
ドキュメント見ながら構築していこうとしたが、TextとかHTMLじゃなくてdreiのText使ってる・・・
HTML的な考えに準拠しているだけで、HTMLそのものの記法じゃないのか・・・
空間での位置の指定方法とかも書いてなかったけどgroupで囲って指定して<Canvas><XR>の中に配置したらとりあえずQuest3のVRモードなどでも表示はされた。
HTML23
でも思うようにUI構築配置できない；；難しい；；サンプル少ない
調べたら、HTMLのコードをuikit用に変換できるサイトがあるっぽい
uikitに変換する専用のサイトというわけではなく、WebXR用のUIをhtmlで作れるサイトで、WebXR構築にはuikitを使っているので、そのソースコードを参照できるという感じか?
このサイトで作ったUIをこのサイトから直接WebXRで表示したりもできる！すごい
デフォルトで表示されていたこのカードUIのuikitのコードをコピーして、自分のコードに貼ってみたけどいろいろエラー出て解決できなかった・・・
v0で作ったコードも読み込める
htmlで書いてないとだめなのかな・・・v0からの変換もうまくいかなかった。
