Examples: Add webgl_loader_gltf_lights.

[Mugen87]

Fixed #18629.

Description

Adds an example that makes use of the KHR_lights_punctual extension.

[donmccurdy]

Maybe we should make this GLB use AVIF, to resolve #25173? Reduces the model from 4.5 MB to 0.5 MB —

Archive.zip

[Mugen87]

I would prefer to use a separate example for this. Otherwise it might not be clear for the user why the lights example does not work in Edge and Safari.

[donmccurdy]

Ok – maybe let's use the WebP version in the archive above instead, then? It'll work in all modern browsers and is still much smaller than 4.5 MB.

[Mugen87]

I've checked the WebP version but I see many compression artifacts on the metal stand.

Dev:

WebP:

The compression is probably a bit too aggressive in this case.

[donmccurdy]

Here's a version with the normal maps losslessly compressed, 4.5 MB → 2.2 MB. I think 4.5 MB is larger than necessary for this example.

LightsPunctualLamp.glb.zip

before	after

[mrdoob]

Could you try using moonless_golf_1k.hdr as scene.background and scene.environment?
I think it'll look nice and still show the feature.

[Mugen87]

Updated the example with the env map.

Unfortunately, I can't generate the new screenshot right now on my mac Mini (still getting the runtime error mentioned in #25504 (comment)). I'll do it later on my Windows machine.