opal-js_wrap-three 0.1.1 → 0.1.2

data/lib-opal/js_wrap/three/objects/Refractor.js

@@ -0,0 +1,243 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "three"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("three"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.three);
+    global.Refractor = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.Refractor = void 0;
+
+  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+  function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+  var Refractor = /*#__PURE__*/function (_Mesh) {
+    _inherits(Refractor, _Mesh);
+
+    var _super = _createSuper(Refractor);
+
+    function Refractor(geometry) {
+      var _this;
+
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      _classCallCheck(this, Refractor);
+
+      _this = _super.call(this, geometry);
+      _this.type = 'Refractor';
+
+      var scope = _assertThisInitialized(_this);
+
+      var color = options.color !== undefined ? new _three.Color(options.color) : new _three.Color(0x7F7F7F);
+      var textureWidth = options.textureWidth || 512;
+      var textureHeight = options.textureHeight || 512;
+      var clipBias = options.clipBias || 0;
+      var shader = options.shader || Refractor.RefractorShader; //
+
+      var virtualCamera = new _three.PerspectiveCamera();
+      virtualCamera.matrixAutoUpdate = false;
+      virtualCamera.userData.refractor = true; //
+
+      var refractorPlane = new _three.Plane();
+      var textureMatrix = new _three.Matrix4(); // render target
+
+      var parameters = {
+        minFilter: _three.LinearFilter,
+        magFilter: _three.LinearFilter,
+        format: _three.RGBFormat
+      };
+      var renderTarget = new _three.WebGLRenderTarget(textureWidth, textureHeight, parameters);
+
+      if (!_three.MathUtils.isPowerOfTwo(textureWidth) || !_three.MathUtils.isPowerOfTwo(textureHeight)) {
+        renderTarget.texture.generateMipmaps = false;
+      } // material
+
+
+      _this.material = new _three.ShaderMaterial({
+        uniforms: _three.UniformsUtils.clone(shader.uniforms),
+        vertexShader: shader.vertexShader,
+        fragmentShader: shader.fragmentShader,
+        transparent: true // ensures, refractors are drawn from farthest to closest
+
+      });
+      _this.material.uniforms['color'].value = color;
+      _this.material.uniforms['tDiffuse'].value = renderTarget.texture;
+      _this.material.uniforms['textureMatrix'].value = textureMatrix; // functions
+
+      var visible = function () {
+        var refractorWorldPosition = new _three.Vector3();
+        var cameraWorldPosition = new _three.Vector3();
+        var rotationMatrix = new _three.Matrix4();
+        var view = new _three.Vector3();
+        var normal = new _three.Vector3();
+        return function visible(camera) {
+          refractorWorldPosition.setFromMatrixPosition(scope.matrixWorld);
+          cameraWorldPosition.setFromMatrixPosition(camera.matrixWorld);
+          view.subVectors(refractorWorldPosition, cameraWorldPosition);
+          rotationMatrix.extractRotation(scope.matrixWorld);
+          normal.set(0, 0, 1);
+          normal.applyMatrix4(rotationMatrix);
+          return view.dot(normal) < 0;
+        };
+      }();
+
+      var updateRefractorPlane = function () {
+        var normal = new _three.Vector3();
+        var position = new _three.Vector3();
+        var quaternion = new _three.Quaternion();
+        var scale = new _three.Vector3();
+        return function updateRefractorPlane() {
+          scope.matrixWorld.decompose(position, quaternion, scale);
+          normal.set(0, 0, 1).applyQuaternion(quaternion).normalize(); // flip the normal because we want to cull everything above the plane
+
+          normal.negate();
+          refractorPlane.setFromNormalAndCoplanarPoint(normal, position);
+        };
+      }();
+
+      var updateVirtualCamera = function () {
+        var clipPlane = new _three.Plane();
+        var clipVector = new _three.Vector4();
+        var q = new _three.Vector4();
+        return function updateVirtualCamera(camera) {
+          virtualCamera.matrixWorld.copy(camera.matrixWorld);
+          virtualCamera.matrixWorldInverse.copy(virtualCamera.matrixWorld).invert();
+          virtualCamera.projectionMatrix.copy(camera.projectionMatrix);
+          virtualCamera.far = camera.far; // used in WebGLBackground
+          // The following code creates an oblique view frustum for clipping.
+          // see: Lengyel, Eric. “Oblique View Frustum Depth Projection and Clipping”.
+          // Journal of Game Development, Vol. 1, No. 2 (2005), Charles River Media, pp. 5–16
+
+          clipPlane.copy(refractorPlane);
+          clipPlane.applyMatrix4(virtualCamera.matrixWorldInverse);
+          clipVector.set(clipPlane.normal.x, clipPlane.normal.y, clipPlane.normal.z, clipPlane.constant); // calculate the clip-space corner point opposite the clipping plane and
+          // transform it into camera space by multiplying it by the inverse of the projection matrix
+
+          var projectionMatrix = virtualCamera.projectionMatrix;
+          q.x = (Math.sign(clipVector.x) + projectionMatrix.elements[8]) / projectionMatrix.elements[0];
+          q.y = (Math.sign(clipVector.y) + projectionMatrix.elements[9]) / projectionMatrix.elements[5];
+          q.z = -1.0;
+          q.w = (1.0 + projectionMatrix.elements[10]) / projectionMatrix.elements[14]; // calculate the scaled plane vector
+
+          clipVector.multiplyScalar(2.0 / clipVector.dot(q)); // replacing the third row of the projection matrix
+
+          projectionMatrix.elements[2] = clipVector.x;
+          projectionMatrix.elements[6] = clipVector.y;
+          projectionMatrix.elements[10] = clipVector.z + 1.0 - clipBias;
+          projectionMatrix.elements[14] = clipVector.w;
+        };
+      }(); // This will update the texture matrix that is used for projective texture mapping in the shader.
+      // see: http://developer.download.nvidia.com/assets/gamedev/docs/projective_texture_mapping.pdf
+
+
+      function updateTextureMatrix(camera) {
+        // this matrix does range mapping to [ 0, 1 ]
+        textureMatrix.set(0.5, 0.0, 0.0, 0.5, 0.0, 0.5, 0.0, 0.5, 0.0, 0.0, 0.5, 0.5, 0.0, 0.0, 0.0, 1.0); // we use "Object Linear Texgen", so we need to multiply the texture matrix T
+        // (matrix above) with the projection and view matrix of the virtual camera
+        // and the model matrix of the refractor
+
+        textureMatrix.multiply(camera.projectionMatrix);
+        textureMatrix.multiply(camera.matrixWorldInverse);
+        textureMatrix.multiply(scope.matrixWorld);
+      } //
+
+
+      function render(renderer, scene, camera) {
+        scope.visible = false;
+        var currentRenderTarget = renderer.getRenderTarget();
+        var currentXrEnabled = renderer.xr.enabled;
+        var currentShadowAutoUpdate = renderer.shadowMap.autoUpdate;
+        renderer.xr.enabled = false; // avoid camera modification
+
+        renderer.shadowMap.autoUpdate = false; // avoid re-computing shadows
+
+        renderer.setRenderTarget(renderTarget);
+        if (renderer.autoClear === false) renderer.clear();
+        renderer.render(scene, virtualCamera);
+        renderer.xr.enabled = currentXrEnabled;
+        renderer.shadowMap.autoUpdate = currentShadowAutoUpdate;
+        renderer.setRenderTarget(currentRenderTarget); // restore viewport
+
+        var viewport = camera.viewport;
+
+        if (viewport !== undefined) {
+          renderer.state.viewport(viewport);
+        }
+
+        scope.visible = true;
+      } //
+
+
+      _this.onBeforeRender = function (renderer, scene, camera) {
+        // Render
+        renderTarget.texture.encoding = renderer.outputEncoding; // ensure refractors are rendered only once per frame
+
+        if (camera.userData.refractor === true) return; // avoid rendering when the refractor is viewed from behind
+
+        if (!visible(camera) === true) return; // update
+
+        updateRefractorPlane();
+        updateTextureMatrix(camera);
+        updateVirtualCamera(camera);
+        render(renderer, scene, camera);
+      };
+
+      _this.getRenderTarget = function () {
+        return renderTarget;
+      };
+
+      return _this;
+    }
+
+    return _createClass(Refractor);
+  }(_three.Mesh);
+
+  _exports.Refractor = Refractor;
+  Refractor.prototype.isRefractor = true;
+  Refractor.RefractorShader = {
+    uniforms: {
+      'color': {
+        value: null
+      },
+      'tDiffuse': {
+        value: null
+      },
+      'textureMatrix': {
+        value: null
+      }
+    },
+    vertexShader:
+    /* glsl */
+    "\n\n\t\tuniform mat4 textureMatrix;\n\n\t\tvarying vec4 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = textureMatrix * vec4( position, 1.0 );\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}",
+    fragmentShader:
+    /* glsl */
+    "\n\n\t\tuniform vec3 color;\n\t\tuniform sampler2D tDiffuse;\n\n\t\tvarying vec4 vUv;\n\n\t\tfloat blendOverlay( float base, float blend ) {\n\n\t\t\treturn( base < 0.5 ? ( 2.0 * base * blend ) : ( 1.0 - 2.0 * ( 1.0 - base ) * ( 1.0 - blend ) ) );\n\n\t\t}\n\n\t\tvec3 blendOverlay( vec3 base, vec3 blend ) {\n\n\t\t\treturn vec3( blendOverlay( base.r, blend.r ), blendOverlay( base.g, blend.g ), blendOverlay( base.b, blend.b ) );\n\n\t\t}\n\n\t\tvoid main() {\n\n\t\t\tvec4 base = texture2DProj( tDiffuse, vUv );\n\t\t\tgl_FragColor = vec4( blendOverlay( base.rgb, color ), 1.0 );\n\n\t\t}"
+  };
+});

