Docs: Add dynamic examples for Lights

[s-rigaud]

As meshes, geometry and bones have some good interactive examples in the documention, I think it might be great to add dynamic examples for lights too.

https://threejs.org/docs/index.html#api/en/materials/MeshLambertMaterial

https://threejs.org/docs/index.html?q=mbien#api/en/lights/AmbientLight

[s-rigaud]

@Mugen87 @mrdoob May I have your opinion on this ? To know if I should spend more time creating examples for other types of lights or you don't think that this examples add value to the documention. Thanks :)

[Mugen87]

I'm not sure about this, tbh. If we go down the path and generate the docs with JSDoc, we end up with a pure API documentation (see #24984 (comment)). Things like material and geometry browser should be part of the manual then.

Also related: #27832

Because of the unclear status of the docs/manual, I can't recommend investing time in complete new parts of the documentation.

I also fear a lighting browser will be a review-heavy thing since the scene, the selected material as well as the material and light properties need to be discussed in detail. The fact that light responds differently depending on the material makes me wonder if a light browser will be more or less a second material browser (which feels redundant, imo).

[s-rigaud]

In my opinion, for a someone who is not an expert of the library, it is so much useful to understand what each element provided by a library does and how it behaves. When browsing a UI library you expect to be able to see each variation of a specific component or to see the component in some context. I believe that for a library providing 3D components and objects, you should be able to browse and tests those elements. The editor is useful in this regard but a per object interactive example seems better to me.