https://github.com/jerald-golden/threejs-spline-editor

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.
https://github.com/jerald-golden/threejs-spline-editor

spline spline-curve threejs

Last synced: 13 days ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/jerald-golden/threejs-spline-editor
• Owner: Jerald-Golden
• Created: 2024-03-30T09:06:12.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-08-12T03:52:48.000Z (6 months ago)
• Last Synced: 2024-08-12T04:50:05.460Z (6 months ago)
• Topics: spline, spline-curve, threejs
• Language: JavaScript
• Homepage: https://jerald-golden.github.io/THREEJS-SPLINE-EDITOR/
• Size: 24.4 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://jerald-golden.github.io/THREEJS-SPLINE-EDITOR/).