data/lib-opal/js_wrap/three/objects/ShadowMesh.js

@@ -0,0 +1,100 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "three"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("three"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.three);
+    global.ShadowMesh = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.ShadowMesh = void 0;
+
+  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+  function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+  /**
+   * A shadow Mesh that follows a shadow-casting Mesh in the scene, but is confined to a single plane.
+   */
+  var _shadowMatrix = new _three.Matrix4();
+
+  var ShadowMesh = /*#__PURE__*/function (_Mesh) {
+    _inherits(ShadowMesh, _Mesh);
+
+    var _super = _createSuper(ShadowMesh);
+
+    function ShadowMesh(mesh) {
+      var _this;
+
+      _classCallCheck(this, ShadowMesh);
+
+      var shadowMaterial = new _three.MeshBasicMaterial({
+        color: 0x000000,
+        transparent: true,
+        opacity: 0.6,
+        depthWrite: false
+      });
+      _this = _super.call(this, mesh.geometry, shadowMaterial);
+      _this.meshMatrix = mesh.matrixWorld;
+      _this.frustumCulled = false;
+      _this.matrixAutoUpdate = false;
+      return _this;
+    }
+
+    _createClass(ShadowMesh, [{
+      key: "update",
+      value: function update(plane, lightPosition4D) {
+        // based on https://www.opengl.org/archives/resources/features/StencilTalk/tsld021.htm
+        var dot = plane.normal.x * lightPosition4D.x + plane.normal.y * lightPosition4D.y + plane.normal.z * lightPosition4D.z + -plane.constant * lightPosition4D.w;
+        var sme = _shadowMatrix.elements;
+        sme[0] = dot - lightPosition4D.x * plane.normal.x;
+        sme[4] = -lightPosition4D.x * plane.normal.y;
+        sme[8] = -lightPosition4D.x * plane.normal.z;
+        sme[12] = -lightPosition4D.x * -plane.constant;
+        sme[1] = -lightPosition4D.y * plane.normal.x;
+        sme[5] = dot - lightPosition4D.y * plane.normal.y;
+        sme[9] = -lightPosition4D.y * plane.normal.z;
+        sme[13] = -lightPosition4D.y * -plane.constant;
+        sme[2] = -lightPosition4D.z * plane.normal.x;
+        sme[6] = -lightPosition4D.z * plane.normal.y;
+        sme[10] = dot - lightPosition4D.z * plane.normal.z;
+        sme[14] = -lightPosition4D.z * -plane.constant;
+        sme[3] = -lightPosition4D.w * plane.normal.x;
+        sme[7] = -lightPosition4D.w * plane.normal.y;
+        sme[11] = -lightPosition4D.w * plane.normal.z;
+        sme[15] = dot - lightPosition4D.w * -plane.constant;
+        this.matrix.multiplyMatrices(_shadowMatrix, this.meshMatrix);
+      }
+    }]);
+
+    return ShadowMesh;
+  }(_three.Mesh);
+
+  _exports.ShadowMesh = ShadowMesh;
+  ShadowMesh.prototype.isShadowMesh = true;
+});

