About

Screen relative 3D model translation/rotation.

Live Demo https://simple-voxel-demo.surge.sh/

Preview

How to install

Run locally: npm i && npm run dev Build, npm run build

Technologies/Libraries

• SPA using React/React Hooks
• Three.js for 3D visualization
• Vite
• Typescript
• ESLint
• Prettier
• Sass
• ...

Implemented Features

• Camera Controls (Left mouse: pan, Right mouse: rotate, Middle mouse: zoom)
• Dropdown for mesh preset
• Mesh creation by clicking on grid
• Translation controller for translating mesh relative to screen
• Rotation controller for rotating mesh relative to screen
• Remove/Remove all
• Tree view for exploring 3d scene hierarchy