Spatial Programming with Threlte Studio
summary
Threlte Studio is a live scene editor for Svelte + threejs that writes changes back to code (props, not a proprietary format) via a Vite studio plugin that runs before the Svelte plugin; it supports auto sync or manual sync, undo/redo, and an extension system. Example build: wrapped the scene in Studio, used extras.Float and useTask to rotate and float a cube, increased directional light shadow map to 248 by 2048, and sees those prop changes committed to disk with no runtime dependency.
AI-written summary · about
chapters (7)
- 0:00Introduction to Threlte
- 1:47Threlte Studio Overview
- 3:32Visual Editing Tools
- 4:42Code Sync and Workflow
- 6:11Building the Scene Demo
- 8:32Advanced Editing Techniques
- 10:51Extensions and Future
related talks
51mCreate a 3D Low Poly Planet Scene with TresJS Solution LIVE
20mdotJS 2012 - Mr.doob
32mHow to create 3D experiences using Vue with TresJS
26mThe Subtle Art of 3D Scrolly-telling and Product Customization using TresJS
17mSpacetime: Enabling Fluid Individual and Collaborative Editing in Virtual Reality
21mPlaying with Nuxt in 3D
22mTresJS, a declarative way of creating 3D scenes from Vue components
21mShiny, Pretty and Post-processed TresJS Effects for Visuals