data/lib-opal/js_wrap/three/objects/Sky.js

@@ -0,0 +1,107 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "three"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("three"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.three);
+    global.Sky = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.Sky = void 0;
+
+  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+  function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+  /**
+   * Based on "A Practical Analytic Model for Daylight"
+   * aka The Preetham Model, the de facto standard analytic skydome model
+   * https://www.researchgate.net/publication/220720443_A_Practical_Analytic_Model_for_Daylight
+   *
+   * First implemented by Simon Wallner
+   * http://www.simonwallner.at/projects/atmospheric-scattering
+   *
+   * Improved by Martin Upitis
+   * http://blenderartists.org/forum/showthread.php?245954-preethams-sky-impementation-HDR
+   *
+   * Three.js integration by zz85 http://twitter.com/blurspline
+  */
+  var Sky = /*#__PURE__*/function (_Mesh) {
+    _inherits(Sky, _Mesh);
+
+    var _super = _createSuper(Sky);
+
+    function Sky() {
+      _classCallCheck(this, Sky);
+
+      var shader = Sky.SkyShader;
+      var material = new _three.ShaderMaterial({
+        name: 'SkyShader',
+        fragmentShader: shader.fragmentShader,
+        vertexShader: shader.vertexShader,
+        uniforms: _three.UniformsUtils.clone(shader.uniforms),
+        side: _three.BackSide,
+        depthWrite: false
+      });
+      return _super.call(this, new _three.BoxGeometry(1, 1, 1), material);
+    }
+
+    return _createClass(Sky);
+  }(_three.Mesh);
+
+  _exports.Sky = Sky;
+  Sky.prototype.isSky = true;
+  Sky.SkyShader = {
+    uniforms: {
+      'turbidity': {
+        value: 2
+      },
+      'rayleigh': {
+        value: 1
+      },
+      'mieCoefficient': {
+        value: 0.005
+      },
+      'mieDirectionalG': {
+        value: 0.8
+      },
+      'sunPosition': {
+        value: new _three.Vector3()
+      },
+      'up': {
+        value: new _three.Vector3(0, 1, 0)
+      }
+    },
+    vertexShader:
+    /* glsl */
+    "\n\t\tuniform vec3 sunPosition;\n\t\tuniform float rayleigh;\n\t\tuniform float turbidity;\n\t\tuniform float mieCoefficient;\n\t\tuniform vec3 up;\n\n\t\tvarying vec3 vWorldPosition;\n\t\tvarying vec3 vSunDirection;\n\t\tvarying float vSunfade;\n\t\tvarying vec3 vBetaR;\n\t\tvarying vec3 vBetaM;\n\t\tvarying float vSunE;\n\n\t\t// constants for atmospheric scattering\n\t\tconst float e = 2.71828182845904523536028747135266249775724709369995957;\n\t\tconst float pi = 3.141592653589793238462643383279502884197169;\n\n\t\t// wavelength of used primaries, according to preetham\n\t\tconst vec3 lambda = vec3( 680E-9, 550E-9, 450E-9 );\n\t\t// this pre-calcuation replaces older TotalRayleigh(vec3 lambda) function:\n\t\t// (8.0 * pow(pi, 3.0) * pow(pow(n, 2.0) - 1.0, 2.0) * (6.0 + 3.0 * pn)) / (3.0 * N * pow(lambda, vec3(4.0)) * (6.0 - 7.0 * pn))\n\t\tconst vec3 totalRayleigh = vec3( 5.804542996261093E-6, 1.3562911419845635E-5, 3.0265902468824876E-5 );\n\n\t\t// mie stuff\n\t\t// K coefficient for the primaries\n\t\tconst float v = 4.0;\n\t\tconst vec3 K = vec3( 0.686, 0.678, 0.666 );\n\t\t// MieConst = pi * pow( ( 2.0 * pi ) / lambda, vec3( v - 2.0 ) ) * K\n\t\tconst vec3 MieConst = vec3( 1.8399918514433978E14, 2.7798023919660528E14, 4.0790479543861094E14 );\n\n\t\t// earth shadow hack\n\t\t// cutoffAngle = pi / 1.95;\n\t\tconst float cutoffAngle = 1.6110731556870734;\n\t\tconst float steepness = 1.5;\n\t\tconst float EE = 1000.0;\n\n\t\tfloat sunIntensity( float zenithAngleCos ) {\n\t\t\tzenithAngleCos = clamp( zenithAngleCos, -1.0, 1.0 );\n\t\t\treturn EE * max( 0.0, 1.0 - pow( e, -( ( cutoffAngle - acos( zenithAngleCos ) ) / steepness ) ) );\n\t\t}\n\n\t\tvec3 totalMie( float T ) {\n\t\t\tfloat c = ( 0.2 * T ) * 10E-18;\n\t\t\treturn 0.434 * c * MieConst;\n\t\t}\n\n\t\tvoid main() {\n\n\t\t\tvec4 worldPosition = modelMatrix * vec4( position, 1.0 );\n\t\t\tvWorldPosition = worldPosition.xyz;\n\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\t\t\tgl_Position.z = gl_Position.w; // set z to camera.far\n\n\t\t\tvSunDirection = normalize( sunPosition );\n\n\t\t\tvSunE = sunIntensity( dot( vSunDirection, up ) );\n\n\t\t\tvSunfade = 1.0 - clamp( 1.0 - exp( ( sunPosition.y / 450000.0 ) ), 0.0, 1.0 );\n\n\t\t\tfloat rayleighCoefficient = rayleigh - ( 1.0 * ( 1.0 - vSunfade ) );\n\n\t\t\t// extinction (absorbtion + out scattering)\n\t\t\t// rayleigh coefficients\n\t\t\tvBetaR = totalRayleigh * rayleighCoefficient;\n\n\t\t\t// mie coefficients\n\t\t\tvBetaM = totalMie( turbidity ) * mieCoefficient;\n\n\t\t}",
+    fragmentShader:
+    /* glsl */
+    "\n\t\tvarying vec3 vWorldPosition;\n\t\tvarying vec3 vSunDirection;\n\t\tvarying float vSunfade;\n\t\tvarying vec3 vBetaR;\n\t\tvarying vec3 vBetaM;\n\t\tvarying float vSunE;\n\n\t\tuniform float mieDirectionalG;\n\t\tuniform vec3 up;\n\n\t\tconst vec3 cameraPos = vec3( 0.0, 0.0, 0.0 );\n\n\t\t// constants for atmospheric scattering\n\t\tconst float pi = 3.141592653589793238462643383279502884197169;\n\n\t\tconst float n = 1.0003; // refractive index of air\n\t\tconst float N = 2.545E25; // number of molecules per unit volume for air at 288.15K and 1013mb (sea level -45 celsius)\n\n\t\t// optical length at zenith for molecules\n\t\tconst float rayleighZenithLength = 8.4E3;\n\t\tconst float mieZenithLength = 1.25E3;\n\t\t// 66 arc seconds -> degrees, and the cosine of that\n\t\tconst float sunAngularDiameterCos = 0.999956676946448443553574619906976478926848692873900859324;\n\n\t\t// 3.0 / ( 16.0 * pi )\n\t\tconst float THREE_OVER_SIXTEENPI = 0.05968310365946075;\n\t\t// 1.0 / ( 4.0 * pi )\n\t\tconst float ONE_OVER_FOURPI = 0.07957747154594767;\n\n\t\tfloat rayleighPhase( float cosTheta ) {\n\t\t\treturn THREE_OVER_SIXTEENPI * ( 1.0 + pow( cosTheta, 2.0 ) );\n\t\t}\n\n\t\tfloat hgPhase( float cosTheta, float g ) {\n\t\t\tfloat g2 = pow( g, 2.0 );\n\t\t\tfloat inverse = 1.0 / pow( 1.0 - 2.0 * g * cosTheta + g2, 1.5 );\n\t\t\treturn ONE_OVER_FOURPI * ( ( 1.0 - g2 ) * inverse );\n\t\t}\n\n\t\tvoid main() {\n\n\t\t\tvec3 direction = normalize( vWorldPosition - cameraPos );\n\n\t\t\t// optical length\n\t\t\t// cutoff angle at 90 to avoid singularity in next formula.\n\t\t\tfloat zenithAngle = acos( max( 0.0, dot( up, direction ) ) );\n\t\t\tfloat inverse = 1.0 / ( cos( zenithAngle ) + 0.15 * pow( 93.885 - ( ( zenithAngle * 180.0 ) / pi ), -1.253 ) );\n\t\t\tfloat sR = rayleighZenithLength * inverse;\n\t\t\tfloat sM = mieZenithLength * inverse;\n\n\t\t\t// combined extinction factor\n\t\t\tvec3 Fex = exp( -( vBetaR * sR + vBetaM * sM ) );\n\n\t\t\t// in scattering\n\t\t\tfloat cosTheta = dot( direction, vSunDirection );\n\n\t\t\tfloat rPhase = rayleighPhase( cosTheta * 0.5 + 0.5 );\n\t\t\tvec3 betaRTheta = vBetaR * rPhase;\n\n\t\t\tfloat mPhase = hgPhase( cosTheta, mieDirectionalG );\n\t\t\tvec3 betaMTheta = vBetaM * mPhase;\n\n\t\t\tvec3 Lin = pow( vSunE * ( ( betaRTheta + betaMTheta ) / ( vBetaR + vBetaM ) ) * ( 1.0 - Fex ), vec3( 1.5 ) );\n\t\t\tLin *= mix( vec3( 1.0 ), pow( vSunE * ( ( betaRTheta + betaMTheta ) / ( vBetaR + vBetaM ) ) * Fex, vec3( 1.0 / 2.0 ) ), clamp( pow( 1.0 - dot( up, vSunDirection ), 5.0 ), 0.0, 1.0 ) );\n\n\t\t\t// nightsky\n\t\t\tfloat theta = acos( direction.y ); // elevation --> y-axis, [-pi/2, pi/2]\n\t\t\tfloat phi = atan( direction.z, direction.x ); // azimuth --> x-axis [-pi/2, pi/2]\n\t\t\tvec2 uv = vec2( phi, theta ) / vec2( 2.0 * pi, pi ) + vec2( 0.5, 0.0 );\n\t\t\tvec3 L0 = vec3( 0.1 ) * Fex;\n\n\t\t\t// composition + solar disc\n\t\t\tfloat sundisk = smoothstep( sunAngularDiameterCos, sunAngularDiameterCos + 0.00002, cosTheta );\n\t\t\tL0 += ( vSunE * 19000.0 * Fex ) * sundisk;\n\n\t\t\tvec3 texColor = ( Lin + L0 ) * 0.04 + vec3( 0.0, 0.0003, 0.00075 );\n\n\t\t\tvec3 retColor = pow( texColor, vec3( 1.0 / ( 1.2 + ( 1.2 * vSunfade ) ) ) );\n\n\t\t\tgl_FragColor = vec4( retColor, 1.0 );\n\n\t\t\t#include <tonemapping_fragment>\n\t\t\t#include <encodings_fragment>\n\n\t\t}"
+  };
+});