Skip to main content

xthree

setup​

via cdn​

<script src="https://unpkg.com/xnew@3.0.x/dist/xnew.js"></script>
<script src="https://unpkg.com/xnew@3.0.x/dist/addons/xthree.js"></script>

via cdn (ESM)​

<script type="importmap">
{
  "imports": {
    "xnew": "https://unpkg.com/xnew@3.0.x/dist/xnew.mjs",
    "xnew/addons/xthree": "https://unpkg.com/xnew@3.0.x/dist/addons/xthree.mjs"
  }
}
</script>

<script type="module">
import xnew from 'xnew'
import xthree from 'xnew/addons/xthree'

// ...
</script>

via npm​

npm install xnew@3.0.x
import xnew from 'xnew'
import xthree from 'xnew/addons/xthree'

basic API

xthree.initialize​

xthree.initialize({
  renderer: new THREE.WebGLRenderer({ canvas }),
  camera: new THREE.PerspectiveCamera(degree, aspect);
})

xthree.nest​

const object = xthree.nest(new THREE.Object3D());