include-steve-kx / sketcher-3d

A 3D modeling & drawing tool made with three.js.

Sketcher 3D

A 3D modeling & drawing tool made with three.js

How to get it running

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the interface.

How to use

1. To navigate, LMB drag - rotate camera, RMB drag - pan camera, MMB wheel - dolly zoom camera, LMB click - select 3D shapes (no line select support yet).
2. To start, add a 3D shape (cube / sphere / plane) to the scene.
3. Customize shapes with translate / rotate / scale tool.
4. Click "Start Draw" to start drawing lines on the cube / sphere / plane surfaces. This tool projects all lines onto 3D shape surfaces.
5. Customize lines with 4 colors & 3 thicknesses.
6. Delete shapes & lines as you wish.