This project demonstrates how to create interactive 3D objects using Three.js. It allows you to place and manipulate objects in a 3D space, connect them with lines, and more.
Create and place 3D objects such as spheres and boxes. Connect objects with lines to visualize relationships. Drag and move objects in the 3D space. Delete objects by right-clicking on them.
Add Objects: Choose and left click on the canvas to place objects.
Move Objects: Double click and drag an object to move it around the scene.
Connect Objects: Right click on two objects and press "Connect" and continue to right click on othe objects to crate a spline curve.
Delete Objects: Hold Alt and left click on an object to delete it.
Three.js (v0.160.0): https://threejs.org/
jQuery (v3.5.1): https://jquery.com/
You can see a live demo of this project here.