miniCAD

Makes a floating mini CAD to easily edit objects in three.js scenes.
miniCAD can controls objects of three.js complexe scenes.

powered by georgealways lil-gui https://github.com/georgealways/lil-gui/

for three.js https://threejs.org/

import {MiniCAD} from 'miniCAD.js';

const scene = new THREE.Scene();
const box = new THREE.Mesh(new THREE.BoxGeometry(1, 1, 1), new THREE.MeshBasicMaterial({color: 0xffffff}));

const miniCAD = new MiniCAD(scene);

miniCAD.add(box, 'mesh', "Box 1");

miniCAD.add(obj, 'type', "name");

Adds an object to the miniCAD

• obj - the object to add to the miniCAD

• type - type of the object : 'mesh', 'material', 'phongMaterial', 'light', 'fog', 'color', 'bvh', 'csm' (other types will be added in the futur, requests can be made to support new types)

• name - name given to the object, this name will be displayed in the miniCAD, if name identical, it will be incremented

Controls

Once miniCAD is open, position of camera can be changed.
Arrow up and down can move the camera up and down by one any time

Types

• 'mesh' : basic controls for meshes

• 'material' : basic controls for all materials, for exemple MeshStandardMaterial

• 'phongMaterial' : adjust MeshPhongMaterial settings

• 'light' : settings for any king of light. It can also adjusts the settings of the shadow for lights that can cast shadows. Supports spotLight, rectAreaLight directionalLight, ambientLight, hemisphereLight

• 'fog' : basic controls for fog or fogExp2

• 'color' : adjust color of an element. must provide the color as obj

    miniCAD.add(material.color, 'color', "Color of the material");

• 'bvh' : basic controls for bvh work in progress

• 'csm' : basic controls for csm work in progress