Editor should have most of THREE's features

[Temdog007]

Description of the problem

There are several features of THREE that aren't accessible from the Editor. When I say accessible, I mean combination of:

• properties are not visible for editing
• objects not being able to be created
• objects not being able to be imported or exported.

Ideally, the Editor should be capable of creating and editing most objects and features that the API contains. This issue is really more to keep track of what the Editor can and can't do currently. I'm listing features that I think the Editor would be capable of handling.

Cameras

• PerspectiveCamera
• OrthographicCamera
• ArrayCamera
• CubeCamera
• StereoCamera

Core

• BufferAttribute
• BufferGeometry
• Layers
• InstancedBufferAttribute
• InstancedBufferGeometry
• InstancedInterleavedBuffer * (Serialize Instance Buffer Geometry and Interleaved Buffers #16050)
• InterleavedBufferAttribute

Geometry

• BoxGeometry
• CircleGeometry
• ConeGeometry
• CylinderGeometry
• DodecahedronGeometry
• EdgesGeometry *
• ExtrudeGeometry
• IcosahedronGeometry
• LatheGeometry
• OctahedronGeometry
• PlaneGeometry
• RingGeometry
• ShapeGeometry
• SphereGeometry
• TetrahedronGeometry
• TorusGeometry
• TorusKnotGemetry
• TubeGeometry
• WireframeGeometry **

Lights

• AmbientLight
• DirectionalLight
• HemisphereLight
• PointLight
• RectAreaLight (Editor: Add RectAreaLight #16251)
• SpotLight
• LightProbe

Materials

• LineBasicMaterial
• LineDashedMaterial
• MeshBasicMaterial
• MeshDepthMaterial
• MeshLambertMaterial
• MeshMatcapMaterial
• MeshNormalMaterial
• MeshPhongMaterial
• MeshPhysicalMaterial
• MeshStandardMaterial
• MeshToonMaterial
• PointsMaterial
• RawShaderMaterial
• ShaderMaterial
• ShadowMaterial
• SpriteMaterial

Objects

• Group
• LOD
• Line
• LineLoop
• LineSegments
• Mesh
• InstancedMesh
• Points
• SkinnedMesh
• Sprite

Textures

• Texture (properties not editable Texture panel for all textures in Threejs Editor #13882, THREE JS Editor: Added texture's properties to UI Texture object  #15695)
• CubeTexture (CubeTexture Support for the Threejs Editor #13880)
• VideoTexture

Misc

• Animations
• Audio
• Post-Processing

* = Serializable, but not deserializable
** = Serializable, but not as the original geometry (i.e. WireframeGeometry is serialized as BufferGeometry)

Three.js version

• Dev
• r103

Browser

• All of them
• Chrome
• Firefox
• Internet Explorer

OS

• All of them
• Windows
• macOS
• Linux
• Android
• iOS

[webprofusion-chrisc]

If you have used the threejs inspector chrome extension (which is not really operational anymore, especially for modules) https://chrome.google.com/webstore/detail/threejs-inspector/dnhjfclbfhcbcdfpjaeacomhbdfjbebi?hl=en you can see it has many options for adjusting material scale/wrapping and lighting attributes. This lets you take you current screen and adjust elements in real time (like materials, bump map scaling etc) and is great for experimenting.

It would be great if the editor could be fired up for any active scene (by including it as a module) like a dev tools for three.js and relevant to this issue it would be great if you could really access all properties - so perhaps where there is no UI to adjust something you could still set it using some custom json against that scene object?

[mrdoob]

I'm hoping we can create an official extension later this year.

[danksky]

I haven't been able to export my scene objects with their corresponding scripts. (Or at least, when I import my scene.json file, the scripts are missing on objects). Is this in the works?

[Temdog007]

#15779