How to group objects in the Three.JS Editor?

Questions
#1

How to group objects in the Three.JS Editor ?

I would like to build complex object from multiple simple shapes, and then import that into three.js scene using THREE.ObjectLoader

Or WHAT IS the recommended workflow to create 3D models to load into three.js?

#2

Use “Add->Group” to insert a new object of type THREE.Group. You can then move existing objects into that group via drag’n’drop.

image

I would use a content creation tool like Blender to create my 3D models and export the final result to glTF. It’s the recommended 3D format of three.js, see https://threejs.org/docs/#manual/en/introduction/Loading-3D-models

1 Like
#3

Thanks Mugen87, Drag’n’drop is the first thing I tried.
It doesn’t work on Chrome Version 68.0.3440.106 (Official Build) (64-bit) Mac OS X. I see now it works in Firefox.
Not working on: Chrome Version 68.0.3440.106 (Official Build) (64-bit) Mac OS X.

#4

Um, it works on my iMac with Chrome 69.0.3497.92 :thinking:

#5

Odd:
Macbook Pro OS X 10.13.6 Chrome Version 68.0.3440.106 (Official Build) (64-bit) Not Working.