GitHub - networked-aframe/networked-aframe: A web framework for building multi-user virtual reality experiences.

A web framework for building multi-user virtual reality experiences. - networked-aframe/networked-aframe

https://github.com/networked-aframe/networked-aframe

これも、esmodule 化して一緒に使いたい。 やってみる。

client

• https://www.crossroad-tech.com/entry/networked-aframe-setup

• https://www.jyuko49.com/entry/2021/12/14/115950#Networked-A-FrameNAF

<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

https://github.com/ousttrue/aframe/tree/vite

script で script type=module を待つ

defer でできた。

server logic

入室管理だけだった。