@verseengine/verse-three

verse-three ·

VerseEngine implementation for three.js.
VerseEngine is a web-based metaverse engine on a P2P overlay network.

Usage

Link

Reference

Link

About

This is a library to easily implement a web metaverse by combining the following libraries.

verse-core	Web-based Metaverse Engine on P2P overlay network.
three-move-controller	Movement and rotation by keyboard and mouse.
three-touch-controller	Joystick for touch operation.
three-xr-controller	VR controller.
three-avatar	Avatar system for three.js.
verse-three-ui	Minimum GUI for Metaverse.

Example

HTTP

npm run example

http://localhost:8080/demo/

HTTPS

brew install mkcert
mkcert -install
mkdir cert
cd cert
mkcert localhost 127.0.0.1 192.168.10.2
cd ..
npm run example-ssl

https://localhost:8080/demo/

Installation

npm

npm install @verseengine/verse-three

CDN (ES Mobules)

<script
      async
      src="https://cdn.jsdelivr.net/npm/es-module-shims@1.6.2/dist/es-module-shims.min.js"
    ></script>
<script type="importmap">
  {
    "imports": {
        "three": "https://cdn.jsdelivr.net/npm/three@0.153.0/build/three.module.js",
        "three/examples/jsm/": "https://cdn.jsdelivr.net/npm/three@0.153.0/examples/jsm/",
        "@pixiv/three-vrm": "https://cdn.jsdelivr.net/npm/@pixiv/three-vrm@2.0.0/lib/three-vrm.module.min.js",
        "verse-three": "https://cdn.jsdelivr.net/npm/@verseengine/verse-three@1.0.7/dist/esm/index.min.js"
    }
  }
</script>
<script>
const VERSE_WASM_URL =
  "https://cdn.jsdelivr.net/npm/@verseengine/verse-three@1.0.7/dist/verse_core_bg.wasm";
...
</script>