nettika/mattercontrol
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Setup three.js

Browse source
This commit is contained in:
Nettika 2026-01-28 23:39:01 -08:00
parent 2105d05749
commit f0fece522d
No known key found for this signature in database
7 changed files with 201 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

12
TODO.md
View file

@ -28,12 +28,12 @@ A step-by-step checklist for porting MatterControl's design features to a Vue +
## Phase 2: 3D Viewport Foundation
### three.js Setup
- [ ] Install three.js and `@types/three`
- [ ] Create `Viewport.vue` component with canvas element
- [ ] Initialize three.js Scene, Camera, and Renderer
- [ ] Add resize observer for responsive canvas
- [ ] Implement render loop with `requestAnimationFrame`
- [ ] Add basic lighting (ambient + two directional)
- [x] Install three.js and `@types/three`
- [x] Create `Viewport.vue` component with canvas element
- [x] Initialize three.js Scene, Camera, and Renderer
- [x] Add resize observer for responsive canvas
- [x] Implement render loop with `requestAnimationFrame`
- [x] Add basic lighting (ambient + two directional)
### Scene Helpers
- [ ] Add ground grid helper (XZ plane)