\n * Layout can sort of be thought of as a C-style struct declaration.\n * {@link Mesh}\'s TBD(...) method will use the {@link Layout} instance to\n * pack an array in the given attribute order.\n *

\n * Layout also is very helpful when calling a WebGL context\'s\n * vertexAttribPointer method. If you\'ve created a buffer using\n * a Layout instance, then the same Layout instance can be used to determine\n * the size, type, normalized, stride, and offset parameters for\n * vertexAttribPointer.\n *

\n * For example:\n *

\n *\n * const index = glctx.getAttribLocation(shaderProgram, "pos");\n * glctx.vertexAttribPointer(\n *   layout.position.size,\n *   glctx[layout.position.type],\n *   layout.position.normalized,\n *   layout.position.stride,\n *   layout.position.offset);\n *

\n * @see {@link Mesh}\n */\nclass Layout {\n /**\n * Create a Layout object. This constructor will throw if any duplicate\n * attributes are given.\n * @param {Array} ...attributes - An ordered list of attributes that\n * describe the desired memory layout for each vertex attribute.\n *

\n *\n * @see {@link Mesh}\n */\n constructor(...attributes) {\n this.attributes = attributes;\n this.attributeMap = {};\n let offset = 0;\n let maxStrideMultiple = 0;\n for (const attribute of attributes) {\n if (this.attributeMap[attribute.key]) {\n throw new DuplicateAttributeException(attribute);\n }\n // Add padding to satisfy WebGL\'s requirement that all\n // vertexAttribPointer calls have an offset that is a multiple of\n // the type size.\n if (offset % attribute.sizeOfType !== 0) {\n offset += attribute.sizeOfType - (offset % attribute.sizeOfType);\n console.warn("Layout requires padding before " + attribute.key + " attribute");\n }\n this.attributeMap[attribute.key] = {\n attribute: attribute,\n size: attribute.size,\n type: attribute.type,\n normalized: attribute.normalized,\n offset: offset,\n };\n offset += attribute.sizeInBytes;\n maxStrideMultiple = Math.max(maxStrideMultiple, attribute.sizeOfType);\n }\n // Add padding to the end to satisfy WebGL\'s requirement that all\n // vertexAttribPointer calls have a stride that is a multiple of the\n // type size. Because we\'re putting differently sized attributes into\n // the same buffer, it must be padded to a multiple of the largest\n // type size.\n if (offset % maxStrideMultiple !== 0) {\n offset += maxStrideMultiple - (offset % maxStrideMultiple);\n console.warn("Layout requires padding at the back");\n }\n this.stride = offset;\n for (const attribute of attributes) {\n this.attributeMap[attribute.key].stride = this.stride;\n }\n }\n}\n// Geometry attributes\n/**\n * Attribute layout to pack a vertex\'s x, y, & z as floats\n *\n * @see {@link Layout}\n */\nLayout.POSITION = new Attribute("position", 3, TYPES.FLOAT);\n/**\n * Attribute layout to pack a vertex\'s normal\'s x, y, & z as floats\n *\n * @see {@link Layout}\n */\nLayout.NORMAL = new Attribute("normal", 3, TYPES.FLOAT);\n/**\n * Attribute layout to pack a vertex\'s normal\'s x, y, & z as floats.\n *

\n * This value will be computed on-the-fly based on the texture coordinates.\n * If no texture coordinates are available, the generated value will default to\n * 0, 0, 0.\n *\n * @see {@link Layout}\n */\nLayout.TANGENT = new Attribute("tangent", 3, TYPES.FLOAT);\n/**\n * Attribute layout to pack a vertex\'s normal\'s bitangent x, y, & z as floats.\n *

\n * This value will be computed on-the-fly based on the texture coordinates.\n * If no texture coordinates are available, the generated value will default to\n * 0, 0, 0.\n * @see {@link Layout}\n */\nLayout.BITANGENT = new Attribute("bitangent", 3, TYPES.FLOAT);\n/**\n * Attribute layout to pack a vertex\'s texture coordinates\' u & v as floats\n *\n * @see {@link Layout}\n */\nLayout.UV = new Attribute("uv", 2, TYPES.FLOAT);\n// Material attributes\n/**\n * Attribute layout to pack an unsigned short to be interpreted as a the index\n * into a {@link Mesh}\'s materials list.\n *

\n * The intention of this value is to send all of the {@link Mesh}\'s materials\n * into multiple shader uniforms and then reference the current one by this\n * vertex attribute.\n *

\n * example glsl code:\n *\n *

\n *  // this is bound using MATERIAL_INDEX\n *  attribute int materialIndex;\n *\n *  struct Material {\n *    vec3 diffuse;\n *    vec3 specular;\n *    vec3 specularExponent;\n *  };\n *\n *  uniform Material materials[MAX_MATERIALS];\n *\n *  // ...\n *\n *  vec3 diffuse = materials[materialIndex];\n *\n *

\n * TODO: More description & test to make sure subscripting by attributes even\n * works for webgl\n *\n * @see {@link Layout}\n */\nLayout.MATERIAL_INDEX = new Attribute("materialIndex", 1, TYPES.SHORT);\nLayout.MATERIAL_ENABLED = new Attribute("materialEnabled", 1, TYPES.UNSIGNED_SHORT);\nLayout.AMBIENT = new Attribute("ambient", 3, TYPES.FLOAT);\nLayout.DIFFUSE = new Attribute("diffuse", 3, TYPES.FLOAT);\nLayout.SPECULAR = new Attribute("specular", 3, TYPES.FLOAT);\nLayout.SPECULAR_EXPONENT = new Attribute("specularExponent", 3, TYPES.FLOAT);\nLayout.EMISSIVE = new Attribute("emissive", 3, TYPES.FLOAT);\nLayout.TRANSMISSION_FILTER = new Attribute("transmissionFilter", 3, TYPES.FLOAT);\nLayout.DISSOLVE = new Attribute("dissolve", 1, TYPES.FLOAT);\nLayout.ILLUMINATION = new Attribute("illumination", 1, TYPES.UNSIGNED_SHORT);\nLayout.REFRACTION_INDEX = new Attribute("refractionIndex", 1, TYPES.FLOAT);\nLayout.SHARPNESS = new Attribute("sharpness", 1, TYPES.FLOAT);\nLayout.MAP_DIFFUSE = new Attribute("mapDiffuse", 1, TYPES.SHORT);\nLayout.MAP_AMBIENT = new Attribute("mapAmbient", 1, TYPES.SHORT);\nLayout.MAP_SPECULAR = new Attribute("mapSpecular", 1, TYPES.SHORT);\nLayout.MAP_SPECULAR_EXPONENT = new Attribute("mapSpecularExponent", 1, TYPES.SHORT);\nLayout.MAP_DISSOLVE = new Attribute("mapDissolve", 1, TYPES.SHORT);\nLayout.ANTI_ALIASING = new Attribute("antiAliasing", 1, TYPES.UNSIGNED_SHORT);\nLayout.MAP_BUMP = new Attribute("mapBump", 1, TYPES.SHORT);\nLayout.MAP_DISPLACEMENT = new Attribute("mapDisplacement", 1, TYPES.SHORT);\nLayout.MAP_DECAL = new Attribute("mapDecal", 1, TYPES.SHORT);\nLayout.MAP_EMISSIVE = new Attribute("mapEmissive", 1, TYPES.SHORT);\n\n\n//# sourceURL=webpack:///./src/layout.ts?')},"./src/material.ts": /*!*************************!*\ !*** ./src/material.ts ***! \*************************/ /*! exports provided: Material, MaterialLibrary */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Material", function() { return Material; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MaterialLibrary", function() { return MaterialLibrary; });\n/**\n * The Material class.\n */\nclass Material {\n constructor(name) {\n this.name = name;\n /**\n * Constructor\n * @param {String} name the unique name of the material\n */\n // The values for the following attibutes\n // are an array of R, G, B normalized values.\n // Ka - Ambient Reflectivity\n this.ambient = [0, 0, 0];\n // Kd - Defuse Reflectivity\n this.diffuse = [0, 0, 0];\n // Ks\n this.specular = [0, 0, 0];\n // Ke\n this.emissive = [0, 0, 0];\n // Tf\n this.transmissionFilter = [0, 0, 0];\n // d\n this.dissolve = 0;\n // valid range is between 0 and 1000\n this.specularExponent = 0;\n // either d or Tr; valid values are normalized\n this.transparency = 0;\n // illum - the enum of the illumination model to use\n this.illumination = 0;\n // Ni - Set to "normal" (air).\n this.refractionIndex = 1;\n // sharpness\n this.sharpness = 0;\n // map_Kd\n this.mapDiffuse = emptyTextureOptions();\n // map_Ka\n this.mapAmbient = emptyTextureOptions();\n // map_Ks\n this.mapSpecular = emptyTextureOptions();\n // map_Ns\n this.mapSpecularExponent = emptyTextureOptions();\n // map_d\n this.mapDissolve = emptyTextureOptions();\n // map_aat\n this.antiAliasing = false;\n // map_bump or bump\n this.mapBump = emptyTextureOptions();\n // disp\n this.mapDisplacement = emptyTextureOptions();\n // decal\n this.mapDecal = emptyTextureOptions();\n // map_Ke\n this.mapEmissive = emptyTextureOptions();\n // refl - when the reflection type is a cube, there will be multiple refl\n // statements for each side of the cube. If it\'s a spherical\n // reflection, there should only ever be one.\n this.mapReflections = [];\n }\n}\nconst SENTINEL_MATERIAL = new Material("sentinel");\n/**\n * https://en.wikipedia.org/wiki/Wavefront_.obj_file\n * http://paulbourke.net/dataformats/mtl/\n */\nclass MaterialLibrary {\n constructor(data) {\n this.data = data;\n /**\n * Constructs the Material Parser\n * @param mtlData the MTL file contents\n */\n this.currentMaterial = SENTINEL_MATERIAL;\n this.materials = {};\n this.parse();\n }\n /* eslint-disable camelcase */\n /* the function names here disobey camelCase conventions\n to make parsing/routing easier. see the parse function\n documentation for more information. */\n /**\n * Creates a new Material object and adds to the registry.\n * @param tokens the tokens associated with the directive\n */\n parse_newmtl(tokens) {\n const name = tokens[0];\n // console.info(\'Parsing new Material:\', name);\n this.currentMaterial = new Material(name);\n this.materials[name] = this.currentMaterial;\n }\n /**\n * See the documenation for parse_Ka below for a better understanding.\n *\n * Given a list of possible color tokens, returns an array of R, G, and B\n * color values.\n *\n * @param tokens the tokens associated with the directive\n * @return {*} a 3 element array containing the R, G, and B values\n * of the color.\n */\n parseColor(tokens) {\n if (tokens[0] == "spectral") {\n throw new Error("The MTL parser does not support spectral curve files. You will " +\n "need to convert the MTL colors to either RGB or CIEXYZ.");\n }\n if (tokens[0] == "xyz") {\n throw new Error("The MTL parser does not currently support XYZ colors. Either convert the " +\n "XYZ values to RGB or create an issue to add support for XYZ");\n }\n // from my understanding of the spec, RGB values at this point\n // will either be 3 floats or exactly 1 float, so that\'s the check\n // that i\'m going to perform here\n if (tokens.length == 3) {\n const [x, y, z] = tokens;\n return [parseFloat(x), parseFloat(y), parseFloat(z)];\n }\n // Since tokens at this point has a length of 3, we\'re going to assume\n // it\'s exactly 1, skipping the check for 2.\n const value = parseFloat(tokens[0]);\n // in this case, all values are equivalent\n return [value, value, value];\n }\n /**\n * Parse the ambient reflectivity\n *\n * A Ka directive can take one of three forms:\n * - Ka r g b\n * - Ka spectral file.rfl\n * - Ka xyz x y z\n * These three forms are mutually exclusive in that only one\n * declaration can exist per material. It is considered a syntax\n * error otherwise.\n *\n * The "Ka" form specifies the ambient reflectivity using RGB values.\n * The "g" and "b" values are optional. If only the "r" value is\n * specified, then the "g" and "b" values are assigned the value of\n * "r". Values are normally in the range 0.0 to 1.0. Values outside\n * of this range increase or decrease the reflectivity accordingly.\n *\n * The "Ka spectral" form specifies the ambient reflectivity using a\n * spectral curve. "file.rfl" is the name of the ".rfl" file containing\n * the curve data. "factor" is an optional argument which is a multiplier\n * for the values in the .rfl file and defaults to 1.0 if not specified.\n *\n * The "Ka xyz" form specifies the ambient reflectivity using CIEXYZ values.\n * "x y z" are the values of the CIEXYZ color space. The "y" and "z" arguments\n * are optional and take on the value of the "x" component if only "x" is\n * specified. The "x y z" values are normally in the range of 0.0 to 1.0 and\n * increase or decrease ambient reflectivity accordingly outside of that\n * range.\n *\n * @param tokens the tokens associated with the directive\n */\n parse_Ka(tokens) {\n this.currentMaterial.ambient = this.parseColor(tokens);\n }\n /**\n * Diffuse Reflectivity\n *\n * Similar to the Ka directive. Simply replace "Ka" with "Kd" and the rules\n * are the same\n *\n * @param tokens the tokens associated with the directive\n */\n parse_Kd(tokens) {\n this.currentMaterial.diffuse = this.parseColor(tokens);\n }\n /**\n * Spectral Reflectivity\n *\n * Similar to the Ka directive. Simply replace "Ks" with "Kd" and the rules\n * are the same\n *\n * @param tokens the tokens associated with the directive\n */\n parse_Ks(tokens) {\n this.currentMaterial.specular = this.parseColor(tokens);\n }\n /**\n * Emissive\n *\n * The amount and color of light emitted by the object.\n *\n * @param tokens the tokens associated with the directive\n */\n parse_Ke(tokens) {\n this.currentMaterial.emissive = this.parseColor(tokens);\n }\n /**\n * Transmission Filter\n *\n * Any light passing through the object is filtered by the transmission\n * filter, which only allows specific colors to pass through. For example, Tf\n * 0 1 0 allows all of the green to pass through and filters out all of the\n * red and blue.\n *\n * Similar to the Ka directive. Simply replace "Ks" with "Tf" and the rules\n * are the same\n *\n * @param tokens the tokens associated with the directive\n */\n parse_Tf(tokens) {\n this.currentMaterial.transmissionFilter = this.parseColor(tokens);\n }\n /**\n * Specifies the dissolve for the current material.\n *\n * Statement: d [-halo] `factor`\n *\n * Example: "d 0.5"\n *\n * The factor is the amount this material dissolves into the background. A\n * factor of 1.0 is fully opaque. This is the default when a new material is\n * created. A factor of 0.0 is fully dissolved (completely transparent).\n *\n * Unlike a real transparent material, the dissolve does not depend upon\n * material thickness nor does it have any spectral character. Dissolve works\n * on all illumination models.\n *\n * The dissolve statement allows for an optional "-halo" flag which indicates\n * that a dissolve is dependent on the surface orientation relative to the\n * viewer. For example, a sphere with the following dissolve, "d -halo 0.0",\n * will be fully dissolved at its center and will appear gradually more opaque\n * toward its edge.\n *\n * "factor" is the minimum amount of dissolve applied to the material. The\n * amount of dissolve will vary between 1.0 (fully opaque) and the specified\n * "factor". The formula is:\n *\n * dissolve = 1.0 - (N*v)(1.0-factor)\n *\n * @param tokens the tokens associated with the directive\n */\n parse_d(tokens) {\n // this ignores the -halo option as I can\'t find any documentation on what\n // it\'s supposed to be.\n this.currentMaterial.dissolve = parseFloat(tokens.pop() || "0");\n }\n /**\n * The "illum" statement specifies the illumination model to use in the\n * material. Illumination models are mathematical equations that represent\n * various material lighting and shading effects.\n *\n * The illumination number can be a number from 0 to 10. The following are\n * the list of illumination enumerations and their summaries:\n * 0. Color on and Ambient off\n * 1. Color on and Ambient on\n * 2. Highlight on\n * 3. Reflection on and Ray trace on\n * 4. Transparency: Glass on, Reflection: Ray trace on\n * 5. Reflection: Fresnel on and Ray trace on\n * 6. Transparency: Refraction on, Reflection: Fresnel off and Ray trace on\n * 7. Transparency: Refraction on, Reflection: Fresnel on and Ray trace on\n * 8. Reflection on and Ray trace off\n * 9. Transparency: Glass on, Reflection: Ray trace off\n * 10. Casts shadows onto invisible surfaces\n *\n * Example: "illum 2" to specify the "Highlight on" model\n *\n * @param tokens the tokens associated with the directive\n */\n parse_illum(tokens) {\n this.currentMaterial.illumination = parseInt(tokens[0]);\n }\n /**\n * Optical Density (AKA Index of Refraction)\n *\n * Statement: Ni `index`\n *\n * Example: Ni 1.0\n *\n * Specifies the optical density for the surface. `index` is the value\n * for the optical density. The values can range from 0.001 to 10. A value of\n * 1.0 means that light does not bend as it passes through an object.\n * Increasing the optical_density increases the amount of bending. Glass has\n * an index of refraction of about 1.5. Values of less than 1.0 produce\n * bizarre results and are not recommended\n *\n * @param tokens the tokens associated with the directive\n */\n parse_Ni(tokens) {\n this.currentMaterial.refractionIndex = parseFloat(tokens[0]);\n }\n /**\n * Specifies the specular exponent for the current material. This defines the\n * focus of the specular highlight.\n *\n * Statement: Ns `exponent`\n *\n * Example: "Ns 250"\n *\n * `exponent` is the value for the specular exponent. A high exponent results\n * in a tight, concentrated highlight. Ns Values normally range from 0 to\n * 1000.\n *\n * @param tokens the tokens associated with the directive\n */\n parse_Ns(tokens) {\n this.currentMaterial.specularExponent = parseInt(tokens[0]);\n }\n /**\n * Specifies the sharpness of the reflections from the local reflection map.\n *\n * Statement: sharpness `value`\n *\n * Example: "sharpness 100"\n *\n * If a material does not have a local reflection map defined in its material\n * defintions, sharpness will apply to the global reflection map defined in\n * PreView.\n *\n * `value` can be a number from 0 to 1000. The default is 60. A high value\n * results in a clear reflection of objects in the reflection map.\n *\n * Tip: sharpness values greater than 100 introduce aliasing effects in\n * flat surfaces that are viewed at a sharp angle.\n *\n * @param tokens the tokens associated with the directive\n */\n parse_sharpness(tokens) {\n this.currentMaterial.sharpness = parseInt(tokens[0]);\n }\n /**\n * Parses the -cc flag and updates the options object with the values.\n *\n * @param values the values passed to the -cc flag\n * @param options the Object of all image options\n */\n parse_cc(values, options) {\n options.colorCorrection = values[0] == "on";\n }\n /**\n * Parses the -blendu flag and updates the options object with the values.\n *\n * @param values the values passed to the -blendu flag\n * @param options the Object of all image options\n */\n parse_blendu(values, options) {\n options.horizontalBlending = values[0] == "on";\n }\n /**\n * Parses the -blendv flag and updates the options object with the values.\n *\n * @param values the values passed to the -blendv flag\n * @param options the Object of all image options\n */\n parse_blendv(values, options) {\n options.verticalBlending = values[0] == "on";\n }\n /**\n * Parses the -boost flag and updates the options object with the values.\n *\n * @param values the values passed to the -boost flag\n * @param options the Object of all image options\n */\n parse_boost(values, options) {\n options.boostMipMapSharpness = parseFloat(values[0]);\n }\n /**\n * Parses the -mm flag and updates the options object with the values.\n *\n * @param values the values passed to the -mm flag\n * @param options the Object of all image options\n */\n parse_mm(values, options) {\n options.modifyTextureMap.brightness = parseFloat(values[0]);\n options.modifyTextureMap.contrast = parseFloat(values[1]);\n }\n /**\n * Parses and sets the -o, -s, and -t u, v, and w values\n *\n * @param values the values passed to the -o, -s, -t flag\n * @param {Object} option the Object of either the -o, -s, -t option\n * @param {Integer} defaultValue the Object of all image options\n */\n parse_ost(values, option, defaultValue) {\n while (values.length < 3) {\n values.push(defaultValue.toString());\n }\n option.u = parseFloat(values[0]);\n option.v = parseFloat(values[1]);\n option.w = parseFloat(values[2]);\n }\n /**\n * Parses the -o flag and updates the options object with the values.\n *\n * @param values the values passed to the -o flag\n * @param options the Object of all image options\n */\n parse_o(values, options) {\n this.parse_ost(values, options.offset, 0);\n }\n /**\n * Parses the -s flag and updates the options object with the values.\n *\n * @param values the values passed to the -s flag\n * @param options the Object of all image options\n */\n parse_s(values, options) {\n this.parse_ost(values, options.scale, 1);\n }\n /**\n * Parses the -t flag and updates the options object with the values.\n *\n * @param values the values passed to the -t flag\n * @param options the Object of all image options\n */\n parse_t(values, options) {\n this.parse_ost(values, options.turbulence, 0);\n }\n /**\n * Parses the -texres flag and updates the options object with the values.\n *\n * @param values the values passed to the -texres flag\n * @param options the Object of all image options\n */\n parse_texres(values, options) {\n options.textureResolution = parseFloat(values[0]);\n }\n /**\n * Parses the -clamp flag and updates the options object with the values.\n *\n * @param values the values passed to the -clamp flag\n * @param options the Object of all image options\n */\n parse_clamp(values, options) {\n options.clamp = values[0] == "on";\n }\n /**\n * Parses the -bm flag and updates the options object with the values.\n *\n * @param values the values passed to the -bm flag\n * @param options the Object of all image options\n */\n parse_bm(values, options) {\n options.bumpMultiplier = parseFloat(values[0]);\n }\n /**\n * Parses the -imfchan flag and updates the options object with the values.\n *\n * @param values the values passed to the -imfchan flag\n * @param options the Object of all image options\n */\n parse_imfchan(values, options) {\n options.imfChan = values[0];\n }\n /**\n * This only exists for relection maps and denotes the type of reflection.\n *\n * @param values the values passed to the -type flag\n * @param options the Object of all image options\n */\n parse_type(values, options) {\n options.reflectionType = values[0];\n }\n /**\n * Parses the texture\'s options and returns an options object with the info\n *\n * @param tokens all of the option tokens to pass to the texture\n * @return {Object} a complete object of objects to apply to the texture\n */\n parseOptions(tokens) {\n const options = emptyTextureOptions();\n let option;\n let values;\n const optionsToValues = {};\n tokens.reverse();\n while (tokens.length) {\n // token is guaranteed to exists here, hence the explicit "as"\n const token = tokens.pop();\n if (token.startsWith("-")) {\n option = token.substr(1);\n optionsToValues[option] = [];\n }\n else if (option) {\n optionsToValues[option].push(token);\n }\n }\n for (option in optionsToValues) {\n if (!optionsToValues.hasOwnProperty(option)) {\n continue;\n }\n values = optionsToValues[option];\n const optionMethod = this[`parse_${option}`];\n if (optionMethod) {\n optionMethod.bind(this)(values, options);\n }\n }\n return options;\n }\n /**\n * Parses the given texture map line.\n *\n * @param tokens all of the tokens representing the texture\n * @return a complete object of objects to apply to the texture\n */\n parseMap(tokens) {\n // according to wikipedia:\n // (https://en.wikipedia.org/wiki/Wavefront_.obj_file#Vendor_specific_alterations)\n // there is at least one vendor that places the filename before the options\n // rather than after (which is to spec). All options start with a \'-\'\n // so if the first token doesn\'t start with a \'-\', we\'re going to assume\n // it\'s the name of the map file.\n let optionsString;\n let filename = "";\n if (!tokens[0].startsWith("-")) {\n [filename, ...optionsString] = tokens;\n }\n else {\n filename = tokens.pop();\n optionsString = tokens;\n }\n const options = this.parseOptions(optionsString);\n options.filename = filename.replace(/\\\\/g, "/");\n return options;\n }\n /**\n * Parses the ambient map.\n *\n * @param tokens list of tokens for the map_Ka direcive\n */\n parse_map_Ka(tokens) {\n this.currentMaterial.mapAmbient = this.parseMap(tokens);\n }\n /**\n * Parses the diffuse map.\n *\n * @param tokens list of tokens for the map_Kd direcive\n */\n parse_map_Kd(tokens) {\n this.currentMaterial.mapDiffuse = this.parseMap(tokens);\n }\n /**\n * Parses the specular map.\n *\n * @param tokens list of tokens for the map_Ks direcive\n */\n parse_map_Ks(tokens) {\n this.currentMaterial.mapSpecular = this.parseMap(tokens);\n }\n /**\n * Parses the emissive map.\n *\n * @param tokens list of tokens for the map_Ke direcive\n */\n parse_map_Ke(tokens) {\n this.currentMaterial.mapEmissive = this.parseMap(tokens);\n }\n /**\n * Parses the specular exponent map.\n *\n * @param tokens list of tokens for the map_Ns direcive\n */\n parse_map_Ns(tokens) {\n this.currentMaterial.mapSpecularExponent = this.parseMap(tokens);\n }\n /**\n * Parses the dissolve map.\n *\n * @param tokens list of tokens for the map_d direcive\n */\n parse_map_d(tokens) {\n this.currentMaterial.mapDissolve = this.parseMap(tokens);\n }\n /**\n * Parses the anti-aliasing option.\n *\n * @param tokens list of tokens for the map_aat direcive\n */\n parse_map_aat(tokens) {\n this.currentMaterial.antiAliasing = tokens[0] == "on";\n }\n /**\n * Parses the bump map.\n *\n * @param tokens list of tokens for the map_bump direcive\n */\n parse_map_bump(tokens) {\n this.currentMaterial.mapBump = this.parseMap(tokens);\n }\n /**\n * Parses the bump map.\n *\n * @param tokens list of tokens for the bump direcive\n */\n parse_bump(tokens) {\n this.parse_map_bump(tokens);\n }\n /**\n * Parses the disp map.\n *\n * @param tokens list of tokens for the disp direcive\n */\n parse_disp(tokens) {\n this.currentMaterial.mapDisplacement = this.parseMap(tokens);\n }\n /**\n * Parses the decal map.\n *\n * @param tokens list of tokens for the map_decal direcive\n */\n parse_decal(tokens) {\n this.currentMaterial.mapDecal = this.parseMap(tokens);\n }\n /**\n * Parses the refl map.\n *\n * @param tokens list of tokens for the refl direcive\n */\n parse_refl(tokens) {\n this.currentMaterial.mapReflections.push(this.parseMap(tokens));\n }\n /**\n * Parses the MTL file.\n *\n * Iterates line by line parsing each MTL directive.\n *\n * This function expects the first token in the line\n * to be a valid MTL directive. That token is then used\n * to try and run a method on this class. parse_[directive]\n * E.g., the `newmtl` directive would try to call the method\n * parse_newmtl. Each parsing function takes in the remaining\n * list of tokens and updates the currentMaterial class with\n * the attributes provided.\n */\n parse() {\n const lines = this.data.split(/\\r?\\n/);\n for (let line of lines) {\n line = line.trim();\n if (!line || line.startsWith("#")) {\n continue;\n }\n const [directive, ...tokens] = line.split(/\\s/);\n const parseMethod = this[`parse_${directive}`];\n if (!parseMethod) {\n console.warn(`Don\'t know how to parse the directive: "${directive}"`);\n continue;\n }\n // console.log(`Parsing "${directive}" with tokens: ${tokens}`);\n parseMethod.bind(this)(tokens);\n }\n // some cleanup. These don\'t need to be exposed as public data.\n delete this.data;\n this.currentMaterial = SENTINEL_MATERIAL;\n }\n}\nfunction emptyTextureOptions() {\n return {\n colorCorrection: false,\n horizontalBlending: true,\n verticalBlending: true,\n boostMipMapSharpness: 0,\n modifyTextureMap: {\n brightness: 0,\n contrast: 1,\n },\n offset: { u: 0, v: 0, w: 0 },\n scale: { u: 1, v: 1, w: 1 },\n turbulence: { u: 0, v: 0, w: 0 },\n clamp: false,\n textureResolution: null,\n bumpMultiplier: 1,\n imfChan: null,\n filename: "",\n };\n}\n\n\n//# sourceURL=webpack:///./src/material.ts?')},"./src/mesh.ts": /*!*********************!*\ !*** ./src/mesh.ts ***! \*********************/ /*! exports provided: default */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return Mesh; });\n/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./layout */ "./src/layout.ts");\n\n/**\n * The main Mesh class. The constructor will parse through the OBJ file data\n * and collect the vertex, vertex normal, texture, and face information. This\n * information can then be used later on when creating your VBOs. See\n * OBJ.initMeshBuffers for an example of how to use the newly created Mesh\n */\nclass Mesh {\n /**\n * Create a Mesh\n * @param {String} objectData - a string representation of an OBJ file with\n * newlines preserved.\n * @param {Object} options - a JS object containing valid options. See class\n * documentation for options.\n * @param {bool} options.enableWTextureCoord - Texture coordinates can have\n * an optional "w" coordinate after the u and v coordinates. This extra\n * value can be used in order to perform fancy transformations on the\n * textures themselves. Default is to truncate to only the u an v\n * coordinates. Passing true will provide a default value of 0 in the\n * event that any or all texture coordinates don\'t provide a w value.\n * Always use the textureStride attribute in order to determine the\n * stride length of the texture coordinates when rendering the element\n * array.\n * @param {bool} options.calcTangentsAndBitangents - Calculate the tangents\n * and bitangents when loading of the OBJ is completed. This adds two new\n * attributes to the Mesh instance: `tangents` and `bitangents`.\n */\n constructor(objectData, options) {\n this.name = "";\n this.indicesPerMaterial = [];\n this.materialsByIndex = {};\n this.tangents = [];\n this.bitangents = [];\n options = options || {};\n options.materials = options.materials || {};\n options.enableWTextureCoord = !!options.enableWTextureCoord;\n // the list of unique vertex, normal, texture, attributes\n this.vertexNormals = [];\n this.textures = [];\n // the indicies to draw the faces\n this.indices = [];\n this.textureStride = options.enableWTextureCoord ? 3 : 2;\n /*\n The OBJ file format does a sort of compression when saving a model in a\n program like Blender. There are at least 3 sections (4 including textures)\n within the file. Each line in a section begins with the same string:\n * \'v\': indicates vertex section\n * \'vn\': indicates vertex normal section\n * \'f\': indicates the faces section\n * \'vt\': indicates vertex texture section (if textures were used on the model)\n Each of the above sections (except for the faces section) is a list/set of\n unique vertices.\n\n Each line of the faces section contains a list of\n (vertex, [texture], normal) groups.\n\n **Note:** The following documentation will use a capital "V" Vertex to\n denote the above (vertex, [texture], normal) groups whereas a lowercase\n "v" vertex is used to denote an X, Y, Z coordinate.\n\n Some examples:\n // the texture index is optional, both formats are possible for models\n // without a texture applied\n f 1/25 18/46 12/31\n f 1//25 18//46 12//31\n\n // A 3 vertex face with texture indices\n f 16/92/11 14/101/22 1/69/1\n\n // A 4 vertex face\n f 16/92/11 40/109/40 38/114/38 14/101/22\n\n The first two lines are examples of a 3 vertex face without a texture applied.\n The second is an example of a 3 vertex face with a texture applied.\n The third is an example of a 4 vertex face. Note: a face can contain N\n number of vertices.\n\n Each number that appears in one of the groups is a 1-based index\n corresponding to an item from the other sections (meaning that indexing\n starts at one and *not* zero).\n\n For example:\n `f 16/92/11` is saying to\n - take the 16th element from the [v] vertex array\n - take the 92nd element from the [vt] texture array\n - take the 11th element from the [vn] normal array\n and together they make a unique vertex.\n Using all 3+ unique Vertices from the face line will produce a polygon.\n\n Now, you could just go through the OBJ file and create a new vertex for\n each face line and WebGL will draw what appears to be the same model.\n However, vertices will be overlapped and duplicated all over the place.\n\n Consider a cube in 3D space centered about the origin and each side is\n 2 units long. The front face (with the positive Z-axis pointing towards\n you) would have a Top Right vertex (looking orthogonal to its normal)\n mapped at (1,1,1) The right face would have a Top Left vertex (looking\n orthogonal to its normal) at (1,1,1) and the top face would have a Bottom\n Right vertex (looking orthogonal to its normal) at (1,1,1). Each face\n has a vertex at the same coordinates, however, three distinct vertices\n will be drawn at the same spot.\n\n To solve the issue of duplicate Vertices (the `(vertex, [texture], normal)`\n groups), while iterating through the face lines, when a group is encountered\n the whole group string (\'16/92/11\') is checked to see if it exists in the\n packed.hashindices object, and if it doesn\'t, the indices it specifies\n are used to look up each attribute in the corresponding attribute arrays\n already created. The values are then copied to the corresponding unpacked\n array (flattened to play nice with WebGL\'s ELEMENT_ARRAY_BUFFER indexing),\n the group string is added to the hashindices set and the current unpacked\n index is used as this hashindices value so that the group of elements can\n be reused. The unpacked index is incremented. If the group string already\n exists in the hashindices object, its corresponding value is the index of\n that group and is appended to the unpacked indices array.\n */\n const verts = [];\n const vertNormals = [];\n const textures = [];\n const materialNamesByIndex = [];\n const materialIndicesByName = {};\n // keep track of what material we\'ve seen last\n let currentMaterialIndex = -1;\n let currentObjectByMaterialIndex = 0;\n // unpacking stuff\n const unpacked = {\n verts: [],\n norms: [],\n textures: [],\n hashindices: {},\n indices: [[]],\n materialIndices: [],\n index: 0,\n };\n const VERTEX_RE = /^v\\s/;\n const NORMAL_RE = /^vn\\s/;\n const TEXTURE_RE = /^vt\\s/;\n const FACE_RE = /^f\\s/;\n const WHITESPACE_RE = /\\s+/;\n const USE_MATERIAL_RE = /^usemtl/;\n // array of lines separated by the newline\n const lines = objectData.split("\\n");\n for (let line of lines) {\n line = line.trim();\n if (!line || line.startsWith("#")) {\n continue;\n }\n const elements = line.split(WHITESPACE_RE);\n elements.shift();\n if (VERTEX_RE.test(line)) {\n // if this is a vertex\n verts.push(...elements);\n }\n else if (NORMAL_RE.test(line)) {\n // if this is a vertex normal\n vertNormals.push(...elements);\n }\n else if (TEXTURE_RE.test(line)) {\n let coords = elements;\n // by default, the loader will only look at the U and V\n // coordinates of the vt declaration. So, this truncates the\n // elements to only those 2 values. If W texture coordinate\n // support is enabled, then the texture coordinate is\n // expected to have three values in it.\n if (elements.length > 2 && !options.enableWTextureCoord) {\n coords = elements.slice(0, 2);\n }\n else if (elements.length === 2 && options.enableWTextureCoord) {\n // If for some reason W texture coordinate support is enabled\n // and only the U and V coordinates are given, then we supply\n // the default value of 0 so that the stride length is correct\n // when the textures are unpacked below.\n coords.push("0");\n }\n textures.push(...coords);\n }\n else if (USE_MATERIAL_RE.test(line)) {\n const materialName = elements[0];\n // check to see if we\'ve ever seen it before\n if (!(materialName in materialIndicesByName)) {\n // new material we\'ve never seen\n materialNamesByIndex.push(materialName);\n materialIndicesByName[materialName] = materialNamesByIndex.length - 1;\n // push new array into indices\n // already contains an array at index zero, don\'t add\n if (materialIndicesByName[materialName] > 0) {\n unpacked.indices.push([]);\n }\n }\n // keep track of the current material index\n currentMaterialIndex = materialIndicesByName[materialName];\n // update current index array\n currentObjectByMaterialIndex = currentMaterialIndex;\n }\n else if (FACE_RE.test(line)) {\n // if this is a face\n /*\n split this face into an array of Vertex groups\n for example:\n f 16/92/11 14/101/22 1/69/1\n becomes:\n [\'16/92/11\', \'14/101/22\', \'1/69/1\'];\n */\n const triangles = triangulate(elements);\n for (const triangle of triangles) {\n for (let j = 0, eleLen = triangle.length; j < eleLen; j++) {\n const hash = triangle[j] + "," + currentMaterialIndex;\n if (hash in unpacked.hashindices) {\n unpacked.indices[currentObjectByMaterialIndex].push(unpacked.hashindices[hash]);\n }\n else {\n /*\n Each element of the face line array is a Vertex which has its\n attributes delimited by a forward slash. This will separate\n each attribute into another array:\n \'19/92/11\'\n becomes:\n Vertex = [\'19\', \'92\', \'11\'];\n where\n Vertex[0] is the vertex index\n Vertex[1] is the texture index\n Vertex[2] is the normal index\n Think of faces having Vertices which are comprised of the\n attributes location (v), texture (vt), and normal (vn).\n */\n const vertex = triangle[j].split("/");\n // it\'s possible for faces to only specify the vertex\n // and the normal. In this case, vertex will only have\n // a length of 2 and not 3 and the normal will be the\n // second item in the list with an index of 1.\n const normalIndex = vertex.length - 1;\n /*\n The verts, textures, and vertNormals arrays each contain a\n flattend array of coordinates.\n\n Because it gets confusing by referring to Vertex and then\n vertex (both are different in my descriptions) I will explain\n what\'s going on using the vertexNormals array:\n\n vertex[2] will contain the one-based index of the vertexNormals\n section (vn). One is subtracted from this index number to play\n nice with javascript\'s zero-based array indexing.\n\n Because vertexNormal is a flattened array of x, y, z values,\n simple pointer arithmetic is used to skip to the start of the\n vertexNormal, then the offset is added to get the correct\n component: +0 is x, +1 is y, +2 is z.\n\n This same process is repeated for verts and textures.\n */\n // Vertex position\n unpacked.verts.push(+verts[(+vertex[0] - 1) * 3 + 0]);\n unpacked.verts.push(+verts[(+vertex[0] - 1) * 3 + 1]);\n unpacked.verts.push(+verts[(+vertex[0] - 1) * 3 + 2]);\n // Vertex textures\n if (textures.length) {\n const stride = options.enableWTextureCoord ? 3 : 2;\n unpacked.textures.push(+textures[(+vertex[1] - 1) * stride + 0]);\n unpacked.textures.push(+textures[(+vertex[1] - 1) * stride + 1]);\n if (options.enableWTextureCoord) {\n unpacked.textures.push(+textures[(+vertex[1] - 1) * stride + 2]);\n }\n }\n // Vertex normals\n unpacked.norms.push(+vertNormals[(+vertex[normalIndex] - 1) * 3 + 0]);\n unpacked.norms.push(+vertNormals[(+vertex[normalIndex] - 1) * 3 + 1]);\n unpacked.norms.push(+vertNormals[(+vertex[normalIndex] - 1) * 3 + 2]);\n // Vertex material indices\n unpacked.materialIndices.push(currentMaterialIndex);\n // add the newly created Vertex to the list of indices\n unpacked.hashindices[hash] = unpacked.index;\n unpacked.indices[currentObjectByMaterialIndex].push(unpacked.hashindices[hash]);\n // increment the counter\n unpacked.index += 1;\n }\n }\n }\n }\n }\n this.vertices = unpacked.verts;\n this.vertexNormals = unpacked.norms;\n this.textures = unpacked.textures;\n this.vertexMaterialIndices = unpacked.materialIndices;\n this.indices = unpacked.indices[currentObjectByMaterialIndex];\n this.indicesPerMaterial = unpacked.indices;\n this.materialNames = materialNamesByIndex;\n this.materialIndices = materialIndicesByName;\n this.materialsByIndex = {};\n if (options.calcTangentsAndBitangents) {\n this.calculateTangentsAndBitangents();\n }\n }\n /**\n * Calculates the tangents and bitangents of the mesh that forms an orthogonal basis together with the\n * normal in the direction of the texture coordinates. These are useful for setting up the TBN matrix\n * when distorting the normals through normal maps.\n * Method derived from: http://www.opengl-tutorial.org/intermediate-tutorials/tutorial-13-normal-mapping/\n *\n * This method requires the normals and texture coordinates to be parsed and set up correctly.\n * Adds the tangents and bitangents as members of the class instance.\n */\n calculateTangentsAndBitangents() {\n console.assert(!!(this.vertices &&\n this.vertices.length &&\n this.vertexNormals &&\n this.vertexNormals.length &&\n this.textures &&\n this.textures.length), "Missing attributes for calculating tangents and bitangents");\n const unpacked = {\n tangents: [...new Array(this.vertices.length)].map(_ => 0),\n bitangents: [...new Array(this.vertices.length)].map(_ => 0),\n };\n // Loop through all faces in the whole mesh\n const indices = this.indices;\n const vertices = this.vertices;\n const normals = this.vertexNormals;\n const uvs = this.textures;\n for (let i = 0; i < indices.length; i += 3) {\n const i0 = indices[i + 0];\n const i1 = indices[i + 1];\n const i2 = indices[i + 2];\n const x_v0 = vertices[i0 * 3 + 0];\n const y_v0 = vertices[i0 * 3 + 1];\n const z_v0 = vertices[i0 * 3 + 2];\n const x_uv0 = uvs[i0 * 2 + 0];\n const y_uv0 = uvs[i0 * 2 + 1];\n const x_v1 = vertices[i1 * 3 + 0];\n const y_v1 = vertices[i1 * 3 + 1];\n const z_v1 = vertices[i1 * 3 + 2];\n const x_uv1 = uvs[i1 * 2 + 0];\n const y_uv1 = uvs[i1 * 2 + 1];\n const x_v2 = vertices[i2 * 3 + 0];\n const y_v2 = vertices[i2 * 3 + 1];\n const z_v2 = vertices[i2 * 3 + 2];\n const x_uv2 = uvs[i2 * 2 + 0];\n const y_uv2 = uvs[i2 * 2 + 1];\n const x_deltaPos1 = x_v1 - x_v0;\n const y_deltaPos1 = y_v1 - y_v0;\n const z_deltaPos1 = z_v1 - z_v0;\n const x_deltaPos2 = x_v2 - x_v0;\n const y_deltaPos2 = y_v2 - y_v0;\n const z_deltaPos2 = z_v2 - z_v0;\n const x_uvDeltaPos1 = x_uv1 - x_uv0;\n const y_uvDeltaPos1 = y_uv1 - y_uv0;\n const x_uvDeltaPos2 = x_uv2 - x_uv0;\n const y_uvDeltaPos2 = y_uv2 - y_uv0;\n const rInv = x_uvDeltaPos1 * y_uvDeltaPos2 - y_uvDeltaPos1 * x_uvDeltaPos2;\n const r = 1.0 / Math.abs(rInv < 0.0001 ? 1.0 : rInv);\n // Tangent\n const x_tangent = (x_deltaPos1 * y_uvDeltaPos2 - x_deltaPos2 * y_uvDeltaPos1) * r;\n const y_tangent = (y_deltaPos1 * y_uvDeltaPos2 - y_deltaPos2 * y_uvDeltaPos1) * r;\n const z_tangent = (z_deltaPos1 * y_uvDeltaPos2 - z_deltaPos2 * y_uvDeltaPos1) * r;\n // Bitangent\n const x_bitangent = (x_deltaPos2 * x_uvDeltaPos1 - x_deltaPos1 * x_uvDeltaPos2) * r;\n const y_bitangent = (y_deltaPos2 * x_uvDeltaPos1 - y_deltaPos1 * x_uvDeltaPos2) * r;\n const z_bitangent = (z_deltaPos2 * x_uvDeltaPos1 - z_deltaPos1 * x_uvDeltaPos2) * r;\n // Gram-Schmidt orthogonalize\n //t = glm::normalize(t - n * glm:: dot(n, t));\n const x_n0 = normals[i0 * 3 + 0];\n const y_n0 = normals[i0 * 3 + 1];\n const z_n0 = normals[i0 * 3 + 2];\n const x_n1 = normals[i1 * 3 + 0];\n const y_n1 = normals[i1 * 3 + 1];\n const z_n1 = normals[i1 * 3 + 2];\n const x_n2 = normals[i2 * 3 + 0];\n const y_n2 = normals[i2 * 3 + 1];\n const z_n2 = normals[i2 * 3 + 2];\n // Tangent\n const n0_dot_t = x_tangent * x_n0 + y_tangent * y_n0 + z_tangent * z_n0;\n const n1_dot_t = x_tangent * x_n1 + y_tangent * y_n1 + z_tangent * z_n1;\n const n2_dot_t = x_tangent * x_n2 + y_tangent * y_n2 + z_tangent * z_n2;\n const x_resTangent0 = x_tangent - x_n0 * n0_dot_t;\n const y_resTangent0 = y_tangent - y_n0 * n0_dot_t;\n const z_resTangent0 = z_tangent - z_n0 * n0_dot_t;\n const x_resTangent1 = x_tangent - x_n1 * n1_dot_t;\n const y_resTangent1 = y_tangent - y_n1 * n1_dot_t;\n const z_resTangent1 = z_tangent - z_n1 * n1_dot_t;\n const x_resTangent2 = x_tangent - x_n2 * n2_dot_t;\n const y_resTangent2 = y_tangent - y_n2 * n2_dot_t;\n const z_resTangent2 = z_tangent - z_n2 * n2_dot_t;\n const magTangent0 = Math.sqrt(x_resTangent0 * x_resTangent0 + y_resTangent0 * y_resTangent0 + z_resTangent0 * z_resTangent0);\n const magTangent1 = Math.sqrt(x_resTangent1 * x_resTangent1 + y_resTangent1 * y_resTangent1 + z_resTangent1 * z_resTangent1);\n const magTangent2 = Math.sqrt(x_resTangent2 * x_resTangent2 + y_resTangent2 * y_resTangent2 + z_resTangent2 * z_resTangent2);\n // Bitangent\n const n0_dot_bt = x_bitangent * x_n0 + y_bitangent * y_n0 + z_bitangent * z_n0;\n const n1_dot_bt = x_bitangent * x_n1 + y_bitangent * y_n1 + z_bitangent * z_n1;\n const n2_dot_bt = x_bitangent * x_n2 + y_bitangent * y_n2 + z_bitangent * z_n2;\n const x_resBitangent0 = x_bitangent - x_n0 * n0_dot_bt;\n const y_resBitangent0 = y_bitangent - y_n0 * n0_dot_bt;\n const z_resBitangent0 = z_bitangent - z_n0 * n0_dot_bt;\n const x_resBitangent1 = x_bitangent - x_n1 * n1_dot_bt;\n const y_resBitangent1 = y_bitangent - y_n1 * n1_dot_bt;\n const z_resBitangent1 = z_bitangent - z_n1 * n1_dot_bt;\n const x_resBitangent2 = x_bitangent - x_n2 * n2_dot_bt;\n const y_resBitangent2 = y_bitangent - y_n2 * n2_dot_bt;\n const z_resBitangent2 = z_bitangent - z_n2 * n2_dot_bt;\n const magBitangent0 = Math.sqrt(x_resBitangent0 * x_resBitangent0 +\n y_resBitangent0 * y_resBitangent0 +\n z_resBitangent0 * z_resBitangent0);\n const magBitangent1 = Math.sqrt(x_resBitangent1 * x_resBitangent1 +\n y_resBitangent1 * y_resBitangent1 +\n z_resBitangent1 * z_resBitangent1);\n const magBitangent2 = Math.sqrt(x_resBitangent2 * x_resBitangent2 +\n y_resBitangent2 * y_resBitangent2 +\n z_resBitangent2 * z_resBitangent2);\n unpacked.tangents[i0 * 3 + 0] += x_resTangent0 / magTangent0;\n unpacked.tangents[i0 * 3 + 1] += y_resTangent0 / magTangent0;\n unpacked.tangents[i0 * 3 + 2] += z_resTangent0 / magTangent0;\n unpacked.tangents[i1 * 3 + 0] += x_resTangent1 / magTangent1;\n unpacked.tangents[i1 * 3 + 1] += y_resTangent1 / magTangent1;\n unpacked.tangents[i1 * 3 + 2] += z_resTangent1 / magTangent1;\n unpacked.tangents[i2 * 3 + 0] += x_resTangent2 / magTangent2;\n unpacked.tangents[i2 * 3 + 1] += y_resTangent2 / magTangent2;\n unpacked.tangents[i2 * 3 + 2] += z_resTangent2 / magTangent2;\n unpacked.bitangents[i0 * 3 + 0] += x_resBitangent0 / magBitangent0;\n unpacked.bitangents[i0 * 3 + 1] += y_resBitangent0 / magBitangent0;\n unpacked.bitangents[i0 * 3 + 2] += z_resBitangent0 / magBitangent0;\n unpacked.bitangents[i1 * 3 + 0] += x_resBitangent1 / magBitangent1;\n unpacked.bitangents[i1 * 3 + 1] += y_resBitangent1 / magBitangent1;\n unpacked.bitangents[i1 * 3 + 2] += z_resBitangent1 / magBitangent1;\n unpacked.bitangents[i2 * 3 + 0] += x_resBitangent2 / magBitangent2;\n unpacked.bitangents[i2 * 3 + 1] += y_resBitangent2 / magBitangent2;\n unpacked.bitangents[i2 * 3 + 2] += z_resBitangent2 / magBitangent2;\n // TODO: check handedness\n }\n this.tangents = unpacked.tangents;\n this.bitangents = unpacked.bitangents;\n }\n /**\n * @param layout - A {@link Layout} object that describes the\n * desired memory layout of the generated buffer\n * @return The packed array in the ... TODO\n */\n makeBufferData(layout) {\n const numItems = this.vertices.length / 3;\n const buffer = new ArrayBuffer(layout.stride * numItems);\n buffer.numItems = numItems;\n const dataView = new DataView(buffer);\n for (let i = 0, vertexOffset = 0; i < numItems; i++) {\n vertexOffset = i * layout.stride;\n // copy in the vertex data in the order and format given by the\n // layout param\n for (const attribute of layout.attributes) {\n const offset = vertexOffset + layout.attributeMap[attribute.key].offset;\n switch (attribute.key) {\n case _layout__WEBPACK_IMPORTED_MODULE_0__["Layout"].POSITION.key:\n dataView.setFloat32(offset, this.vertices[i * 3], true);\n dataView.setFloat32(offset + 4, this.vertices[i * 3 + 1], true);\n dataView.setFloat32(offset + 8, this.vertices[i * 3 + 2], true);\n break;\n case _layout__WEBPACK_IMPORTED_MODULE_0__["Layout"].UV.key:\n dataView.setFloat32(offset, this.textures[i * 2], true);\n dataView.setFloat32(offset + 4, this.textures[i * 2 + 1], true);\n break;\n case _layout__WEBPACK_IMPORTED_MODULE_0__["Layout"].NORMAL.key:\n dataView.setFloat32(offset, this.vertexNormals[i * 3], true);\n dataView.setFloat32(offset + 4, this.vertexNormals[i * 3 + 1], true);\n dataView.setFloat32(offset + 8, this.vertexNormals[i * 3 + 2], true);\n break;\n case _layout__WEBPACK_IMPORTED_MODULE_0__["Layout"].MATERIAL_INDEX.key:\n dataView.setInt16(offset, this.vertexMaterialIndices[i], true);\n break;\n case _layout__WEBPACK_IMPORTED_MODULE_0__["Layout"].AMBIENT.key: {\n const materialIndex = this.vertexMaterialIndices[i];\n const material = this.materialsByIndex[materialIndex];\n if (!material) {\n console.warn(\'Material "\' +\n this.materialNames[materialIndex] +\n \'" not found in mesh. Did you forget to call addMaterialLibrary(...)?"\');\n break;\n }\n dataView.setFloat32(offset, material.ambient[0], true);\n dataView.setFloat32(offset + 4, material.ambient[1], true);\n dataView.setFloat32(offset + 8, material.ambient[2], true);\n break;\n }\n case _layout__WEBPACK_IMPORTED_MODULE_0__["Layout"].DIFFUSE.key: {\n const materialIndex = this.vertexMaterialIndices[i];\n const material = this.materialsByIndex[materialIndex];\n if (!material) {\n console.warn(\'Material "\' +\n this.materialNames[materialIndex] +\n \'" not found in mesh. Did you forget to call addMaterialLibrary(...)?"\');\n break;\n }\n dataView.setFloat32(offset, material.diffuse[0], true);\n dataView.setFloat32(offset + 4, material.diffuse[1], true);\n dataView.setFloat32(offset + 8, material.diffuse[2], true);\n break;\n }\n case _layout__WEBPACK_IMPORTED_MODULE_0__["Layout"].SPECULAR.key: {\n const materialIndex = this.vertexMaterialIndices[i];\n const material = this.materialsByIndex[materialIndex];\n if (!material) {\n console.warn(\'Material "\' +\n this.materialNames[materialIndex] +\n \'" not found in mesh. Did you forget to call addMaterialLibrary(...)?"\');\n break;\n }\n dataView.setFloat32(offset, material.specular[0], true);\n dataView.setFloat32(offset + 4, material.specular[1], true);\n dataView.setFloat32(offset + 8, material.specular[2], true);\n break;\n }\n case _layout__WEBPACK_IMPORTED_MODULE_0__["Layout"].SPECULAR_EXPONENT.key: {\n const materialIndex = this.vertexMaterialIndices[i];\n const material = this.materialsByIndex[materialIndex];\n if (!material) {\n console.warn(\'Material "\' +\n this.materialNames[materialIndex] +\n \'" not found in mesh. Did you forget to call addMaterialLibrary(...)?"\');\n break;\n }\n dataView.setFloat32(offset, material.specularExponent, true);\n break;\n }\n case _layout__WEBPACK_IMPORTED_MODULE_0__["Layout"].EMISSIVE.key: {\n const materialIndex = this.vertexMaterialIndices[i];\n const material = this.materialsByIndex[materialIndex];\n if (!material) {\n console.warn(\'Material "\' +\n this.materialNames[materialIndex] +\n \'" not found in mesh. Did you forget to call addMaterialLibrary(...)?"\');\n break;\n }\n dataView.setFloat32(offset, material.emissive[0], true);\n dataView.setFloat32(offset + 4, material.emissive[1], true);\n dataView.setFloat32(offset + 8, material.emissive[2], true);\n break;\n }\n case _layout__WEBPACK_IMPORTED_MODULE_0__["Layout"].TRANSMISSION_FILTER.key: {\n const materialIndex = this.vertexMaterialIndices[i];\n const material = this.materialsByIndex[materialIndex];\n if (!material) {\n console.warn(\'Material "\' +\n this.materialNames[materialIndex] +\n \'" not found in mesh. Did you forget to call addMaterialLibrary(...)?"\');\n break;\n }\n dataView.setFloat32(offset, material.transmissionFilter[0], true);\n dataView.setFloat32(offset + 4, material.transmissionFilter[1], true);\n dataView.setFloat32(offset + 8, material.transmissionFilter[2], true);\n break;\n }\n case _layout__WEBPACK_IMPORTED_MODULE_0__["Layout"].DISSOLVE.key: {\n const materialIndex = this.vertexMaterialIndices[i];\n const material = this.materialsByIndex[materialIndex];\n if (!material) {\n console.warn(\'Material "\' +\n this.materialNames[materialIndex] +\n \'" not found in mesh. Did you forget to call addMaterialLibrary(...)?"\');\n break;\n }\n dataView.setFloat32(offset, material.dissolve, true);\n break;\n }\n case _layout__WEBPACK_IMPORTED_MODULE_0__["Layout"].ILLUMINATION.key: {\n const materialIndex = this.vertexMaterialIndices[i];\n const material = this.materialsByIndex[materialIndex];\n if (!material) {\n console.warn(\'Material "\' +\n this.materialNames[materialIndex] +\n \'" not found in mesh. Did you forget to call addMaterialLibrary(...)?"\');\n break;\n }\n dataView.setInt16(offset, material.illumination, true);\n break;\n }\n case _layout__WEBPACK_IMPORTED_MODULE_0__["Layout"].REFRACTION_INDEX.key: {\n const materialIndex = this.vertexMaterialIndices[i];\n const material = this.materialsByIndex[materialIndex];\n if (!material) {\n console.warn(\'Material "\' +\n this.materialNames[materialIndex] +\n \'" not found in mesh. Did you forget to call addMaterialLibrary(...)?"\');\n break;\n }\n dataView.setFloat32(offset, material.refractionIndex, true);\n break;\n }\n case _layout__WEBPACK_IMPORTED_MODULE_0__["Layout"].SHARPNESS.key: {\n const materialIndex = this.vertexMaterialIndices[i];\n const material = this.materialsByIndex[materialIndex];\n if (!material) {\n console.warn(\'Material "\' +\n this.materialNames[materialIndex] +\n \'" not found in mesh. Did you forget to call addMaterialLibrary(...)?"\');\n break;\n }\n dataView.setFloat32(offset, material.sharpness, true);\n break;\n }\n case _layout__WEBPACK_IMPORTED_MODULE_0__["Layout"].ANTI_ALIASING.key: {\n const materialIndex = this.vertexMaterialIndices[i];\n const material = this.materialsByIndex[materialIndex];\n if (!material) {\n console.warn(\'Material "\' +\n this.materialNames[materialIndex] +\n \'" not found in mesh. Did you forget to call addMaterialLibrary(...)?"\');\n break;\n }\n dataView.setInt16(offset, material.antiAliasing ? 1 : 0, true);\n break;\n }\n }\n }\n }\n return buffer;\n }\n makeIndexBufferData() {\n const buffer = new Uint16Array(this.indices);\n buffer.numItems = this.indices.length;\n return buffer;\n }\n makeIndexBufferDataForMaterials(...materialIndices) {\n const indices = new Array().concat(...materialIndices.map(mtlIdx => this.indicesPerMaterial[mtlIdx]));\n const buffer = new Uint16Array(indices);\n buffer.numItems = indices.length;\n return buffer;\n }\n addMaterialLibrary(mtl) {\n for (const name in mtl.materials) {\n if (!(name in this.materialIndices)) {\n // This material is not referenced by the mesh\n continue;\n }\n const material = mtl.materials[name];\n // Find the material index for this material\n const materialIndex = this.materialIndices[material.name];\n // Put the material into the materialsByIndex object at the right\n // spot as determined when the obj file was parsed\n this.materialsByIndex[materialIndex] = material;\n }\n }\n}\nfunction* triangulate(elements) {\n if (elements.length <= 3) {\n yield elements;\n }\n else if (elements.length === 4) {\n yield [elements[0], elements[1], elements[2]];\n yield [elements[2], elements[3], elements[0]];\n }\n else {\n for (let i = 1; i < elements.length - 1; i++) {\n yield [elements[0], elements[i], elements[i + 1]];\n }\n }\n}\n\n\n//# sourceURL=webpack:///./src/mesh.ts?')},"./src/utils.ts": /*!**********************!*\ !*** ./src/utils.ts ***! \**********************/ /*! exports provided: downloadModels, downloadMeshes, initMeshBuffers, deleteMeshBuffers */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "downloadModels", function() { return downloadModels; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "downloadMeshes", function() { return downloadMeshes; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "initMeshBuffers", function() { return initMeshBuffers; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "deleteMeshBuffers", function() { return deleteMeshBuffers; });\n/* harmony import */ var _mesh__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mesh */ "./src/mesh.ts");\n/* harmony import */ var _material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./material */ "./src/material.ts");\n\n\nfunction downloadMtlTextures(mtl, root) {\n const mapAttributes = [\n "mapDiffuse",\n "mapAmbient",\n "mapSpecular",\n "mapDissolve",\n "mapBump",\n "mapDisplacement",\n "mapDecal",\n "mapEmissive",\n ];\n if (!root.endsWith("/")) {\n root += "/";\n }\n const textures = [];\n for (const materialName in mtl.materials) {\n if (!mtl.materials.hasOwnProperty(materialName)) {\n continue;\n }\n const material = mtl.materials[materialName];\n for (const attr of mapAttributes) {\n const mapData = material[attr];\n if (!mapData || !mapData.filename) {\n continue;\n }\n const url = root + mapData.filename;\n textures.push(fetch(url)\n .then(response => {\n if (!response.ok) {\n throw new Error();\n }\n return response.blob();\n })\n .then(function (data) {\n const image = new Image();\n image.src = URL.createObjectURL(data);\n mapData.texture = image;\n return new Promise(resolve => (image.onload = resolve));\n })\n .catch(() => {\n console.error(`Unable to download texture: ${url}`);\n }));\n }\n }\n return Promise.all(textures);\n}\nfunction getMtl(modelOptions) {\n if (!(typeof modelOptions.mtl === "string")) {\n return modelOptions.obj.replace(/\\.obj$/, ".mtl");\n }\n return modelOptions.mtl;\n}\n/**\n * Accepts a list of model request objects and returns a Promise that\n * resolves when all models have been downloaded and parsed.\n *\n * The list of model objects follow this interface:\n * {\n * obj: \'path/to/model.obj\',\n * mtl: true | \'path/to/model.mtl\',\n * downloadMtlTextures: true | false\n * mtlTextureRoot: \'/models/suzanne/maps\'\n * name: \'suzanne\'\n * }\n *\n * The `obj` attribute is required and should be the path to the\n * model\'s .obj file relative to the current repo (absolute URLs are\n * suggested).\n *\n * The `mtl` attribute is optional and can either be a boolean or\n * a path to the model\'s .mtl file relative to the current URL. If\n * the value is `true`, then the path and basename given for the `obj`\n * attribute is used replacing the .obj suffix for .mtl\n * E.g.: {obj: \'models/foo.obj\', mtl: true} would search for \'models/foo.mtl\'\n *\n * The `name` attribute is optional and is a human friendly name to be\n * included with the parsed OBJ and MTL files. If not given, the base .obj\n * filename will be used.\n *\n * The `downloadMtlTextures` attribute is a flag for automatically downloading\n * any images found in the MTL file and attaching them to each Material\n * created from that file. For example, if material.mapDiffuse is set (there\n * was data in the MTL file), then material.mapDiffuse.texture will contain\n * the downloaded image. This option defaults to `true`. By default, the MTL\'s\n * URL will be used to determine the location of the images.\n *\n * The `mtlTextureRoot` attribute is optional and should point to the location\n * on the server that this MTL\'s texture files are located. The default is to\n * use the MTL file\'s location.\n *\n * @returns {Promise} the result of downloading the given list of models. The\n * promise will resolve with an object whose keys are the names of the models\n * and the value is its Mesh object. Each Mesh object will automatically\n * have its addMaterialLibrary() method called to set the given MTL data (if given).\n */\nfunction downloadModels(models) {\n const finished = [];\n for (const model of models) {\n if (!model.obj) {\n throw new Error(\'"obj" attribute of model object not set. The .obj file is required to be set \' +\n "in order to use downloadModels()");\n }\n const options = {\n indicesPerMaterial: !!model.indicesPerMaterial,\n calcTangentsAndBitangents: !!model.calcTangentsAndBitangents,\n };\n // if the name is not provided, dervive it from the given OBJ\n let name = model.name;\n if (!name) {\n const parts = model.obj.split("/");\n name = parts[parts.length - 1].replace(".obj", "");\n }\n const namePromise = Promise.resolve(name);\n const meshPromise = fetch(model.obj)\n .then(response => response.text())\n .then(data => {\n return new _mesh__WEBPACK_IMPORTED_MODULE_0__["default"](data, options);\n });\n let mtlPromise;\n // Download MaterialLibrary file?\n if (model.mtl) {\n const mtl = getMtl(model);\n mtlPromise = fetch(mtl)\n .then(response => response.text())\n .then((data) => {\n const material = new _material__WEBPACK_IMPORTED_MODULE_1__["MaterialLibrary"](data);\n if (model.downloadMtlTextures !== false) {\n let root = model.mtlTextureRoot;\n if (!root) {\n // get the directory of the MTL file as default\n root = mtl.substr(0, mtl.lastIndexOf("/"));\n }\n // downloadMtlTextures returns a Promise that\n // is resolved once all of the images it\n // contains are downloaded. These are then\n // attached to the map data objects\n return Promise.all([Promise.resolve(material), downloadMtlTextures(material, root)]);\n }\n return Promise.all([Promise.resolve(material), undefined]);\n })\n .then((value) => {\n return value[0];\n });\n }\n const parsed = [namePromise, meshPromise, mtlPromise];\n finished.push(Promise.all(parsed));\n }\n return Promise.all(finished).then(ms => {\n // the "finished" promise is a list of name, Mesh instance,\n // and MaterialLibary instance. This unpacks and returns an\n // object mapping name to Mesh (Mesh points to MTL).\n const models = {};\n for (const model of ms) {\n const [name, mesh, mtl] = model;\n mesh.name = name;\n if (mtl) {\n mesh.addMaterialLibrary(mtl);\n }\n models[name] = mesh;\n }\n return models;\n });\n}\n/**\n * Takes in an object of `mesh_name`, `\'/url/to/OBJ/file\'` pairs and a callback\n * function. Each OBJ file will be ajaxed in and automatically converted to\n * an OBJ.Mesh. When all files have successfully downloaded the callback\n * function provided will be called and passed in an object containing\n * the newly created meshes.\n *\n * **Note:** In order to use this function as a way to download meshes, a\n * webserver of some sort must be used.\n *\n * @param {Object} nameAndAttrs an object where the key is the name of the mesh and the value is the url to that mesh\'s OBJ file\n *\n * @param {Function} completionCallback should contain a function that will take one parameter: an object array where the keys will be the unique object name and the value will be a Mesh object\n *\n * @param {Object} meshes In case other meshes are loaded separately or if a previously declared variable is desired to be used, pass in a (possibly empty) json object of the pattern: { \'\': OBJ.Mesh }\n *\n */\nfunction downloadMeshes(nameAndURLs, completionCallback, meshes) {\n if (meshes === undefined) {\n meshes = {};\n }\n const completed = [];\n for (const mesh_name in nameAndURLs) {\n if (!nameAndURLs.hasOwnProperty(mesh_name)) {\n continue;\n }\n const url = nameAndURLs[mesh_name];\n completed.push(fetch(url)\n .then(response => response.text())\n .then(data => {\n return [mesh_name, new _mesh__WEBPACK_IMPORTED_MODULE_0__["default"](data)];\n }));\n }\n Promise.all(completed).then(ms => {\n for (const [name, mesh] of ms) {\n meshes[name] = mesh;\n }\n return completionCallback(meshes);\n });\n}\nfunction _buildBuffer(gl, type, data, itemSize) {\n const buffer = gl.createBuffer();\n const arrayView = type === gl.ARRAY_BUFFER ? Float32Array : Uint16Array;\n gl.bindBuffer(type, buffer);\n gl.bufferData(type, new arrayView(data), gl.STATIC_DRAW);\n buffer.itemSize = itemSize;\n buffer.numItems = data.length / itemSize;\n return buffer;\n}\n/**\n * Takes in the WebGL context and a Mesh, then creates and appends the buffers\n * to the mesh object as attributes.\n *\n * @param {WebGLRenderingContext} gl the `canvas.getContext(\'webgl\')` context instance\n * @param {Mesh} mesh a single `OBJ.Mesh` instance\n *\n * The newly created mesh attributes are:\n *\n * Attrbute | Description\n * :--- | ---\n * **normalBuffer** |contains the model's Vertex Normals\n * normalBuffer.itemSize |set to 3 items\n * normalBuffer.numItems |the total number of vertex normals\n * |\n * **textureBuffer** |contains the model's Texture Coordinates\n * textureBuffer.itemSize |set to 2 items\n * textureBuffer.numItems |the number of texture coordinates\n * |\n * **vertexBuffer** |contains the model's Vertex Position Coordinates (does not include w)\n * vertexBuffer.itemSize |set to 3 items\n * vertexBuffer.numItems |the total number of vertices\n * |\n * **indexBuffer** |contains the indices of the faces\n * indexBuffer.itemSize |is set to 1\n * indexBuffer.numItems |the total number of indices\n *\n * A simple example (a lot of steps are missing, so don\'t copy and paste):\n *\n * const gl = canvas.getContext(\'webgl\'),\n * mesh = OBJ.Mesh(obj_file_data);\n * // compile the shaders and create a shader program\n * const shaderProgram = gl.createProgram();\n * // compilation stuff here\n * ...\n * // make sure you have vertex, vertex normal, and texture coordinate\n * // attributes located in your shaders and attach them to the shader program\n * shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");\n * gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);\n *\n * shaderProgram.vertexNormalAttribute = gl.getAttribLocation(shaderProgram, "aVertexNormal");\n * gl.enableVertexAttribArray(shaderProgram.vertexNormalAttribute);\n *\n * shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");\n * gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);\n *\n * // create and initialize the vertex, vertex normal, and texture coordinate buffers\n * // and save on to the mesh object\n * OBJ.initMeshBuffers(gl, mesh);\n *\n * // now to render the mesh\n * gl.bindBuffer(gl.ARRAY_BUFFER, mesh.vertexBuffer);\n * gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, mesh.vertexBuffer.itemSize, gl.FLOAT, false, 0, 0);\n * // it\'s possible that the mesh doesn\'t contain\n * // any texture coordinates (e.g. suzanne.obj in the development branch).\n * // in this case, the texture vertexAttribArray will need to be disabled\n * // before the call to drawElements\n * if(!mesh.textures.length){\n * gl.disableVertexAttribArray(shaderProgram.textureCoordAttribute);\n * }\n * else{\n * // if the texture vertexAttribArray has been previously\n * // disabled, then it needs to be re-enabled\n * gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);\n * gl.bindBuffer(gl.ARRAY_BUFFER, mesh.textureBuffer);\n * gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, mesh.textureBuffer.itemSize, gl.FLOAT, false, 0, 0);\n * }\n *\n * gl.bindBuffer(gl.ARRAY_BUFFER, mesh.normalBuffer);\n * gl.vertexAttribPointer(shaderProgram.vertexNormalAttribute, mesh.normalBuffer.itemSize, gl.FLOAT, false, 0, 0);\n *\n * gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, model.mesh.indexBuffer);\n * gl.drawElements(gl.TRIANGLES, model.mesh.indexBuffer.numItems, gl.UNSIGNED_SHORT, 0);\n */\nfunction initMeshBuffers(gl, mesh) {\n mesh.normalBuffer = _buildBuffer(gl, gl.ARRAY_BUFFER, mesh.vertexNormals, 3);\n mesh.textureBuffer = _buildBuffer(gl, gl.ARRAY_BUFFER, mesh.textures, mesh.textureStride);\n mesh.vertexBuffer = _buildBuffer(gl, gl.ARRAY_BUFFER, mesh.vertices, 3);\n mesh.indexBuffer = _buildBuffer(gl, gl.ELEMENT_ARRAY_BUFFER, mesh.indices, 1);\n return mesh;\n}\nfunction deleteMeshBuffers(gl, mesh) {\n gl.deleteBuffer(mesh.normalBuffer);\n gl.deleteBuffer(mesh.textureBuffer);\n gl.deleteBuffer(mesh.vertexBuffer);\n gl.deleteBuffer(mesh.indexBuffer);\n}\n\n\n//# sourceURL=webpack:///./src/utils.ts?')},0: /*!****************************!*\ !*** multi ./src/index.ts ***! \****************************/ /*! no static exports found */function(module,exports,__webpack_require__){eval('module.exports = __webpack_require__(/*! /home/aaron/google_drive/projects/webgl-obj-loader/src/index.ts */"./src/index.ts");\n\n\n//# sourceURL=webpack:///multi_./src/index.ts?')}})},module.exports=t()},function(n,t,e){var v;!function(){function r(n,t,e){return n.call.apply(n.bind,arguments)}function a(n,t,e){if(!n)throw Error();if(2=t.f?r():n.fonts.load(function(n){return w(n)+" "+n.f+"00 300px "+T(n.c)}(t.a),t.h).then((function(n){1<=n.length?v():setTimeout(a,25)}),(function(){r()}))}()})),r=null,a=new Promise((function(n,e){r=setTimeout(e,t.f)}));Promise.race([a,v]).then((function(){r&&(clearTimeout(r),r=null),t.g(t.a)}),(function(){t.j(t.a)}))};var B={D:"serif",C:"sans-serif"},C=null;function F(){if(null===C){var n=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent);C=!!n&&(536>parseInt(n[1],10)||536===parseInt(n[1],10)&&11>=parseInt(n[2],10))}return C}function U(n,t,e){for(var v in B)if(B.hasOwnProperty(v)&&t===n.f[B[v]]&&e===n.f[B[v]])return!0;return!1}function z(n){var t,e=n.g.a.offsetWidth,v=n.h.a.offsetWidth;(t=e===n.f.serif&&v===n.f["sans-serif"])||(t=F()&&U(n,e,v)),t?i()-n.A>=n.w?F()&&U(n,e,v)&&(null===n.u||n.u.hasOwnProperty(n.a.c))?V(n,n.v):V(n,n.B):function(n){setTimeout(o((function(){z(this)}),n),50)}(n):V(n,n.v)}function V(n,t){setTimeout(o((function(){c(this.g.a),c(this.h.a),c(this.j.a),c(this.m.a),t(this.a)}),n),0)}function W(n,t,e){this.c=n,this.a=t,this.f=0,this.m=this.j=!1,this.s=e}L.prototype.start=function(){this.f.serif=this.j.a.offsetWidth,this.f["sans-serif"]=this.m.a.offsetWidth,this.A=i(),z(this)};var j=null;function q(n){0==--n.f&&n.j&&(n.m?((n=n.a).g&&h(n.f,[n.a.c("wf","active")],[n.a.c("wf","loading"),n.a.c("wf","inactive")]),P(n,"active")):R(n.a))}function Y(n){this.j=n,this.a=new S,this.h=0,this.f=this.g=!0}function H(n,t,e,v,r){var a=0==--n.h;(n.f||n.g)&&setTimeout((function(){var n=r||null,i=v||{};if(0===e.length&&a)R(t.a);else{t.f+=e.length,a&&(t.j=a);var s,f=[];for(s=0;s0?(e[0]=2*(i*o+u*v+s*a-f*r)/l,e[1]=2*(s*o+u*r+f*v-i*a)/l,e[2]=2*(f*o+u*a+i*r-s*v)/l):(e[0]=2*(i*o+u*v+s*a-f*r),e[1]=2*(s*o+u*r+f*v-i*a),e[2]=2*(f*o+u*a+i*r-s*v)),W(n,t,e),n}function q(n,t){return n[0]=t[12],n[1]=t[13],n[2]=t[14],n}function Y(n,t){var e=t[0],v=t[1],r=t[2],a=t[4],o=t[5],i=t[6],s=t[8],f=t[9],u=t[10];return n[0]=Math.hypot(e,v,r),n[1]=Math.hypot(a,o,i),n[2]=Math.hypot(s,f,u),n}function H(n,t){var e=new h(3);Y(e,t);var v=1/e[0],r=1/e[1],a=1/e[2],o=t[0]*v,i=t[1]*r,s=t[2]*a,f=t[4]*v,u=t[5]*r,l=t[6]*a,c=t[8]*v,d=t[9]*r,m=t[10]*a,p=o+u+m,_=0;return p>0?(_=2*Math.sqrt(p+1),n[3]=.25*_,n[0]=(l-d)/_,n[1]=(c-s)/_,n[2]=(i-f)/_):o>u&&o>m?(_=2*Math.sqrt(1+o-u-m),n[3]=(l-d)/_,n[0]=.25*_,n[1]=(i+f)/_,n[2]=(c+s)/_):u>m?(_=2*Math.sqrt(1+u-o-m),n[3]=(c-s)/_,n[0]=(i+f)/_,n[1]=.25*_,n[2]=(l+d)/_):(_=2*Math.sqrt(1+m-o-u),n[3]=(i-f)/_,n[0]=(c+s)/_,n[1]=(l+d)/_,n[2]=.25*_),n}function X(n,t,e,v){var r=t[0],a=t[1],o=t[2],i=t[3],s=r+r,f=a+a,u=o+o,l=r*s,c=r*f,h=r*u,d=a*f,m=a*u,p=o*u,_=i*s,g=i*f,x=i*u,b=v[0],y=v[1],M=v[2];return n[0]=(1-(d+p))*b,n[1]=(c+x)*b,n[2]=(h-g)*b,n[3]=0,n[4]=(c-x)*y,n[5]=(1-(l+p))*y,n[6]=(m+_)*y,n[7]=0,n[8]=(h+g)*M,n[9]=(m-_)*M,n[10]=(1-(l+d))*M,n[11]=0,n[12]=e[0],n[13]=e[1],n[14]=e[2],n[15]=1,n}function G(n,t,e,v,r){var a=t[0],o=t[1],i=t[2],s=t[3],f=a+a,u=o+o,l=i+i,c=a*f,h=a*u,d=a*l,m=o*u,p=o*l,_=i*l,g=s*f,x=s*u,b=s*l,y=v[0],M=v[1],T=v[2],E=r[0],w=r[1],A=r[2],I=(1-(m+_))*y,R=(h+b)*y,P=(d-x)*y,S=(h-b)*M,k=(1-(c+_))*M,O=(p+g)*M,D=(d+x)*T,N=(p-g)*T,L=(1-(c+m))*T;return n[0]=I,n[1]=R,n[2]=P,n[3]=0,n[4]=S,n[5]=k,n[6]=O,n[7]=0,n[8]=D,n[9]=N,n[10]=L,n[11]=0,n[12]=e[0]+E-(I*E+S*w+D*A),n[13]=e[1]+w-(R*E+k*w+N*A),n[14]=e[2]+A-(P*E+O*w+L*A),n[15]=1,n}function K(n,t){var e=t[0],v=t[1],r=t[2],a=t[3],o=e+e,i=v+v,s=r+r,f=e*o,u=v*o,l=v*i,c=r*o,h=r*i,d=r*s,m=a*o,p=a*i,_=a*s;return n[0]=1-l-d,n[1]=u+_,n[2]=c-p,n[3]=0,n[4]=u-_,n[5]=1-f-d,n[6]=h+m,n[7]=0,n[8]=c+p,n[9]=h-m,n[10]=1-f-l,n[11]=0,n[12]=0,n[13]=0,n[14]=0,n[15]=1,n}function J(n,t,e,v,r,a,o){var i=1/(e-t),s=1/(r-v),f=1/(a-o);return n[0]=2*a*i,n[1]=0,n[2]=0,n[3]=0,n[4]=0,n[5]=2*a*s,n[6]=0,n[7]=0,n[8]=(e+t)*i,n[9]=(r+v)*s,n[10]=(o+a)*f,n[11]=-1,n[12]=0,n[13]=0,n[14]=o*a*2*f,n[15]=0,n}function Z(n,t,e,v,r){var a,o=1/Math.tan(t/2);return n[0]=o/e,n[1]=0,n[2]=0,n[3]=0,n[4]=0,n[5]=o,n[6]=0,n[7]=0,n[8]=0,n[9]=0,n[11]=-1,n[12]=0,n[13]=0,n[15]=0,null!=r&&r!==1/0?(a=1/(v-r),n[10]=(r+v)*a,n[14]=2*r*v*a):(n[10]=-1,n[14]=-2*v),n}function $(n,t,e,v){var r=Math.tan(t.upDegrees*Math.PI/180),a=Math.tan(t.downDegrees*Math.PI/180),o=Math.tan(t.leftDegrees*Math.PI/180),i=Math.tan(t.rightDegrees*Math.PI/180),s=2/(o+i),f=2/(r+a);return n[0]=s,n[1]=0,n[2]=0,n[3]=0,n[4]=0,n[5]=f,n[6]=0,n[7]=0,n[8]=-(o-i)*s*.5,n[9]=(r-a)*f*.5,n[10]=v/(e-v),n[11]=-1,n[12]=0,n[13]=0,n[14]=v*e/(e-v),n[15]=0,n}function Q(n,t,e,v,r,a,o){var i=1/(t-e),s=1/(v-r),f=1/(a-o);return n[0]=-2*i,n[1]=0,n[2]=0,n[3]=0,n[4]=0,n[5]=-2*s,n[6]=0,n[7]=0,n[8]=0,n[9]=0,n[10]=2*f,n[11]=0,n[12]=(t+e)*i,n[13]=(r+v)*s,n[14]=(o+a)*f,n[15]=1,n}function nn(n,t,e,v){var r,a,o,i,s,f,u,l,h,d,m=t[0],p=t[1],_=t[2],g=v[0],x=v[1],b=v[2],y=e[0],M=e[1],T=e[2];return Math.abs(m-y)0&&(u*=h=1/Math.sqrt(h),l*=h,c*=h);var d=s*c-f*l,m=f*u-i*c,p=i*l-s*u;return(h=d*d+m*m+p*p)>0&&(d*=h=1/Math.sqrt(h),m*=h,p*=h),n[0]=d,n[1]=m,n[2]=p,n[3]=0,n[4]=l*p-c*m,n[5]=c*d-u*p,n[6]=u*m-l*d,n[7]=0,n[8]=u,n[9]=l,n[10]=c,n[11]=0,n[12]=r,n[13]=a,n[14]=o,n[15]=1,n}function en(n){return"mat4("+n[0]+", "+n[1]+", "+n[2]+", "+n[3]+", "+n[4]+", "+n[5]+", "+n[6]+", "+n[7]+", "+n[8]+", "+n[9]+", "+n[10]+", "+n[11]+", "+n[12]+", "+n[13]+", "+n[14]+", "+n[15]+")"}function vn(n){return Math.hypot(n[0],n[1],n[2],n[3],n[4],n[5],n[6],n[7],n[8],n[9],n[10],n[11],n[12],n[13],n[14],n[15])}function rn(n,t,e){return n[0]=t[0]+e[0],n[1]=t[1]+e[1],n[2]=t[2]+e[2],n[3]=t[3]+e[3],n[4]=t[4]+e[4],n[5]=t[5]+e[5],n[6]=t[6]+e[6],n[7]=t[7]+e[7],n[8]=t[8]+e[8],n[9]=t[9]+e[9],n[10]=t[10]+e[10],n[11]=t[11]+e[11],n[12]=t[12]+e[12],n[13]=t[13]+e[13],n[14]=t[14]+e[14],n[15]=t[15]+e[15],n}function an(n,t,e){return n[0]=t[0]-e[0],n[1]=t[1]-e[1],n[2]=t[2]-e[2],n[3]=t[3]-e[3],n[4]=t[4]-e[4],n[5]=t[5]-e[5],n[6]=t[6]-e[6],n[7]=t[7]-e[7],n[8]=t[8]-e[8],n[9]=t[9]-e[9],n[10]=t[10]-e[10],n[11]=t[11]-e[11],n[12]=t[12]-e[12],n[13]=t[13]-e[13],n[14]=t[14]-e[14],n[15]=t[15]-e[15],n}function on(n,t,e){return n[0]=t[0]*e,n[1]=t[1]*e,n[2]=t[2]*e,n[3]=t[3]*e,n[4]=t[4]*e,n[5]=t[5]*e,n[6]=t[6]*e,n[7]=t[7]*e,n[8]=t[8]*e,n[9]=t[9]*e,n[10]=t[10]*e,n[11]=t[11]*e,n[12]=t[12]*e,n[13]=t[13]*e,n[14]=t[14]*e,n[15]=t[15]*e,n}function sn(n,t,e,v){return n[0]=t[0]+e[0]*v,n[1]=t[1]+e[1]*v,n[2]=t[2]+e[2]*v,n[3]=t[3]+e[3]*v,n[4]=t[4]+e[4]*v,n[5]=t[5]+e[5]*v,n[6]=t[6]+e[6]*v,n[7]=t[7]+e[7]*v,n[8]=t[8]+e[8]*v,n[9]=t[9]+e[9]*v,n[10]=t[10]+e[10]*v,n[11]=t[11]+e[11]*v,n[12]=t[12]+e[12]*v,n[13]=t[13]+e[13]*v,n[14]=t[14]+e[14]*v,n[15]=t[15]+e[15]*v,n}function fn(n,t){return n[0]===t[0]&&n[1]===t[1]&&n[2]===t[2]&&n[3]===t[3]&&n[4]===t[4]&&n[5]===t[5]&&n[6]===t[6]&&n[7]===t[7]&&n[8]===t[8]&&n[9]===t[9]&&n[10]===t[10]&&n[11]===t[11]&&n[12]===t[12]&&n[13]===t[13]&&n[14]===t[14]&&n[15]===t[15]}function un(n,t){var e=n[0],v=n[1],r=n[2],a=n[3],o=n[4],i=n[5],s=n[6],f=n[7],u=n[8],l=n[9],h=n[10],d=n[11],m=n[12],p=n[13],_=n[14],g=n[15],x=t[0],b=t[1],y=t[2],M=t[3],T=t[4],E=t[5],w=t[6],A=t[7],I=t[8],R=t[9],P=t[10],S=t[11],k=t[12],O=t[13],D=t[14],N=t[15];return Math.abs(e-x)<=c*Math.max(1,Math.abs(e),Math.abs(x))&&Math.abs(v-b)<=c*Math.max(1,Math.abs(v),Math.abs(b))&&Math.abs(r-y)<=c*Math.max(1,Math.abs(r),Math.abs(y))&&Math.abs(a-M)<=c*Math.max(1,Math.abs(a),Math.abs(M))&&Math.abs(o-T)<=c*Math.max(1,Math.abs(o),Math.abs(T))&&Math.abs(i-E)<=c*Math.max(1,Math.abs(i),Math.abs(E))&&Math.abs(s-w)<=c*Math.max(1,Math.abs(s),Math.abs(w))&&Math.abs(f-A)<=c*Math.max(1,Math.abs(f),Math.abs(A))&&Math.abs(u-I)<=c*Math.max(1,Math.abs(u),Math.abs(I))&&Math.abs(l-R)<=c*Math.max(1,Math.abs(l),Math.abs(R))&&Math.abs(h-P)<=c*Math.max(1,Math.abs(h),Math.abs(P))&&Math.abs(d-S)<=c*Math.max(1,Math.abs(d),Math.abs(S))&&Math.abs(m-k)<=c*Math.max(1,Math.abs(m),Math.abs(k))&&Math.abs(p-O)<=c*Math.max(1,Math.abs(p),Math.abs(O))&&Math.abs(_-D)<=c*Math.max(1,Math.abs(_),Math.abs(D))&&Math.abs(g-N)<=c*Math.max(1,Math.abs(g),Math.abs(N))}Math.hypot||(Math.hypot=function(){for(var n=0,t=arguments.length;t--;)n+=arguments[t]*arguments[t];return Math.sqrt(n)});var ln=P,cn=an;function hn(){var n=new h(3);return h!=Float32Array&&(n[0]=0,n[1]=0,n[2]=0),n}function dn(n){var t=new h(3);return t[0]=n[0],t[1]=n[1],t[2]=n[2],t}function mn(n){var t=n[0],e=n[1],v=n[2];return Math.hypot(t,e,v)}function pn(n,t,e){var v=new h(3);return v[0]=n,v[1]=t,v[2]=e,v}function _n(n,t){return n[0]=t[0],n[1]=t[1],n[2]=t[2],n}function gn(n,t,e,v){return n[0]=t,n[1]=e,n[2]=v,n}function xn(n,t,e){return n[0]=t[0]+e[0],n[1]=t[1]+e[1],n[2]=t[2]+e[2],n}function bn(n,t,e){return n[0]=t[0]-e[0],n[1]=t[1]-e[1],n[2]=t[2]-e[2],n}function yn(n,t,e){return n[0]=t[0]*e[0],n[1]=t[1]*e[1],n[2]=t[2]*e[2],n}function Mn(n,t,e){return n[0]=t[0]/e[0],n[1]=t[1]/e[1],n[2]=t[2]/e[2],n}function Tn(n,t){return n[0]=Math.ceil(t[0]),n[1]=Math.ceil(t[1]),n[2]=Math.ceil(t[2]),n}function En(n,t){return n[0]=Math.floor(t[0]),n[1]=Math.floor(t[1]),n[2]=Math.floor(t[2]),n}function wn(n,t,e){return n[0]=Math.min(t[0],e[0]),n[1]=Math.min(t[1],e[1]),n[2]=Math.min(t[2],e[2]),n}function An(n,t,e){return n[0]=Math.max(t[0],e[0]),n[1]=Math.max(t[1],e[1]),n[2]=Math.max(t[2],e[2]),n}function In(n,t){return n[0]=Math.round(t[0]),n[1]=Math.round(t[1]),n[2]=Math.round(t[2]),n}function Rn(n,t,e){return n[0]=t[0]*e,n[1]=t[1]*e,n[2]=t[2]*e,n}function Pn(n,t,e,v){return n[0]=t[0]+e[0]*v,n[1]=t[1]+e[1]*v,n[2]=t[2]+e[2]*v,n}function Sn(n,t){var e=t[0]-n[0],v=t[1]-n[1],r=t[2]-n[2];return Math.hypot(e,v,r)}function kn(n,t){var e=t[0]-n[0],v=t[1]-n[1],r=t[2]-n[2];return e*e+v*v+r*r}function On(n){var t=n[0],e=n[1],v=n[2];return t*t+e*e+v*v}function Dn(n,t){return n[0]=-t[0],n[1]=-t[1],n[2]=-t[2],n}function Nn(n,t){return n[0]=1/t[0],n[1]=1/t[1],n[2]=1/t[2],n}function Ln(n,t){var e=t[0],v=t[1],r=t[2],a=e*e+v*v+r*r;return a>0&&(a=1/Math.sqrt(a)),n[0]=t[0]*a,n[1]=t[1]*a,n[2]=t[2]*a,n}function Bn(n,t){return n[0]*t[0]+n[1]*t[1]+n[2]*t[2]}function Cn(n,t,e){var v=t[0],r=t[1],a=t[2],o=e[0],i=e[1],s=e[2];return n[0]=r*s-a*i,n[1]=a*o-v*s,n[2]=v*i-r*o,n}function Fn(n,t,e,v){var r=t[0],a=t[1],o=t[2];return n[0]=r+v*(e[0]-r),n[1]=a+v*(e[1]-a),n[2]=o+v*(e[2]-o),n}function Un(n,t,e,v,r,a){var o=a*a,i=o*(2*a-3)+1,s=o*(a-2)+a,f=o*(a-1),u=o*(3-2*a);return n[0]=t[0]*i+e[0]*s+v[0]*f+r[0]*u,n[1]=t[1]*i+e[1]*s+v[1]*f+r[1]*u,n[2]=t[2]*i+e[2]*s+v[2]*f+r[2]*u,n}function zn(n,t,e,v,r,a){var o=1-a,i=o*o,s=a*a,f=i*o,u=3*a*i,l=3*s*o,c=s*a;return n[0]=t[0]*f+e[0]*u+v[0]*l+r[0]*c,n[1]=t[1]*f+e[1]*u+v[1]*l+r[1]*c,n[2]=t[2]*f+e[2]*u+v[2]*l+r[2]*c,n}function Vn(n,t){t=t||1;var e=2*d()*Math.PI,v=2*d()-1,r=Math.sqrt(1-v*v)*t;return n[0]=Math.cos(e)*r,n[1]=Math.sin(e)*r,n[2]=v*t,n}function Wn(n,t,e){var v=t[0],r=t[1],a=t[2],o=e[3]*v+e[7]*r+e[11]*a+e[15];return o=o||1,n[0]=(e[0]*v+e[4]*r+e[8]*a+e[12])/o,n[1]=(e[1]*v+e[5]*r+e[9]*a+e[13])/o,n[2]=(e[2]*v+e[6]*r+e[10]*a+e[14])/o,n}function jn(n,t,e){var v=t[0],r=t[1],a=t[2];return n[0]=v*e[0]+r*e[3]+a*e[6],n[1]=v*e[1]+r*e[4]+a*e[7],n[2]=v*e[2]+r*e[5]+a*e[8],n}function qn(n,t,e){var v=e[0],r=e[1],a=e[2],o=e[3],i=t[0],s=t[1],f=t[2],u=r*f-a*s,l=a*i-v*f,c=v*s-r*i,h=r*c-a*l,d=a*u-v*c,m=v*l-r*u,p=2*o;return u*=p,l*=p,c*=p,h*=2,d*=2,m*=2,n[0]=i+u+h,n[1]=s+l+d,n[2]=f+c+m,n}function Yn(n,t,e,v){var r=[],a=[];return r[0]=t[0]-e[0],r[1]=t[1]-e[1],r[2]=t[2]-e[2],a[0]=r[0],a[1]=r[1]*Math.cos(v)-r[2]*Math.sin(v),a[2]=r[1]*Math.sin(v)+r[2]*Math.cos(v),n[0]=a[0]+e[0],n[1]=a[1]+e[1],n[2]=a[2]+e[2],n}function Hn(n,t,e,v){var r=[],a=[];return r[0]=t[0]-e[0],r[1]=t[1]-e[1],r[2]=t[2]-e[2],a[0]=r[2]*Math.sin(v)+r[0]*Math.cos(v),a[1]=r[1],a[2]=r[2]*Math.cos(v)-r[0]*Math.sin(v),n[0]=a[0]+e[0],n[1]=a[1]+e[1],n[2]=a[2]+e[2],n}function Xn(n,t,e,v){var r=[],a=[];return r[0]=t[0]-e[0],r[1]=t[1]-e[1],r[2]=t[2]-e[2],a[0]=r[0]*Math.cos(v)-r[1]*Math.sin(v),a[1]=r[0]*Math.sin(v)+r[1]*Math.cos(v),a[2]=r[2],n[0]=a[0]+e[0],n[1]=a[1]+e[1],n[2]=a[2]+e[2],n}function Gn(n,t){var e=n[0],v=n[1],r=n[2],a=t[0],o=t[1],i=t[2],s=Math.sqrt(e*e+v*v+r*r)*Math.sqrt(a*a+o*o+i*i),f=s&&Bn(n,t)/s;return Math.acos(Math.min(Math.max(f,-1),1))}function Kn(n){return n[0]=0,n[1]=0,n[2]=0,n}function Jn(n){return"vec3("+n[0]+", "+n[1]+", "+n[2]+")"}function Zn(n,t){return n[0]===t[0]&&n[1]===t[1]&&n[2]===t[2]}function $n(n,t){var e=n[0],v=n[1],r=n[2],a=t[0],o=t[1],i=t[2];return Math.abs(e-a)<=c*Math.max(1,Math.abs(e),Math.abs(a))&&Math.abs(v-o)<=c*Math.max(1,Math.abs(v),Math.abs(o))&&Math.abs(r-i)<=c*Math.max(1,Math.abs(r),Math.abs(i))}var Qn,nt=bn,tt=yn,et=Mn,vt=Sn,rt=kn,at=mn,ot=On,it=(Qn=hn(),function(n,t,e,v,r,a){var o,i;for(t||(t=3),e||(e=0),i=v?Math.min(v*t+e,n.length):n.length,o=e;o0&&(o=1/Math.sqrt(o)),n[0]=e*o,n[1]=v*o,n[2]=r*o,n[3]=a*o,n}function kt(n,t){return n[0]*t[0]+n[1]*t[1]+n[2]*t[2]+n[3]*t[3]}function Ot(n,t,e,v){var r=e[0]*v[1]-e[1]*v[0],a=e[0]*v[2]-e[2]*v[0],o=e[0]*v[3]-e[3]*v[0],i=e[1]*v[2]-e[2]*v[1],s=e[1]*v[3]-e[3]*v[1],f=e[2]*v[3]-e[3]*v[2],u=t[0],l=t[1],c=t[2],h=t[3];return n[0]=l*f-c*s+h*i,n[1]=-u*f+c*o-h*a,n[2]=u*s-l*o+h*r,n[3]=-u*i+l*a-c*r,n}function Dt(n,t,e,v){var r=t[0],a=t[1],o=t[2],i=t[3];return n[0]=r+v*(e[0]-r),n[1]=a+v*(e[1]-a),n[2]=o+v*(e[2]-o),n[3]=i+v*(e[3]-i),n}function Nt(n,t){var e,v,r,a,o,i;t=t||1;do{o=(e=2*d()-1)*e+(v=2*d()-1)*v}while(o>=1);do{i=(r=2*d()-1)*r+(a=2*d()-1)*a}while(i>=1);var s=Math.sqrt((1-o)/i);return n[0]=t*e,n[1]=t*v,n[2]=t*r*s,n[3]=t*a*s,n}function Lt(n,t,e){var v=t[0],r=t[1],a=t[2],o=t[3];return n[0]=e[0]*v+e[4]*r+e[8]*a+e[12]*o,n[1]=e[1]*v+e[5]*r+e[9]*a+e[13]*o,n[2]=e[2]*v+e[6]*r+e[10]*a+e[14]*o,n[3]=e[3]*v+e[7]*r+e[11]*a+e[15]*o,n}function Bt(n,t,e){var v=t[0],r=t[1],a=t[2],o=e[0],i=e[1],s=e[2],f=e[3],u=f*v+i*a-s*r,l=f*r+s*v-o*a,c=f*a+o*r-i*v,h=-o*v-i*r-s*a;return n[0]=u*f+h*-o+l*-s-c*-i,n[1]=l*f+h*-i+c*-o-u*-s,n[2]=c*f+h*-s+u*-i-l*-o,n[3]=t[3],n}function Ct(n){return n[0]=0,n[1]=0,n[2]=0,n[3]=0,n}function Ft(n){return"vec4("+n[0]+", "+n[1]+", "+n[2]+", "+n[3]+")"}function Ut(n,t){return n[0]===t[0]&&n[1]===t[1]&&n[2]===t[2]&&n[3]===t[3]}function zt(n,t){var e=n[0],v=n[1],r=n[2],a=n[3],o=t[0],i=t[1],s=t[2],f=t[3];return Math.abs(e-o)<=c*Math.max(1,Math.abs(e),Math.abs(o))&&Math.abs(v-i)<=c*Math.max(1,Math.abs(v),Math.abs(i))&&Math.abs(r-s)<=c*Math.max(1,Math.abs(r),Math.abs(s))&&Math.abs(a-f)<=c*Math.max(1,Math.abs(a),Math.abs(f))}var Vt=dt,Wt=mt,jt=pt,qt=Et,Yt=wt,Ht=At,Xt=It,Gt=function(){var n=st();return function(t,e,v,r,a,o){var i,s;for(e||(e=4),v||(v=0),s=r?Math.min(r*e+v,t.length):t.length,i=v;ic?(n[0]=t[0]/v,n[1]=t[1]/v,n[2]=t[2]/v):(n[0]=1,n[1]=0,n[2]=0),e}function Qt(n,t){var e=Pe(n,t);return Math.acos(2*e*e-1)}function ne(n,t,e){var v=t[0],r=t[1],a=t[2],o=t[3],i=e[0],s=e[1],f=e[2],u=e[3];return n[0]=v*u+o*i+r*f-a*s,n[1]=r*u+o*s+a*i-v*f,n[2]=a*u+o*f+v*s-r*i,n[3]=o*u-v*i-r*s-a*f,n}function te(n,t,e){e*=.5;var v=t[0],r=t[1],a=t[2],o=t[3],i=Math.sin(e),s=Math.cos(e);return n[0]=v*s+o*i,n[1]=r*s+a*i,n[2]=a*s-r*i,n[3]=o*s-v*i,n}function ee(n,t,e){e*=.5;var v=t[0],r=t[1],a=t[2],o=t[3],i=Math.sin(e),s=Math.cos(e);return n[0]=v*s-a*i,n[1]=r*s+o*i,n[2]=a*s+v*i,n[3]=o*s-r*i,n}function ve(n,t,e){e*=.5;var v=t[0],r=t[1],a=t[2],o=t[3],i=Math.sin(e),s=Math.cos(e);return n[0]=v*s+r*i,n[1]=r*s-v*i,n[2]=a*s+o*i,n[3]=o*s-a*i,n}function re(n,t){var e=t[0],v=t[1],r=t[2];return n[0]=e,n[1]=v,n[2]=r,n[3]=Math.sqrt(Math.abs(1-e*e-v*v-r*r)),n}function ae(n,t){var e=t[0],v=t[1],r=t[2],a=t[3],o=Math.sqrt(e*e+v*v+r*r),i=Math.exp(a),s=o>0?i*Math.sin(o)/o:0;return n[0]=e*s,n[1]=v*s,n[2]=r*s,n[3]=i*Math.cos(o),n}function oe(n,t){var e=t[0],v=t[1],r=t[2],a=t[3],o=Math.sqrt(e*e+v*v+r*r),i=o>0?Math.atan2(o,a)/o:0;return n[0]=e*i,n[1]=v*i,n[2]=r*i,n[3]=.5*Math.log(e*e+v*v+r*r+a*a),n}function ie(n,t,e){return oe(n,t),Re(n,n,e),ae(n,n),n}function se(n,t,e,v){var r,a,o,i,s,f=t[0],u=t[1],l=t[2],h=t[3],d=e[0],m=e[1],p=e[2],_=e[3];return(a=f*d+u*m+l*p+h*_)<0&&(a=-a,d=-d,m=-m,p=-p,_=-_),1-a>c?(r=Math.acos(a),o=Math.sin(r),i=Math.sin((1-v)*r)/o,s=Math.sin(v*r)/o):(i=1-v,s=v),n[0]=i*f+s*d,n[1]=i*u+s*m,n[2]=i*l+s*p,n[3]=i*h+s*_,n}function fe(n){var t=d(),e=d(),v=d(),r=Math.sqrt(1-t),a=Math.sqrt(t);return n[0]=r*Math.sin(2*Math.PI*e),n[1]=r*Math.cos(2*Math.PI*e),n[2]=a*Math.sin(2*Math.PI*v),n[3]=a*Math.cos(2*Math.PI*v),n}function ue(n,t){var e=t[0],v=t[1],r=t[2],a=t[3],o=e*e+v*v+r*r+a*a,i=o?1/o:0;return n[0]=-e*i,n[1]=-v*i,n[2]=-r*i,n[3]=a*i,n}function le(n,t){return n[0]=-t[0],n[1]=-t[1],n[2]=-t[2],n[3]=t[3],n}function ce(n,t){var e,v=t[0]+t[4]+t[8];if(v>0)e=Math.sqrt(v+1),n[3]=.5*e,e=.5/e,n[0]=(t[5]-t[7])*e,n[1]=(t[6]-t[2])*e,n[2]=(t[1]-t[3])*e;else{var r=0;t[4]>t[0]&&(r=1),t[8]>t[3*r+r]&&(r=2);var a=(r+1)%3,o=(r+2)%3;e=Math.sqrt(t[3*r+r]-t[3*a+a]-t[3*o+o]+1),n[r]=.5*e,e=.5/e,n[3]=(t[3*a+o]-t[3*o+a])*e,n[a]=(t[3*a+r]+t[3*r+a])*e,n[o]=(t[3*o+r]+t[3*r+o])*e}return n}function he(n,t,e,v){var r=.5*Math.PI/180;t*=r,e*=r,v*=r;var a=Math.sin(t),o=Math.cos(t),i=Math.sin(e),s=Math.cos(e),f=Math.sin(v),u=Math.cos(v);return n[0]=a*s*u-o*i*f,n[1]=o*i*u+a*s*f,n[2]=o*s*f-a*i*u,n[3]=o*s*u+a*i*f,n}function de(n){return"quat("+n[0]+", "+n[1]+", "+n[2]+", "+n[3]+")"}var me,pe,_e,ge,xe,be,ye,Me=ft,Te=ut,Ee=lt,we=ct,Ae=ht,Ie=ne,Re=Mt,Pe=kt,Se=Dt,ke=At,Oe=ke,De=It,Ne=De,Le=St,Be=Ut,Ce=zt,Fe=(me=hn(),pe=pn(1,0,0),_e=pn(0,1,0),function(n,t,e){var v=Bn(t,e);return v<-.999999?(Cn(me,pe,t),at(me)<1e-6&&Cn(me,_e,t),Ln(me,me),Zt(n,me,Math.PI),n):v>.999999?(n[0]=0,n[1]=0,n[2]=0,n[3]=1,n):(Cn(me,t,e),n[0]=me[0],n[1]=me[1],n[2]=me[2],n[3]=1+v,Le(n,n))}),Ue=(ge=Kt(),xe=Kt(),function(n,t,e,v,r,a){return se(ge,t,r,a),se(xe,e,v,a),se(n,ge,xe,2*a*(1-a)),n}),ze=(be=new h(9),h!=Float32Array&&(be[1]=0,be[2]=0,be[3]=0,be[5]=0,be[6]=0,be[7]=0),be[0]=1,be[4]=1,be[8]=1,ye=be,function(n,t,e,v){return ye[0]=e[0],ye[3]=e[1],ye[6]=e[2],ye[1]=v[0],ye[4]=v[1],ye[7]=v[2],ye[2]=-t[0],ye[5]=-t[1],ye[8]=-t[2],Le(n,ce(n,ye))});function Ve(){var n=new h(2);return h!=Float32Array&&(n[0]=0,n[1]=0),n}function We(n){var t=new h(2);return t[0]=n[0],t[1]=n[1],t}function je(n,t){var e=new h(2);return e[0]=n,e[1]=t,e}function qe(n,t){return n[0]=t[0],n[1]=t[1],n}function Ye(n,t,e){return n[0]=t,n[1]=e,n}function He(n,t,e){return n[0]=t[0]+e[0],n[1]=t[1]+e[1],n}function Xe(n,t,e){return n[0]=t[0]-e[0],n[1]=t[1]-e[1],n}function Ge(n,t,e){return n[0]=t[0]*e[0],n[1]=t[1]*e[1],n}function Ke(n,t,e){return n[0]=t[0]/e[0],n[1]=t[1]/e[1],n}function Je(n,t){return n[0]=Math.ceil(t[0]),n[1]=Math.ceil(t[1]),n}function Ze(n,t){return n[0]=Math.floor(t[0]),n[1]=Math.floor(t[1]),n}function $e(n,t,e){return n[0]=Math.min(t[0],e[0]),n[1]=Math.min(t[1],e[1]),n}function Qe(n,t,e){return n[0]=Math.max(t[0],e[0]),n[1]=Math.max(t[1],e[1]),n}function nv(n,t){return n[0]=Math.round(t[0]),n[1]=Math.round(t[1]),n}function tv(n,t,e){return n[0]=t[0]*e,n[1]=t[1]*e,n}function ev(n,t,e,v){return n[0]=t[0]+e[0]*v,n[1]=t[1]+e[1]*v,n}function vv(n,t){var e=t[0]-n[0],v=t[1]-n[1];return Math.hypot(e,v)}function rv(n,t){var e=t[0]-n[0],v=t[1]-n[1];return e*e+v*v}function av(n){var t=n[0],e=n[1];return Math.hypot(t,e)}function ov(n){var t=n[0],e=n[1];return t*t+e*e}function iv(n,t){return n[0]=-t[0],n[1]=-t[1],n}function sv(n,t){return n[0]=1/t[0],n[1]=1/t[1],n}function fv(n,t){var e=t[0],v=t[1],r=e*e+v*v;return r>0&&(r=1/Math.sqrt(r)),n[0]=t[0]*r,n[1]=t[1]*r,n}function uv(n,t){return n[0]*t[0]+n[1]*t[1]}function lv(n,t,e){var v=t[0]*e[1]-t[1]*e[0];return n[0]=n[1]=0,n[2]=v,n}function cv(n,t,e,v){var r=t[0],a=t[1];return n[0]=r+v*(e[0]-r),n[1]=a+v*(e[1]-a),n}function hv(n,t){t=t||1;var e=2*d()*Math.PI;return n[0]=Math.cos(e)*t,n[1]=Math.sin(e)*t,n}function dv(n,t,e){var v=t[0],r=t[1];return n[0]=e[0]*v+e[2]*r,n[1]=e[1]*v+e[3]*r,n}function mv(n,t,e){var v=t[0],r=t[1];return n[0]=e[0]*v+e[2]*r+e[4],n[1]=e[1]*v+e[3]*r+e[5],n}function pv(n,t,e){var v=t[0],r=t[1];return n[0]=e[0]*v+e[3]*r+e[6],n[1]=e[1]*v+e[4]*r+e[7],n}function _v(n,t,e){var v=t[0],r=t[1];return n[0]=e[0]*v+e[4]*r+e[12],n[1]=e[1]*v+e[5]*r+e[13],n}function gv(n,t,e,v){var r=t[0]-e[0],a=t[1]-e[1],o=Math.sin(v),i=Math.cos(v);return n[0]=r*i-a*o+e[0],n[1]=r*o+a*i+e[1],n}function xv(n,t){var e=n[0],v=n[1],r=t[0],a=t[1],o=Math.sqrt(e*e+v*v)*Math.sqrt(r*r+a*a),i=o&&(e*r+v*a)/o;return Math.acos(Math.min(Math.max(i,-1),1))}function bv(n){return n[0]=0,n[1]=0,n}function yv(n){return"vec2("+n[0]+", "+n[1]+")"}function Mv(n,t){return n[0]===t[0]&&n[1]===t[1]}function Tv(n,t){var e=n[0],v=n[1],r=t[0],a=t[1];return Math.abs(e-r)<=c*Math.max(1,Math.abs(e),Math.abs(r))&&Math.abs(v-a)<=c*Math.max(1,Math.abs(v),Math.abs(a))}var Ev=av,wv=Xe,Av=Ge,Iv=Ke,Rv=vv,Pv=rv,Sv=ov,kv=function(){var n=Ve();return function(t,e,v,r,a,o){var i,s;for(e||(e=2),v||(v=0),s=r?Math.min(r*e+v,t.length):t.length,i=v;i> 1) * 2 - 1, 1.0, 1);\r\n}",n.VERTEX_SHADER),E=new u("#version 300 es\n\nprecision highp float;\n\n#define PI 3.14159265359\n\nlayout(location = 0) out vec3 outPosition;\nlayout(location = 1) out vec3 outVelocity;\nlayout(location = 2) out vec3 outCounter;\n\nfloat random(float x) { return fract(sin(x * 12.9898) * 43758.5453); }\n\nvec3 randomInSphere(float v) {\n float z = random(v * 0.42 + 213.23) * 2.0 - 1.0;\n float phi = random(v * 0.19 + 313.98) * PI * 2.0;\n float r = random(v * 0.35 + 192.75);\n\n float a = pow(r, 1.0 / 3.0);\n float b = sqrt(1.0 - z * z);\n\n return vec3(a * b * cos(phi), a * b * sin(phi), a * z);\n}\n\nvoid main(void) {\n // trailの番号をランダムシードとして与えることで同じtrailではすべての頂点位置を同じにしている\n float lr = step(0.5, random(gl_FragCoord.x * 10.0));\n outPosition = randomInSphere(gl_FragCoord.x) * vec3(0.0, 0.5, 10.0);\n\n outPosition.x = lr * 0.2 - 0.1;\n outPosition.x += (random(gl_FragCoord.x * 2.33) - 0.5) * 0.08;\n\n float theta = acos(dot(outPosition.xy, vec2(1.0, 0.0)) / (length(outPosition.xy)));\n //outPosition.xy += vec2(0.5 * cos(theta), 0.1 * sin(theta));\n \n outVelocity = outPosition;\n outCounter = vec3(0.0);\n}",n.FRAGMENT_SHADER),w=new l;w.link(T,E);var A=new u("#version 300 es\nprecision highp float;\n\n#define PI 3.14159265359\n\nlayout(location = 0) out vec3 outPosition;\nlayout(location = 1) out vec3 outVelocity;\nlayout(location = 2) out vec3 outCounter;\n\nuniform sampler2D positionTexture;\nuniform sampler2D velocityTexture;\nuniform sampler2D counterTexture;\nuniform float time;\nuniform float deltaTime;\n\n#define rot(x) mat2(cos(x), -sin(x), sin(x), cos(x))\n\nvec3 path(float z) {\n z *= 0.5;\n return vec3(sin(z + cos(z * 0.7)) * 0.7, cos(z + cos(z * 1.2)) * 0.6, 0.) *\n 0.4;\n}\n\nfloat random(vec4 x) {\n return fract(sin(dot(x, vec4(12.9898, 78.233, 39.425, 27.196))) * 43758.5453);\n}\nfloat valuenoise(vec4 x) {\n vec4 i = floor(x);\n vec4 f = fract(x);\n vec4 u = f * f * (3.0 - 2.0 * f);\n return mix(mix(mix(mix(random(i + vec4(0.0, 0.0, 0.0, 0.0)),\n random(i + vec4(1.0, 0.0, 0.0, 0.0)), u.x),\n mix(random(i + vec4(0.0, 1.0, 0.0, 0.0)),\n random(i + vec4(1.0, 1.0, 0.0, 0.0)), u.x),\n u.y),\n mix(mix(random(i + vec4(0.0, 0.0, 1.0, 0.0)),\n random(i + vec4(1.0, 0.0, 1.0, 0.0)), u.x),\n mix(random(i + vec4(0.0, 1.0, 1.0, 0.0)),\n random(i + vec4(1.0, 1.0, 1.0, 0.0)), u.x),\n u.y),\n u.z),\n mix(mix(mix(random(i + vec4(0.0, 0.0, 0.0, 1.0)),\n random(i + vec4(1.0, 0.0, 0.0, 1.0)), u.x),\n mix(random(i + vec4(0.0, 1.0, 0.0, 1.0)),\n random(i + vec4(1.0, 1.0, 0.0, 1.0)), u.x),\n u.y),\n mix(mix(random(i + vec4(0.0, 0.0, 1.0, 1.0)),\n random(i + vec4(1.0, 0.0, 1.0, 1.0)), u.x),\n mix(random(i + vec4(0.0, 1.0, 1.0, 1.0)),\n random(i + vec4(1.0, 1.0, 1.0, 1.0)), u.x),\n u.y),\n u.z),\n u.w);\n}\nfloat fbm(vec4 x) {\n float sum = 0.0;\n float amp = 0.5;\n for (int i = 0; i < 5; i++) {\n sum += amp * valuenoise(x);\n amp *= 0.5;\n x *= 2.01;\n }\n return sum * 2.0 - 1.0;\n}\nfloat noiseX(vec4 x) {\n return fbm(x * 0.34 + vec4(4324.32, 7553.13, 5417.33, 1484.43));\n}\nfloat noiseY(vec4 x) {\n return fbm(x * 0.71 + vec4(1614.43, 8439.32, 4211.93, 8546.29));\n}\nfloat noiseZ(vec4 x) {\n return fbm(x * 0.54 + vec4(4342.34, 7569.34, 3812.42, 1589.54));\n}\nvec3 curlnoise(vec3 x, float inTime) {\n float e = 0.01;\n vec3 dx = vec3(e, 0.0, 0.0);\n vec3 dy = vec3(0.0, e, 0.0);\n vec3 dz = vec3(0.0, 0.0, e);\n return vec3((noiseZ(vec4(x + dy, inTime)) - noiseZ(vec4(x - dy, inTime))) -\n (noiseY(vec4(x + dz, inTime)) - noiseY(vec4(x - dz, inTime))),\n (noiseX(vec4(x + dz, inTime)) - noiseX(vec4(x - dz, inTime))) -\n (noiseZ(vec4(x + dx, inTime)) - noiseZ(vec4(x - dx, inTime))),\n (noiseY(vec4(x + dx, inTime)) - noiseY(vec4(x - dx, inTime))) -\n (noiseX(vec4(x + dy, inTime)) -\n noiseX(vec4(x - dy, inTime)))) /\n (2.0 * e);\n}\nvec3 limit(vec3 v, float max) {\n if (length(v) > max) {\n return normalize(v) * max;\n }\n return v;\n}\nvoid main(void) {\n ivec2 coord = ivec2(gl_FragCoord.xy);\n vec3 nextPosition, nextVelocity;\n vec3 velocity = texelFetch(velocityTexture, coord, 0).xyz;\n vec3 position = texelFetch(positionTexture, coord, 0).xyz;\n vec3 headPos = texelFetch(positionTexture, ivec2(coord.x, 0), 0).xyz;\n vec3 headCounter = texelFetch(counterTexture, ivec2(coord.x, 0), 0).xyz;\n vec3 pos = velocity;\n\n float countRefleshed = 0.0;\n if(0.5 < headCounter.z) {\n headCounter.y += 1.0;\n headCounter.z = 0.0;\n countRefleshed = 1.0;\n }\n\n float offsetZ = 12.0 * (headCounter.y);\n pos.z -= offsetZ;\n float animParam = (time * 2.0) + gl_FragCoord.y * 0.002;\n\n float theta = -PI / 3.0;\n\n pos += vec3(0.0, 0.0, animParam * 0.5);\n vec3 pa = path(pos.z + time * 1.3);\n vec3 ns = curlnoise(pos / 2.0, time);\n //pos.y += ns.y * 0.02;\n //pos.y += pa.y * 1.0 * pos.z;\n\n //pos.xy *= rot(animParam);\n\n if(10.0 < headPos.z && countRefleshed < 0.5) {\n headCounter.z = 1.0;\n }\n\n outVelocity = velocity;\n outPosition = pos;\n outCounter = headCounter;\n}",n.FRAGMENT_SHADER),I=new l;I.link(T,A);var R=new u("#version 300 es\n\nuniform sampler2D positionTexture;\nuniform mat4 mMatrix;\nuniform mat4 vpMatrix;\n\nout vec3 vScPostion;\nout vec3 vWorldNormal;\nout float vertexID;\n\nvoid main(void) {\n vec3 pos = texelFetch(positionTexture, ivec2(gl_InstanceID, gl_VertexID), 0).xyz;\n pos = (mMatrix * vec4(pos, 1.0)).xyz;\n vScPostion = (vpMatrix * vec4(pos, 1.0)).xyz;\n vWorldNormal = vec3(0.0, 1.0, 0.0);\n vertexID = float(gl_VertexID);\n gl_Position = vpMatrix * vec4(pos, 1.0);\n}",n.VERTEX_SHADER),P=new u("#version 300 es\nprecision highp float;\n\nin vec3 vScPostion;\nin vec3 vWorldNormal;\nin float vertexID;\n\nlayout (location = 0) out vec4 gbuffer0;\nlayout (location = 1) out vec4 gbuffer1;\nlayout (location = 2) out vec4 gbuffer2;\n\nvoid main(void) {\n gbuffer0 = vec4(vec3(0.7, 0.7, 0.9) * max(pow((vertexID / 100.0), 2.0), 0.1) * 1.3, 0.4);\n gbuffer1 = vec4(vec3(vScPostion.z), 1.0);\n gbuffer2 = vec4(vWorldNormal, 0.0);\n}",n.FRAGMENT_SHADER),S=new l;S.link(R,P);var k=new u("#version 300 es\r\nlayout(location = 0) in vec3 position;\r\nlayout(location = 1) in vec3 normal;\r\nlayout(location = 2) in vec2 texcoord;\r\n\r\nuniform mat4 mMatrix;\r\nuniform mat4 mvpMatrix;\r\n\r\nout vec3 vScPostion;\r\nout vec3 vPostion;\r\nout vec3 vWorldNormal;\r\nout vec2 vTexcoord;\r\n\r\nvoid main() {\r\n vScPostion = (mvpMatrix * vec4(position, 1.0)).xyz;\r\n vPostion = (mMatrix * vec4(position, 1.0)).xyz;\r\n vWorldNormal = (vec4(normal, 1.0)).xyz;\r\n vTexcoord = texcoord;\r\n gl_Position = mvpMatrix * vec4(position, 1.0);\r\n}",n.VERTEX_SHADER),O=new u("#version 300 es\r\nprecision highp float;\r\n\r\nin vec3 vScPostion;\r\nin vec3 vPostion;\r\nin vec3 vWorldNormal;\r\nin vec2 vTexcoord;\r\n\r\nlayout (location = 0) out vec4 gbuffer0;\r\nlayout (location = 1) out vec4 gbuffer1;\r\nlayout (location = 2) out vec4 gbuffer2;\r\n\r\nvoid main() {\r\n vec2 scaledUV = floor(vTexcoord * 50.0);\r\n float uvCol = step(0.5, mod(scaledUV.x + scaledUV.y, 2.0));\r\n vec3 uvColV = vec3(clamp(uvCol, 0.15, 0.6));\r\n vec3 col = vec3(1.0) * 0.9;\r\n \r\n gbuffer0 = vec4(col, vScPostion.z);\r\n gbuffer1 = vec4(vec3(vPostion), 1.0);\r\n gbuffer2 = vec4(vWorldNormal, 1.0);\r\n}\r\n",n.FRAGMENT_SHADER),D=new l;D.link(k,O);var N=new u("#version 300 es\nprecision highp float;\n\nuniform sampler2D colorTex;\nuniform sampler2D depthTex;\nuniform sampler2D normalTex;\nuniform vec2 resolution;\nuniform float time;\nuniform vec3 cameraPosition;\nuniform vec3 cameraCenter;\nuniform vec3 cameraUp;\nuniform float fov;\n\nlayout(location = 0) out vec4 gbuffer0;\nlayout(location = 1) out vec4 gbuffer1;\nlayout(location = 2) out vec4 gbuffer2;\n\n#define LOOP_MAX 216\n#define EPS 1e-4\n#define HORIZONTAL_AA 1\n#define saturate(x) clamp(x, 0.0, 1.0)\n#define sim(x, y) (abs(x - y) < EPS)\n\nconst float PI = acos(-1.0);\nconst float PI2 = PI * 2.0;\n\n#define SPEED 1.3\n\n#define rot(x) mat2(cos(x), -sin(x), sin(x), cos(x))\n#define pal(a, b, c, d, e) ((a) + (b)*sin(6.28 * ((c) * (d) + (e))))\n\nvec3 path(float z) {\n z *= 0.5;\n return vec3(sin(z + cos(z * 0.7)) * 0.7, cos(z + cos(z * 1.2)) * 0.6, 0.) *\n 0.4;\n}\n\n#define pmod(p, x) mod(p, x) - x * 0.5\nfloat map(vec3 p) {\n float d = 10e6;\n vec3 w = p;\n w = abs(w);\n\n p -= path(p.z);\n\n p.xy *= rot(sin(w.z * 2.9 + p.z * 0.7 +\n sin(w.x * 2. + w.z * 4. + time * 0. + 0.5) + w.z * 0.1) *\n 1.6);\n\n float flTop = (-p.y + 1.1) * 2.3;\n float flBot = (p.y + 1.8) * 1.3;\n float floors = min(flBot, flTop);\n d = min(d, floors);\n return d;\n}\n\n// normal\nvec3 norm(vec3 p) {\n return normalize(\n vec3(map(p + vec3(EPS, 0.0, 0.0)) - map(p + vec3(-EPS, 0.0, 0.0)),\n map(p + vec3(0.0, EPS, 0.0)) - map(p + vec3(0.0, -EPS, 0.0)),\n map(p + vec3(0.0, 0.0, EPS)) - map(p + vec3(0.0, 0.0, -EPS))));\n}\n\nvoid march(vec2 p, float faceDepth, out vec3 outRp, out vec3 outColor,\n out float outDepth, out vec3 outNormal, out float noHit) {\n vec3 cp = cameraPosition + vec3(0.0, -0.3, 0.0);\n vec3 cd = normalize(cameraCenter - vec3(0.0, 0.4, 0.0) - cp);\n\n vec3 cs = normalize(cross(cd, cameraUp));\n vec3 cu = normalize(cross(cs, cd));\n float td = 1.0 / tan(90.0 / 2.7);\n\n vec3 rd = normalize(cs * p.x + cu * p.y + cd * td);\n\n float addedTime = time + 400.0;\n cp.z += addedTime * SPEED;\n cp += path(cp.z);\n cd = vec3(0, 0, cp.z + 1.0);\n cd += path(cd.z);\n\n vec3 col = vec3(0.0, 0.0, 0.0);\n float depth = 1.0;\n\n vec3 rp = cp;\n int i = 0;\n for (; i < LOOP_MAX; i++) {\n rp = cp + rd * depth;\n float dist = map(rp);\n\n if (faceDepth < (depth - 1.0)) {\n noHit = 1.0;\n depth += dist;\n break;\n }\n\n if (abs(dist) < EPS) {\n outNormal = abs(norm(rp));\n depth += dist;\n break;\n }\n\n depth += dist;\n }\n\n if (i == LOOP_MAX - 1) {\n noHit = 1.0;\n }\n\n outRp = rp;\n outDepth = (depth - 1.0) * 8.0;\n outColor =\n sqrt(pow(vec3(outNormal.x * 0.6, outNormal.z * 0.0, outNormal.y * 1.0),\n vec3(3.0)));\n}\n\nvoid main() {\n vec2 p = (gl_FragCoord.xy * 2.0 - resolution) / resolution;\n vec2 uv = p * 0.5 + 0.5;\n p = (gl_FragCoord.xy * 2.0 - resolution) / min(resolution.x, resolution.y);\n vec4 geoDepthCol = texture(depthTex, uv);\n float geoDepth = geoDepthCol.a < 0.1 ? 10000.0 : geoDepthCol.z;\n vec3 rp = vec3(0.0);\n vec3 col = vec3(0.0);\n vec3 norm = vec3(0.0);\n float depth = 10000.0;\n float noHit = 0.0;\n march(p, geoDepth, rp, col, depth, norm, noHit);\n\n gbuffer0 = noHit == 1.0 ? texture(colorTex, uv) : vec4(col, depth);\n gbuffer1 = noHit == 1.0 ? geoDepthCol : vec4(rp, 1.0);\n gbuffer2 = noHit == 1.0 ? texture(normalTex, uv)\n : vec4(normalize(vec3(norm.x, norm.y, norm.z)), 0.0);\n}",n.FRAGMENT_SHADER),L=new l;L.link(T,N);var B=new u("#version 300 es\r\nprecision highp float;\r\n\r\nuniform sampler2D colorTex;\r\nuniform sampler2D depthTex;\r\nuniform sampler2D normalTex;\r\nuniform vec2 resolution;\r\nuniform vec3 camera;\r\n\r\nlayout (location = 0) out vec4 outColor;\r\n\r\n#define saturate(x) clamp(x, 0.0, 1.0)\r\n\r\nfloat genFog(float depth) {\r\n float density = 0.006;\r\n return 1.0 - saturate(1.0 / exp(pow(density * depth, 2.0)));\r\n}\r\n\r\nmat4 makeInv(vec3 pos) {\r\n return inverse(mat4(\r\n 1.0, 0.0, 0.0, pos.x,\r\n 0.0, 1.0, 0.0, pos.y,\r\n 0.0, 0.0, 1.0, pos.z,\r\n 0.0, 0.0, 0.0, 1.0\r\n ));\r\n}\r\n\r\nvoid main() {\r\n vec2 p = (gl_FragCoord.xy * 2.0 - resolution) / resolution;\r\n vec2 uv = p * 0.5 + 0.5;\r\n\r\n vec4 colorVal = texture(colorTex, uv);\r\n vec3 color = colorVal.rgb;\r\n float depth = colorVal.a;\r\n vec3 position = texture(depthTex, uv).rgb;\r\n vec4 normCol4 = texture(normalTex, uv);\r\n vec3 norm = normalize(normCol4.xyz);\r\n\r\n mat4 invMat = makeInv(position);\r\n vec3 invCam = normalize(invMat * vec4(camera, 0.0)).xyz;\r\n\r\n bool isRaymarch = normCol4.a == 0.0;\r\n vec3 light = normalize(vec3(2.0, 2.0, 2.2));\r\n float diff = isRaymarch ? 1.0 : (max(dot(light, norm), 0.4));\r\n\r\n float rim = pow(clamp(dot(norm, invCam), 0.0, 1.0), 5.0) * 1.0;\r\n vec3 ambient = vec3(0.08, 0.0, 0.1) + vec3(0.7, 0.0, 0.2) * rim;\r\n float fog = genFog(depth);\r\n vec3 fogCol = vec3(1.0, 1.0, 1.0) * 0.8;\r\n\r\n vec3 objCol = color * diff;\r\n objCol = diff < 0.93 ? vec3(0.0) : color;\r\n objCol += ambient;\r\n\r\n outColor = vec4(isRaymarch ? mix(objCol, fogCol, fog) : objCol, 1.0);\r\n //outColor = vec4(norm, 1.0);\r\n}\r\n",n.FRAGMENT_SHADER),C=new l;C.link(T,B);var F=new u("#version 300 es\n\nlayout(location = 0) in vec3 position;\nlayout(location = 1) in vec2 texcoord;\n\nuniform mat4 mMatrix;\nuniform mat4 vpMatrix;\n\nout vec2 vTexcoord;\n\nvoid main() {\n vTexcoord = texcoord;\n vec3 pos = (mMatrix * vec4(position, 1.0)).xyz;\n gl_Position = vpMatrix * vec4(pos, 1.0);\n}",n.VERTEX_SHADER),U=new u('#version 300 es\nprecision highp float;\n\nuniform sampler2D charTexture;\nuniform vec2 uResolution;\n\nin vec2 vTexcoord;\n\nout vec4 outColor;\n\n// mattdesl/glsl-fxaa: https://github.com/mattdesl/glsl-fxaa\n\n//To save 9 dependent texture reads, you can compute\n//these in the vertex shader and use the optimized\n//frag.glsl function in your frag shader. \n\n//This is best suited for mobile devices, like iOS.\n\nvoid texcoords(vec2 fragCoord, vec2 resolution,\n\t\t\tout vec2 v_rgbNW, out vec2 v_rgbNE,\n\t\t\tout vec2 v_rgbSW, out vec2 v_rgbSE,\n\t\t\tout vec2 v_rgbM) {\n\tvec2 inverseVP = 1.0 / resolution.xy;\n\tv_rgbNW = (fragCoord + vec2(-1.0, -1.0)) * inverseVP;\n\tv_rgbNE = (fragCoord + vec2(1.0, -1.0)) * inverseVP;\n\tv_rgbSW = (fragCoord + vec2(-1.0, 1.0)) * inverseVP;\n\tv_rgbSE = (fragCoord + vec2(1.0, 1.0)) * inverseVP;\n\tv_rgbM = vec2(fragCoord * inverseVP);\n}\n\n/**\nBasic FXAA implementation based on the code on geeks3d.com with the\nmodification that the texture2DLod stuff was removed since it\'s\nunsupported by WebGL.\n--\nFrom:\nhttps://github.com/mitsuhiko/webgl-meincraft\nCopyright (c) 2011 by Armin Ronacher.\nSome rights reserved.\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are\nmet:\n * Redistributions of source code must retain the above copyright\n notice, this list of conditions and the following disclaimer.\n * Redistributions in binary form must reproduce the above\n copyright notice, this list of conditions and the following\n disclaimer in the documentation and/or other materials provided\n with the distribution.\n * The names of the contributors may not be used to endorse or\n promote products derived from this software without specific\n prior written permission.\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\nOWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n*/\n\n#ifndef FXAA_REDUCE_MIN\n #define FXAA_REDUCE_MIN (1.0/ 128.0)\n#endif\n#ifndef FXAA_REDUCE_MUL\n #define FXAA_REDUCE_MUL (1.0 / 8.0)\n#endif\n#ifndef FXAA_SPAN_MAX\n #define FXAA_SPAN_MAX 8.0\n#endif\n\n//optimized version for mobile, where dependent \n//texture reads can be a bottleneck\nvec4 fxaa(sampler2D tex, vec2 fragCoo