This project is a 3D visualization tool using Vite, Three.js, and React. It allows users to add 3D shapes to a table and render them on a canvas. Users can interact with the 3D environment and modify object properties through a control panel.

Check out the demo link to see the app in action.

• Add various 3D shapes to a table
• Render shapes individually or all at once on a canvas
• Interact with shapes using a control panel
• Adjust object properties like position, scale, name and wireframe

• Vite
• Three.js
• React

1. Clone the repository:

git clone https://github.com/dincengincan/3d-shapes.git
cd 3d-shapes

2. Install dependencies:

yarn install

3. Run dev server:

yarn dev

• Add shapes to the table by using the "Create" button.
• Click "Render All" to display all shapes on the canvas.
• Click "Render" to display individual shape.
• Click any object in the 3D scene to open the control panel.
• Adjust the position, scale, and name of the selected object through the control panel.