A sketchbook for ideas that'll be used in real projects. Concepts in 3D navigation explored as structures accessed via programmatic camera movements.
These experiments (ab)use Zustand for state management, react-spring for animation, react-three-fiber for 3D (integrates Three.js)
Mike Britton 2023
Move from a central point through one of six routes.
Explore an arrangement of screens.
Explore an arrangement of randomly positioned and rotated screens. Grouping and an orbit.
Webcam in a scene, on a Panel.
Transition between 3D nav and a traditional screen.
Use this Three.js editor to load the scene JSON files in the resources/json folder of this repo. https://threejs.org/editor/