robertgz / 3d-shape-builder

3D Shape Builder using Vue.js and three.js

Home Page:https://robertgz.github.io/3d-shape-builder/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

3D Shape Builder

Browser based editor for creating and transforming basic 3D shapes.

screen capture

3D shapes supported

  • Box
  • Cylinder
  • Cone
  • Sphere

Usage

Run applicaion at https://robertgz.github.io/3d-shape-builder/

  • Drag any of the four shapes from the bottom toolbar up into the modeling plane to create a new shape.
    • Double click a shape on the toolbar to add it to the center of the modeling plane.
  • Click and drag created shapes to move them within the modeling plane.
  • Use the select tool to select or deselect shapes
    • Hold shift to select multiple shapes
  • Modify the Position, Rotation, and Scale of selected shapes by expanding the desired property at the top right.
  • Select shapes and use the Move, Rotate, and Scale tools to show the draggable transform gizmo.
  • Select shapes and then click the red delete button or press the delete key to remove shapes from the drawing plane.

Libraries used

Notes

  • Works with recent desktop versions of Chrome and Firefox.
  • Touch screen controls are not currently supported.

About

3D Shape Builder using Vue.js and three.js

https://robertgz.github.io/3d-shape-builder/


Languages

Language:JavaScript 61.8%Language:Vue 35.9%Language:HTML 1.3%Language:Shell 1.0%