Examples: Update with the new style and inspector

[sunag]

Related issue: #31869

Description

• Examples (3): update with the new style and inspector
• BloomNode: Improve name in inspector
• Parameters: Add .addFolder() and addColor(), fix slider default value
• PassNode: Improve name in inspector
• PassNode: Rename setResolution() to setResolutionScale()

[github-actions]

📦 Bundle size

Full ESM build, minified and gzipped.

	Before	After	Diff
WebGL	338.24 79.14	338.24 79.14	+0 B +0 B
WebGPU	584.41 161.49	584.78 161.56	+367 B +70 B
WebGPU Nodes	583.02 161.25	583.39 161.32	+367 B +71 B

🌳 Bundle size after tree-shaking

Minimal build including a renderer, camera, empty scene, and dependencies.

	Before	After	Diff
WebGL	469.7 113.74	469.7 113.74	+0 B +0 B
WebGPU	653.77 176.99	654.13 177.06	+369 B +72 B
WebGPU Nodes	607.88 166.16	608.25 166.24	+369 B +75 B

[sunag]

WebGLBackend is not fully compatible with inspector and is crashing the examples in E2E tests, I will disable it for now.

[Mugen87]

It seems the FPS does not update after this PR.

[sunag]

It seems the FPS does not update after this PR.

I disabled it for WebGLBackend, I'm still going to create a version that doesn't crash on E2E.

[Mugen87]

Understood! When you think the inspector is robust enough, I can help with adding it to the WebGPU examples so they all benefit from the new beautiful UI.

[sunag]

Understood! When you think the inspector is robust enough, I can help with adding it to the WebGPU examples so they all benefit from the new beautiful UI.

I think we can start migrating, when I enable the WebGLBackend version there shouldn't be any changes in the examples, this could even help with testing.

I didn't add the button in the GUI yet, but I think some examples that use it can use booleans instead like webgpu_layers (Edit: Hmm, now that I see there's an enable all, I'll added the button if you find it necessary)

If you find any bugs, you can tag me and I will do my best to fix them as quickly as possible.