├── LICENSE
├── README.md
└── index.html


/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2023 Martin Valigursky
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # webgl-parallel_shader_compile
 2 | 
 3 | A simple WebGL application, to test the performance and behaviour of [KHR_parallel_shader_compile](https://developer.mozilla.org/en-US/docs/Web/API/KHR_parallel_shader_compile) across platforms and browsers.
 4 | 
 5 | # Live Example
 6 | 
 7 | https://htmlpreview.github.io/?https://github.com/mvaligursky/webgl-parallel_shader_compile/blob/main/index.html
 8 | Open a development javascript console and observe the logs with timings.
 9 | 
10 | ![Screenshot 2023-01-25 at 10 54 57](https://user-images.githubusercontent.com/59932779/214546015-60427421-0103-4818-b7c7-923c5d6314b3.png)
11 | 
12 | The program creates a WebGL 2 instance, and renders a simple spinning triangle, which allows us to see the rendering being blocked.
13 | 
14 | On top of the web page, there are buttons to compile 10 or 50 instances of a shader. A large shader was generated by [PlayCanvas Engine](https://github.com/playcanvas/engine), which implements PBR / clustered lighting / area lights. There is a random number added in the source code of the fragment shader to avoid possibility of some caching behind the scenes.
15 | 
16 | ## Overall implementation
17 | 1. prepare fragment and vertex shader source code for all shaders
18 | 2. **[COMPILE STEP]** trigger compile step on all vertex and fragment shaders
19 | 3. **[LINK STEP]** create programs, linking vertex and fragment shades, and trigger link step on all programs
20 | 4. inside requestAnimationFrame which executes each frame, for each shader which has not been fully processed yet:
21 | - **[COMPLETION STEP]** test COMPLETION_STATUS_KHR using the extension. This should be a non-blocking call, and return true if the shader is done linking.
22 | - **[LINK STATUS STEP]** get shaders LINK_STATUS if [COMPLETION STEP] has returned true - this is a blocking call if the shader has not been done linking yet.
23 | 
24 | ## Expectation
25 | - on platforms that implement the mentioned extension, the triangle rotates smootly with no blocking during the shader compilation.
26 | 
27 | ## Test Results
28 | 
29 | None of the tested browser / OS combination delivered smooth triangle rotation while the compilation takes place.
30 | 
31 | ### Chrome MacOS 13.1
32 | - compilation, linking, COMPLETION_STATUS_KHR and LINK_STATUS are fast, the extension is working well.
33 | - on multiple occasions, requestAnimationFrame is not being called for 1s or more, and so the bottleneck seems to have just moved to be inside the browser, instead of [LINK STATUS STEP]. It seems all shareds are completed during the same frame. The result is that the triangle still does not smoothly rotate at all.
34 | 
35 | ### Safari MacOS 13.1 (Metal backend)
36 | - compilation is instant, all the time is taken by [LINK STEP] during which all the works seems to take place. [COMPLETION STEP] and [LINK STATUS STEP] are instant, as shader has already been fully processed. So there does not seem to be any advantage in using the extension here.
37 | 
38 | ### Firefox MacOS 13.1
39 | - extension is not implemented, all time is taken by [LINK STATUS STEP]
40 | 
41 | ### Chrome Windows 10
42 | - 10 shaders seem to get processed nicely, almost as if extension worked perfectly (some DTs are slightly longer). When compiling 50 shaders, similarly to MacOS, we get multiple 1s or longer intervals when requestAnimationFrame is not called.
43 | 
44 | ### Firefox Windows 10
45 | - extension is not implemented, all time is taken by [LINK STATUS STEP]
46 | 
47 | ## Separate note
48 | - the PBR/clustered/area lights shader has a compilation time on Windows considerably longer than on MacOS.
49 | 
50 | # Created browser issues:
51 | - Chromium: https://bugs.chromium.org/p/chromium/issues/detail?id=1412083
52 | - WebKit: https://bugs.webkit.org/show_bug.cgi?id=251514
53 | 
54 | # References
55 | [1] - Basic WebGl spinning triangle application is based on https://www.tutorialspoint.com/webgl/webgl_rotation.htm
56 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
   1 | <!doctype html>
   2 | <html>
   3 |    <body>
   4 | 
   5 |       <button onclick="compileManyShaders(10)">Compile 10</button>
   6 |       <button onclick="compileManyShaders(50)">Compile 50</button>
   7 | 
   8 |       <div>
   9 |       <canvas width = "400" height = "400" id = "my_Canvas"></canvas>
  10 |       </div>
  11 | 
  12 |       <script>
  13 | 
  14 |          var canvas = document.getElementById('my_Canvas');
  15 |          gl = canvas.getContext('webgl2');
  16 |          console.log("KHR_parallel_shader_compile supported: ", gl.getExtension('KHR_parallel_shader_compile'));
  17 | 
  18 |          var vertices = [ -1,-1,-1, 1,-1,-1, 1, 1,-1 ];
  19 |          var colors = [ 1,1,1, 1,1,1, 1,1,1 ];
  20 |          var indices = [ 0,1,2 ];
  21 | 
  22 |          var vertex_buffer = gl.createBuffer ();
  23 |          gl.bindBuffer(gl.ARRAY_BUFFER, vertex_buffer);
  24 |          gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.STATIC_DRAW);
  25 | 
  26 |          var color_buffer = gl.createBuffer ();
  27 |          gl.bindBuffer(gl.ARRAY_BUFFER, color_buffer);
  28 |          gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(colors), gl.STATIC_DRAW);
  29 | 
  30 |          var index_buffer = gl.createBuffer ();
  31 |          gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, index_buffer);
  32 |          gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, new Uint16Array(indices), gl.STATIC_DRAW);
  33 | 
  34 |          var vertCode = 'attribute vec3 position;'+
  35 |             'uniform mat4 Pmatrix;'+
  36 |             'uniform mat4 Vmatrix;'+
  37 |             'uniform mat4 Mmatrix;'+
  38 |             'attribute vec3 color;'+
  39 |             'varying vec3 vColor;'+
  40 | 
  41 |             'void main(void) { '+
  42 |                'gl_Position = Pmatrix*Vmatrix*Mmatrix*vec4(position, 1.);'+
  43 |                'vColor = color;'+
  44 |             '}';
  45 | 
  46 |          var fragCode = 'precision mediump float;'+
  47 |             'varying vec3 vColor;'+
  48 |             'void main(void) {'+
  49 |                'gl_FragColor = vec4(vColor, 1.);'+
  50 |             '}';
  51 | 
  52 |          var vertShader = gl.createShader(gl.VERTEX_SHADER);
  53 |          gl.shaderSource(vertShader, vertCode);
  54 |          gl.compileShader(vertShader);
  55 | 
  56 |          var fragShader = gl.createShader(gl.FRAGMENT_SHADER);
  57 |          gl.shaderSource(fragShader, fragCode);
  58 |          gl.compileShader(fragShader);
  59 | 
  60 |          var shaderProgram = gl.createProgram();
  61 |          gl.attachShader(shaderProgram, vertShader);
  62 |          gl.attachShader(shaderProgram, fragShader);
  63 |          gl.linkProgram(shaderProgram);
  64 | 
  65 |          var Pmatrix = gl.getUniformLocation(shaderProgram, "Pmatrix");
  66 |          var Vmatrix = gl.getUniformLocation(shaderProgram, "Vmatrix");
  67 |          var Mmatrix = gl.getUniformLocation(shaderProgram, "Mmatrix");
  68 |          gl.bindBuffer(gl.ARRAY_BUFFER, vertex_buffer);
  69 | 
  70 |          var position = gl.getAttribLocation(shaderProgram, "position");
  71 |          gl.vertexAttribPointer(position, 3, gl.FLOAT, false,0,0) ; //position
  72 |          gl.enableVertexAttribArray(position);
  73 |          gl.bindBuffer(gl.ARRAY_BUFFER, color_buffer);
  74 | 
  75 |          var color = gl.getAttribLocation(shaderProgram, "color");
  76 |          gl.vertexAttribPointer(color, 3, gl.FLOAT, false,0,0) ; //color
  77 |          gl.enableVertexAttribArray(color);
  78 |          gl.useProgram(shaderProgram);
  79 | 
  80 |          function get_projection(angle, a, zMin, zMax) {
  81 |             var ang = Math.tan((angle*.5)*Math.PI/180);//angle*.5
  82 |             return [
  83 |                0.5/ang, 0 , 0, 0,
  84 |                0, 0.5*a/ang, 0, 0,
  85 |                0, 0, -(zMax+zMin)/(zMax-zMin), -1,
  86 |                0, 0, (-2*zMax*zMin)/(zMax-zMin), 0
  87 |             ];
  88 |          }
  89 | 
  90 |          var proj_matrix = get_projection(40, canvas.width/canvas.height, 1, 100);
  91 |          var mov_matrix = [1,0,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1];
  92 |          var view_matrix = [1,0,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1];
  93 |          view_matrix[14] = view_matrix[14]-6; //zoom
  94 | 
  95 |          function rotateZ(m, angle) {
  96 |             var c = Math.cos(angle);
  97 |             var s = Math.sin(angle);
  98 |             var mv0 = m[0], mv4 = m[4], mv8 = m[8]; 
  99 | 
 100 |             m[0] = c*m[0]-s*m[1];
 101 |             m[4] = c*m[4]-s*m[5];
 102 |             m[8] = c*m[8]-s*m[9];
 103 |             m[1] = c*m[1]+s*mv0;
 104 |             m[5] = c*m[5]+s*mv4;
 105 |             m[9] = c*m[9]+s*mv8;
 106 |          }
 107 | 
 108 | 
 109 | 
 110 | 
 111 | 
 112 | 
 113 |          /*=================SHADER COMPILATION ===========================*/
 114 | 
 115 |          let shaders = [];
 116 |          let waitStartTime;
 117 |          const appStartTime = Date.now();
 118 | 
 119 |          function compileManyShaders(count) {
 120 | 
 121 |             console.time('generate');
 122 | 
 123 |             // generate source code
 124 |             for (let i = 0; i < count; i++) {
 125 |                shaders.push({
 126 |                   vsCode: getVS(),
 127 |                   fsCode: getFS(),
 128 |                   index: i
 129 |                });
 130 |             }
 131 |             console.timeEnd('generate');
 132 | 
 133 |             console.time('compile');
 134 | 
 135 |             // compile all
 136 |             shaders.forEach((shader) => {
 137 |                shader.vertShader = gl.createShader(gl.VERTEX_SHADER);
 138 |                gl.shaderSource(shader.vertShader, shader.vsCode);
 139 |                gl.compileShader(shader.vertShader);
 140 | 
 141 |                shader.fragShader = gl.createShader(gl.FRAGMENT_SHADER);
 142 |                gl.shaderSource(shader.fragShader, shader.fsCode);
 143 |                gl.compileShader(shader.fragShader);
 144 |             });
 145 | 
 146 |             console.timeEnd('compile');
 147 | 
 148 |             console.time('link');
 149 | 
 150 |             // link all
 151 |             shaders.forEach((shader) => {
 152 |                shader.program = gl.createProgram();
 153 |                gl.attachShader(shader.program, shader.vertShader);
 154 |                gl.attachShader(shader.program, shader.fragShader);
 155 |                gl.linkProgram(shader.program);
 156 |             });
 157 |             console.timeEnd('link');
 158 | 
 159 |             waitStartTime = Date.now();
 160 |          }
 161 | 
 162 |          function waitManyShaders() {
 163 |             const ext = gl.getExtension('KHR_parallel_shader_compile');
 164 | 
 165 |             shaders = shaders.filter((shader) => {
 166 | 
 167 |                let done = true;  // without extension assume done
 168 |                if (ext) {
 169 |                   console.time("COMPLETION_STATUS");
 170 |                   done = gl.getProgramParameter(shader.program, ext.COMPLETION_STATUS_KHR);
 171 |                   console.timeEnd("COMPLETION_STATUS");
 172 | 
 173 |                   if (!done) {
 174 |                      return true;   // try next frame
 175 |                   }
 176 |                }
 177 | 
 178 |                if (done) {
 179 |                   console.time("LINK_STATUS");
 180 |                   gl.getProgramParameter(shader.program, gl.LINK_STATUS);
 181 |                   console.timeEnd("LINK_STATUS");
 182 |                }
 183 |                return !done;
 184 |             });
 185 | 
 186 |             console.log('left to finish', shaders.length);
 187 | 
 188 |             if (!shaders.length) {
 189 |                console.log('TOTAL WAIT TIME:', Date.now() - waitStartTime, 'ms');
 190 |             }
 191 |          }
 192 | 
 193 |          /*============================================*/
 194 | 
 195 | 
 196 | 
 197 | 
 198 | 
 199 | 
 200 |          var time_old = 0;
 201 |          var animate = function(time) {
 202 |             var dt = time-time_old;
 203 |             rotateZ(mov_matrix, dt*0.002);
 204 |             time_old = time;
 205 | 
 206 |             /*============================================*/
 207 |             // wait till all shaders are done compiling
 208 |             if (shaders.length) {
 209 |                console.log('-------- DT: ', dt, 'ms');
 210 |                waitManyShaders();
 211 |             }
 212 |             /*============================================*/
 213 | 
 214 |             // render the triangle
 215 |             gl.enable(gl.DEPTH_TEST);
 216 |             gl.depthFunc(gl.LEQUAL);
 217 |             gl.clearColor(0.5, 0.5, 0.5, 0.9);
 218 |             gl.clearDepth(1.0);
 219 |             gl.viewport(0.0, 0.0, canvas.width, canvas.height);
 220 |             gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
 221 | 
 222 |             gl.uniformMatrix4fv(Pmatrix, false, proj_matrix);
 223 |             gl.uniformMatrix4fv(Vmatrix, false, view_matrix);
 224 |             gl.uniformMatrix4fv(Mmatrix, false, mov_matrix);
 225 | 
 226 |             gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, index_buffer);
 227 |             gl.drawElements(gl.TRIANGLES, indices.length, gl.UNSIGNED_SHORT, 0);
 228 |             window.requestAnimationFrame(animate);
 229 |          }
 230 | 
 231 |          function getVS() {
 232 |             return `#version 300 es
 233 |             #define attribute in
 234 |             #define varying out
 235 |             #define texture2D texture
 236 |             #define GL2
 237 |             #define VERTEXSHADER
 238 | 
 239 |             #define SHADER_NAME LitShader
 240 |             varying vec2 vUV0_1;
 241 |             varying vec3 vPositionW;
 242 |             varying vec3 vNormalW;
 243 |             attribute vec3 vertex_position;
 244 |             attribute vec3 vertex_normal;
 245 |             attribute vec4 vertex_tangent;
 246 |             attribute vec2 vertex_texCoord0;
 247 |             attribute vec2 vertex_texCoord1;
 248 |             attribute vec4 vertex_color;
 249 |             uniform mat4 matrix_viewProjection;
 250 |             uniform mat4 matrix_model;
 251 |             uniform mat3 matrix_normal;
 252 |             vec3 dPositionW;
 253 |             mat4 dModelMatrix;
 254 |             mat3 dNormalMatrix;
 255 |             vec2 getUv0() {
 256 |                return vertex_texCoord0;
 257 |             }
 258 |             uniform vec3 texture_diffuseMapTransform0;
 259 |             uniform vec3 texture_diffuseMapTransform1;
 260 |             mat4 getModelMatrix() {
 261 |                return matrix_model;
 262 |             }
 263 |             vec4 getPosition() {
 264 |                dModelMatrix = getModelMatrix();
 265 |                vec3 localPos = vertex_position;
 266 |                vec4 posW = dModelMatrix * vec4(localPos, 1.0);
 267 |                dPositionW = posW.xyz;
 268 |                vec4 screenPos;
 269 |                screenPos = matrix_viewProjection * posW;
 270 |                return screenPos;
 271 |             }
 272 |             vec3 getWorldPosition() {
 273 |                return dPositionW;
 274 |             }
 275 |             vec3 getNormal() {
 276 |                dNormalMatrix = matrix_normal;
 277 |                vec3 tempNormal = vertex_normal;
 278 |                return normalize(dNormalMatrix * tempNormal);
 279 |             }
 280 |             void main(void) {
 281 |                gl_Position = getPosition();
 282 |                vPositionW = getWorldPosition();
 283 |                vNormalW = getNormal();
 284 |                vec2 uv0 = getUv0();
 285 |                vUV0_1 = vec2(dot(vec3(uv0, 1), texture_diffuseMapTransform0), dot(vec3(uv0, 1), texture_diffuseMapTransform1));
 286 |             }
 287 |             `;
 288 |          }
 289 | 
 290 |          function getFS() {
 291 |             return `#version 300 es
 292 |             precision highp float;
 293 |             precision highp sampler2DShadow;
 294 |             #define varying in
 295 |             out highp vec4 pc_fragColor;
 296 |             #define gl_FragColor pc_fragColor
 297 |             #define texture2D texture
 298 |             #define texture2DBias texture
 299 |             #define textureCube texture
 300 |             #define texture2DProj textureProj
 301 |             #define texture2DLodEXT textureLod
 302 |             #define texture2DProjLodEXT textureProjLod
 303 |             #define textureCubeLodEXT textureLod
 304 |             #define texture2DGradEXT textureGrad
 305 |             #define texture2DProjGradEXT textureProjGrad
 306 |             #define textureCubeGradEXT textureGrad
 307 | 
 308 |             #define textureShadow(res, uv) textureGrad(res, uv, vec2(1, 1), vec2(1, 1))
 309 |             #define SHADOWMAP_PASS(name) name
 310 |             #define SHADOWMAP_ACCEPT(name) sampler2DShadow name
 311 |             #define TEXTURE_PASS(name) name
 312 |             #define TEXTURE_ACCEPT(name) sampler2D name
 313 | 
 314 |             #define GL2
 315 |             #define SUPPORTS_TEXLOD
 316 | 
 317 |             vec2 getGrabScreenPos(vec4 clipPos) {
 318 |                vec2 uv = (clipPos.xy / clipPos.w) * 0.5 + 0.5;
 319 |                return uv;
 320 |             }
 321 |             vec2 getImageEffectUV(vec2 uv) {
 322 |                return uv;
 323 |             }
 324 |             #define SHADER_NAME LitShader
 325 |             #define LIT_SPECULAR
 326 |             #define LIT_REFLECTIONS
 327 |             #define LIT_SPECULAR_FRESNEL
 328 |             #define LIT_CONSERVE_ENERGY
 329 |             varying vec2 vUV0_1;
 330 |             varying vec3 vPositionW;
 331 |             varying vec3 vNormalW;
 332 |             uniform vec3 view_position;
 333 |             uniform vec3 light_globalAmbient;
 334 |             float square(float x) {
 335 |                return x*x;
 336 |             }
 337 |             float saturate(float x) {
 338 |                return clamp(x, 0.0, 1.0);
 339 |             }
 340 |             vec3 saturate(vec3 x) {
 341 |                return clamp(x, vec3(0.0), vec3(1.0));
 342 |             }
 343 |             vec3 detailMode_mul(vec3 c1, vec3 c2) {
 344 |                return c1 * c2;
 345 |             }
 346 |             vec3 detailMode_add(vec3 c1, vec3 c2) {
 347 |                return c1 + c2;
 348 |             }
 349 |             vec3 detailMode_screen(vec3 c1, vec3 c2) {
 350 |                return 1.0 - (1.0 - c1)*(1.0 - c2);
 351 |             }
 352 |             vec3 detailMode_overlay(vec3 c1, vec3 c2) {
 353 |                return mix(1.0 - 2.0*(1.0 - c1)*(1.0 - c2), 2.0*c1*c2, step(c1, vec3(0.5)));
 354 |             }
 355 |             vec3 detailMode_min(vec3 c1, vec3 c2) {
 356 |                return min(c1, c2);
 357 |             }
 358 |             vec3 detailMode_max(vec3 c1, vec3 c2) {
 359 |                return max(c1, c2);
 360 |             }
 361 |             vec4 dReflection;
 362 |             mat3 dTBN;
 363 |             vec3 dVertexNormalW;
 364 |             vec3 dViewDirW;
 365 |             vec3 dReflDirW;
 366 |             vec3 dDiffuseLight;
 367 |             vec3 dSpecularLight;
 368 |             vec3 dLightDirNormW;
 369 |             vec3 dLightDirW;
 370 |             vec3 dLightPosW;
 371 |             vec3 dShadowCoord;
 372 |             float dAtten;
 373 |             float dAttenD;
 374 |             vec3 dAtten3;
 375 |             float ccFresnel;
 376 |             vec3 ccReflection;
 377 |             vec3 ccSpecularLight;
 378 |             vec3 sSpecularLight;
 379 |             vec3 sReflection;
 380 |             uniform float textureBias;
 381 |             float dAlpha = 1.0;
 382 |             vec3 dNormalW;
 383 |             vec3 dAlbedo;
 384 |             vec3 dSpecularity;
 385 |             float dGlossiness;
 386 |             float dMetalness;
 387 |             vec3 dEmission;
 388 |             uniform sampler2D texture_normalMap;
 389 |             uniform sampler2D texture_diffuseMap;
 390 |             uniform sampler2D texture_glossMap;
 391 |             float getSpotEffect(vec3 lightSpotDirW, float lightInnerConeAngle, float lightOuterConeAngle) {
 392 |                float cosAngle = dot(dLightDirNormW, lightSpotDirW);
 393 |                return smoothstep(lightOuterConeAngle, lightInnerConeAngle, cosAngle);
 394 |             }
 395 |             float getFalloffWindow(float lightRadius) {
 396 |                float sqrDist = dot(dLightDirW, dLightDirW);
 397 |                float invRadius = 1.0 / lightRadius;
 398 |                return square( saturate( 1.0 - square( sqrDist * square(invRadius) ) ) );
 399 |             }
 400 |             float getFalloffInvSquared(float lightRadius) {
 401 |                float sqrDist = dot(dLightDirW, dLightDirW);
 402 |                float falloff = 1.0 / (sqrDist + 1.0);
 403 |                float invRadius = 1.0 / lightRadius;
 404 |                falloff *= 16.0;
 405 |                falloff *= square( saturate( 1.0 - square( sqrDist * square(invRadius) ) ) );
 406 |                return falloff;
 407 |             }
 408 |             float getFalloffLinear(float lightRadius) {
 409 |                float d = length(dLightDirW);
 410 |                return max(((lightRadius - d) / lightRadius), 0.0);
 411 |             }
 412 |             void getLightDirPoint(vec3 lightPosW) {
 413 |                dLightDirW = vPositionW - lightPosW;
 414 |                dLightDirNormW = normalize(dLightDirW);
 415 |                dLightPosW = lightPosW;
 416 |             }
 417 |             #define AREA_LIGHTS
 418 |             uniform highp sampler2D areaLightsLutTex1;
 419 |             uniform highp sampler2D areaLightsLutTex2;
 420 |             uniform float tbnBasis;
 421 |             void getTBN() {
 422 |                vec2 uv = vUV0_1;
 423 |                vec3 dp1 = dFdx( vPositionW );
 424 |                vec3 dp2 = dFdy( vPositionW );
 425 |                vec2 duv1 = dFdx( uv );
 426 |                vec2 duv2 = dFdy( uv );
 427 |                vec3 dp2perp = cross( dp2, dVertexNormalW );
 428 |                vec3 dp1perp = cross( dVertexNormalW, dp1 );
 429 |                vec3 T = dp2perp * duv1.x + dp1perp * duv2.x;
 430 |                vec3 B = dp2perp * duv1.y + dp1perp * duv2.y;
 431 |                float denom = max( dot(T, T), dot(B, B) );
 432 |                float invmax = (denom == 0.0) ? 0.0 : tbnBasis / sqrt( denom );
 433 |                dTBN = mat3(T * invmax, -B * invmax, dVertexNormalW );
 434 |             }
 435 |             const float PI = 3.141592653589793;
 436 |             vec2 toSpherical(vec3 dir) {
 437 |                return vec2(dir.xz == vec2(0.0) ? 0.0 : atan(dir.x, dir.z), asin(dir.y));
 438 |             }
 439 |             vec2 toSphericalUv(vec3 dir) {
 440 |                vec2 uv = toSpherical(dir) / vec2(PI * 2.0, PI) + 0.5;
 441 |                return vec2(uv.x, 1.0 - uv.y);
 442 |             }
 443 |             vec3 decodeLinear(vec4 raw) {
 444 |                return raw.rgb;
 445 |             }
 446 |             float decodeGamma(float raw) {
 447 |                return pow(raw, 2.2);
 448 |             }
 449 |             vec3 decodeGamma(vec3 raw) {
 450 |                return pow(raw, vec3(2.2));
 451 |             }
 452 |             vec3 decodeGamma(vec4 raw) {
 453 |                return pow(raw.xyz, vec3(2.2));
 454 |             }
 455 |             vec3 decodeRGBM(vec4 raw) {
 456 |                vec3 color = (8.0 * raw.a) * raw.rgb;
 457 |                return color * color;
 458 |             }
 459 |             vec3 decodeRGBP(vec4 raw) {
 460 |                vec3 color = raw.rgb * (-raw.a * 7.0 + 8.0);
 461 |                return color * color;
 462 |             }
 463 |             vec3 decodeRGBE(vec4 raw) {
 464 |                if (raw.a == 0.0) {
 465 |                   return vec3(0.0, 0.0, 0.0);
 466 |                }
 467 |                else {
 468 |                   return raw.xyz * pow(2.0, raw.w * 255.0 - 128.0);
 469 |                }
 470 |             }
 471 |             vec4 passThrough(vec4 raw) {
 472 |                return raw;
 473 |             }
 474 |             float gammaCorrectInput(float color) {
 475 |                return decodeGamma(color);
 476 |             }
 477 |             vec3 gammaCorrectInput(vec3 color) {
 478 |                return decodeGamma(color);
 479 |             }
 480 |             vec4 gammaCorrectInput(vec4 color) {
 481 |                return vec4(decodeGamma(color.xyz), color.w);
 482 |             }
 483 |             vec3 gammaCorrectOutput(vec3 color) {
 484 |                return pow(color + 0.0000001, vec3(1.0 / 2.2));
 485 |             }
 486 |             uniform float exposure;
 487 |             vec3 toneMap(vec3 color) {
 488 |                float tA = 2.51;
 489 |                float tB = 0.03;
 490 |                float tC = 2.43;
 491 |                float tD = 0.59;
 492 |                float tE = 0.14;
 493 |                vec3 x = color * exposure;
 494 |                return (x*(tA*x+tB))/(x*(tC*x+tD)+tE);
 495 |             }
 496 |             float dBlendModeFogFactor = 1.0;
 497 |             vec3 addFog(vec3 color) {
 498 |                return color;
 499 |             }
 500 |             vec3 unpackNormal(vec4 nmap) {
 501 |                return nmap.xyz * 2.0 - 1.0;
 502 |             }
 503 |             #undef MAPFLOAT
 504 |             #undef MAPCOLOR
 505 |             #undef MAPVERTEX
 506 |             #undef MAPTEXTURE
 507 |             #undef MAPINVERT
 508 | 
 509 |             vec3 addNormalDetail(vec3 normalMap) {
 510 |                return normalMap;
 511 |             }
 512 |             #undef MAPFLOAT
 513 |             #undef MAPCOLOR
 514 |             #undef MAPVERTEX
 515 |             #define MAPTEXTURE
 516 |             #undef MAPINVERT
 517 | 
 518 |             uniform float material_bumpiness;
 519 |             void getNormal() {
 520 |                vec3 normalMap = unpackNormal(texture2DBias(texture_normalMap, vUV0_1, textureBias));
 521 |                normalMap = mix(vec3(0.0, 0.0, 1.0), normalMap, material_bumpiness);
 522 |                dNormalW = normalize(dTBN * addNormalDetail(normalMap));
 523 |             }
 524 |             #undef MAPFLOAT
 525 |             #undef MAPCOLOR
 526 |             #undef MAPVERTEX
 527 |             #undef MAPTEXTURE
 528 |             #undef MAPINVERT
 529 | 
 530 |             vec3 addAlbedoDetail(vec3 albedo) {
 531 |                return albedo;
 532 |             }
 533 |             #undef MAPFLOAT
 534 |             #undef MAPCOLOR
 535 |             #undef MAPVERTEX
 536 |             #define MAPTEXTURE
 537 |             #undef MAPINVERT
 538 | 
 539 |             void getAlbedo() {
 540 |                dAlbedo = vec3(1.0);
 541 |                vec3 albedoBase = decodeGamma(texture2DBias(texture_diffuseMap, vUV0_1, textureBias)).rgb;
 542 |                dAlbedo *= addAlbedoDetail(albedoBase);
 543 |             }
 544 |             #define MAPFLOAT
 545 |             #undef MAPCOLOR
 546 |             #undef MAPVERTEX
 547 |             #undef MAPTEXTURE
 548 |             #undef MAPINVERT
 549 | 
 550 |             uniform float material_metalness;
 551 |             void getMetalness() {
 552 |                float metalness = 1.0;
 553 |                metalness *= material_metalness;
 554 |                dMetalness = metalness;
 555 |             }
 556 |             void getSpecularity() {
 557 |                dSpecularity = vec3(1);
 558 |             }
 559 |             #define MAPFLOAT
 560 |             #undef MAPCOLOR
 561 |             #undef MAPVERTEX
 562 |             #define MAPTEXTURE
 563 |             #undef MAPINVERT
 564 | 
 565 |             uniform float material_gloss;
 566 |             void getGlossiness() {
 567 |                dGlossiness = 1.0;
 568 |                dGlossiness *= material_gloss;
 569 |                dGlossiness *= texture2DBias(texture_glossMap, vUV0_1, textureBias).g;
 570 |                dGlossiness += 0.0000001;
 571 |             }
 572 |             #undef MAPFLOAT
 573 |             #define MAPCOLOR
 574 |             #undef MAPVERTEX
 575 |             #undef MAPTEXTURE
 576 |             #undef MAPINVERT
 577 | 
 578 |             uniform vec3 material_emissive;
 579 |             void getEmission() {
 580 |                dEmission = vec3(1.0);
 581 |                dEmission *= material_emissive;
 582 |             }
 583 |             vec3 cubeMapRotate(vec3 refDir) {
 584 |                return refDir;
 585 |             }
 586 |             vec3 cubeMapProject(vec3 dir) {
 587 |                return cubeMapRotate(dir);
 588 |             }
 589 |             uniform float skyboxIntensity;
 590 |             vec3 processEnvironment(vec3 color) {
 591 |                return color * skyboxIntensity;
 592 |             }
 593 |             uniform float material_f0;
 594 |             void getMetalnessModulate() {
 595 |                vec3 dielectricF0 = material_f0 * dSpecularity;
 596 |                dSpecularity = mix(dielectricF0, dAlbedo, dMetalness);
 597 |                dAlbedo *= 1.0 - dMetalness;
 598 |             }
 599 |             vec3 getFresnel(float cosTheta, vec3 f0) {
 600 |                float fresnel = pow(1.0 - max(cosTheta, 0.0), 5.0);
 601 |                float glossSq = dGlossiness * dGlossiness;
 602 |                vec3 ret = f0 + (max(vec3(glossSq), f0) - f0) * fresnel;
 603 |                return ret;
 604 |             }
 605 |             float getFresnelCC(float cosTheta) {
 606 |                float fresnel = pow(1.0 - max(cosTheta, 0.0), 5.0);
 607 |                return 0.04 + (1.0 - 0.04) * fresnel;
 608 |             }
 609 |             const float atlasSize = 512.0;
 610 |             const float seamSize = 1.0 / atlasSize;
 611 |             vec2 mapUv(vec2 uv, vec4 rect) {
 612 |                return vec2(mix(rect.x + seamSize, rect.x + rect.z - seamSize, uv.x), mix(rect.y + seamSize, rect.y + rect.w - seamSize, uv.y));
 613 |             }
 614 |             vec2 mapRoughnessUv(vec2 uv, float level) {
 615 |                float t = 1.0 / exp2(level);
 616 |                return mapUv(uv, vec4(0, 1.0 - t, t, t * 0.5));
 617 |             }
 618 |             vec2 mapShinyUv(vec2 uv, float level) {
 619 |                float t = 1.0 / exp2(level);
 620 |                return mapUv(uv, vec4(1.0 - t, 1.0 - t, t, t * 0.5));
 621 |             }
 622 |             #define ENV_ATLAS
 623 |             uniform sampler2D texture_envAtlas;
 624 |             uniform float material_reflectivity;
 625 |             float shinyMipLevel(vec2 uv) {
 626 |                vec2 dx = dFdx(uv);
 627 |                vec2 dy = dFdy(uv);
 628 |                vec2 uv2 = vec2(fract(uv.x + 0.5), uv.y);
 629 |                vec2 dx2 = dFdx(uv2);
 630 |                vec2 dy2 = dFdy(uv2);
 631 |                float maxd = min(max(dot(dx, dx), dot(dy, dy)), max(dot(dx2, dx2), dot(dy2, dy2)));
 632 |                return clamp(0.5 * log2(maxd) - 1.0 + textureBias, 0.0, 5.0);
 633 |             }
 634 |             vec3 calcReflection(vec3 tReflDirW, float tGlossiness) {
 635 |                vec3 dir = cubeMapProject(tReflDirW) * vec3(-1.0, 1.0, 1.0);
 636 |                vec2 uv = toSphericalUv(dir);
 637 |                float level = saturate(1.0 - tGlossiness) * 5.0;
 638 |                float ilevel = floor(level);
 639 |                float level2 = shinyMipLevel(uv * atlasSize);
 640 |                float ilevel2 = floor(level2);
 641 |                vec2 uv0, uv1;
 642 |                float weight;
 643 |                if (ilevel == 0.0) {
 644 |                   uv0 = mapShinyUv(uv, ilevel2);
 645 |                   uv1 = mapShinyUv(uv, ilevel2 + 1.0);
 646 |                   weight = level2 - ilevel2;
 647 |                }
 648 |                else {
 649 |                   uv0 = uv1 = mapRoughnessUv(uv, ilevel);
 650 |                   weight = 0.0;
 651 |                }
 652 |                vec3 linearA = decodeRGBP(texture2D(texture_envAtlas, uv0));
 653 |                vec3 linearB = decodeRGBP(texture2D(texture_envAtlas, uv1));
 654 |                vec3 linear0 = mix(linearA, linearB, weight);
 655 |                vec3 linear1 = decodeRGBP(texture2D(texture_envAtlas, mapRoughnessUv(uv, ilevel + 1.0)));
 656 |                return processEnvironment(mix(linear0, linear1, level - ilevel));
 657 |             }
 658 |             void addReflection() {
 659 |                dReflection += vec4(calcReflection(dReflDirW, dGlossiness), material_reflectivity);
 660 |             }
 661 |             vec2 getCubemapFaceCoordinates(const vec3 dir, out float faceIndex, out vec2 tileOffset) {
 662 |                vec3 vAbs = abs(dir);
 663 |                float ma;
 664 |                vec2 uv;
 665 |                if (vAbs.z >= vAbs.x && vAbs.z >= vAbs.y) {
 666 |                   faceIndex = dir.z < 0.0 ? 5.0 : 4.0;
 667 |                   ma = 0.5 / vAbs.z;
 668 |                   uv = vec2(dir.z < 0.0 ? -dir.x : dir.x, -dir.y);
 669 |                   tileOffset.x = 2.0;
 670 |                   tileOffset.y = dir.z < 0.0 ? 1.0 : 0.0;
 671 |                }
 672 |                else if(vAbs.y >= vAbs.x) {
 673 |                   faceIndex = dir.y < 0.0 ? 3.0 : 2.0;
 674 |                   ma = 0.5 / vAbs.y;
 675 |                   uv = vec2(dir.x, dir.y < 0.0 ? -dir.z : dir.z);
 676 |                   tileOffset.x = 1.0;
 677 |                   tileOffset.y = dir.y < 0.0 ? 1.0 : 0.0;
 678 |                }
 679 |                else {
 680 |                   faceIndex = dir.x < 0.0 ? 1.0 : 0.0;
 681 |                   ma = 0.5 / vAbs.x;
 682 |                   uv = vec2(dir.x < 0.0 ? dir.z : -dir.z, -dir.y);
 683 |                   tileOffset.x = 0.0;
 684 |                   tileOffset.y = dir.x < 0.0 ? 1.0 : 0.0;
 685 |                }
 686 |                return uv * ma + 0.5;
 687 |             }
 688 |             vec2 getCubemapAtlasCoordinates(const vec3 omniAtlasViewport, float shadowEdgePixels, float shadowTextureResolution, const vec3 dir) {
 689 |                float faceIndex;
 690 |                vec2 tileOffset;
 691 |                vec2 uv = getCubemapFaceCoordinates(dir, faceIndex, tileOffset);
 692 |                float atlasFaceSize = omniAtlasViewport.z;
 693 |                float tileSize = shadowTextureResolution * atlasFaceSize;
 694 |                float offset = shadowEdgePixels / tileSize;
 695 |                uv = uv * vec2(1.0 - offset * 2.0) + vec2(offset * 1.0);
 696 |                uv *= atlasFaceSize;
 697 |                uv += tileOffset * atlasFaceSize;
 698 |                uv += omniAtlasViewport.xy;
 699 |                return uv;
 700 |             }
 701 |             vec3 lessThan2(vec3 a, vec3 b) {
 702 |                return clamp((b - a)*1000.0, 0.0, 1.0);
 703 |             }
 704 |             #define UNPACKFLOAT
 705 |             float unpackFloat(vec4 rgbaDepth) {
 706 |                const vec4 bitShift = vec4(1.0 / (256.0 * 256.0 * 256.0), 1.0 / (256.0 * 256.0), 1.0 / 256.0, 1.0);
 707 |                return dot(rgbaDepth, bitShift);
 708 |             }
 709 |             float _getShadowPCF3x3(SHADOWMAP_ACCEPT(shadowMap), vec3 shadowParams) {
 710 |                float z = dShadowCoord.z;
 711 |                vec2 uv = dShadowCoord.xy * shadowParams.x;
 712 |                float shadowMapSizeInv = 1.0 / shadowParams.x;
 713 |                vec2 base_uv = floor(uv + 0.5);
 714 |                float s = (uv.x + 0.5 - base_uv.x);
 715 |                float t = (uv.y + 0.5 - base_uv.y);
 716 |                base_uv -= vec2(0.5);
 717 |                base_uv *= shadowMapSizeInv;
 718 |                float sum = 0.0;
 719 |                float uw0 = (3.0 - 2.0 * s);
 720 |                float uw1 = (1.0 + 2.0 * s);
 721 |                float u0 = (2.0 - s) / uw0 - 1.0;
 722 |                float u1 = s / uw1 + 1.0;
 723 |                float vw0 = (3.0 - 2.0 * t);
 724 |                float vw1 = (1.0 + 2.0 * t);
 725 |                float v0 = (2.0 - t) / vw0 - 1.0;
 726 |                float v1 = t / vw1 + 1.0;
 727 |                u0 = u0 * shadowMapSizeInv + base_uv.x;
 728 |                v0 = v0 * shadowMapSizeInv + base_uv.y;
 729 |                u1 = u1 * shadowMapSizeInv + base_uv.x;
 730 |                v1 = v1 * shadowMapSizeInv + base_uv.y;
 731 |                sum += uw0 * vw0 * textureShadow(shadowMap, vec3(u0, v0, z));
 732 |                sum += uw1 * vw0 * textureShadow(shadowMap, vec3(u1, v0, z));
 733 |                sum += uw0 * vw1 * textureShadow(shadowMap, vec3(u0, v1, z));
 734 |                sum += uw1 * vw1 * textureShadow(shadowMap, vec3(u1, v1, z));
 735 |                sum *= 1.0f / 16.0;
 736 |                return sum;
 737 |             }
 738 |             float getShadowPCF3x3(SHADOWMAP_ACCEPT(shadowMap), vec3 shadowParams) {
 739 |                return _getShadowPCF3x3(SHADOWMAP_PASS(shadowMap), shadowParams);
 740 |             }
 741 |             float getShadowSpotPCF3x3(SHADOWMAP_ACCEPT(shadowMap), vec4 shadowParams) {
 742 |                return _getShadowPCF3x3(SHADOWMAP_PASS(shadowMap), shadowParams.xyz);
 743 |             }
 744 |             float _getShadowPoint(samplerCube shadowMap, vec4 shadowParams, vec3 dir) {
 745 |                vec3 tc = normalize(dir);
 746 |                vec3 tcAbs = abs(tc);
 747 |                vec4 dirX = vec4(1, 0, 0, tc.x);
 748 |                vec4 dirY = vec4(0, 1, 0, tc.y);
 749 |                float majorAxisLength = tc.z;
 750 |                if ((tcAbs.x > tcAbs.y) && (tcAbs.x > tcAbs.z)) {
 751 |                   dirX = vec4(0, 0, 1, tc.z);
 752 |                   dirY = vec4(0, 1, 0, tc.y);
 753 |                   majorAxisLength = tc.x;
 754 |                }
 755 |                else if ((tcAbs.y > tcAbs.x) && (tcAbs.y > tcAbs.z)) {
 756 |                   dirX = vec4(1, 0, 0, tc.x);
 757 |                   dirY = vec4(0, 0, 1, tc.z);
 758 |                   majorAxisLength = tc.y;
 759 |                }
 760 |                float shadowParamsInFaceSpace = ((1.0/shadowParams.x) * 2.0) * abs(majorAxisLength);
 761 |                vec3 xoffset = (dirX.xyz * shadowParamsInFaceSpace);
 762 |                vec3 yoffset = (dirY.xyz * shadowParamsInFaceSpace);
 763 |                vec3 dx0 = -xoffset;
 764 |                vec3 dy0 = -yoffset;
 765 |                vec3 dx1 = xoffset;
 766 |                vec3 dy1 = yoffset;
 767 |                mat3 shadowKernel;
 768 |                mat3 depthKernel;
 769 |                depthKernel[0][0] = unpackFloat(textureCube(shadowMap, tc + dx0 + dy0));
 770 |                depthKernel[0][1] = unpackFloat(textureCube(shadowMap, tc + dx0));
 771 |                depthKernel[0][2] = unpackFloat(textureCube(shadowMap, tc + dx0 + dy1));
 772 |                depthKernel[1][0] = unpackFloat(textureCube(shadowMap, tc + dy0));
 773 |                depthKernel[1][1] = unpackFloat(textureCube(shadowMap, tc));
 774 |                depthKernel[1][2] = unpackFloat(textureCube(shadowMap, tc + dy1));
 775 |                depthKernel[2][0] = unpackFloat(textureCube(shadowMap, tc + dx1 + dy0));
 776 |                depthKernel[2][1] = unpackFloat(textureCube(shadowMap, tc + dx1));
 777 |                depthKernel[2][2] = unpackFloat(textureCube(shadowMap, tc + dx1 + dy1));
 778 |                vec3 shadowZ = vec3(length(dir) * shadowParams.w + shadowParams.z);
 779 |                shadowKernel[0] = vec3(lessThan2(depthKernel[0], shadowZ));
 780 |                shadowKernel[1] = vec3(lessThan2(depthKernel[1], shadowZ));
 781 |                shadowKernel[2] = vec3(lessThan2(depthKernel[2], shadowZ));
 782 |                vec2 uv = (vec2(dirX.w, dirY.w) / abs(majorAxisLength)) * 0.5;
 783 |                vec2 fractionalCoord = fract( uv * shadowParams.x );
 784 |                shadowKernel[0] = mix(shadowKernel[0], shadowKernel[1], fractionalCoord.x);
 785 |                shadowKernel[1] = mix(shadowKernel[1], shadowKernel[2], fractionalCoord.x);
 786 |                vec4 shadowValues;
 787 |                shadowValues.x = mix(shadowKernel[0][0], shadowKernel[0][1], fractionalCoord.y);
 788 |                shadowValues.y = mix(shadowKernel[0][1], shadowKernel[0][2], fractionalCoord.y);
 789 |                shadowValues.z = mix(shadowKernel[1][0], shadowKernel[1][1], fractionalCoord.y);
 790 |                shadowValues.w = mix(shadowKernel[1][1], shadowKernel[1][2], fractionalCoord.y);
 791 |                return 1.0 - dot( shadowValues, vec4( 1.0 ) ) * 0.25;
 792 |             }
 793 |             float getShadowPointPCF3x3(samplerCube shadowMap, vec4 shadowParams) {
 794 |                return _getShadowPoint(shadowMap, shadowParams, dLightDirW);
 795 |             }
 796 |             float _getShadowPCF5x5(SHADOWMAP_ACCEPT(shadowMap), vec3 shadowParams) {
 797 |                float z = dShadowCoord.z;
 798 |                vec2 uv = dShadowCoord.xy * shadowParams.x;
 799 |                float shadowMapSizeInv = 1.0 / shadowParams.x;
 800 |                vec2 base_uv = floor(uv + 0.5);
 801 |                float s = (uv.x + 0.5 - base_uv.x);
 802 |                float t = (uv.y + 0.5 - base_uv.y);
 803 |                base_uv -= vec2(0.5);
 804 |                base_uv *= shadowMapSizeInv;
 805 |                float uw0 = (4.0 - 3.0 * s);
 806 |                float uw1 = 7.0;
 807 |                float uw2 = (1.0 + 3.0 * s);
 808 |                float u0 = (3.0 - 2.0 * s) / uw0 - 2.0;
 809 |                float u1 = (3.0 + s) / uw1;
 810 |                float u2 = s / uw2 + 2.0;
 811 |                float vw0 = (4.0 - 3.0 * t);
 812 |                float vw1 = 7.0;
 813 |                float vw2 = (1.0 + 3.0 * t);
 814 |                float v0 = (3.0 - 2.0 * t) / vw0 - 2.0;
 815 |                float v1 = (3.0 + t) / vw1;
 816 |                float v2 = t / vw2 + 2.0;
 817 |                float sum = 0.0;
 818 |                u0 = u0 * shadowMapSizeInv + base_uv.x;
 819 |                v0 = v0 * shadowMapSizeInv + base_uv.y;
 820 |                u1 = u1 * shadowMapSizeInv + base_uv.x;
 821 |                v1 = v1 * shadowMapSizeInv + base_uv.y;
 822 |                u2 = u2 * shadowMapSizeInv + base_uv.x;
 823 |                v2 = v2 * shadowMapSizeInv + base_uv.y;
 824 |                sum += uw0 * vw0 * textureShadow(shadowMap, vec3(u0, v0, z));
 825 |                sum += uw1 * vw0 * textureShadow(shadowMap, vec3(u1, v0, z));
 826 |                sum += uw2 * vw0 * textureShadow(shadowMap, vec3(u2, v0, z));
 827 |                sum += uw0 * vw1 * textureShadow(shadowMap, vec3(u0, v1, z));
 828 |                sum += uw1 * vw1 * textureShadow(shadowMap, vec3(u1, v1, z));
 829 |                sum += uw2 * vw1 * textureShadow(shadowMap, vec3(u2, v1, z));
 830 |                sum += uw0 * vw2 * textureShadow(shadowMap, vec3(u0, v2, z));
 831 |                sum += uw1 * vw2 * textureShadow(shadowMap, vec3(u1, v2, z));
 832 |                sum += uw2 * vw2 * textureShadow(shadowMap, vec3(u2, v2, z));
 833 |                sum *= 1.0f / 144.0;
 834 |                sum = saturate(sum);
 835 |                return sum;
 836 |             }
 837 |             float getShadowPCF5x5(SHADOWMAP_ACCEPT(shadowMap), vec3 shadowParams) {
 838 |                return _getShadowPCF5x5(SHADOWMAP_PASS(shadowMap), shadowParams);
 839 |             }
 840 |             float getShadowSpotPCF5x5(SHADOWMAP_ACCEPT(shadowMap), vec4 shadowParams) {
 841 |                return _getShadowPCF5x5(SHADOWMAP_PASS(shadowMap), shadowParams.xyz);
 842 |             }
 843 |             void _getShadowCoordOrtho(mat4 shadowMatrix, vec3 shadowParams, vec3 wPos) {
 844 |                dShadowCoord = (shadowMatrix * vec4(wPos, 1.0)).xyz;
 845 |                dShadowCoord.z = saturate(dShadowCoord.z) - 0.0001;
 846 |             }
 847 |             void _getShadowCoordPersp(mat4 shadowMatrix, vec4 shadowParams, vec3 wPos) {
 848 |                vec4 projPos = shadowMatrix * vec4(wPos, 1.0);
 849 |                projPos.xy /= projPos.w;
 850 |                dShadowCoord.xy = projPos.xy;
 851 |                dShadowCoord.z = length(dLightDirW) * shadowParams.w;
 852 |             }
 853 |             void getShadowCoordOrtho(mat4 shadowMatrix, vec3 shadowParams) {
 854 |                _getShadowCoordOrtho(shadowMatrix, shadowParams, vPositionW);
 855 |             }
 856 |             void getShadowCoordPersp(mat4 shadowMatrix, vec4 shadowParams) {
 857 |                _getShadowCoordPersp(shadowMatrix, shadowParams, vPositionW);
 858 |             }
 859 |             void getShadowCoordPerspNormalOffset(mat4 shadowMatrix, vec4 shadowParams) {
 860 |                float distScale = abs(dot(vPositionW - dLightPosW, dLightDirNormW));
 861 |                vec3 wPos = vPositionW + dVertexNormalW * shadowParams.y * clamp(1.0 - dot(dVertexNormalW, -dLightDirNormW), 0.0, 1.0) * distScale;
 862 |                _getShadowCoordPersp(shadowMatrix, shadowParams, wPos);
 863 |             }
 864 |             void getShadowCoordOrthoNormalOffset(mat4 shadowMatrix, vec3 shadowParams) {
 865 |                vec3 wPos = vPositionW + dVertexNormalW * shadowParams.y * clamp(1.0 - dot(dVertexNormalW, -dLightDirNormW), 0.0, 1.0);
 866 |                _getShadowCoordOrtho(shadowMatrix, shadowParams, wPos);
 867 |             }
 868 |             void normalOffsetPointShadow(vec4 shadowParams) {
 869 |                float distScale = length(dLightDirW);
 870 |                vec3 wPos = vPositionW + dVertexNormalW * shadowParams.y * clamp(1.0 - dot(dVertexNormalW, -dLightDirNormW), 0.0, 1.0) * distScale;
 871 |                vec3 dir = wPos - dLightPosW;
 872 |                dLightDirW = dir;
 873 |             }
 874 |             void _getShadowCoordPerspZbuffer(mat4 shadowMatrix, vec4 shadowParams, vec3 wPos) {
 875 |                vec4 projPos = shadowMatrix * vec4(wPos, 1.0);
 876 |                projPos.xyz /= projPos.w;
 877 |                dShadowCoord = projPos.xyz;
 878 |             }
 879 |             void getShadowCoordPerspZbufferNormalOffset(mat4 shadowMatrix, vec4 shadowParams) {
 880 |                vec3 wPos = vPositionW + dVertexNormalW * shadowParams.y;
 881 |                _getShadowCoordPerspZbuffer(shadowMatrix, shadowParams, wPos);
 882 |             }
 883 |             void getShadowCoordPerspZbuffer(mat4 shadowMatrix, vec4 shadowParams) {
 884 |                _getShadowCoordPerspZbuffer(shadowMatrix, shadowParams, vPositionW);
 885 |             }
 886 |             float getLightDiffuse() {
 887 |                return max(dot(dNormalW, -dLightDirNormW), 0.0);
 888 |             }
 889 |             mat3 transposeMat3( const in mat3 m ) {
 890 |                mat3 tmp;
 891 |                tmp[ 0 ] = vec3( m[ 0 ].x, m[ 1 ].x, m[ 2 ].x );
 892 |                tmp[ 1 ] = vec3( m[ 0 ].y, m[ 1 ].y, m[ 2 ].y );
 893 |                tmp[ 2 ] = vec3( m[ 0 ].z, m[ 1 ].z, m[ 2 ].z );
 894 |                return tmp;
 895 |             }
 896 |             vec2 LTC_Uv( const in vec3 N, const in vec3 V, const in float roughness ) {
 897 |                const float LUT_SIZE = 64.0;
 898 |                const float LUT_SCALE = ( LUT_SIZE - 1.0 ) / LUT_SIZE;
 899 |                const float LUT_BIAS = 0.5 / LUT_SIZE;
 900 |                float dotNV = saturate( dot( N, V ) );
 901 |                vec2 uv = vec2( roughness, sqrt( 1.0 - dotNV ) );
 902 |                uv = uv * LUT_SCALE + LUT_BIAS;
 903 |                return uv;
 904 |             }
 905 |             float LTC_ClippedSphereFormFactor( const in vec3 f ) {
 906 |                float l = length( f );
 907 |                return max( ( l * l + f.z ) / ( l + 1.0 ), 0.0 );
 908 |             }
 909 |             vec3 LTC_EdgeVectorFormFactor( const in vec3 v1, const in vec3 v2 ) {
 910 |                float x = dot( v1, v2 );
 911 |                float y = abs( x );
 912 |                float a = 0.8543985 + ( 0.4965155 + 0.0145206 * y ) * y;
 913 |                float b = 3.4175940 + ( 4.1616724 + y ) * y;
 914 |                float v = a / b;
 915 |                float theta_sintheta = ( x > 0.0 ) ? v : 0.5 * inversesqrt( max( 1.0 - x * x, 1e-7 ) ) - v;
 916 |                return cross( v1, v2 ) * theta_sintheta;
 917 |             }
 918 |             struct Coords {
 919 |                vec3 coord0;
 920 |                vec3 coord1;
 921 |                vec3 coord2;
 922 |                vec3 coord3;
 923 |             };
 924 |             float LTC_EvaluateRect( const in vec3 N, const in vec3 V, const in vec3 P, const in mat3 mInv, const in Coords rectCoords) {
 925 |                vec3 v1 = rectCoords.coord1 - rectCoords.coord0;
 926 |                vec3 v2 = rectCoords.coord3 - rectCoords.coord0;
 927 |                vec3 lightNormal = cross( v1, v2 );
 928 |                float factor = sign(-dot( lightNormal, P - rectCoords.coord0 ));
 929 |                vec3 T1, T2;
 930 |                T1 = normalize( V - N * dot( V, N ) );
 931 |                T2 = factor * cross( N, T1 );
 932 |                mat3 mat = mInv * transposeMat3( mat3( T1, T2, N ) );
 933 |                vec3 coords[ 4 ];
 934 |                coords[ 0 ] = mat * ( rectCoords.coord0 - P );
 935 |                coords[ 1 ] = mat * ( rectCoords.coord1 - P );
 936 |                coords[ 2 ] = mat * ( rectCoords.coord2 - P );
 937 |                coords[ 3 ] = mat * ( rectCoords.coord3 - P );
 938 |                coords[ 0 ] = normalize( coords[ 0 ] );
 939 |                coords[ 1 ] = normalize( coords[ 1 ] );
 940 |                coords[ 2 ] = normalize( coords[ 2 ] );
 941 |                coords[ 3 ] = normalize( coords[ 3 ] );
 942 |                vec3 vectorFormFactor = vec3( 0.0 );
 943 |                vectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 0 ], coords[ 1 ] );
 944 |                vectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 1 ], coords[ 2 ] );
 945 |                vectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 2 ], coords[ 3 ] );
 946 |                vectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 3 ], coords[ 0 ] );
 947 |                float result = LTC_ClippedSphereFormFactor( vectorFormFactor );
 948 |                return result;
 949 |             }
 950 |             Coords dLTCCoords;
 951 |             Coords getLTCLightCoords(vec3 lightPos, vec3 halfWidth, vec3 halfHeight) {
 952 |                Coords coords;
 953 |                coords.coord0 = lightPos + halfWidth - halfHeight;
 954 |                coords.coord1 = lightPos - halfWidth - halfHeight;
 955 |                coords.coord2 = lightPos - halfWidth + halfHeight;
 956 |                coords.coord3 = lightPos + halfWidth + halfHeight;
 957 |                return coords;
 958 |             }
 959 |             float dSphereRadius;
 960 |             Coords getSphereLightCoords(vec3 lightPos, vec3 halfWidth, vec3 halfHeight) {
 961 |                dSphereRadius = max(length(halfWidth), length(halfHeight));
 962 |                vec3 f = reflect(normalize(lightPos - view_position), vNormalW);
 963 |                vec3 w = normalize(cross(f, halfHeight));
 964 |                vec3 h = normalize(cross(f, w));
 965 |                return getLTCLightCoords(lightPos, w * dSphereRadius, h * dSphereRadius);
 966 |             }
 967 |             vec2 dLTCUV;
 968 |             vec2 getLTCLightUV(float tGlossiness, vec3 tNormalW) {
 969 |                float roughness = max((1.0 - tGlossiness) * (1.0 - tGlossiness), 0.001);
 970 |                return LTC_Uv( tNormalW, dViewDirW, roughness );
 971 |             }
 972 |             vec3 dLTCSpecFres;
 973 |             vec3 getLTCLightSpecFres(vec2 uv, vec3 tSpecularity) {
 974 |                vec4 t2 = texture2DLodEXT(areaLightsLutTex2, uv, 0.0);
 975 |                return tSpecularity * t2.x + ( vec3( 1.0 ) - tSpecularity) * t2.y;
 976 |             }
 977 |             void calcLTCLightValues() {
 978 |                dLTCUV = getLTCLightUV(dGlossiness, dNormalW);
 979 |                dLTCSpecFres = getLTCLightSpecFres(dLTCUV, dSpecularity);
 980 |             }
 981 |             void calcRectLightValues(vec3 lightPos, vec3 halfWidth, vec3 halfHeight) {
 982 |                dLTCCoords = getLTCLightCoords(lightPos, halfWidth, halfHeight);
 983 |             }
 984 |             void calcDiskLightValues(vec3 lightPos, vec3 halfWidth, vec3 halfHeight) {
 985 |                calcRectLightValues(lightPos, halfWidth, halfHeight);
 986 |             }
 987 |             void calcSphereLightValues(vec3 lightPos, vec3 halfWidth, vec3 halfHeight) {
 988 |                dLTCCoords = getSphereLightCoords(lightPos, halfWidth, halfHeight);
 989 |             }
 990 |             vec3 SolveCubic(vec4 Coefficient) {
 991 |                float pi = 3.14159;
 992 |                Coefficient.xyz /= Coefficient.w;
 993 |                Coefficient.yz /= 3.0;
 994 |                float A = Coefficient.w;
 995 |                float B = Coefficient.z;
 996 |                float C = Coefficient.y;
 997 |                float D = Coefficient.x;
 998 |                vec3 Delta = vec3(
 999 |                -Coefficient.z * Coefficient.z + Coefficient.y, -Coefficient.y * Coefficient.z + Coefficient.x, dot(vec2(Coefficient.z, -Coefficient.y), Coefficient.xy)
1000 |                );
1001 |                float Discriminant = dot(vec2(4.0 * Delta.x, -Delta.y), Delta.zy);
1002 |                vec3 RootsA, RootsD;
1003 |                vec2 xlc, xsc; {
1004 |                   float A_a = 1.0;
1005 |                   float C_a = Delta.x;
1006 |                   float D_a = -2.0 * B * Delta.x + Delta.y;
1007 |                   float Theta = atan(sqrt(Discriminant), -D_a) / 3.0;
1008 |                   float x_1a = 2.0 * sqrt(-C_a) * cos(Theta);
1009 |                   float x_3a = 2.0 * sqrt(-C_a) * cos(Theta + (2.0 / 3.0) * pi);
1010 |                   float xl;
1011 |                   if ((x_1a + x_3a) > 2.0 * B)
1012 |                   xl = x_1a;
1013 |                   else
1014 |                   xl = x_3a;
1015 |                   xlc = vec2(xl - B, A);
1016 |                }
1017 |             {
1018 |                   float A_d = D;
1019 |                   float C_d = Delta.z;
1020 |                   float D_d = -D * Delta.y + 2.0 * C * Delta.z;
1021 |                   float Theta = atan(D * sqrt(Discriminant), -D_d) / 3.0;
1022 |                   float x_1d = 2.0 * sqrt(-C_d) * cos(Theta);
1023 |                   float x_3d = 2.0 * sqrt(-C_d) * cos(Theta + (2.0 / 3.0) * pi);
1024 |                   float xs;
1025 |                   if (x_1d + x_3d < 2.0 * C)
1026 |                   xs = x_1d;
1027 |                   else
1028 |                   xs = x_3d;
1029 |                   xsc = vec2(-D, xs + C);
1030 |                }
1031 |                float E = xlc.y * xsc.y;
1032 |                float F = -xlc.x * xsc.y - xlc.y * xsc.x;
1033 |                float G = xlc.x * xsc.x;
1034 |                vec2 xmc = vec2(C * F - B * G, -B * F + C * E);
1035 |                vec3 Root = vec3(xsc.x / xsc.y, xmc.x / xmc.y, xlc.x / xlc.y);
1036 |                if (Root.x < Root.y && Root.x < Root.z)
1037 |                Root.xyz = Root.yxz;
1038 |                else if (Root.z < Root.x && Root.z < Root.y)
1039 |                Root.xyz = Root.xzy;
1040 |                return Root;
1041 |             }
1042 |             float LTC_EvaluateDisk(vec3 N, vec3 V, vec3 P, mat3 Minv, Coords points) {
1043 |                vec3 T1, T2;
1044 |                T1 = normalize(V - N * dot(V, N));
1045 |                T2 = cross(N, T1);
1046 |                mat3 R = transposeMat3( mat3( T1, T2, N ) );
1047 |                vec3 L_[ 3 ];
1048 |                L_[ 0 ] = R * ( points.coord0 - P );
1049 |                L_[ 1 ] = R * ( points.coord1 - P );
1050 |                L_[ 2 ] = R * ( points.coord2 - P );
1051 |                vec3 Lo_i = vec3(0);
1052 |                vec3 C = 0.5 * (L_[0] + L_[2]);
1053 |                vec3 V1 = 0.5 * (L_[1] - L_[2]);
1054 |                vec3 V2 = 0.5 * (L_[1] - L_[0]);
1055 |                C = Minv * C;
1056 |                V1 = Minv * V1;
1057 |                V2 = Minv * V2;
1058 |                float a, b;
1059 |                float d11 = dot(V1, V1);
1060 |                float d22 = dot(V2, V2);
1061 |                float d12 = dot(V1, V2);
1062 |                if (abs(d12) / sqrt(d11 * d22) > 0.0001) {
1063 |                   float tr = d11 + d22;
1064 |                   float det = -d12 * d12 + d11 * d22;
1065 |                   det = sqrt(det);
1066 |                   float u = 0.5 * sqrt(tr - 2.0 * det);
1067 |                   float v = 0.5 * sqrt(tr + 2.0 * det);
1068 |                   float e_max = (u + v) * (u + v);
1069 |                   float e_min = (u - v) * (u - v);
1070 |                   vec3 V1_, V2_;
1071 |                   if (d11 > d22) {
1072 |                         V1_ = d12 * V1 + (e_max - d11) * V2;
1073 |                         V2_ = d12 * V1 + (e_min - d11) * V2;
1074 |                   }
1075 |                   else {
1076 |                         V1_ = d12*V2 + (e_max - d22)*V1;
1077 |                         V2_ = d12*V2 + (e_min - d22)*V1;
1078 |                   }
1079 |                   a = 1.0 / e_max;
1080 |                   b = 1.0 / e_min;
1081 |                   V1 = normalize(V1_);
1082 |                   V2 = normalize(V2_);
1083 |                }
1084 |                else {
1085 |                   a = 1.0 / dot(V1, V1);
1086 |                   b = 1.0 / dot(V2, V2);
1087 |                   V1 *= sqrt(a);
1088 |                   V2 *= sqrt(b);
1089 |                }
1090 |                vec3 V3 = cross(V1, V2);
1091 |                if (dot(C, V3) < 0.0)
1092 |                V3 *= -1.0;
1093 |                float L = dot(V3, C);
1094 |                float x0 = dot(V1, C) / L;
1095 |                float y0 = dot(V2, C) / L;
1096 |                float E1 = inversesqrt(a);
1097 |                float E2 = inversesqrt(b);
1098 |                a *= L * L;
1099 |                b *= L * L;
1100 |                float c0 = a * b;
1101 |                float c1 = a * b * (1.0 + x0 * x0 + y0 * y0) - a - b;
1102 |                float c2 = 1.0 - a * (1.0 + x0 * x0) - b * (1.0 + y0 * y0);
1103 |                float c3 = 1.0;
1104 |                vec3 roots = SolveCubic(vec4(c0, c1, c2, c3));
1105 |                float e1 = roots.x;
1106 |                float e2 = roots.y;
1107 |                float e3 = roots.z;
1108 |                vec3 avgDir = vec3(a * x0 / (a - e2), b * y0 / (b - e2), 1.0);
1109 |                mat3 rotate = mat3(V1, V2, V3);
1110 |                avgDir = rotate * avgDir;
1111 |                avgDir = normalize(avgDir);
1112 |                float L1 = sqrt(-e2 / e3);
1113 |                float L2 = sqrt(-e2 / e1);
1114 |                float formFactor = L1 * L2 * inversesqrt((1.0 + L1 * L1) * (1.0 + L2 * L2));
1115 |                const float LUT_SIZE = 64.0;
1116 |                const float LUT_SCALE = ( LUT_SIZE - 1.0 ) / LUT_SIZE;
1117 |                const float LUT_BIAS = 0.5 / LUT_SIZE;
1118 |                vec2 uv = vec2(avgDir.z * 0.5 + 0.5, formFactor);
1119 |                uv = uv*LUT_SCALE + LUT_BIAS;
1120 |                float scale = texture2DLodEXT(areaLightsLutTex2, uv, 0.0).w;
1121 |                return formFactor*scale;
1122 |             }
1123 |             float getRectLightDiffuse() {
1124 |                return LTC_EvaluateRect( dNormalW, dViewDirW, vPositionW, mat3( 1.0 ), dLTCCoords );
1125 |             }
1126 |             float getDiskLightDiffuse() {
1127 |                return LTC_EvaluateDisk( dNormalW, dViewDirW, vPositionW, mat3( 1.0 ), dLTCCoords );
1128 |             }
1129 |             float getSphereLightDiffuse() {
1130 |                float falloff = dSphereRadius / (dot(dLightDirW, dLightDirW) + dSphereRadius);
1131 |                return getLightDiffuse()*falloff;
1132 |             }
1133 |             mat3 getLTCLightInvMat(vec2 uv) {
1134 |                vec4 t1 = texture2DLodEXT(areaLightsLutTex1, uv, 0.0);
1135 |                return mat3(
1136 |                vec3( t1.x, 0, t1.y ), vec3(    0, 1, 0 ), vec3( t1.z, 0, t1.w )
1137 |                );
1138 |             }
1139 |             float calcRectLightSpecular(vec3 tNormalW, vec2 uv) {
1140 |                mat3 mInv = getLTCLightInvMat(uv);
1141 |                return LTC_EvaluateRect( tNormalW, dViewDirW, vPositionW, mInv, dLTCCoords );
1142 |             }
1143 |             float getRectLightSpecular() {
1144 |                return calcRectLightSpecular(dNormalW, dLTCUV);
1145 |             }
1146 |             float calcDiskLightSpecular(vec3 tNormalW, vec2 uv) {
1147 |                mat3 mInv = getLTCLightInvMat(uv);
1148 |                return LTC_EvaluateDisk( tNormalW, dViewDirW, vPositionW, mInv, dLTCCoords );
1149 |             }
1150 |             float getDiskLightSpecular() {
1151 |                return calcDiskLightSpecular(dNormalW, dLTCUV);
1152 |             }
1153 |             float getSphereLightSpecular() {
1154 |                return calcDiskLightSpecular(dNormalW, dLTCUV);
1155 |             }
1156 |             float calcLightSpecular(float tGlossiness, vec3 tNormalW, vec3 h) {
1157 |                float nh = max( dot( h, tNormalW ), 0.0 );
1158 |                float specPow = exp2(tGlossiness * 11.0);
1159 |                specPow = max(specPow, 0.0001);
1160 |                return pow(nh, specPow) * (specPow + 2.0) / 8.0;
1161 |             }
1162 |             float getLightSpecular(vec3 h) {
1163 |                return calcLightSpecular(dGlossiness, dNormalW, h);
1164 |             }
1165 |             vec3 combineColor() {
1166 |                vec3 ret = vec3(0);
1167 |                ret += dAlbedo * dDiffuseLight;
1168 |                ret += dSpecularLight;
1169 |                ret += dReflection.rgb * dReflection.a;
1170 |                return ret;
1171 |             }
1172 |             void addAmbient() {
1173 |                vec3 dir = normalize(cubeMapRotate(dNormalW) * vec3(-1.0, 1.0, 1.0));
1174 |                vec2 uv = mapUv(toSphericalUv(dir), vec4(128.0, 256.0 + 128.0, 64.0, 32.0) / atlasSize);
1175 |                vec4 raw = texture2D(texture_envAtlas, uv);
1176 |                vec3 linear = decodeRGBP(raw);
1177 |                dDiffuseLight += processEnvironment(linear);
1178 |             }
1179 |             void getViewDir() {
1180 |                dViewDirW = normalize(view_position - vPositionW);
1181 |             }
1182 |             void getReflDir() {
1183 |                dReflDirW = normalize(-reflect(dViewDirW, dNormalW));
1184 |             }
1185 |             float bytes2float2(vec2 data) {
1186 |                return dot(data, vec2(1.0, 1.0 / 255.0));
1187 |             }
1188 |             float bytes2float3(vec3 data) {
1189 |                return dot(data, vec3(1.0, 1.0 / 255.0, 1.0 / 65025.0));
1190 |             }
1191 |             float bytes2float4(vec4 data) {
1192 |                return dot(data, vec4(1.0, 1.0 / 255.0, 1.0 / 65025.0, 1.0 / 16581375.0));
1193 |             }
1194 |             float bytes2floatRange2(vec2 data, float min, float max) {
1195 |                return mix(min, max, bytes2float2(data));
1196 |             }
1197 |             float bytes2floatRange3(vec3 data, float min, float max) {
1198 |                return mix(min, max, bytes2float3(data));
1199 |             }
1200 |             float bytes2floatRange4(vec4 data, float min, float max) {
1201 |                return mix(min, max, bytes2float4(data));
1202 |             }
1203 |             float mantissaExponent2Float(vec4 pack) {
1204 |                float value = bytes2floatRange3(pack.xyz, -1.0, 1.0);
1205 |                float exponent = floor(pack.w * 255.0 - 127.0);
1206 |                return value * exp2(exponent);
1207 |             }
1208 |             #define CLUSTER_MESH_DYNAMIC_LIGHTS
1209 |             #define CLUSTER_SHADOWS
1210 |             #define CLUSTER_SHADOW_TYPE_PCF3
1211 |             #define CLUSTER_AREALIGHTS
1212 | 
1213 |             #define CLUSTER_TEXTURE_FLOAT
1214 | 
1215 |             #define CLUSTER_TEXTURE_8_FLAGS 0
1216 |             #define CLUSTER_TEXTURE_8_COLOR_A 1
1217 |             #define CLUSTER_TEXTURE_8_COLOR_B 2
1218 |             #define CLUSTER_TEXTURE_8_SPOT_ANGLES 3
1219 |             #define CLUSTER_TEXTURE_8_SHADOW_BIAS 4
1220 |             #define CLUSTER_TEXTURE_8_COOKIE_A 5
1221 |             #define CLUSTER_TEXTURE_8_COOKIE_B 6
1222 |             #define CLUSTER_TEXTURE_8_COUNT_ALWAYS 7
1223 |             #define CLUSTER_TEXTURE_8_POSITION_X 7
1224 |             #define CLUSTER_TEXTURE_8_POSITION_Y 8
1225 |             #define CLUSTER_TEXTURE_8_POSITION_Z 9
1226 |             #define CLUSTER_TEXTURE_8_RANGE 10
1227 |             #define CLUSTER_TEXTURE_8_SPOT_DIRECTION_X 11
1228 |             #define CLUSTER_TEXTURE_8_SPOT_DIRECTION_Y 12
1229 |             #define CLUSTER_TEXTURE_8_SPOT_DIRECTION_Z 13
1230 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_00 14
1231 |             #define CLUSTER_TEXTURE_8_ATLAS_VIEWPORT_A 14
1232 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_01 15
1233 |             #define CLUSTER_TEXTURE_8_ATLAS_VIEWPORT_B 15
1234 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_02 16
1235 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_03 17
1236 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_10 18
1237 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_11 19
1238 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_12 20
1239 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_13 21
1240 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_20 22
1241 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_21 23
1242 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_22 24
1243 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_23 25
1244 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_30 26
1245 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_31 27
1246 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_32 28
1247 |             #define CLUSTER_TEXTURE_8_PROJ_MAT_33 29
1248 |             #define CLUSTER_TEXTURE_8_AREA_DATA_WIDTH_X 30
1249 |             #define CLUSTER_TEXTURE_8_AREA_DATA_WIDTH_Y 31
1250 |             #define CLUSTER_TEXTURE_8_AREA_DATA_WIDTH_Z 32
1251 |             #define CLUSTER_TEXTURE_8_AREA_DATA_HEIGHT_X 33
1252 |             #define CLUSTER_TEXTURE_8_AREA_DATA_HEIGHT_Y 34
1253 |             #define CLUSTER_TEXTURE_8_AREA_DATA_HEIGHT_Z 35
1254 |             #define CLUSTER_TEXTURE_8_COUNT 36
1255 | 
1256 |             #define CLUSTER_TEXTURE_F_POSITION_RANGE 0
1257 |             #define CLUSTER_TEXTURE_F_SPOT_DIRECTION 1
1258 |             #define CLUSTER_TEXTURE_F_PROJ_MAT_0 2
1259 |             #define CLUSTER_TEXTURE_F_ATLAS_VIEWPORT 2
1260 |             #define CLUSTER_TEXTURE_F_PROJ_MAT_1 3
1261 |             #define CLUSTER_TEXTURE_F_PROJ_MAT_2 4
1262 |             #define CLUSTER_TEXTURE_F_PROJ_MAT_3 5
1263 |             #define CLUSTER_TEXTURE_F_AREA_DATA_WIDTH 6
1264 |             #define CLUSTER_TEXTURE_F_AREA_DATA_HEIGHT 7
1265 |             #define CLUSTER_TEXTURE_F_COUNT 8
1266 | 
1267 | 
1268 |             float getShadowOmniClusteredPCF3(sampler2DShadow shadowMap, vec4 shadowParams, vec3 omniAtlasViewport, float shadowEdgePixels, vec3 dir) {
1269 |                float shadowTextureResolution = shadowParams.x;
1270 |                vec2 uv = getCubemapAtlasCoordinates(omniAtlasViewport, shadowEdgePixels, shadowTextureResolution, dir);
1271 |                float shadowZ = length(dir) * shadowParams.w + shadowParams.z;
1272 |                dShadowCoord = vec3(uv, shadowZ);
1273 |                return getShadowPCF3x3(shadowMap, shadowParams.xyz);
1274 |             }
1275 |             float getShadowSpotClusteredPCF3(sampler2DShadow shadowMap, vec4 shadowParams) {
1276 |                return getShadowSpotPCF3x3(shadowMap, shadowParams);
1277 |             }
1278 |             uniform sampler2D clusterWorldTexture;
1279 |             uniform sampler2D lightsTexture8;
1280 |             uniform highp sampler2D lightsTextureFloat;
1281 |             #define CLUSTER_COOKIES_OR_SHADOWS
1282 | 
1283 |             uniform sampler2DShadow shadowAtlasTexture;
1284 |             uniform int clusterMaxCells;
1285 |             uniform float clusterPixelsPerCell;
1286 |             uniform vec3 clusterCellsCountByBoundsSize;
1287 |             uniform vec3 clusterTextureSize;
1288 |             uniform vec3 clusterBoundsMin;
1289 |             uniform vec3 clusterBoundsDelta;
1290 |             uniform vec3 clusterCellsDot;
1291 |             uniform vec3 clusterCellsMax;
1292 |             uniform vec2 clusterCompressionLimit0;
1293 |             uniform vec2 shadowAtlasParams;
1294 |             struct ClusterLightData {
1295 |                int lightIndex;
1296 |                float type;
1297 |                float shape;
1298 |                vec3 halfWidth;
1299 |                vec3 halfHeight;
1300 |                float falloffMode;
1301 |                float shadowIntensity;
1302 |                float shadowBias;
1303 |                float shadowNormalBias;
1304 |                vec3 position;
1305 |                vec3 direction;
1306 |                float range;
1307 |                float innerConeAngleCos;
1308 |                float outerConeAngleCos;
1309 |                vec3 color;
1310 |                vec3 omniAtlasViewport;
1311 |                float cookie;
1312 |                float cookieRgb;
1313 |                float cookieIntensity;
1314 |                vec4 cookieChannelMask;
1315 |                float mask;
1316 |             };
1317 |             mat4 lightProjectionMatrix;
1318 |             #define isClusteredLightCastShadow(light) ( light.shadowIntensity > 0.0 )
1319 |             #define isClusteredLightCookie(light) (light.cookie > 0.5 )
1320 |             #define isClusteredLightCookieRgb(light) (light.cookieRgb > 0.5 )
1321 |             #define isClusteredLightSpot(light) ( light.type > 0.5 )
1322 |             #define isClusteredLightFalloffLinear(light) ( light.falloffMode < 0.5 )
1323 |             #define isClusteredLightArea(light) ( light.shape > 0.1 )
1324 |             #define isClusteredLightRect(light) ( light.shape < 0.3 )
1325 |             #define isClusteredLightDisk(light) ( light.shape < 0.6 )
1326 |             #define acceptLightMask(light) ( light.mask < 0.75)
1327 | 
1328 |             vec4 decodeClusterLowRange4Vec4(vec4 d0, vec4 d1, vec4 d2, vec4 d3) {
1329 |                return vec4(
1330 |                bytes2floatRange4(d0, -2.0, 2.0), bytes2floatRange4(d1, -2.0, 2.0), bytes2floatRange4(d2, -2.0, 2.0), bytes2floatRange4(d3, -2.0, 2.0)
1331 |                );
1332 |             }
1333 |             vec4 sampleLightsTexture8(const ClusterLightData clusterLightData, int index) {
1334 |                return texelFetch(lightsTexture8, ivec2(index, clusterLightData.lightIndex), 0);
1335 |             }
1336 |             vec4 sampleLightTextureF(const ClusterLightData clusterLightData, int index) {
1337 |                return texelFetch(lightsTextureFloat, ivec2(index, clusterLightData.lightIndex), 0);
1338 |             }
1339 |             void decodeClusterLightCore(inout ClusterLightData clusterLightData, float lightIndex) {
1340 |                clusterLightData.lightIndex = int(lightIndex);
1341 |                vec4 lightInfo = sampleLightsTexture8(clusterLightData, CLUSTER_TEXTURE_8_FLAGS);
1342 |                clusterLightData.type = lightInfo.x;
1343 |                clusterLightData.shape = lightInfo.y;
1344 |                clusterLightData.falloffMode = lightInfo.z;
1345 |                clusterLightData.shadowIntensity = lightInfo.w;
1346 |                vec4 colorA = sampleLightsTexture8(clusterLightData, CLUSTER_TEXTURE_8_COLOR_A);
1347 |                vec4 colorB = sampleLightsTexture8(clusterLightData, CLUSTER_TEXTURE_8_COLOR_B);
1348 |                clusterLightData.color = vec3(bytes2float2(colorA.xy), bytes2float2(colorA.zw), bytes2float2(colorB.xy)) * clusterCompressionLimit0.y;
1349 |                clusterLightData.cookie = colorB.z;
1350 |                clusterLightData.mask = colorB.w;
1351 |                vec4 lightPosRange = sampleLightTextureF(clusterLightData, CLUSTER_TEXTURE_F_POSITION_RANGE);
1352 |                clusterLightData.position = lightPosRange.xyz;
1353 |                clusterLightData.range = lightPosRange.w;
1354 |                vec4 lightDir_Unused = sampleLightTextureF(clusterLightData, CLUSTER_TEXTURE_F_SPOT_DIRECTION);
1355 |                clusterLightData.direction = lightDir_Unused.xyz;
1356 |             }
1357 |             void decodeClusterLightSpot(inout ClusterLightData clusterLightData) {
1358 |                vec4 coneAngle = sampleLightsTexture8(clusterLightData, CLUSTER_TEXTURE_8_SPOT_ANGLES);
1359 |                clusterLightData.innerConeAngleCos = bytes2float2(coneAngle.xy) * 2.0 - 1.0;
1360 |                clusterLightData.outerConeAngleCos = bytes2float2(coneAngle.zw) * 2.0 - 1.0;
1361 |             }
1362 |             void decodeClusterLightOmniAtlasViewport(inout ClusterLightData clusterLightData) {
1363 |                clusterLightData.omniAtlasViewport = sampleLightTextureF(clusterLightData, CLUSTER_TEXTURE_F_PROJ_MAT_0).xyz;
1364 |             }
1365 |             void decodeClusterLightAreaData(inout ClusterLightData clusterLightData) {
1366 |                clusterLightData.halfWidth = sampleLightTextureF(clusterLightData, CLUSTER_TEXTURE_F_AREA_DATA_WIDTH).xyz;
1367 |                clusterLightData.halfHeight = sampleLightTextureF(clusterLightData, CLUSTER_TEXTURE_F_AREA_DATA_HEIGHT).xyz;
1368 |             }
1369 |             void decodeClusterLightProjectionMatrixData(inout ClusterLightData clusterLightData) {
1370 |                vec4 m0 = sampleLightTextureF(clusterLightData, CLUSTER_TEXTURE_F_PROJ_MAT_0);
1371 |                vec4 m1 = sampleLightTextureF(clusterLightData, CLUSTER_TEXTURE_F_PROJ_MAT_1);
1372 |                vec4 m2 = sampleLightTextureF(clusterLightData, CLUSTER_TEXTURE_F_PROJ_MAT_2);
1373 |                vec4 m3 = sampleLightTextureF(clusterLightData, CLUSTER_TEXTURE_F_PROJ_MAT_3);
1374 |                lightProjectionMatrix = mat4(m0, m1, m2, m3);
1375 |             }
1376 |             void decodeClusterLightShadowData(inout ClusterLightData clusterLightData) {
1377 |                vec4 biases = sampleLightsTexture8(clusterLightData, CLUSTER_TEXTURE_8_SHADOW_BIAS);
1378 |                clusterLightData.shadowBias = bytes2floatRange2(biases.xy, -1.0, 20.0), clusterLightData.shadowNormalBias = bytes2float2(biases.zw);
1379 |             }
1380 |             void decodeClusterLightCookieData(inout ClusterLightData clusterLightData) {
1381 |                vec4 cookieA = sampleLightsTexture8(clusterLightData, CLUSTER_TEXTURE_8_COOKIE_A);
1382 |                clusterLightData.cookieIntensity = cookieA.x;
1383 |                clusterLightData.cookieRgb = cookieA.y;
1384 |                clusterLightData.cookieChannelMask = sampleLightsTexture8(clusterLightData, CLUSTER_TEXTURE_8_COOKIE_B);
1385 |             }
1386 |             void evaluateLight(ClusterLightData light) {
1387 |                dAtten3 = vec3(1.0);
1388 |                getLightDirPoint(light.position);
1389 |                if (isClusteredLightArea(light)) {
1390 |                   decodeClusterLightAreaData(light);
1391 |                   if (isClusteredLightRect(light)) {
1392 |                         calcRectLightValues(light.position, light.halfWidth, light.halfHeight);
1393 |                   }
1394 |                   else if (isClusteredLightDisk(light)) {
1395 |                         calcDiskLightValues(light.position, light.halfWidth, light.halfHeight);
1396 |                   }
1397 |                   else {
1398 |                         calcSphereLightValues(light.position, light.halfWidth, light.halfHeight);
1399 |                   }
1400 |                   dAtten = getFalloffWindow(light.range);
1401 |                }
1402 |                else {
1403 |                   if (isClusteredLightFalloffLinear(light))
1404 |                   dAtten = getFalloffLinear(light.range);
1405 |                   else
1406 |                   dAtten = getFalloffInvSquared(light.range);
1407 |                }
1408 |                if (dAtten > 0.00001) {
1409 |                   if (isClusteredLightArea(light)) {
1410 |                         if (isClusteredLightRect(light)) {
1411 |                            dAttenD = getRectLightDiffuse() * 16.0;
1412 |                         }
1413 |                         else if (isClusteredLightDisk(light)) {
1414 |                            dAttenD = getDiskLightDiffuse() * 16.0;
1415 |                         }
1416 |                         else {
1417 |                            dAttenD = getSphereLightDiffuse() * 16.0;
1418 |                         }
1419 |                   }
1420 |                   else {
1421 |                         dAtten *= getLightDiffuse();
1422 |                   }
1423 |                   if (isClusteredLightSpot(light)) {
1424 |                         decodeClusterLightSpot(light);
1425 |                         dAtten *= getSpotEffect(light.direction, light.innerConeAngleCos, light.outerConeAngleCos);
1426 |                   }
1427 |                   if (dAtten > 0.00001) {
1428 |                         if (isClusteredLightCastShadow(light) || isClusteredLightCookie(light)) {
1429 |                            if (isClusteredLightSpot(light)) {
1430 |                               decodeClusterLightProjectionMatrixData(light);
1431 |                            }
1432 |                            else {
1433 |                               decodeClusterLightOmniAtlasViewport(light);
1434 |                            }
1435 |                            float shadowTextureResolution = shadowAtlasParams.x;
1436 |                            float shadowEdgePixels = shadowAtlasParams.y;
1437 |                            if (isClusteredLightCastShadow(light)) {
1438 |                               decodeClusterLightShadowData(light);
1439 |                               vec4 shadowParams = vec4(shadowTextureResolution, light.shadowNormalBias, light.shadowBias, 1.0 / light.range);
1440 |                               if (isClusteredLightSpot(light)) {
1441 |                                     getShadowCoordPerspZbufferNormalOffset(lightProjectionMatrix, shadowParams);
1442 |                                     float shadow = getShadowSpotClusteredPCF3(shadowAtlasTexture, shadowParams);
1443 |                                     dAtten *= mix(1.0, shadow, light.shadowIntensity);
1444 |                               }
1445 |                               else {
1446 |                                     normalOffsetPointShadow(shadowParams);
1447 |                                     float shadow = getShadowOmniClusteredPCF3(shadowAtlasTexture, shadowParams, light.omniAtlasViewport, shadowEdgePixels, dLightDirW);
1448 |                                     dAtten *= mix(1.0, shadow, light.shadowIntensity);
1449 |                               }
1450 |                            }
1451 |                         }
1452 |                   }
1453 |                   if (isClusteredLightArea(light)) {
1454 |                   {
1455 |                            vec3 areaDiffuse = (dAttenD * dAtten) * light.color * dAtten3;
1456 |                            areaDiffuse = mix(areaDiffuse, vec3(0), dLTCSpecFres);
1457 |                            dDiffuseLight += areaDiffuse;
1458 |                         }
1459 |                         float areaLightSpecular;
1460 |                         if (isClusteredLightRect(light)) {
1461 |                            areaLightSpecular = getRectLightSpecular();
1462 |                         }
1463 |                         else if (isClusteredLightDisk(light)) {
1464 |                            areaLightSpecular = getDiskLightSpecular();
1465 |                         }
1466 |                         else {
1467 |                            areaLightSpecular = getSphereLightSpecular();
1468 |                         }
1469 |                         dSpecularLight += dLTCSpecFres * areaLightSpecular * dAtten * light.color * dAtten3;
1470 |                   }
1471 |                   else {
1472 |                   {
1473 |                            vec3 punctualDiffuse = dAtten * light.color * dAtten3;
1474 |                            punctualDiffuse = mix(punctualDiffuse, vec3(0), dSpecularity);
1475 |                            dDiffuseLight += punctualDiffuse;
1476 |                         }
1477 |                         vec3 halfDir = normalize(-dLightDirNormW + dViewDirW);
1478 |                         dSpecularLight += getLightSpecular(halfDir) * dAtten * light.color * dAtten3 * getFresnel(dot(dViewDirW, halfDir), dSpecularity);
1479 |                   }
1480 |                }
1481 |             }
1482 |             void evaluateClusterLight(float lightIndex) {
1483 |                ClusterLightData clusterLightData;
1484 |                decodeClusterLightCore(clusterLightData, lightIndex);
1485 |                if (acceptLightMask(clusterLightData))
1486 |                evaluateLight(clusterLightData);
1487 |             }
1488 |             void addClusteredLights() {
1489 |                vec3 cellCoords = floor((vPositionW - clusterBoundsMin) * clusterCellsCountByBoundsSize);
1490 |                if (!(any(lessThan(cellCoords, vec3(0.0))) || any(greaterThanEqual(cellCoords, clusterCellsMax)))) {
1491 |                   float cellIndex = dot(clusterCellsDot, cellCoords);
1492 |                   float clusterV = floor(cellIndex * clusterTextureSize.y);
1493 |                   float clusterU = cellIndex - (clusterV * clusterTextureSize.x);
1494 |                   for (int lightCellIndex = 0; lightCellIndex < clusterMaxCells; lightCellIndex++) {
1495 |                         vec4 lightIndices = texelFetch(clusterWorldTexture, ivec2(int(clusterU) + lightCellIndex, clusterV), 0);
1496 |                         vec4 indices = lightIndices * 255.0;
1497 |                         for (int i = 0; i < 4; i++) {
1498 |                            if (indices.x <= 0.0)
1499 |                               return;
1500 |                            evaluateClusterLight(indices.x);
1501 |                            indices = indices.yzwx;
1502 |                         }
1503 |                   }
1504 |                }
1505 |             }
1506 |             void main(void) {
1507 |                dReflection = vec4(0);
1508 |                dVertexNormalW = normalize(vNormalW);
1509 |                getViewDir();
1510 |                getTBN();
1511 |                getNormal();
1512 |                getAlbedo();
1513 |                getMetalness();
1514 |                getGlossiness();
1515 |                getSpecularity();
1516 |                getEmission();
1517 |                getReflDir();
1518 |                getMetalnessModulate();
1519 |                addAmbient();
1520 |                dDiffuseLight = dDiffuseLight * (1.0 - dSpecularity);
1521 |                addReflection();
1522 |                dReflection.rgb *= getFresnel(dot(dViewDirW, dNormalW), dSpecularity);
1523 |                dSpecularLight *= dSpecularity;
1524 |                calcLTCLightValues();
1525 |                addClusteredLights();
1526 |                dSpecularity = vec3(1);
1527 |                gl_FragColor.rgb = combineColor();
1528 |                gl_FragColor.rgb += dEmission;
1529 |                gl_FragColor.rgb = addFog(gl_FragColor.rgb);
1530 |                gl_FragColor.rgb = toneMap(gl_FragColor.rgb);
1531 |                gl_FragColor.rgb = gammaCorrectOutput(gl_FragColor.rgb);
1532 |                gl_FragColor.a = 1.0 + ${Math.random()};
1533 |             }
1534 |             `;
1535 |          }
1536 | 
1537 |          animate(0);
1538 |       </script>
1539 |    </body>
1540 | </html>


--------------------------------------------------------------------------------