Synchronizes transforms across the network
For A-Frame.
| Property | Description | Default Value |
|---|---|---|
When I wrote this component, there weren't other good options for networking. Since then, the networked-aframe component has been developed, and is actively being developed. I suggest you use that component instead.
Install and use by directly including the browser files:
<head>
<title>My A-Frame Scene</title>
<script src="https://aframe.io/releases/0.4.0/aframe.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.slim.js"></script>
<script src="https://unpkg.com/aframe-network-component@1.0.0/index.js"></script>
</head>
<body>
<a-scene>
<a-entity id="player" camera wasd-controls look-controls position="0 0.5 0.5" network="local: true"></a-entity>
</a-scene>
</body>Install via npm:
npm install aframe-network-componentThen require and use.
require('aframe');
require('aframe-network-component');If you've just checked out the repository, and want to try things out, here's some quick steps to get started.
npm installnpm run-script buildnpm startAt this point, click on the Basic link, and you should see a basic scene. You can move with the cursor keys.
In a different window, you'll want to launch the server.
node server/network-server.jsBasically, the node server just listens for incoming messages, and relays data to all the connected clients. The clients send the server properties for their player avatar (which is just a cube).