diff --git a/TODO.md b/TODO.md index 4a216f0bf..17dfe2ffa 100644 --- a/TODO.md +++ b/TODO.md @@ -37,7 +37,7 @@ A step-by-step checklist for porting MatterControl's design features to a Vue + ### Scene Helpers - [x] Add ground grid helper (XZ plane) -- [ ] Add axis helper (RGB arrows for X/Y/Z) +- [x] Add axis helper (RGB arrows for X/Y/Z) - [ ] Add option to toggle grid visibility - [ ] Add option to toggle axis visibility diff --git a/src/components/Viewport.vue b/src/components/Viewport.vue index add873fe3..dda7c85e5 100644 --- a/src/components/Viewport.vue +++ b/src/components/Viewport.vue @@ -35,6 +35,9 @@ function initScene() { // Add grid helper addGridHelper() + // Add axis helper + addAxisHelper() + // Add a test cube to verify rendering addTestCube() @@ -50,6 +53,11 @@ function addGridHelper() { scene.add(gridHelper) } +function addAxisHelper() { + const axisHelper = new THREE.AxesHelper(5) + scene.add(axisHelper) +} + function addLighting() { // Ambient light for base illumination const ambientLight = new THREE.AmbientLight(0xffffff, 0.4)