3D Scene - adjust lighting parameters

[andreear-23]

Question

Hi everyone,

Is it possible to adjust the renderer parameters for the ui.scene element? I am interesting in changing things like lighting and renderer for my scene. I am loading a GLB mesh with texture but it looks really dark in the scene.
For example, this is how a GLB looks like loaded with ui.scene

and this is how it looks when I load it in another web based gLTF Viewer (which is also using threejs as a backbone)

In these screenshots the difference is not as bad, but for the GLB models I am using it's really obvious.

Thanks for your help!

[falkoschindler]

Hi @andreear-23,

Currently the light is hard-coded:

nicegui/nicegui/elements/scene.js

Lines 101 to 104 in 3b9293d

	this.scene.add(new THREE.AmbientLight(0xffffff, 0.7 * Math.PI));
	const light = new THREE.DirectionalLight(0xffffff, 0.3 * Math.PI);
	light.position.set(5, 10, 40);
	this.scene.add(light);

You can add spot lights like this:

with ui.scene() as scene:
    scene.sphere()
    scene.spot_light().move(0, 0, 3).rotate(0, math.pi / 2, 0)

Removing the two existing lights is a bit tricky, but possible:

with ui.scene() as scene:
    scene.sphere()
    scene.on('init', lambda: ui.run_javascript(
        f'getElement("{scene.id}").scene.children.slice(0, 2).forEach(child => child.removeFromParent())'
    ))
    scene.spot_light().move(0, 0, 3).rotate(0, math.pi / 2, 0)

Let's turn this question into a feature request to improve the API for configuring existing lighting and adding more light objects like ambient or directional light.

[andreear-23]

Hi @falkoschindler, thanks a lot for your help.
I guess it is not possible to adjust the hardcoded ambient light either - I tried really quickly to change it in the scene.js but it doesn't seem to be as simple as that.
What I am interested in is to display some meshes that have textures with baked-in lighting, so I am trying to reproduce the view I get in Meshlab with the shading turned off. Honestly I don't really know how they configure their renderer.

It would be quite helpful though to have more API functionality for configuring scene lighting.

Thanks,
Andreea