Examples: Clean up.

[Mugen87]

Related issue: -

Description

TiltLoader internally loads a texture for stroke rendering which isn't ready at the first frame. webgl_loader_tilt now uses an animation loop so the strokes using the texture actually appear in the example without waiting for a user interaction.

[Mugen87]

@mrdoob TiltLoader has a dependency to RawShaderMaterial since one stroke type (Light) is implemented as a custom material. The color space handling of this particular material does not look right to me though. It converts a sRGB color to linear in the fragment shader:

three.js/examples/jsm/loaders/TiltLoader.js

Lines 472 to 480 in 01359e0

	void main(){
	vec4 col = texture2D(mainTex, vUv);
	vec3 color = vColor;
	color = BloomColor(color, emission_gain);
	color = color * col.rgb;
	color = color * col.a;
	color = SrgbToLinear(color);
	gl_FragColor = vec4(color, 1.0);
	}

The working color space should be linear and the output color space (usually) sRGB. The color space of the vertex colors is definitely linear-srgb right now so the current color space conversion does not make sense to me.

Would it be an option to simplify the loader a bit and always represent the strokes with MeshBasicMaterial? In this way, we don't need a separate WebGPU version of the loader.