opal-js_wrap-three 0.1.1 → 0.1.2

data/lib-opal/js_wrap/three/utils/PackedPhongMaterial.js

@@ -0,0 +1,77 @@
+(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.PackedPhongMaterial = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.PackedPhongMaterial = 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 PackedPhongMaterial = /*#__PURE__*/function (_MeshPhongMaterial) {
+    _inherits(PackedPhongMaterial, _MeshPhongMaterial);
+
+    var _super = _createSuper(PackedPhongMaterial);
+
+    function PackedPhongMaterial(parameters) {
+      var _this;
+
+      _classCallCheck(this, PackedPhongMaterial);
+
+      _this = _super.call(this);
+      _this.defines = {};
+      _this.type = 'PackedPhongMaterial';
+      _this.uniforms = _three.UniformsUtils.merge([_three.ShaderLib.phong.uniforms, {
+        quantizeMatPos: {
+          value: null
+        },
+        quantizeMatUV: {
+          value: null
+        }
+      }]);
+      _this.vertexShader = ['#define PHONG', 'varying vec3 vViewPosition;', _three.ShaderChunk.common, _three.ShaderChunk.uv_pars_vertex, _three.ShaderChunk.uv2_pars_vertex, _three.ShaderChunk.displacementmap_pars_vertex, _three.ShaderChunk.envmap_pars_vertex, _three.ShaderChunk.color_pars_vertex, _three.ShaderChunk.fog_pars_vertex, _three.ShaderChunk.normal_pars_vertex, _three.ShaderChunk.morphtarget_pars_vertex, _three.ShaderChunk.skinning_pars_vertex, _three.ShaderChunk.shadowmap_pars_vertex, _three.ShaderChunk.logdepthbuf_pars_vertex, _three.ShaderChunk.clipping_planes_pars_vertex, "#ifdef USE_PACKED_NORMAL\n\t\t\t\t\t#if USE_PACKED_NORMAL == 0\n\t\t\t\t\t\tvec3 decodeNormal(vec3 packedNormal)\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tfloat x = packedNormal.x * 2.0 - 1.0;\n\t\t\t\t\t\t\tfloat y = packedNormal.y * 2.0 - 1.0;\n\t\t\t\t\t\t\tvec2 scth = vec2(sin(x * PI), cos(x * PI));\n\t\t\t\t\t\t\tvec2 scphi = vec2(sqrt(1.0 - y * y), y);\n\t\t\t\t\t\t\treturn normalize( vec3(scth.y * scphi.x, scth.x * scphi.x, scphi.y) );\n\t\t\t\t\t\t}\n\t\t\t\t\t#endif\n\n\t\t\t\t\t#if USE_PACKED_NORMAL == 1\n\t\t\t\t\t\tvec3 decodeNormal(vec3 packedNormal)\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tvec3 v = vec3(packedNormal.xy, 1.0 - abs(packedNormal.x) - abs(packedNormal.y));\n\t\t\t\t\t\t\tif (v.z < 0.0)\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tv.xy = (1.0 - abs(v.yx)) * vec2((v.x >= 0.0) ? +1.0 : -1.0, (v.y >= 0.0) ? +1.0 : -1.0);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn normalize(v);\n\t\t\t\t\t\t}\n\t\t\t\t\t#endif\n\n\t\t\t\t\t#if USE_PACKED_NORMAL == 2\n\t\t\t\t\t\tvec3 decodeNormal(vec3 packedNormal)\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tvec3 v = (packedNormal * 2.0) - 1.0;\n\t\t\t\t\t\t\treturn normalize(v);\n\t\t\t\t\t\t}\n\t\t\t\t\t#endif\n\t\t\t\t#endif", "#ifdef USE_PACKED_POSITION\n\t\t\t\t\t#if USE_PACKED_POSITION == 0\n\t\t\t\t\t\tuniform mat4 quantizeMatPos;\n\t\t\t\t\t#endif\n\t\t\t\t#endif", "#ifdef USE_PACKED_UV\n\t\t\t\t\t#if USE_PACKED_UV == 1\n\t\t\t\t\t\tuniform mat3 quantizeMatUV;\n\t\t\t\t\t#endif\n\t\t\t\t#endif", "#ifdef USE_PACKED_UV\n\t\t\t\t\t#if USE_PACKED_UV == 0\n\t\t\t\t\t\tvec2 decodeUV(vec2 packedUV)\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tvec2 uv = (packedUV * 2.0) - 1.0;\n\t\t\t\t\t\t\treturn uv;\n\t\t\t\t\t\t}\n\t\t\t\t\t#endif\n\n\t\t\t\t\t#if USE_PACKED_UV == 1\n\t\t\t\t\t\tvec2 decodeUV(vec2 packedUV)\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tvec2 uv = ( vec3(packedUV, 1.0) * quantizeMatUV ).xy;\n\t\t\t\t\t\t\treturn uv;\n\t\t\t\t\t\t}\n\t\t\t\t\t#endif\n\t\t\t\t#endif", 'void main() {', _three.ShaderChunk.uv_vertex, "#ifdef USE_UV\n\t\t\t\t\t#ifdef USE_PACKED_UV\n\t\t\t\t\t\tvUv = decodeUV(vUv);\n\t\t\t\t\t#endif\n\t\t\t\t#endif", _three.ShaderChunk.uv2_vertex, _three.ShaderChunk.color_vertex, _three.ShaderChunk.beginnormal_vertex, "#ifdef USE_PACKED_NORMAL\n\t\t\t\t\tobjectNormal = decodeNormal(objectNormal);\n\t\t\t\t#endif\n\n\t\t\t\t#ifdef USE_TANGENT\n\t\t\t\t\tvec3 objectTangent = vec3( tangent.xyz );\n\t\t\t\t#endif\n\t\t\t\t", _three.ShaderChunk.morphnormal_vertex, _three.ShaderChunk.skinbase_vertex, _three.ShaderChunk.skinnormal_vertex, _three.ShaderChunk.defaultnormal_vertex, _three.ShaderChunk.normal_vertex, _three.ShaderChunk.begin_vertex, "#ifdef USE_PACKED_POSITION\n\t\t\t\t\t#if USE_PACKED_POSITION == 0\n\t\t\t\t\t\ttransformed = ( vec4(transformed, 1.0) * quantizeMatPos ).xyz;\n\t\t\t\t\t#endif\n\t\t\t\t#endif", _three.ShaderChunk.morphtarget_vertex, _three.ShaderChunk.skinning_vertex, _three.ShaderChunk.displacementmap_vertex, _three.ShaderChunk.project_vertex, _three.ShaderChunk.logdepthbuf_vertex, _three.ShaderChunk.clipping_planes_vertex, 'vViewPosition = - mvPosition.xyz;', _three.ShaderChunk.worldpos_vertex, _three.ShaderChunk.envmap_vertex, _three.ShaderChunk.shadowmap_vertex, _three.ShaderChunk.fog_vertex, '}'].join('\n'); // Use the original MeshPhongMaterial's fragmentShader.
+
+      _this.fragmentShader = ['#define PHONG', 'uniform vec3 diffuse;', 'uniform vec3 emissive;', 'uniform vec3 specular;', 'uniform float shininess;', 'uniform float opacity;', _three.ShaderChunk.common, _three.ShaderChunk.packing, _three.ShaderChunk.dithering_pars_fragment, _three.ShaderChunk.color_pars_fragment, _three.ShaderChunk.uv_pars_fragment, _three.ShaderChunk.uv2_pars_fragment, _three.ShaderChunk.map_pars_fragment, _three.ShaderChunk.alphamap_pars_fragment, _three.ShaderChunk.aomap_pars_fragment, _three.ShaderChunk.lightmap_pars_fragment, _three.ShaderChunk.emissivemap_pars_fragment, _three.ShaderChunk.envmap_common_pars_fragment, _three.ShaderChunk.envmap_pars_fragment, _three.ShaderChunk.cube_uv_reflection_fragment, _three.ShaderChunk.fog_pars_fragment, _three.ShaderChunk.bsdfs, _three.ShaderChunk.lights_pars_begin, _three.ShaderChunk.normal_pars_fragment, _three.ShaderChunk.lights_phong_pars_fragment, _three.ShaderChunk.shadowmap_pars_fragment, _three.ShaderChunk.bumpmap_pars_fragment, _three.ShaderChunk.normalmap_pars_fragment, _three.ShaderChunk.specularmap_pars_fragment, _three.ShaderChunk.logdepthbuf_pars_fragment, _three.ShaderChunk.clipping_planes_pars_fragment, 'void main() {', _three.ShaderChunk.clipping_planes_fragment, 'vec4 diffuseColor = vec4( diffuse, opacity );', 'ReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );', 'vec3 totalEmissiveRadiance = emissive;', _three.ShaderChunk.logdepthbuf_fragment, _three.ShaderChunk.map_fragment, _three.ShaderChunk.color_fragment, _three.ShaderChunk.alphamap_fragment, _three.ShaderChunk.alphatest_fragment, _three.ShaderChunk.specularmap_fragment, _three.ShaderChunk.normal_fragment_begin, _three.ShaderChunk.normal_fragment_maps, _three.ShaderChunk.emissivemap_fragment, // accumulation
+      _three.ShaderChunk.lights_phong_fragment, _three.ShaderChunk.lights_fragment_begin, _three.ShaderChunk.lights_fragment_maps, _three.ShaderChunk.lights_fragment_end, // modulation
+      _three.ShaderChunk.aomap_fragment, 'vec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;', _three.ShaderChunk.envmap_fragment, 'gl_FragColor = vec4( outgoingLight, diffuseColor.a );', _three.ShaderChunk.tonemapping_fragment, _three.ShaderChunk.encodings_fragment, _three.ShaderChunk.fog_fragment, _three.ShaderChunk.premultiplied_alpha_fragment, _three.ShaderChunk.dithering_fragment, '}'].join('\n');
+
+      _this.setValues(parameters);
+
+      return _this;
+    }
+
+    return _createClass(PackedPhongMaterial);
+  }(_three.MeshPhongMaterial);
+
+  _exports.PackedPhongMaterial = PackedPhongMaterial;
+});

