Skip to content

This project is a simple 3D scene editor built with Three.js. It allows users to place and manipulate basic geometric shapes (spheres and boxes) in a 3D space. Users can also connect these shapes with lines to create custom 2D structures in an 3D environment.

Notifications You must be signed in to change notification settings

Jerald-Golden/THREEJS-SPLINE-EDITOR

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Three.js Interactive 3D Objects

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.

Features

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.

Instructions

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.

Dependencies

Three.js (v0.160.0): https://threejs.org/

jQuery (v3.5.1): https://jquery.com/

Demo

You can see a live demo of this project here.

About

This project is a simple 3D scene editor built with Three.js. It allows users to place and manipulate basic geometric shapes (spheres and boxes) in a 3D space. Users can also connect these shapes with lines to create custom 2D structures in an 3D environment.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published