SkyShader.js 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  1. /**
  2. * @author zz85 / https://github.com/zz85
  3. *
  4. * Based on "A Practical Analytic Model for Daylight"
  5. * aka The Preetham Model, the de facto standard analytic skydome model
  6. * http://www.cs.utah.edu/~shirley/papers/sunsky/sunsky.pdf
  7. *
  8. * First implemented by Simon Wallner
  9. * http://www.simonwallner.at/projects/atmospheric-scattering
  10. *
  11. * Improved by Martin Upitis
  12. * http://blenderartists.org/forum/showthread.php?245954-preethams-sky-impementation-HDR
  13. *
  14. * Three.js integration by zz85 http://twitter.com/blurspline
  15. */
  16. THREE.ShaderLib['sky'] = {
  17. uniforms: {
  18. luminance: { type: "f", value:1 },
  19. turbidity: { type: "f", value:2 },
  20. reileigh: { type: "f", value:1 },
  21. mieCoefficient: { type: "f", value:0.005 },
  22. mieDirectionalG: { type: "f", value:0.8 },
  23. sunPosition: { type: "v3", value: new THREE.Vector3() }
  24. },
  25. vertexShader: [
  26. "varying vec3 vWorldPosition;",
  27. "varying vec2 vUv;",
  28. "void main() {",
  29. "vec4 worldPosition = modelMatrix * vec4( position, 1.0 );",
  30. "vWorldPosition = worldPosition.xyz;",
  31. "vUv = uv;",
  32. "gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
  33. "}",
  34. ].join("\n"),
  35. fragmentShader: [
  36. "uniform sampler2D skySampler;",
  37. "uniform vec3 sunPosition;",
  38. "varying vec3 vWorldPosition;",
  39. "varying vec2 vUv;",
  40. "vec3 cameraPos = vec3(0., 0., 0.);",
  41. "// uniform sampler2D sDiffuse;",
  42. "// const float turbidity = 10.0; //",
  43. "// const float reileigh = 2.; //",
  44. "// const float luminance = 1.0; //",
  45. "// const float mieCoefficient = 0.005;",
  46. "// const float mieDirectionalG = 0.8;",
  47. "uniform float luminance;",
  48. "uniform float turbidity;",
  49. "uniform float reileigh;",
  50. "uniform float mieCoefficient;",
  51. "uniform float mieDirectionalG;",
  52. "vec3 sunDirection = normalize(sunPosition);",
  53. "float reileighCoefficient = reileigh;",
  54. "// constants for atmospheric scattering",
  55. "const float e = 2.71828182845904523536028747135266249775724709369995957;",
  56. "const float pi = 3.141592653589793238462643383279502884197169;",
  57. "// mie stuff",
  58. "// K coefficient for the primaries",
  59. "const vec3 K = vec3(0.686, 0.678, 0.666);",
  60. "const float v = 4.0;",
  61. "// optical length at zenith for molecules",
  62. "const float rayleighZenithLength = 8.4E3;",
  63. "const float mieZenithLength = 1.25E3;",
  64. "const vec3 up = vec3(0.0, 1.0, 0.0);",
  65. "const float EE = 1000.0;",
  66. "const float sunAngularDiameterCos = 0.999956676946448443553574619906976478926848692873900859324;",
  67. "// 66 arc seconds -> degrees, and the cosine of that",
  68. "// earth shadow hack",
  69. "const float cutoffAngle = pi/1.95;",
  70. "const float steepness = 1.5;",
  71. "// A simplied version of the total Reayleigh scattering to works on browsers that use ANGLE",
  72. "vec3 totalRayleigh()",
  73. "{",
  74. "return 0.0005 / vec3(94, 40, 18);",
  75. "}",
  76. "float rayleighPhase(float cosTheta)",
  77. "{ ",
  78. "return (3.0 / (16.0*pi)) * (1.0 + pow(cosTheta, 2.0));",
  79. "// return (1.0 / (3.0*pi)) * (1.0 + pow(cosTheta, 2.0));",
  80. "// return (3.0 / 4.0) * (1.0 + pow(cosTheta, 2.0));",
  81. "}",
  82. "vec3 totalMie(vec3 lambda, vec3 K, float T)",
  83. "{",
  84. "float c = (0.2 * T ) * 10E-18;",
  85. "return 0.434 * c * pi * pow((2.0 * pi) / lambda, vec3(v - 2.0)) * K;",
  86. "}",
  87. "float hgPhase(float cosTheta, float g)",
  88. "{",
  89. "return (1.0 / (4.0*pi)) * ((1.0 - pow(g, 2.0)) / pow(1.0 - 2.0*g*cosTheta + pow(g, 2.0), 1.5));",
  90. "}",
  91. "float sunIntensity(float zenithAngleCos)",
  92. "{",
  93. "return EE * max(0.0, 1.0 - exp(-((cutoffAngle - acos(zenithAngleCos))/steepness)));",
  94. "}",
  95. "// float logLuminance(vec3 c)",
  96. "// {",
  97. "// return log(c.r * 0.2126 + c.g * 0.7152 + c.b * 0.0722);",
  98. "// }",
  99. "// Filmic ToneMapping http://filmicgames.com/archives/75",
  100. "float A = 0.15;",
  101. "float B = 0.50;",
  102. "float C = 0.10;",
  103. "float D = 0.20;",
  104. "float E = 0.02;",
  105. "float F = 0.30;",
  106. "float W = 1000.0;",
  107. "vec3 Uncharted2Tonemap(vec3 x)",
  108. "{",
  109. "return ((x*(A*x+C*B)+D*E)/(x*(A*x+B)+D*F))-E/F;",
  110. "}",
  111. "void main() ",
  112. "{",
  113. "float sunfade = 1.0-clamp(1.0-exp((sunPosition.y/450000.0)),0.0,1.0);",
  114. "// luminance = 1.0 ;// vWorldPosition.y / 450000. + 0.5; //sunPosition.y / 450000. * 1. + 0.5;",
  115. "// gl_FragColor = vec4(sunfade, sunfade, sunfade, 1.0);",
  116. "reileighCoefficient = reileighCoefficient - (1.0* (1.0-sunfade));",
  117. "float sunE = sunIntensity(dot(sunDirection, up));",
  118. "// extinction (absorbtion + out scattering) ",
  119. "// rayleigh coefficients",
  120. "vec3 betaR = totalRayleigh() * reileighCoefficient;",
  121. "// mie coefficients",
  122. "vec3 betaM = totalMie(lambda, K, turbidity) * mieCoefficient;",
  123. "// optical length",
  124. "// cutoff angle at 90 to avoid singularity in next formula.",
  125. "float zenithAngle = acos(max(0.0, dot(up, normalize(vWorldPosition - cameraPos))));",
  126. "float sR = rayleighZenithLength / (cos(zenithAngle) + 0.15 * pow(93.885 - ((zenithAngle * 180.0) / pi), -1.253));",
  127. "float sM = mieZenithLength / (cos(zenithAngle) + 0.15 * pow(93.885 - ((zenithAngle * 180.0) / pi), -1.253));",
  128. "// combined extinction factor ",
  129. "vec3 Fex = exp(-(betaR * sR + betaM * sM));",
  130. "// in scattering",
  131. "float cosTheta = dot(normalize(vWorldPosition - cameraPos), sunDirection);",
  132. "float rPhase = rayleighPhase(cosTheta*0.5+0.5);",
  133. "vec3 betaRTheta = betaR * rPhase;",
  134. "float mPhase = hgPhase(cosTheta, mieDirectionalG);",
  135. "vec3 betaMTheta = betaM * mPhase;",
  136. "vec3 Lin = pow(sunE * ((betaRTheta + betaMTheta) / (betaR + betaM)) * (1.0 - Fex),vec3(1.5));",
  137. "Lin *= mix(vec3(1.0),pow(sunE * ((betaRTheta + betaMTheta) / (betaR + betaM)) * Fex,vec3(1.0/2.0)),clamp(pow(1.0-dot(up, sunDirection),5.0),0.0,1.0));",
  138. "//nightsky",
  139. "vec3 direction = normalize(vWorldPosition - cameraPos);",
  140. "float theta = acos(direction.y); // elevation --> y-axis, [-pi/2, pi/2]",
  141. "float phi = atan(direction.z, direction.x); // azimuth --> x-axis [-pi/2, pi/2]",
  142. "vec2 uv = vec2(phi, theta) / vec2(2.0*pi, pi) + vec2(0.5, 0.0);",
  143. "// vec3 L0 = texture2D(skySampler, uv).rgb+0.1 * Fex;",
  144. "vec3 L0 = vec3(0.1) * Fex;",
  145. "// composition + solar disc",
  146. "//if (cosTheta > sunAngularDiameterCos)",
  147. "float sundisk = smoothstep(sunAngularDiameterCos,sunAngularDiameterCos+0.00002,cosTheta);",
  148. "// if (normalize(vWorldPosition - cameraPos).y>0.0)",
  149. "L0 += (sunE * 19000.0 * Fex)*sundisk;",
  150. "vec3 whiteScale = 1.0/Uncharted2Tonemap(vec3(W));",
  151. "vec3 texColor = (Lin+L0); ",
  152. "texColor *= 0.04 ;",
  153. "texColor += vec3(0.0,0.001,0.0025)*0.3;",
  154. "float g_fMaxLuminance = 1.0;",
  155. "float fLumScaled = 0.1 / luminance; ",
  156. "float fLumCompressed = (fLumScaled * (1.0 + (fLumScaled / (g_fMaxLuminance * g_fMaxLuminance)))) / (1.0 + fLumScaled); ",
  157. "float ExposureBias = fLumCompressed;",
  158. "vec3 curr = Uncharted2Tonemap((log2(2.0/pow(luminance,4.0)))*texColor);",
  159. "vec3 color = curr*whiteScale;",
  160. "vec3 retColor = pow(color,vec3(1.0/(1.2+(1.2*sunfade))));",
  161. "gl_FragColor.rgb = retColor;",
  162. "gl_FragColor.a = 1.0;",
  163. "}",
  164. ].join("\n")
  165. };
  166. THREE.Sky = function () {
  167. var skyShader = THREE.ShaderLib[ "sky" ];
  168. var skyUniforms = THREE.UniformsUtils.clone( skyShader.uniforms );
  169. var skyMat = new THREE.ShaderMaterial( {
  170. fragmentShader: skyShader.fragmentShader,
  171. vertexShader: skyShader.vertexShader,
  172. uniforms: skyUniforms,
  173. side: THREE.BackSide
  174. } );
  175. var skyGeo = new THREE.SphereGeometry( 450000, 32, 15 );
  176. var skyMesh = new THREE.Mesh( skyGeo, skyMat );
  177. // Expose variables
  178. this.mesh = skyMesh;
  179. this.uniforms = skyUniforms;
  180. };