data/lib-opal/js_wrap/three/utils/RoughnessMipmapper.js

@@ -0,0 +1,169 @@
+(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.RoughnessMipmapper = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.RoughnessMipmapper = 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; }
+
+  var _mipmapMaterial = _getMipmapMaterial();
+
+  var _mesh = new _three.Mesh(new _three.PlaneGeometry(2, 2), _mipmapMaterial);
+
+  var _flatCamera = new _three.OrthographicCamera(0, 1, 0, 1, 0, 1);
+
+  var _tempTarget = null;
+  var _renderer = null;
+
+  var RoughnessMipmapper = /*#__PURE__*/function () {
+    function RoughnessMipmapper(renderer) {
+      _classCallCheck(this, RoughnessMipmapper);
+
+      _renderer = renderer;
+
+      _renderer.compile(_mesh, _flatCamera);
+    }
+
+    _createClass(RoughnessMipmapper, [{
+      key: "generateMipmaps",
+      value: function generateMipmaps(material) {
+        if ('roughnessMap' in material === false) return;
+        var roughnessMap = material.roughnessMap,
+            normalMap = material.normalMap;
+        if (roughnessMap === null || normalMap === null || !roughnessMap.generateMipmaps || material.userData.roughnessUpdated) return;
+        material.userData.roughnessUpdated = true;
+        var width = Math.max(roughnessMap.image.width, normalMap.image.width);
+        var height = Math.max(roughnessMap.image.height, normalMap.image.height);
+        if (!_three.MathUtils.isPowerOfTwo(width) || !_three.MathUtils.isPowerOfTwo(height)) return;
+
+        var oldTarget = _renderer.getRenderTarget();
+
+        var autoClear = _renderer.autoClear;
+        _renderer.autoClear = false;
+
+        if (_tempTarget === null || _tempTarget.width !== width || _tempTarget.height !== height) {
+          if (_tempTarget !== null) _tempTarget.dispose();
+          _tempTarget = new _three.WebGLRenderTarget(width, height, {
+            depthBuffer: false
+          });
+          _tempTarget.scissorTest = true;
+        }
+
+        if (width !== roughnessMap.image.width || height !== roughnessMap.image.height) {
+          var params = {
+            wrapS: roughnessMap.wrapS,
+            wrapT: roughnessMap.wrapT,
+            magFilter: roughnessMap.magFilter,
+            minFilter: roughnessMap.minFilter,
+            depthBuffer: false
+          };
+          var newRoughnessTarget = new _three.WebGLRenderTarget(width, height, params);
+          newRoughnessTarget.texture.generateMipmaps = true; // Setting the render target causes the memory to be allocated.
+
+          _renderer.setRenderTarget(newRoughnessTarget);
+
+          material.roughnessMap = newRoughnessTarget.texture;
+          if (material.metalnessMap == roughnessMap) material.metalnessMap = material.roughnessMap;
+          if (material.aoMap == roughnessMap) material.aoMap = material.roughnessMap; // Copy UV transform parameters
+
+          material.roughnessMap.offset.copy(roughnessMap.offset);
+          material.roughnessMap.repeat.copy(roughnessMap.repeat);
+          material.roughnessMap.center.copy(roughnessMap.center);
+          material.roughnessMap.rotation = roughnessMap.rotation;
+          material.roughnessMap.image = roughnessMap.image;
+          material.roughnessMap.matrixAutoUpdate = roughnessMap.matrixAutoUpdate;
+          material.roughnessMap.matrix.copy(roughnessMap.matrix);
+        }
+
+        _mipmapMaterial.uniforms.roughnessMap.value = roughnessMap;
+        _mipmapMaterial.uniforms.normalMap.value = normalMap;
+        var position = new _three.Vector2(0, 0);
+        var texelSize = _mipmapMaterial.uniforms.texelSize.value;
+
+        for (var mip = 0; width >= 1 && height >= 1; ++mip, width /= 2, height /= 2) {
+          // Rendering to a mip level is not allowed in webGL1. Instead we must set
+          // up a secondary texture to write the result to, then copy it back to the
+          // proper mipmap level.
+          texelSize.set(1.0 / width, 1.0 / height);
+          if (mip == 0) texelSize.set(0.0, 0.0);
+
+          _tempTarget.viewport.set(position.x, position.y, width, height);
+
+          _tempTarget.scissor.set(position.x, position.y, width, height);
+
+          _renderer.setRenderTarget(_tempTarget);
+
+          _renderer.render(_mesh, _flatCamera);
+
+          _renderer.copyFramebufferToTexture(position, material.roughnessMap, mip);
+
+          _mipmapMaterial.uniforms.roughnessMap.value = material.roughnessMap;
+        }
+
+        if (roughnessMap !== material.roughnessMap) roughnessMap.dispose();
+
+        _renderer.setRenderTarget(oldTarget);
+
+        _renderer.autoClear = autoClear;
+      }
+    }, {
+      key: "dispose",
+      value: function dispose() {
+        _mipmapMaterial.dispose();
+
+        _mesh.geometry.dispose();
+
+        if (_tempTarget != null) _tempTarget.dispose();
+      }
+    }]);
+
+    return RoughnessMipmapper;
+  }();
+
+  _exports.RoughnessMipmapper = RoughnessMipmapper;
+
+  function _getMipmapMaterial() {
+    var shaderMaterial = new _three.RawShaderMaterial({
+      uniforms: {
+        roughnessMap: {
+          value: null
+        },
+        normalMap: {
+          value: null
+        },
+        texelSize: {
+          value: new _three.Vector2(1, 1)
+        }
+      },
+      vertexShader:
+      /* glsl */
+      "\n\t\t\tprecision mediump float;\n\t\t\tprecision mediump int;\n\n\t\t\tattribute vec3 position;\n\t\t\tattribute vec2 uv;\n\n\t\t\tvarying vec2 vUv;\n\n\t\t\tvoid main() {\n\n\t\t\t\tvUv = uv;\n\n\t\t\t\tgl_Position = vec4( position, 1.0 );\n\n\t\t\t}\n\t\t",
+      fragmentShader:
+      /* glsl */
+      "\n\t\t\tprecision mediump float;\n\t\t\tprecision mediump int;\n\n\t\t\tvarying vec2 vUv;\n\n\t\t\tuniform sampler2D roughnessMap;\n\t\t\tuniform sampler2D normalMap;\n\t\t\tuniform vec2 texelSize;\n\n\t\t\t#define ENVMAP_TYPE_CUBE_UV\n\n\t\t\tvec4 envMapTexelToLinear( vec4 a ) { return a; }\n\n\t\t\t#include <cube_uv_reflection_fragment>\n\n\t\t\tfloat roughnessToVariance( float roughness ) {\n\n\t\t\t\tfloat variance = 0.0;\n\n\t\t\t\tif ( roughness >= r1 ) {\n\n\t\t\t\t\tvariance = ( r0 - roughness ) * ( v1 - v0 ) / ( r0 - r1 ) + v0;\n\n\t\t\t\t} else if ( roughness >= r4 ) {\n\n\t\t\t\t\tvariance = ( r1 - roughness ) * ( v4 - v1 ) / ( r1 - r4 ) + v1;\n\n\t\t\t\t} else if ( roughness >= r5 ) {\n\n\t\t\t\t\tvariance = ( r4 - roughness ) * ( v5 - v4 ) / ( r4 - r5 ) + v4;\n\n\t\t\t\t} else {\n\n\t\t\t\t\tfloat roughness2 = roughness * roughness;\n\n\t\t\t\t\tvariance = 1.79 * roughness2 * roughness2;\n\n\t\t\t\t}\n\n\t\t\t\treturn variance;\n\n\t\t\t}\n\n\t\t\tfloat varianceToRoughness( float variance ) {\n\n\t\t\t\tfloat roughness = 0.0;\n\n\t\t\t\tif ( variance >= v1 ) {\n\n\t\t\t\t\troughness = ( v0 - variance ) * ( r1 - r0 ) / ( v0 - v1 ) + r0;\n\n\t\t\t\t} else if ( variance >= v4 ) {\n\n\t\t\t\t\troughness = ( v1 - variance ) * ( r4 - r1 ) / ( v1 - v4 ) + r1;\n\n\t\t\t\t} else if ( variance >= v5 ) {\n\n\t\t\t\t\troughness = ( v4 - variance ) * ( r5 - r4 ) / ( v4 - v5 ) + r4;\n\n\t\t\t\t} else {\n\n\t\t\t\t\troughness = pow( 0.559 * variance, 0.25 ); // 0.559 = 1.0 / 1.79\n\n\t\t\t\t}\n\n\t\t\t\treturn roughness;\n\n\t\t\t}\n\n\t\t\tvoid main() {\n\n\t\t\t\tgl_FragColor = texture2D( roughnessMap, vUv, - 1.0 );\n\n\t\t\t\tif ( texelSize.x == 0.0 ) return;\n\n\t\t\t\tfloat roughness = gl_FragColor.g;\n\n\t\t\t\tfloat variance = roughnessToVariance( roughness );\n\n\t\t\t\tvec3 avgNormal;\n\n\t\t\t\tfor ( float x = - 1.0; x < 2.0; x += 2.0 ) {\n\n\t\t\t\t\tfor ( float y = - 1.0; y < 2.0; y += 2.0 ) {\n\n\t\t\t\t\t\tvec2 uv = vUv + vec2( x, y ) * 0.25 * texelSize;\n\n\t\t\t\t\t\tavgNormal += normalize( texture2D( normalMap, uv, - 1.0 ).xyz - 0.5 );\n\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\tvariance += 1.0 - 0.25 * length( avgNormal );\n\n\t\t\t\tgl_FragColor.g = varianceToRoughness( variance );\n\n\t\t\t}\n\t\t",
+      blending: _three.NoBlending,
+      depthTest: false,
+      depthWrite: false
+    });
+    shaderMaterial.type = 'RoughnessMipmapper';
+    return shaderMaterial;
+  }
+});

