Examples: Clean up. (#21658)

Author: Mugen87

examples/js/shaders/ACESFilmicToneMappingShader.js

@@ -16,15 +16,23 @@
 				value: 1.0
 			}
 		},
-		vertexShader: `varying vec2 vUv;
+		vertexShader:
+	/* glsl */
+	`
+
+		varying vec2 vUv;
 
 		void main() {
 
 			vUv = uv;
 			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
 
 		}`,
-		fragmentShader: `#define saturate(a) clamp( a, 0.0, 1.0 )
+		fragmentShader:
+	/* glsl */
+	`
+
+		#define saturate(a) clamp( a, 0.0, 1.0 )
 
 		uniform sampler2D tDiffuse;
 

examples/js/shaders/AfterimageShader.js

@@ -17,15 +17,23 @@
 				value: null
 			}
 		},
-		vertexShader: `varying vec2 vUv;
+		vertexShader:
+	/* glsl */
+	`
+
+		varying vec2 vUv;
 
 		void main() {
 
 			vUv = uv;
 			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
 
 		}`,
-		fragmentShader: `uniform float damp;
+		fragmentShader:
+	/* glsl */
+	`
+
+		uniform float damp;
 
 		uniform sampler2D tOld;
 		uniform sampler2D tNew;

examples/js/shaders/BasicShader.js

@@ -5,12 +5,20 @@
  */
 	const BasicShader = {
 		uniforms: {},
-		vertexShader: `void main() {
+		vertexShader:
+	/* glsl */
+	`
+
+		void main() {
 
 			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
 
 		}`,
-		fragmentShader: `void main() {
+		fragmentShader:
+	/* glsl */
+	`
+
+		void main() {
 
 			gl_FragColor = vec4( 1.0, 0.0, 0.0, 0.5 );
 

examples/js/shaders/BleachBypassShader.js

@@ -14,15 +14,23 @@
 				value: 1.0
 			}
 		},
-		vertexShader: `varying vec2 vUv;
+		vertexShader:
+	/* glsl */
+	`
+
+		varying vec2 vUv;
 
 		void main() {
 
 			vUv = uv;
 			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
 
 		}`,
-		fragmentShader: `uniform float opacity;
+		fragmentShader:
+	/* glsl */
+	`
+
+		uniform float opacity;
 
 		uniform sampler2D tDiffuse;
 

examples/js/shaders/BlendShader.js

@@ -18,15 +18,23 @@
 				value: 1.0
 			}
 		},
-		vertexShader: `varying vec2 vUv;
+		vertexShader:
+	/* glsl */
+	`
+
+		varying vec2 vUv;
 
 		void main() {
 
 			vUv = uv;
 			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
 
 		}`,
-		fragmentShader: `uniform float opacity;
+		fragmentShader:
+	/* glsl */
+	`
+
+		uniform float opacity;
 		uniform float mixRatio;
 
 		uniform sampler2D tDiffuse1;

examples/js/shaders/BokehShader.js

@@ -36,15 +36,23 @@
 				value: 1000.0
 			}
 		},
-		vertexShader: `varying vec2 vUv;
+		vertexShader:
+	/* glsl */
+	`
+
+		varying vec2 vUv;
 
 		void main() {
 
 			vUv = uv;
 			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
 
 		}`,
-		fragmentShader: `#include <common>
+		fragmentShader:
+	/* glsl */
+	`
+
+		#include <common>
 
 		varying vec2 vUv;
 

examples/js/shaders/BokehShader2.js

@@ -80,15 +80,23 @@
 				value: new THREE.Vector2()
 			}
 		},
-		vertexShader: `varying vec2 vUv;
+		vertexShader:
+	/* glsl */
+	`
+
+		varying vec2 vUv;
 
 		void main() {
 
 			vUv = uv;
 			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
 
 		}`,
-		fragmentShader: `#include <common>
+		fragmentShader:
+	/* glsl */
+	`
+
+		#include <common>
 
 		varying vec2 vUv;
 
@@ -383,7 +391,11 @@
 				value: 1000.0
 			}
 		},
-		vertexShader: `varying float vViewZDepth;
+		vertexShader:
+	/* glsl */
+	`
+
+		varying float vViewZDepth;
 
 		void main() {
 
@@ -393,7 +405,11 @@
 			vViewZDepth = - mvPosition.z;
 
 		}`,
-		fragmentShader: `uniform float mNear;
+		fragmentShader:
+	/* glsl */
+	`
+
+		uniform float mNear;
 		uniform float mFar;
 
 		varying float vViewZDepth;

examples/js/shaders/BrightnessContrastShader.js

@@ -18,7 +18,11 @@
 				value: 0
 			}
 		},
-		vertexShader: `varying vec2 vUv;
+		vertexShader:
+	/* glsl */
+	`
+
+		varying vec2 vUv;
 
 		void main() {
 
@@ -27,7 +31,11 @@
 			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
 
 		}`,
-		fragmentShader: `uniform sampler2D tDiffuse;
+		fragmentShader:
+	/* glsl */
+	`
+
+		uniform sampler2D tDiffuse;
 		uniform float brightness;
 		uniform float contrast;
 

examples/js/shaders/ColorCorrectionShader.js

@@ -19,7 +19,11 @@
 				value: new THREE.Vector3( 0, 0, 0 )
 			}
 		},
-		vertexShader: `varying vec2 vUv;
+		vertexShader:
+	/* glsl */
+	`
+
+		varying vec2 vUv;
 
 		void main() {
 
@@ -28,7 +32,11 @@
 			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
 
 		}`,
-		fragmentShader: `uniform sampler2D tDiffuse;
+		fragmentShader:
+	/* glsl */
+	`
+
+		uniform sampler2D tDiffuse;
 		uniform vec3 powRGB;
 		uniform vec3 mulRGB;
 		uniform vec3 addRGB;

examples/js/shaders/ColorifyShader.js

@@ -13,15 +13,23 @@
 				value: new THREE.Color( 0xffffff )
 			}
 		},
-		vertexShader: `varying vec2 vUv;
+		vertexShader:
+	/* glsl */
+	`
+
+		varying vec2 vUv;
 
 		void main() {
 
 			vUv = uv;
 			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
 
 		}`,
-		fragmentShader: `uniform vec3 color;
+		fragmentShader:
+	/* glsl */
+	`
+
+		uniform vec3 color;
 		uniform sampler2D tDiffuse;
 
 		varying vec2 vUv;