VectoJS Three

Use this skill to place a live VectoJS 2D interface onto a Three.js texture and route 3D pointer input back into the VectoJS scene.

Integration workflow

1. Install @vectojs/core, @vectojs/three, three, and @vectojs/ui if using UI components.
2. Create one ThreeAdapter per VectoJS panel texture.
3. Add VectoJS entities to adapter.vectoScene, then start the inner scene.
4. Add adapter.mesh or the adapter texture/material to the host Three.js scene.
5. In the host pointer/wheel loop, raycast against the adapter mesh and call adapter.updateIntersection(...).
6. Call adapter.dispose() when removing the panel.

Read references/three-recipes.md for snippets.

Constraints