data/lib-opal/js_wrap/three/utils/SceneUtils.js

@@ -0,0 +1,62 @@
+(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.SceneUtils = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.attach = attach;
+  _exports.createMeshesFromInstancedMesh = createMeshesFromInstancedMesh;
+  _exports.createMultiMaterialObject = createMultiMaterialObject;
+  _exports.detach = detach;
+
+  function createMeshesFromInstancedMesh(instancedMesh) {
+    var group = new _three.Group();
+    var count = instancedMesh.count;
+    var geometry = instancedMesh.geometry;
+    var material = instancedMesh.material;
+
+    for (var i = 0; i < count; i++) {
+      var mesh = new _three.Mesh(geometry, material);
+      instancedMesh.getMatrixAt(i, mesh.matrix);
+      mesh.matrix.decompose(mesh.position, mesh.quaternion, mesh.scale);
+      group.add(mesh);
+    }
+
+    group.copy(instancedMesh);
+    group.updateMatrixWorld(); // ensure correct world matrices of meshes
+
+    return group;
+  }
+
+  function createMultiMaterialObject(geometry, materials) {
+    var group = new _three.Group();
+
+    for (var i = 0, l = materials.length; i < l; i++) {
+      group.add(new _three.Mesh(geometry, materials[i]));
+    }
+
+    return group;
+  }
+
+  function detach(child, parent, scene) {
+    console.warn('THREE.SceneUtils: detach() has been deprecated. Use scene.attach( child ) instead.');
+    scene.attach(child);
+  }
+
+  function attach(child, scene, parent) {
+    console.warn('THREE.SceneUtils: attach() has been deprecated. Use parent.attach( child ) instead.');
+    parent.attach(child);
+  }
+});

