ここまで来た！今だからこそ押さえておきたいA-Frame - じゅころぐAR
この記事は、WebXR ( WebVR/WebAR ) Advent Calendar 2021 Day14の記事になります。 Day14ってことは、アドカレももう後半に入ってる？ 12月ももうすぐ半分終わるってことですか？ 早いな、おい... 自己紹介 まえがき A-Frameとは 2021年のA-Frame利用動向 AR領域 VR領域 A-Frameの最新機能 WebAR対応 ハンドトラッキング対応 A-Frameに関連する技術 Networked A-Frame（NAF） @pixiv/three-vrm A-Frameの今後 あとがき 自己紹介 はじめましての方もいるかと思いますので、…
これも、esmodule 化して一緒に使いたい。 やってみる。
client
<a-scene networked-scene=" serverURL: /; app: <appId>; room: <roomName>; connectOnLoad: true; onConnect: onConnect;"></a-scene>networked-scene
src\components\networked-scene.js に書いてある。
AFRAME.registerComponent("networked-scene", {});networked
これも必要
server
server\socketio-server.js
vite から websocket を proxy で飛ばすことで動いた。
GitHub - ousttrue/aframe at vite
:a: Web framework for building virtual reality experiences. - GitHub - ousttrue/aframe at vite
script で script type=module を待つ
defer でできた。
server logic
入室管理だけだった。