Please note that this is a work in progress and is far from complete. The plan is to integrate this with my game engine framework, ECS Engine, as a means of inserting entities as well as adding, editing, or removing components.

A simple scene editor to edit a THREE.js scene in realtime.

This may suffer from performance issues on older systems.

A live version of this web application is available here.

Ensure Node.js and npm are installed

Download or clone the repository, navigate to the root directory via the command line then enter:

npm i

npm will install all required dependencies

Navigate to the root directory then enter:

npm run start

Webpack will serve the files locally on port 8080.

• THREE.js
• Tweakpane
• THREE.InfiniteGridHelper — I tweaked their code somewhat to get it working