data/lib-opal/js_wrap/three/utils/ShadowMapViewer.js

@@ -0,0 +1,182 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "three", "../shaders/UnpackDepthRGBAShader.js"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("three"), require("../shaders/UnpackDepthRGBAShader.js"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.three, global.UnpackDepthRGBAShader);
+    global.ShadowMapViewer = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three, _UnpackDepthRGBAShader) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.ShadowMapViewer = 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"); } }
+
+  /**
+   * This is a helper for visualising a given light's shadow map.
+   * It works for shadow casting lights: DirectionalLight and SpotLight.
+   * It renders out the shadow map and displays it on a HUD.
+   *
+   * Example usage:
+   *	1) Import ShadowMapViewer into your app.
+   *
+   *	2) Create a shadow casting light and name it optionally:
+   *		let light = new DirectionalLight( 0xffffff, 1 );
+   *		light.castShadow = true;
+   *		light.name = 'Sun';
+   *
+   *	3) Create a shadow map viewer for that light and set its size and position optionally:
+   *		let shadowMapViewer = new ShadowMapViewer( light );
+   *		shadowMapViewer.size.set( 128, 128 );	//width, height  default: 256, 256
+   *		shadowMapViewer.position.set( 10, 10 );	//x, y in pixel	 default: 0, 0 (top left corner)
+   *
+   *	4) Render the shadow map viewer in your render loop:
+   *		shadowMapViewer.render( renderer );
+   *
+   *	5) Optionally: Update the shadow map viewer on window resize:
+   *		shadowMapViewer.updateForWindowResize();
+   *
+   *	6) If you set the position or size members directly, you need to call shadowMapViewer.update();
+   */
+  var ShadowMapViewer = /*#__PURE__*/_createClass(function ShadowMapViewer(light) {
+    _classCallCheck(this, ShadowMapViewer);
+
+    //- Internals
+    var scope = this;
+    var doRenderLabel = light.name !== undefined && light.name !== '';
+    var userAutoClearSetting; //Holds the initial position and dimension of the HUD
+
+    var frame = {
+      x: 10,
+      y: 10,
+      width: 256,
+      height: 256
+    };
+    var camera = new _three.OrthographicCamera(window.innerWidth / -2, window.innerWidth / 2, window.innerHeight / 2, window.innerHeight / -2, 1, 10);
+    camera.position.set(0, 0, 2);
+    var scene = new _three.Scene(); //HUD for shadow map
+
+    var shader = _UnpackDepthRGBAShader.UnpackDepthRGBAShader;
+
+    var uniforms = _three.UniformsUtils.clone(shader.uniforms);
+
+    var material = new _three.ShaderMaterial({
+      uniforms: uniforms,
+      vertexShader: shader.vertexShader,
+      fragmentShader: shader.fragmentShader
+    });
+    var plane = new _three.PlaneGeometry(frame.width, frame.height);
+    var mesh = new _three.Mesh(plane, material);
+    scene.add(mesh); //Label for light's name
+
+    var labelCanvas, labelMesh;
+
+    if (doRenderLabel) {
+      labelCanvas = document.createElement('canvas');
+      var context = labelCanvas.getContext('2d');
+      context.font = 'Bold 20px Arial';
+      var labelWidth = context.measureText(light.name).width;
+      labelCanvas.width = labelWidth;
+      labelCanvas.height = 25; //25 to account for g, p, etc.
+
+      context.font = 'Bold 20px Arial';
+      context.fillStyle = 'rgba( 255, 0, 0, 1 )';
+      context.fillText(light.name, 0, 20);
+      var labelTexture = new _three.Texture(labelCanvas);
+      labelTexture.magFilter = _three.LinearFilter;
+      labelTexture.minFilter = _three.LinearFilter;
+      labelTexture.needsUpdate = true;
+      var labelMaterial = new _three.MeshBasicMaterial({
+        map: labelTexture,
+        side: _three.DoubleSide
+      });
+      labelMaterial.transparent = true;
+      var labelPlane = new _three.PlaneGeometry(labelCanvas.width, labelCanvas.height);
+      labelMesh = new _three.Mesh(labelPlane, labelMaterial);
+      scene.add(labelMesh);
+    }
+
+    function resetPosition() {
+      scope.position.set(scope.position.x, scope.position.y);
+    } //- API
+    // Set to false to disable displaying this shadow map
+
+
+    this.enabled = true; // Set the size of the displayed shadow map on the HUD
+
+    this.size = {
+      width: frame.width,
+      height: frame.height,
+      set: function set(width, height) {
+        this.width = width;
+        this.height = height;
+        mesh.scale.set(this.width / frame.width, this.height / frame.height, 1); //Reset the position as it is off when we scale stuff
+
+        resetPosition();
+      }
+    }; // Set the position of the displayed shadow map on the HUD
+
+    this.position = {
+      x: frame.x,
+      y: frame.y,
+      set: function set(x, y) {
+        this.x = x;
+        this.y = y;
+        var width = scope.size.width;
+        var height = scope.size.height;
+        mesh.position.set(-window.innerWidth / 2 + width / 2 + this.x, window.innerHeight / 2 - height / 2 - this.y, 0);
+        if (doRenderLabel) labelMesh.position.set(mesh.position.x, mesh.position.y - scope.size.height / 2 + labelCanvas.height / 2, 0);
+      }
+    };
+
+    this.render = function (renderer) {
+      if (this.enabled) {
+        //Because a light's .shadowMap is only initialised after the first render pass
+        //we have to make sure the correct map is sent into the shader, otherwise we
+        //always end up with the scene's first added shadow casting light's shadowMap
+        //in the shader
+        //See: https://github.com/mrdoob/three.js/issues/5932
+        uniforms.tDiffuse.value = light.shadow.map.texture;
+        userAutoClearSetting = renderer.autoClear;
+        renderer.autoClear = false; // To allow render overlay
+
+        renderer.clearDepth();
+        renderer.render(scene, camera);
+        renderer.autoClear = userAutoClearSetting; //Restore user's setting
+      }
+    };
+
+    this.updateForWindowResize = function () {
+      if (this.enabled) {
+        camera.left = window.innerWidth / -2;
+        camera.right = window.innerWidth / 2;
+        camera.top = window.innerHeight / 2;
+        camera.bottom = window.innerHeight / -2;
+        camera.updateProjectionMatrix();
+        this.update();
+      }
+    };
+
+    this.update = function () {
+      this.position.set(this.position.x, this.position.y);
+      this.size.set(this.size.width, this.size.height);
+    }; //Force an update to set position/size
+
+
+    this.update();
+  });
+
+  _exports.ShadowMapViewer = ShadowMapViewer;
+});