Following my previous experiment in 2D here it is the 3D version made with Three.js.
- Box, Half Cylinder and Quarter of cylinder shapes
- Select, move, delete, resize and rotate operations on shapes
- Interpolated Animation with Tween.js shapes
- Pan & Zoom System with OrbitControls
- UNDO & REDO System
- "Snap to Grid" System (with 5 steps)
- Fill Commands panel with Color palette sidebar
- Shortcut Keys
- Text and Measures
- Import and export drawings in .json format
| s | Keys |
|---|---|
| Create | ESC / space (when pressed multiple times switch from cube to Half Cylinder and Quarter of cylinder) |
| Grid size | 1,2,3,4,5 |
| Move | m (press ctrl for move inside) |
| Delete | d |
| Pan | p |
| Rotate | r |
| Edit (pull, push) | e (press ctrl for push) |
- More shapes
- UNDO & REDO
- More shape transformations
- Groups and Explode commands
check the app online or test things locally by just installing dependancies with npm iand running the local development environment with npm start. SVG Icons courtesy from materialdesignicons.com.
- Uhm, please let me know...!
This project is licensed under the ISC License.