var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; return c > 3 && r && Object.defineProperty(target, key, r), r; }; var __extends = (this && this.__extends) || function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; function __() { this.constructor = d; } __.prototype = b.prototype; d.prototype = new __(); }; var BABYLON; (function (BABYLON) { BABYLON.ToGammaSpace = 1 / 2.2; BABYLON.ToLinearSpace = 2.2; BABYLON.Epsilon = 0.001; var MathTools = (function () { function MathTools() { } MathTools.WithinEpsilon = function (a, b, epsilon) { if (epsilon === void 0) { epsilon = 1.401298E-45; } var num = a - b; return -epsilon <= num && num <= epsilon; }; MathTools.ToHex = function (i) { var str = i.toString(16); if (i <= 15) { return ("0" + str).toUpperCase(); } return str.toUpperCase(); }; // Returns -1 when value is a negative number and // +1 when value is a positive number. MathTools.Sign = function (value) { value = +value; // convert to a number if (value === 0 || isNaN(value)) return value; return value > 0 ? 1 : -1; }; MathTools.Clamp = function (value, min, max) { if (min === void 0) { min = 0; } if (max === void 0) { max = 1; } return Math.min(max, Math.max(min, value)); }; return MathTools; }()); BABYLON.MathTools = MathTools; var Color3 = (function () { function Color3(r, g, b) { if (r === void 0) { r = 0; } if (g === void 0) { g = 0; } if (b === void 0) { b = 0; } this.r = r; this.g = g; this.b = b; } Color3.prototype.toString = function () { return "{R: " + this.r + " G:" + this.g + " B:" + this.b + "}"; }; Color3.prototype.getClassName = function () { return "Color3"; }; Color3.prototype.getHashCode = function () { var hash = this.r || 0; hash = (hash * 397) ^ (this.g || 0); hash = (hash * 397) ^ (this.b || 0); return hash; }; // Operators Color3.prototype.toArray = function (array, index) { if (index === undefined) { index = 0; } array[index] = this.r; array[index + 1] = this.g; array[index + 2] = this.b; return this; }; Color3.prototype.toColor4 = function (alpha) { if (alpha === void 0) { alpha = 1; } return new Color4(this.r, this.g, this.b, alpha); }; Color3.prototype.asArray = function () { var result = []; this.toArray(result, 0); return result; }; Color3.prototype.toLuminance = function () { return this.r * 0.3 + this.g * 0.59 + this.b * 0.11; }; Color3.prototype.multiply = function (otherColor) { return new Color3(this.r * otherColor.r, this.g * otherColor.g, this.b * otherColor.b); }; Color3.prototype.multiplyToRef = function (otherColor, result) { result.r = this.r * otherColor.r; result.g = this.g * otherColor.g; result.b = this.b * otherColor.b; return this; }; Color3.prototype.equals = function (otherColor) { return otherColor && this.r === otherColor.r && this.g === otherColor.g && this.b === otherColor.b; }; Color3.prototype.equalsFloats = function (r, g, b) { return this.r === r && this.g === g && this.b === b; }; Color3.prototype.scale = function (scale) { return new Color3(this.r * scale, this.g * scale, this.b * scale); }; Color3.prototype.scaleToRef = function (scale, result) { result.r = this.r * scale; result.g = this.g * scale; result.b = this.b * scale; return this; }; Color3.prototype.add = function (otherColor) { return new Color3(this.r + otherColor.r, this.g + otherColor.g, this.b + otherColor.b); }; Color3.prototype.addToRef = function (otherColor, result) { result.r = this.r + otherColor.r; result.g = this.g + otherColor.g; result.b = this.b + otherColor.b; return this; }; Color3.prototype.subtract = function (otherColor) { return new Color3(this.r - otherColor.r, this.g - otherColor.g, this.b - otherColor.b); }; Color3.prototype.subtractToRef = function (otherColor, result) { result.r = this.r - otherColor.r; result.g = this.g - otherColor.g; result.b = this.b - otherColor.b; return this; }; Color3.prototype.clone = function () { return new Color3(this.r, this.g, this.b); }; Color3.prototype.copyFrom = function (source) { this.r = source.r; this.g = source.g; this.b = source.b; return this; }; Color3.prototype.copyFromFloats = function (r, g, b) { this.r = r; this.g = g; this.b = b; return this; }; Color3.prototype.toHexString = function () { var intR = (this.r * 255) | 0; var intG = (this.g * 255) | 0; var intB = (this.b * 255) | 0; return "#" + MathTools.ToHex(intR) + MathTools.ToHex(intG) + MathTools.ToHex(intB); }; Color3.prototype.toLinearSpace = function () { var convertedColor = new Color3(); this.toLinearSpaceToRef(convertedColor); return convertedColor; }; Color3.prototype.toLinearSpaceToRef = function (convertedColor) { convertedColor.r = Math.pow(this.r, BABYLON.ToLinearSpace); convertedColor.g = Math.pow(this.g, BABYLON.ToLinearSpace); convertedColor.b = Math.pow(this.b, BABYLON.ToLinearSpace); return this; }; Color3.prototype.toGammaSpace = function () { var convertedColor = new Color3(); this.toGammaSpaceToRef(convertedColor); return convertedColor; }; Color3.prototype.toGammaSpaceToRef = function (convertedColor) { convertedColor.r = Math.pow(this.r, BABYLON.ToGammaSpace); convertedColor.g = Math.pow(this.g, BABYLON.ToGammaSpace); convertedColor.b = Math.pow(this.b, BABYLON.ToGammaSpace); return this; }; // Statics Color3.FromHexString = function (hex) { if (hex.substring(0, 1) !== "#" || hex.length !== 7) { //Tools.Warn("Color3.FromHexString must be called with a string like #FFFFFF"); return new Color3(0, 0, 0); } var r = parseInt(hex.substring(1, 3), 16); var g = parseInt(hex.substring(3, 5), 16); var b = parseInt(hex.substring(5, 7), 16); return Color3.FromInts(r, g, b); }; Color3.FromArray = function (array, offset) { if (offset === void 0) { offset = 0; } return new Color3(array[offset], array[offset + 1], array[offset + 2]); }; Color3.FromInts = function (r, g, b) { return new Color3(r / 255.0, g / 255.0, b / 255.0); }; Color3.Lerp = function (start, end, amount) { var r = start.r + ((end.r - start.r) * amount); var g = start.g + ((end.g - start.g) * amount); var b = start.b + ((end.b - start.b) * amount); return new Color3(r, g, b); }; Color3.Red = function () { return new Color3(1, 0, 0); }; Color3.Green = function () { return new Color3(0, 1, 0); }; Color3.Blue = function () { return new Color3(0, 0, 1); }; Color3.Black = function () { return new Color3(0, 0, 0); }; Color3.White = function () { return new Color3(1, 1, 1); }; Color3.Purple = function () { return new Color3(0.5, 0, 0.5); }; Color3.Magenta = function () { return new Color3(1, 0, 1); }; Color3.Yellow = function () { return new Color3(1, 1, 0); }; Color3.Gray = function () { return new Color3(0.5, 0.5, 0.5); }; return Color3; }()); BABYLON.Color3 = Color3; var Color4 = (function () { function Color4(r, g, b, a) { this.r = r; this.g = g; this.b = b; this.a = a; } // Operators Color4.prototype.addInPlace = function (right) { this.r += right.r; this.g += right.g; this.b += right.b; this.a += right.a; return this; }; Color4.prototype.asArray = function () { var result = []; this.toArray(result, 0); return result; }; Color4.prototype.toArray = function (array, index) { if (index === undefined) { index = 0; } array[index] = this.r; array[index + 1] = this.g; array[index + 2] = this.b; array[index + 3] = this.a; return this; }; Color4.prototype.add = function (right) { return new Color4(this.r + right.r, this.g + right.g, this.b + right.b, this.a + right.a); }; Color4.prototype.subtract = function (right) { return new Color4(this.r - right.r, this.g - right.g, this.b - right.b, this.a - right.a); }; Color4.prototype.subtractToRef = function (right, result) { result.r = this.r - right.r; result.g = this.g - right.g; result.b = this.b - right.b; result.a = this.a - right.a; return this; }; Color4.prototype.scale = function (scale) { return new Color4(this.r * scale, this.g * scale, this.b * scale, this.a * scale); }; Color4.prototype.scaleToRef = function (scale, result) { result.r = this.r * scale; result.g = this.g * scale; result.b = this.b * scale; result.a = this.a * scale; return this; }; /** * Multipy an RGBA Color4 value by another and return a new Color4 object * @param color The Color4 (RGBA) value to multiply by * @returns A new Color4. */ Color4.prototype.multiply = function (color) { return new Color4(this.r * color.r, this.g * color.g, this.b * color.b, this.a * color.a); }; /** * Multipy an RGBA Color4 value by another and push the result in a reference value * @param color The Color4 (RGBA) value to multiply by * @param result The Color4 (RGBA) to fill the result in * @returns the result Color4. */ Color4.prototype.multiplyToRef = function (color, result) { result.r = this.r * color.r; result.g = this.g * color.g; result.b = this.b * color.b; result.a = this.a * color.a; return result; }; Color4.prototype.toString = function () { return "{R: " + this.r + " G:" + this.g + " B:" + this.b + " A:" + this.a + "}"; }; Color4.prototype.getClassName = function () { return "Color4"; }; Color4.prototype.getHashCode = function () { var hash = this.r || 0; hash = (hash * 397) ^ (this.g || 0); hash = (hash * 397) ^ (this.b || 0); hash = (hash * 397) ^ (this.a || 0); return hash; }; Color4.prototype.clone = function () { return new Color4(this.r, this.g, this.b, this.a); }; Color4.prototype.copyFrom = function (source) { this.r = source.r; this.g = source.g; this.b = source.b; this.a = source.a; return this; }; Color4.prototype.toHexString = function () { var intR = (this.r * 255) | 0; var intG = (this.g * 255) | 0; var intB = (this.b * 255) | 0; var intA = (this.a * 255) | 0; return "#" + MathTools.ToHex(intR) + MathTools.ToHex(intG) + MathTools.ToHex(intB) + MathTools.ToHex(intA); }; // Statics Color4.FromHexString = function (hex) { if (hex.substring(0, 1) !== "#" || hex.length !== 9) { //Tools.Warn("Color4.FromHexString must be called with a string like #FFFFFFFF"); return new Color4(0, 0, 0, 0); } var r = parseInt(hex.substring(1, 3), 16); var g = parseInt(hex.substring(3, 5), 16); var b = parseInt(hex.substring(5, 7), 16); var a = parseInt(hex.substring(7, 9), 16); return Color4.FromInts(r, g, b, a); }; Color4.Lerp = function (left, right, amount) { var result = new Color4(0, 0, 0, 0); Color4.LerpToRef(left, right, amount, result); return result; }; Color4.LerpToRef = function (left, right, amount, result) { result.r = left.r + (right.r - left.r) * amount; result.g = left.g + (right.g - left.g) * amount; result.b = left.b + (right.b - left.b) * amount; result.a = left.a + (right.a - left.a) * amount; }; Color4.FromArray = function (array, offset) { if (offset === void 0) { offset = 0; } return new Color4(array[offset], array[offset + 1], array[offset + 2], array[offset + 3]); }; Color4.FromInts = function (r, g, b, a) { return new Color4(r / 255.0, g / 255.0, b / 255.0, a / 255.0); }; Color4.CheckColors4 = function (colors, count) { // Check if color3 was used if (colors.length === count * 3) { var colors4 = []; for (var index = 0; index < colors.length; index += 3) { var newIndex = (index / 3) * 4; colors4[newIndex] = colors[index]; colors4[newIndex + 1] = colors[index + 1]; colors4[newIndex + 2] = colors[index + 2]; colors4[newIndex + 3] = 1.0; } return colors4; } return colors; }; return Color4; }()); BABYLON.Color4 = Color4; var Vector2 = (function () { function Vector2(x, y) { this.x = x; this.y = y; } Vector2.prototype.toString = function () { return "{X: " + this.x + " Y:" + this.y + "}"; }; Vector2.prototype.getClassName = function () { return "Vector2"; }; Vector2.prototype.getHashCode = function () { var hash = this.x || 0; hash = (hash * 397) ^ (this.y || 0); return hash; }; // Operators Vector2.prototype.toArray = function (array, index) { if (index === void 0) { index = 0; } array[index] = this.x; array[index + 1] = this.y; return this; }; Vector2.prototype.asArray = function () { var result = []; this.toArray(result, 0); return result; }; Vector2.prototype.copyFrom = function (source) { this.x = source.x; this.y = source.y; return this; }; Vector2.prototype.copyFromFloats = function (x, y) { this.x = x; this.y = y; return this; }; Vector2.prototype.add = function (otherVector) { return new Vector2(this.x + otherVector.x, this.y + otherVector.y); }; Vector2.prototype.addToRef = function (otherVector, result) { result.x = this.x + otherVector.x; result.y = this.y + otherVector.y; return this; }; Vector2.prototype.addInPlace = function (otherVector) { this.x += otherVector.x; this.y += otherVector.y; return this; }; Vector2.prototype.addVector3 = function (otherVector) { return new Vector2(this.x + otherVector.x, this.y + otherVector.y); }; Vector2.prototype.subtract = function (otherVector) { return new Vector2(this.x - otherVector.x, this.y - otherVector.y); }; Vector2.prototype.subtractToRef = function (otherVector, result) { result.x = this.x - otherVector.x; result.y = this.y - otherVector.y; return this; }; Vector2.prototype.subtractInPlace = function (otherVector) { this.x -= otherVector.x; this.y -= otherVector.y; return this; }; Vector2.prototype.multiplyInPlace = function (otherVector) { this.x *= otherVector.x; this.y *= otherVector.y; return this; }; Vector2.prototype.multiply = function (otherVector) { return new Vector2(this.x * otherVector.x, this.y * otherVector.y); }; Vector2.prototype.multiplyToRef = function (otherVector, result) { result.x = this.x * otherVector.x; result.y = this.y * otherVector.y; return this; }; Vector2.prototype.multiplyByFloats = function (x, y) { return new Vector2(this.x * x, this.y * y); }; Vector2.prototype.divide = function (otherVector) { return new Vector2(this.x / otherVector.x, this.y / otherVector.y); }; Vector2.prototype.divideToRef = function (otherVector, result) { result.x = this.x / otherVector.x; result.y = this.y / otherVector.y; return this; }; Vector2.prototype.negate = function () { return new Vector2(-this.x, -this.y); }; Vector2.prototype.scaleInPlace = function (scale) { this.x *= scale; this.y *= scale; return this; }; Vector2.prototype.scale = function (scale) { return new Vector2(this.x * scale, this.y * scale); }; Vector2.prototype.equals = function (otherVector) { return otherVector && this.x === otherVector.x && this.y === otherVector.y; }; Vector2.prototype.equalsWithEpsilon = function (otherVector, epsilon) { if (epsilon === void 0) { epsilon = BABYLON.Epsilon; } return otherVector && MathTools.WithinEpsilon(this.x, otherVector.x, epsilon) && MathTools.WithinEpsilon(this.y, otherVector.y, epsilon); }; // Properties Vector2.prototype.length = function () { return Math.sqrt(this.x * this.x + this.y * this.y); }; Vector2.prototype.lengthSquared = function () { return (this.x * this.x + this.y * this.y); }; // Methods Vector2.prototype.normalize = function () { var len = this.length(); if (len === 0) return this; var num = 1.0 / len; this.x *= num; this.y *= num; return this; }; Vector2.prototype.clone = function () { return new Vector2(this.x, this.y); }; // Statics Vector2.Zero = function () { return new Vector2(0, 0); }; Vector2.FromArray = function (array, offset) { if (offset === void 0) { offset = 0; } return new Vector2(array[offset], array[offset + 1]); }; Vector2.FromArrayToRef = function (array, offset, result) { result.x = array[offset]; result.y = array[offset + 1]; }; Vector2.CatmullRom = function (value1, value2, value3, value4, amount) { var squared = amount * amount; var cubed = amount * squared; var x = 0.5 * ((((2.0 * value2.x) + ((-value1.x + value3.x) * amount)) + (((((2.0 * value1.x) - (5.0 * value2.x)) + (4.0 * value3.x)) - value4.x) * squared)) + ((((-value1.x + (3.0 * value2.x)) - (3.0 * value3.x)) + value4.x) * cubed)); var y = 0.5 * ((((2.0 * value2.y) + ((-value1.y + value3.y) * amount)) + (((((2.0 * value1.y) - (5.0 * value2.y)) + (4.0 * value3.y)) - value4.y) * squared)) + ((((-value1.y + (3.0 * value2.y)) - (3.0 * value3.y)) + value4.y) * cubed)); return new Vector2(x, y); }; Vector2.Clamp = function (value, min, max) { var x = value.x; x = (x > max.x) ? max.x : x; x = (x < min.x) ? min.x : x; var y = value.y; y = (y > max.y) ? max.y : y; y = (y < min.y) ? min.y : y; return new Vector2(x, y); }; Vector2.Hermite = function (value1, tangent1, value2, tangent2, amount) { var squared = amount * amount; var cubed = amount * squared; var part1 = ((2.0 * cubed) - (3.0 * squared)) + 1.0; var part2 = (-2.0 * cubed) + (3.0 * squared); var part3 = (cubed - (2.0 * squared)) + amount; var part4 = cubed - squared; var x = (((value1.x * part1) + (value2.x * part2)) + (tangent1.x * part3)) + (tangent2.x * part4); var y = (((value1.y * part1) + (value2.y * part2)) + (tangent1.y * part3)) + (tangent2.y * part4); return new Vector2(x, y); }; Vector2.Lerp = function (start, end, amount) { var x = start.x + ((end.x - start.x) * amount); var y = start.y + ((end.y - start.y) * amount); return new Vector2(x, y); }; Vector2.Dot = function (left, right) { return left.x * right.x + left.y * right.y; }; Vector2.Normalize = function (vector) { var newVector = vector.clone(); newVector.normalize(); return newVector; }; Vector2.Minimize = function (left, right) { var x = (left.x < right.x) ? left.x : right.x; var y = (left.y < right.y) ? left.y : right.y; return new Vector2(x, y); }; Vector2.Maximize = function (left, right) { var x = (left.x > right.x) ? left.x : right.x; var y = (left.y > right.y) ? left.y : right.y; return new Vector2(x, y); }; Vector2.Transform = function (vector, transformation) { var r = Vector2.Zero(); Vector2.TransformToRef(vector, transformation, r); return r; }; Vector2.TransformToRef = function (vector, transformation, result) { var x = (vector.x * transformation.m[0]) + (vector.y * transformation.m[4]) + transformation.m[12]; var y = (vector.x * transformation.m[1]) + (vector.y * transformation.m[5]) + transformation.m[13]; result.x = x; result.y = y; }; Vector2.PointInTriangle = function (p, p0, p1, p2) { var a = 1 / 2 * (-p1.y * p2.x + p0.y * (-p1.x + p2.x) + p0.x * (p1.y - p2.y) + p1.x * p2.y); var sign = a < 0 ? -1 : 1; var s = (p0.y * p2.x - p0.x * p2.y + (p2.y - p0.y) * p.x + (p0.x - p2.x) * p.y) * sign; var t = (p0.x * p1.y - p0.y * p1.x + (p0.y - p1.y) * p.x + (p1.x - p0.x) * p.y) * sign; return s > 0 && t > 0 && (s + t) < 2 * a * sign; }; Vector2.Distance = function (value1, value2) { return Math.sqrt(Vector2.DistanceSquared(value1, value2)); }; Vector2.DistanceSquared = function (value1, value2) { var x = value1.x - value2.x; var y = value1.y - value2.y; return (x * x) + (y * y); }; Vector2.Center = function (value1, value2) { var center = value1.add(value2); center.scaleInPlace(0.5); return center; }; Vector2.DistanceOfPointFromSegment = function (p, segA, segB) { var l2 = Vector2.DistanceSquared(segA, segB); if (l2 === 0.0) { return Vector2.Distance(p, segA); } var v = segB.subtract(segA); var t = Math.max(0, Math.min(1, Vector2.Dot(p.subtract(segA), v) / l2)); var proj = segA.add(v.multiplyByFloats(t, t)); return Vector2.Distance(p, proj); }; return Vector2; }()); BABYLON.Vector2 = Vector2; var Vector3 = (function () { function Vector3(x, y, z) { this.x = x; this.y = y; this.z = z; } Vector3.prototype.toString = function () { return "{X: " + this.x + " Y:" + this.y + " Z:" + this.z + "}"; }; Vector3.prototype.getClassName = function () { return "Vector3"; }; Vector3.prototype.getHashCode = function () { var hash = this.x || 0; hash = (hash * 397) ^ (this.y || 0); hash = (hash * 397) ^ (this.z || 0); return hash; }; // Operators Vector3.prototype.asArray = function () { var result = []; this.toArray(result, 0); return result; }; Vector3.prototype.toArray = function (array, index) { if (index === void 0) { index = 0; } array[index] = this.x; array[index + 1] = this.y; array[index + 2] = this.z; return this; }; Vector3.prototype.toQuaternion = function () { var result = new Quaternion(0, 0, 0, 1); var cosxPlusz = Math.cos((this.x + this.z) * 0.5); var sinxPlusz = Math.sin((this.x + this.z) * 0.5); var coszMinusx = Math.cos((this.z - this.x) * 0.5); var sinzMinusx = Math.sin((this.z - this.x) * 0.5); var cosy = Math.cos(this.y * 0.5); var siny = Math.sin(this.y * 0.5); result.x = coszMinusx * siny; result.y = -sinzMinusx * siny; result.z = sinxPlusz * cosy; result.w = cosxPlusz * cosy; return result; }; Vector3.prototype.addInPlace = function (otherVector) { this.x += otherVector.x; this.y += otherVector.y; this.z += otherVector.z; return this; }; Vector3.prototype.add = function (otherVector) { return new Vector3(this.x + otherVector.x, this.y + otherVector.y, this.z + otherVector.z); }; Vector3.prototype.addToRef = function (otherVector, result) { result.x = this.x + otherVector.x; result.y = this.y + otherVector.y; result.z = this.z + otherVector.z; return this; }; Vector3.prototype.subtractInPlace = function (otherVector) { this.x -= otherVector.x; this.y -= otherVector.y; this.z -= otherVector.z; return this; }; Vector3.prototype.subtract = function (otherVector) { return new Vector3(this.x - otherVector.x, this.y - otherVector.y, this.z - otherVector.z); }; Vector3.prototype.subtractToRef = function (otherVector, result) { result.x = this.x - otherVector.x; result.y = this.y - otherVector.y; result.z = this.z - otherVector.z; return this; }; Vector3.prototype.subtractFromFloats = function (x, y, z) { return new Vector3(this.x - x, this.y - y, this.z - z); }; Vector3.prototype.subtractFromFloatsToRef = function (x, y, z, result) { result.x = this.x - x; result.y = this.y - y; result.z = this.z - z; return this; }; Vector3.prototype.negate = function () { return new Vector3(-this.x, -this.y, -this.z); }; Vector3.prototype.scaleInPlace = function (scale) { this.x *= scale; this.y *= scale; this.z *= scale; return this; }; Vector3.prototype.scale = function (scale) { return new Vector3(this.x * scale, this.y * scale, this.z * scale); }; Vector3.prototype.scaleToRef = function (scale, result) { result.x = this.x * scale; result.y = this.y * scale; result.z = this.z * scale; }; Vector3.prototype.equals = function (otherVector) { return otherVector && this.x === otherVector.x && this.y === otherVector.y && this.z === otherVector.z; }; Vector3.prototype.equalsWithEpsilon = function (otherVector, epsilon) { if (epsilon === void 0) { epsilon = BABYLON.Epsilon; } return otherVector && MathTools.WithinEpsilon(this.x, otherVector.x, epsilon) && MathTools.WithinEpsilon(this.y, otherVector.y, epsilon) && MathTools.WithinEpsilon(this.z, otherVector.z, epsilon); }; Vector3.prototype.equalsToFloats = function (x, y, z) { return this.x === x && this.y === y && this.z === z; }; Vector3.prototype.multiplyInPlace = function (otherVector) { this.x *= otherVector.x; this.y *= otherVector.y; this.z *= otherVector.z; return this; }; Vector3.prototype.multiply = function (otherVector) { return new Vector3(this.x * otherVector.x, this.y * otherVector.y, this.z * otherVector.z); }; Vector3.prototype.multiplyToRef = function (otherVector, result) { result.x = this.x * otherVector.x; result.y = this.y * otherVector.y; result.z = this.z * otherVector.z; return this; }; Vector3.prototype.multiplyByFloats = function (x, y, z) { return new Vector3(this.x * x, this.y * y, this.z * z); }; Vector3.prototype.divide = function (otherVector) { return new Vector3(this.x / otherVector.x, this.y / otherVector.y, this.z / otherVector.z); }; Vector3.prototype.divideToRef = function (otherVector, result) { result.x = this.x / otherVector.x; result.y = this.y / otherVector.y; result.z = this.z / otherVector.z; return this; }; Vector3.prototype.MinimizeInPlace = function (other) { if (other.x < this.x) this.x = other.x; if (other.y < this.y) this.y = other.y; if (other.z < this.z) this.z = other.z; return this; }; Vector3.prototype.MaximizeInPlace = function (other) { if (other.x > this.x) this.x = other.x; if (other.y > this.y) this.y = other.y; if (other.z > this.z) this.z = other.z; return this; }; // Properties Vector3.prototype.length = function () { return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z); }; Vector3.prototype.lengthSquared = function () { return (this.x * this.x + this.y * this.y + this.z * this.z); }; // Methods Vector3.prototype.normalize = function () { var len = this.length(); if (len === 0 || len === 1.0) return this; var num = 1.0 / len; this.x *= num; this.y *= num; this.z *= num; return this; }; Vector3.prototype.clone = function () { return new Vector3(this.x, this.y, this.z); }; Vector3.prototype.copyFrom = function (source) { this.x = source.x; this.y = source.y; this.z = source.z; return this; }; Vector3.prototype.copyFromFloats = function (x, y, z) { this.x = x; this.y = y; this.z = z; return this; }; // Statics Vector3.GetClipFactor = function (vector0, vector1, axis, size) { var d0 = Vector3.Dot(vector0, axis) - size; var d1 = Vector3.Dot(vector1, axis) - size; var s = d0 / (d0 - d1); return s; }; Vector3.FromArray = function (array, offset) { if (!offset) { offset = 0; } return new Vector3(array[offset], array[offset + 1], array[offset + 2]); }; Vector3.FromFloatArray = function (array, offset) { if (!offset) { offset = 0; } return new Vector3(array[offset], array[offset + 1], array[offset + 2]); }; Vector3.FromArrayToRef = function (array, offset, result) { result.x = array[offset]; result.y = array[offset + 1]; result.z = array[offset + 2]; }; Vector3.FromFloatArrayToRef = function (array, offset, result) { result.x = array[offset]; result.y = array[offset + 1]; result.z = array[offset + 2]; }; Vector3.FromFloatsToRef = function (x, y, z, result) { result.x = x; result.y = y; result.z = z; }; Vector3.Zero = function () { return new Vector3(0, 0, 0); }; Vector3.Up = function () { return new Vector3(0, 1.0, 0); }; Vector3.Forward = function () { return new Vector3(0, 0, 1.0); }; Vector3.Right = function () { return new Vector3(1.0, 0, 0); }; Vector3.Left = function () { return new Vector3(-1.0, 0, 0); }; Vector3.TransformCoordinates = function (vector, transformation) { var result = Vector3.Zero(); Vector3.TransformCoordinatesToRef(vector, transformation, result); return result; }; Vector3.TransformCoordinatesToRef = function (vector, transformation, result) { var x = (vector.x * transformation.m[0]) + (vector.y * transformation.m[4]) + (vector.z * transformation.m[8]) + transformation.m[12]; var y = (vector.x * transformation.m[1]) + (vector.y * transformation.m[5]) + (vector.z * transformation.m[9]) + transformation.m[13]; var z = (vector.x * transformation.m[2]) + (vector.y * transformation.m[6]) + (vector.z * transformation.m[10]) + transformation.m[14]; var w = (vector.x * transformation.m[3]) + (vector.y * transformation.m[7]) + (vector.z * transformation.m[11]) + transformation.m[15]; result.x = x / w; result.y = y / w; result.z = z / w; }; Vector3.TransformCoordinatesFromFloatsToRef = function (x, y, z, transformation, result) { var rx = (x * transformation.m[0]) + (y * transformation.m[4]) + (z * transformation.m[8]) + transformation.m[12]; var ry = (x * transformation.m[1]) + (y * transformation.m[5]) + (z * transformation.m[9]) + transformation.m[13]; var rz = (x * transformation.m[2]) + (y * transformation.m[6]) + (z * transformation.m[10]) + transformation.m[14]; var rw = (x * transformation.m[3]) + (y * transformation.m[7]) + (z * transformation.m[11]) + transformation.m[15]; result.x = rx / rw; result.y = ry / rw; result.z = rz / rw; }; Vector3.TransformNormal = function (vector, transformation) { var result = Vector3.Zero(); Vector3.TransformNormalToRef(vector, transformation, result); return result; }; Vector3.TransformNormalToRef = function (vector, transformation, result) { var x = (vector.x * transformation.m[0]) + (vector.y * transformation.m[4]) + (vector.z * transformation.m[8]); var y = (vector.x * transformation.m[1]) + (vector.y * transformation.m[5]) + (vector.z * transformation.m[9]); var z = (vector.x * transformation.m[2]) + (vector.y * transformation.m[6]) + (vector.z * transformation.m[10]); result.x = x; result.y = y; result.z = z; }; Vector3.TransformNormalFromFloatsToRef = function (x, y, z, transformation, result) { result.x = (x * transformation.m[0]) + (y * transformation.m[4]) + (z * transformation.m[8]); result.y = (x * transformation.m[1]) + (y * transformation.m[5]) + (z * transformation.m[9]); result.z = (x * transformation.m[2]) + (y * transformation.m[6]) + (z * transformation.m[10]); }; Vector3.CatmullRom = function (value1, value2, value3, value4, amount) { var squared = amount * amount; var cubed = amount * squared; var x = 0.5 * ((((2.0 * value2.x) + ((-value1.x + value3.x) * amount)) + (((((2.0 * value1.x) - (5.0 * value2.x)) + (4.0 * value3.x)) - value4.x) * squared)) + ((((-value1.x + (3.0 * value2.x)) - (3.0 * value3.x)) + value4.x) * cubed)); var y = 0.5 * ((((2.0 * value2.y) + ((-value1.y + value3.y) * amount)) + (((((2.0 * value1.y) - (5.0 * value2.y)) + (4.0 * value3.y)) - value4.y) * squared)) + ((((-value1.y + (3.0 * value2.y)) - (3.0 * value3.y)) + value4.y) * cubed)); var z = 0.5 * ((((2.0 * value2.z) + ((-value1.z + value3.z) * amount)) + (((((2.0 * value1.z) - (5.0 * value2.z)) + (4.0 * value3.z)) - value4.z) * squared)) + ((((-value1.z + (3.0 * value2.z)) - (3.0 * value3.z)) + value4.z) * cubed)); return new Vector3(x, y, z); }; Vector3.Clamp = function (value, min, max) { var x = value.x; x = (x > max.x) ? max.x : x; x = (x < min.x) ? min.x : x; var y = value.y; y = (y > max.y) ? max.y : y; y = (y < min.y) ? min.y : y; var z = value.z; z = (z > max.z) ? max.z : z; z = (z < min.z) ? min.z : z; return new Vector3(x, y, z); }; Vector3.Hermite = function (value1, tangent1, value2, tangent2, amount) { var squared = amount * amount; var cubed = amount * squared; var part1 = ((2.0 * cubed) - (3.0 * squared)) + 1.0; var part2 = (-2.0 * cubed) + (3.0 * squared); var part3 = (cubed - (2.0 * squared)) + amount; var part4 = cubed - squared; var x = (((value1.x * part1) + (value2.x * part2)) + (tangent1.x * part3)) + (tangent2.x * part4); var y = (((value1.y * part1) + (value2.y * part2)) + (tangent1.y * part3)) + (tangent2.y * part4); var z = (((value1.z * part1) + (value2.z * part2)) + (tangent1.z * part3)) + (tangent2.z * part4); return new Vector3(x, y, z); }; Vector3.Lerp = function (start, end, amount) { var x = start.x + ((end.x - start.x) * amount); var y = start.y + ((end.y - start.y) * amount); var z = start.z + ((end.z - start.z) * amount); return new Vector3(x, y, z); }; Vector3.Dot = function (left, right) { return (left.x * right.x + left.y * right.y + left.z * right.z); }; Vector3.Cross = function (left, right) { var result = Vector3.Zero(); Vector3.CrossToRef(left, right, result); return result; }; Vector3.CrossToRef = function (left, right, result) { Tmp.Vector3[0].x = left.y * right.z - left.z * right.y; Tmp.Vector3[0].y = left.z * right.x - left.x * right.z; Tmp.Vector3[0].z = left.x * right.y - left.y * right.x; result.copyFrom(Tmp.Vector3[0]); }; Vector3.Normalize = function (vector) { var result = Vector3.Zero(); Vector3.NormalizeToRef(vector, result); return result; }; Vector3.NormalizeToRef = function (vector, result) { result.copyFrom(vector); result.normalize(); }; Vector3.Project = function (vector, world, transform, viewport) { var cw = viewport.width; var ch = viewport.height; var cx = viewport.x; var cy = viewport.y; var viewportMatrix = Vector3._viewportMatrixCache ? Vector3._viewportMatrixCache : (Vector3._viewportMatrixCache = new Matrix()); Matrix.FromValuesToRef(cw / 2.0, 0, 0, 0, 0, -ch / 2.0, 0, 0, 0, 0, 1, 0, cx + cw / 2.0, ch / 2.0 + cy, 0, 1, viewportMatrix); var matrix = Vector3._matrixCache ? Vector3._matrixCache : (Vector3._matrixCache = new Matrix()); world.multiplyToRef(transform, matrix); matrix.multiplyToRef(viewportMatrix, matrix); return Vector3.TransformCoordinates(vector, matrix); }; Vector3.UnprojectFromTransform = function (source, viewportWidth, viewportHeight, world, transform) { var matrix = Vector3._matrixCache ? Vector3._matrixCache : (Vector3._matrixCache = new Matrix()); world.multiplyToRef(transform, matrix); matrix.invert(); source.x = source.x / viewportWidth * 2 - 1; source.y = -(source.y / viewportHeight * 2 - 1); var vector = Vector3.TransformCoordinates(source, matrix); var num = source.x * matrix.m[3] + source.y * matrix.m[7] + source.z * matrix.m[11] + matrix.m[15]; if (MathTools.WithinEpsilon(num, 1.0)) { vector = vector.scale(1.0 / num); } return vector; }; Vector3.Unproject = function (source, viewportWidth, viewportHeight, world, view, projection) { var matrix = Vector3._matrixCache ? Vector3._matrixCache : (Vector3._matrixCache = new Matrix()); world.multiplyToRef(view, matrix); matrix.multiplyToRef(projection, matrix); matrix.invert(); var screenSource = new Vector3(source.x / viewportWidth * 2 - 1, -(source.y / viewportHeight * 2 - 1), source.z); var vector = Vector3.TransformCoordinates(screenSource, matrix); var num = screenSource.x * matrix.m[3] + screenSource.y * matrix.m[7] + screenSource.z * matrix.m[11] + matrix.m[15]; if (MathTools.WithinEpsilon(num, 1.0)) { vector = vector.scale(1.0 / num); } return vector; }; Vector3.Minimize = function (left, right) { var min = left.clone(); min.MinimizeInPlace(right); return min; }; Vector3.Maximize = function (left, right) { var max = left.clone(); max.MaximizeInPlace(right); return max; }; Vector3.Distance = function (value1, value2) { return Math.sqrt(Vector3.DistanceSquared(value1, value2)); }; Vector3.DistanceSquared = function (value1, value2) { var x = value1.x - value2.x; var y = value1.y - value2.y; var z = value1.z - value2.z; return (x * x) + (y * y) + (z * z); }; Vector3.Center = function (value1, value2) { var center = value1.add(value2); center.scaleInPlace(0.5); return center; }; /** * Given three orthogonal normalized left-handed oriented Vector3 axis in space (target system), * RotationFromAxis() returns the rotation Euler angles (ex : rotation.x, rotation.y, rotation.z) to apply * to something in order to rotate it from its local system to the given target system. */ Vector3.RotationFromAxis = function (axis1, axis2, axis3) { var rotation = Vector3.Zero(); Vector3.RotationFromAxisToRef(axis1, axis2, axis3, rotation); return rotation; }; /** * The same than RotationFromAxis but updates the passed ref Vector3 parameter. */ Vector3.RotationFromAxisToRef = function (axis1, axis2, axis3, ref) { var u = axis1.normalize(); var w = axis3.normalize(); // world axis var X = Axis.X; var Y = Axis.Y; // equation unknowns and vars var yaw = 0.0; var pitch = 0.0; var roll = 0.0; var x = 0.0; var y = 0.0; var z = 0.0; var t = 0.0; var sign = -1.0; var nbRevert = 0; var cross = Tmp.Vector3[0]; var dot = 0.0; // step 1 : rotation around w // Rv3(u) = u1, and u1 belongs to plane xOz // Rv3(w) = w1 = w invariant var u1 = Tmp.Vector3[1]; if (MathTools.WithinEpsilon(w.z, 0, BABYLON.Epsilon)) { z = 1.0; } else if (MathTools.WithinEpsilon(w.x, 0, BABYLON.Epsilon)) { x = 1.0; } else { t = w.z / w.x; x = -t * Math.sqrt(1 / (1 + t * t)); z = Math.sqrt(1 / (1 + t * t)); } u1.x = x; u1.y = y; u1.z = z; u1.normalize(); Vector3.CrossToRef(u, u1, cross); // returns same direction as w (=local z) if positive angle : cross(source, image) cross.normalize(); if (Vector3.Dot(w, cross) < 0) { sign = 1.0; } dot = Vector3.Dot(u, u1); dot = (Math.min(1.0, Math.max(-1.0, dot))); // to force dot to be in the range [-1, 1] roll = Math.acos(dot) * sign; if (Vector3.Dot(u1, X) < 0) { roll = Math.PI + roll; u1 = u1.scaleInPlace(-1); nbRevert++; } // step 2 : rotate around u1 // Ru1(w1) = Ru1(w) = w2, and w2 belongs to plane xOz // u1 is yet in xOz and invariant by Ru1, so after this step u1 and w2 will be in xOz var w2 = Tmp.Vector3[2]; var v2 = Tmp.Vector3[3]; x = 0.0; y = 0.0; z = 0.0; sign = -1.0; if (MathTools.WithinEpsilon(w.z, 0, BABYLON.Epsilon)) { x = 1.0; } else { t = u1.z / u1.x; x = -t * Math.sqrt(1 / (1 + t * t)); z = Math.sqrt(1 / (1 + t * t)); } w2.x = x; w2.y = y; w2.z = z; w2.normalize(); Vector3.CrossToRef(w2, u1, v2); // v2 image of v1 through rotation around u1 v2.normalize(); Vector3.CrossToRef(w, w2, cross); // returns same direction as u1 (=local x) if positive angle : cross(source, image) cross.normalize(); if (Vector3.Dot(u1, cross) < 0) { sign = 1.0; } dot = Vector3.Dot(w, w2); dot = (Math.min(1.0, Math.max(-1.0, dot))); // to force dot to be in the range [-1, 1] pitch = Math.acos(dot) * sign; if (Vector3.Dot(v2, Y) < 0) { pitch = Math.PI + pitch; nbRevert++; } // step 3 : rotate around v2 // Rv2(u1) = X, same as Rv2(w2) = Z, with X=(1,0,0) and Z=(0,0,1) sign = -1.0; Vector3.CrossToRef(X, u1, cross); // returns same direction as Y if positive angle : cross(source, image) cross.normalize(); if (Vector3.Dot(cross, Y) < 0) { sign = 1.0; } dot = Vector3.Dot(u1, X); dot = (Math.min(1.0, Math.max(-1.0, dot))); // to force dot to be in the range [-1, 1] yaw = -Math.acos(dot) * sign; // negative : plane zOx oriented clockwise if (dot < 0 && nbRevert < 2) { yaw = Math.PI + yaw; } ref.x = pitch; ref.y = yaw; ref.z = roll; }; return Vector3; }()); BABYLON.Vector3 = Vector3; //Vector4 class created for EulerAngle class conversion to Quaternion var Vector4 = (function () { function Vector4(x, y, z, w) { this.x = x; this.y = y; this.z = z; this.w = w; } Vector4.prototype.toString = function () { return "{X: " + this.x + " Y:" + this.y + " Z:" + this.z + " W:" + this.w + "}"; }; Vector4.prototype.getClassName = function () { return "Vector4"; }; Vector4.prototype.getHashCode = function () { var hash = this.x || 0; hash = (hash * 397) ^ (this.y || 0); hash = (hash * 397) ^ (this.z || 0); hash = (hash * 397) ^ (this.w || 0); return hash; }; // Operators Vector4.prototype.asArray = function () { var result = []; this.toArray(result, 0); return result; }; Vector4.prototype.toArray = function (array, index) { if (index === undefined) { index = 0; } array[index] = this.x; array[index + 1] = this.y; array[index + 2] = this.z; array[index + 3] = this.w; return this; }; Vector4.prototype.addInPlace = function (otherVector) { this.x += otherVector.x; this.y += otherVector.y; this.z += otherVector.z; this.w += otherVector.w; return this; }; Vector4.prototype.add = function (otherVector) { return new Vector4(this.x + otherVector.x, this.y + otherVector.y, this.z + otherVector.z, this.w + otherVector.w); }; Vector4.prototype.addToRef = function (otherVector, result) { result.x = this.x + otherVector.x; result.y = this.y + otherVector.y; result.z = this.z + otherVector.z; result.w = this.w + otherVector.w; return this; }; Vector4.prototype.subtractInPlace = function (otherVector) { this.x -= otherVector.x; this.y -= otherVector.y; this.z -= otherVector.z; this.w -= otherVector.w; return this; }; Vector4.prototype.subtract = function (otherVector) { return new Vector4(this.x - otherVector.x, this.y - otherVector.y, this.z - otherVector.z, this.w - otherVector.w); }; Vector4.prototype.subtractToRef = function (otherVector, result) { result.x = this.x - otherVector.x; result.y = this.y - otherVector.y; result.z = this.z - otherVector.z; result.w = this.w - otherVector.w; return this; }; Vector4.prototype.subtractFromFloats = function (x, y, z, w) { return new Vector4(this.x - x, this.y - y, this.z - z, this.w - w); }; Vector4.prototype.subtractFromFloatsToRef = function (x, y, z, w, result) { result.x = this.x - x; result.y = this.y - y; result.z = this.z - z; result.w = this.w - w; return this; }; Vector4.prototype.negate = function () { return new Vector4(-this.x, -this.y, -this.z, -this.w); }; Vector4.prototype.scaleInPlace = function (scale) { this.x *= scale; this.y *= scale; this.z *= scale; this.w *= scale; return this; }; Vector4.prototype.scale = function (scale) { return new Vector4(this.x * scale, this.y * scale, this.z * scale, this.w * scale); }; Vector4.prototype.scaleToRef = function (scale, result) { result.x = this.x * scale; result.y = this.y * scale; result.z = this.z * scale; result.w = this.w * scale; }; Vector4.prototype.equals = function (otherVector) { return otherVector && this.x === otherVector.x && this.y === otherVector.y && this.z === otherVector.z && this.w === otherVector.w; }; Vector4.prototype.equalsWithEpsilon = function (otherVector, epsilon) { if (epsilon === void 0) { epsilon = BABYLON.Epsilon; } return otherVector && MathTools.WithinEpsilon(this.x, otherVector.x, epsilon) && MathTools.WithinEpsilon(this.y, otherVector.y, epsilon) && MathTools.WithinEpsilon(this.z, otherVector.z, epsilon) && MathTools.WithinEpsilon(this.w, otherVector.w, epsilon); }; Vector4.prototype.equalsToFloats = function (x, y, z, w) { return this.x === x && this.y === y && this.z === z && this.w === w; }; Vector4.prototype.multiplyInPlace = function (otherVector) { this.x *= otherVector.x; this.y *= otherVector.y; this.z *= otherVector.z; this.w *= otherVector.w; return this; }; Vector4.prototype.multiply = function (otherVector) { return new Vector4(this.x * otherVector.x, this.y * otherVector.y, this.z * otherVector.z, this.w * otherVector.w); }; Vector4.prototype.multiplyToRef = function (otherVector, result) { result.x = this.x * otherVector.x; result.y = this.y * otherVector.y; result.z = this.z * otherVector.z; result.w = this.w * otherVector.w; return this; }; Vector4.prototype.multiplyByFloats = function (x, y, z, w) { return new Vector4(this.x * x, this.y * y, this.z * z, this.w * w); }; Vector4.prototype.divide = function (otherVector) { return new Vector4(this.x / otherVector.x, this.y / otherVector.y, this.z / otherVector.z, this.w / otherVector.w); }; Vector4.prototype.divideToRef = function (otherVector, result) { result.x = this.x / otherVector.x; result.y = this.y / otherVector.y; result.z = this.z / otherVector.z; result.w = this.w / otherVector.w; return this; }; Vector4.prototype.MinimizeInPlace = function (other) { if (other.x < this.x) this.x = other.x; if (other.y < this.y) this.y = other.y; if (other.z < this.z) this.z = other.z; if (other.w < this.w) this.w = other.w; return this; }; Vector4.prototype.MaximizeInPlace = function (other) { if (other.x > this.x) this.x = other.x; if (other.y > this.y) this.y = other.y; if (other.z > this.z) this.z = other.z; if (other.w > this.w) this.w = other.w; return this; }; // Properties Vector4.prototype.length = function () { return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w); }; Vector4.prototype.lengthSquared = function () { return (this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w); }; // Methods Vector4.prototype.normalize = function () { var len = this.length(); if (len === 0) return this; var num = 1.0 / len; this.x *= num; this.y *= num; this.z *= num; this.w *= num; return this; }; Vector4.prototype.toVector3 = function () { return new Vector3(this.x, this.y, this.z); }; Vector4.prototype.clone = function () { return new Vector4(this.x, this.y, this.z, this.w); }; Vector4.prototype.copyFrom = function (source) { this.x = source.x; this.y = source.y; this.z = source.z; this.w = source.w; return this; }; Vector4.prototype.copyFromFloats = function (x, y, z, w) { this.x = x; this.y = y; this.z = z; this.w = w; return this; }; // Statics Vector4.FromArray = function (array, offset) { if (!offset) { offset = 0; } return new Vector4(array[offset], array[offset + 1], array[offset + 2], array[offset + 3]); }; Vector4.FromArrayToRef = function (array, offset, result) { result.x = array[offset]; result.y = array[offset + 1]; result.z = array[offset + 2]; result.w = array[offset + 3]; }; Vector4.FromFloatArrayToRef = function (array, offset, result) { result.x = array[offset]; result.y = array[offset + 1]; result.z = array[offset + 2]; result.w = array[offset + 3]; }; Vector4.FromFloatsToRef = function (x, y, z, w, result) { result.x = x; result.y = y; result.z = z; result.w = w; }; Vector4.Zero = function () { return new Vector4(0, 0, 0, 0); }; Vector4.Normalize = function (vector) { var result = Vector4.Zero(); Vector4.NormalizeToRef(vector, result); return result; }; Vector4.NormalizeToRef = function (vector, result) { result.copyFrom(vector); result.normalize(); }; Vector4.Minimize = function (left, right) { var min = left.clone(); min.MinimizeInPlace(right); return min; }; Vector4.Maximize = function (left, right) { var max = left.clone(); max.MaximizeInPlace(right); return max; }; Vector4.Distance = function (value1, value2) { return Math.sqrt(Vector4.DistanceSquared(value1, value2)); }; Vector4.DistanceSquared = function (value1, value2) { var x = value1.x - value2.x; var y = value1.y - value2.y; var z = value1.z - value2.z; var w = value1.w - value2.w; return (x * x) + (y * y) + (z * z) + (w * w); }; Vector4.Center = function (value1, value2) { var center = value1.add(value2); center.scaleInPlace(0.5); return center; }; return Vector4; }()); BABYLON.Vector4 = Vector4; var Size = (function () { function Size(width, height) { this.width = width; this.height = height; } Size.prototype.toString = function () { return "{W: " + this.width + ", H: " + this.height + "}"; }; Size.prototype.getClassName = function () { return "Size"; }; Size.prototype.getHashCode = function () { var hash = this.width || 0; hash = (hash * 397) ^ (this.height || 0); return hash; }; Size.prototype.copyFrom = function (src) { this.width = src.width; this.height = src.height; }; Size.prototype.copyFromFloats = function (width, height) { this.width = width; this.height = height; }; Size.prototype.multiplyByFloats = function (w, h) { return new Size(this.width * w, this.height * h); }; Size.prototype.clone = function () { return new Size(this.width, this.height); }; Size.prototype.equals = function (other) { if (!other) { return false; } return (this.width === other.width) && (this.height === other.height); }; Object.defineProperty(Size.prototype, "surface", { get: function () { return this.width * this.height; }, enumerable: true, configurable: true }); Size.Zero = function () { return new Size(0, 0); }; Size.prototype.add = function (otherSize) { var r = new Size(this.width + otherSize.width, this.height + otherSize.height); return r; }; Size.prototype.substract = function (otherSize) { var r = new Size(this.width - otherSize.width, this.height - otherSize.height); return r; }; Size.Lerp = function (start, end, amount) { var w = start.width + ((end.width - start.width) * amount); var h = start.height + ((end.height - start.height) * amount); return new Size(w, h); }; return Size; }()); BABYLON.Size = Size; var Quaternion = (function () { function Quaternion(x, y, z, w) { if (x === void 0) { x = 0; } if (y === void 0) { y = 0; } if (z === void 0) { z = 0; } if (w === void 0) { w = 1; } this.x = x; this.y = y; this.z = z; this.w = w; } Quaternion.prototype.toString = function () { return "{X: " + this.x + " Y:" + this.y + " Z:" + this.z + " W:" + this.w + "}"; }; Quaternion.prototype.getClassName = function () { return "Quaternion"; }; Quaternion.prototype.getHashCode = function () { var hash = this.x || 0; hash = (hash * 397) ^ (this.y || 0); hash = (hash * 397) ^ (this.z || 0); hash = (hash * 397) ^ (this.w || 0); return hash; }; Quaternion.prototype.asArray = function () { return [this.x, this.y, this.z, this.w]; }; Quaternion.prototype.equals = function (otherQuaternion) { return otherQuaternion && this.x === otherQuaternion.x && this.y === otherQuaternion.y && this.z === otherQuaternion.z && this.w === otherQuaternion.w; }; Quaternion.prototype.clone = function () { return new Quaternion(this.x, this.y, this.z, this.w); }; Quaternion.prototype.copyFrom = function (other) { this.x = other.x; this.y = other.y; this.z = other.z; this.w = other.w; return this; }; Quaternion.prototype.copyFromFloats = function (x, y, z, w) { this.x = x; this.y = y; this.z = z; this.w = w; return this; }; Quaternion.prototype.add = function (other) { return new Quaternion(this.x + other.x, this.y + other.y, this.z + other.z, this.w + other.w); }; Quaternion.prototype.subtract = function (other) { return new Quaternion(this.x - other.x, this.y - other.y, this.z - other.z, this.w - other.w); }; Quaternion.prototype.scale = function (value) { return new Quaternion(this.x * value, this.y * value, this.z * value, this.w * value); }; Quaternion.prototype.multiply = function (q1) { var result = new Quaternion(0, 0, 0, 1.0); this.multiplyToRef(q1, result); return result; }; Quaternion.prototype.multiplyToRef = function (q1, result) { var x = this.x * q1.w + this.y * q1.z - this.z * q1.y + this.w * q1.x; var y = -this.x * q1.z + this.y * q1.w + this.z * q1.x + this.w * q1.y; var z = this.x * q1.y - this.y * q1.x + this.z * q1.w + this.w * q1.z; var w = -this.x * q1.x - this.y * q1.y - this.z * q1.z + this.w * q1.w; result.copyFromFloats(x, y, z, w); return this; }; Quaternion.prototype.multiplyInPlace = function (q1) { this.multiplyToRef(q1, this); return this; }; Quaternion.prototype.conjugateToRef = function (ref) { ref.copyFromFloats(-this.x, -this.y, -this.z, this.w); return this; }; Quaternion.prototype.conjugateInPlace = function () { this.x *= -1; this.y *= -1; this.z *= -1; return this; }; Quaternion.prototype.conjugate = function () { var result = new Quaternion(-this.x, -this.y, -this.z, this.w); return result; }; Quaternion.prototype.length = function () { return Math.sqrt((this.x * this.x) + (this.y * this.y) + (this.z * this.z) + (this.w * this.w)); }; Quaternion.prototype.normalize = function () { var length = 1.0 / this.length(); this.x *= length; this.y *= length; this.z *= length; this.w *= length; return this; }; Quaternion.prototype.toEulerAngles = function (order) { if (order === void 0) { order = "YZX"; } var result = Vector3.Zero(); this.toEulerAnglesToRef(result, order); return result; }; Quaternion.prototype.toEulerAnglesToRef = function (result, order) { if (order === void 0) { order = "YZX"; } var qz = this.z; var qx = this.x; var qy = this.y; var qw = this.w; var sqw = qw * qw; var sqz = qz * qz; var sqx = qx * qx; var sqy = qy * qy; var zAxisY = qy * qz - qx * qw; var limit = .4999999; if (zAxisY < -limit) { result.y = 2 * Math.atan2(qy, qw); result.x = Math.PI / 2; result.z = 0; } else if (zAxisY > limit) { result.y = 2 * Math.atan2(qy, qw); result.x = -Math.PI / 2; result.z = 0; } else { result.z = Math.atan2(2.0 * (qx * qy + qz * qw), (-sqz - sqx + sqy + sqw)); result.x = Math.asin(-2.0 * (qz * qy - qx * qw)); result.y = Math.atan2(2.0 * (qz * qx + qy * qw), (sqz - sqx - sqy + sqw)); } return this; }; Quaternion.prototype.toRotationMatrix = function (result) { var xx = this.x * this.x; var yy = this.y * this.y; var zz = this.z * this.z; var xy = this.x * this.y; var zw = this.z * this.w; var zx = this.z * this.x; var yw = this.y * this.w; var yz = this.y * this.z; var xw = this.x * this.w; result.m[0] = 1.0 - (2.0 * (yy + zz)); result.m[1] = 2.0 * (xy + zw); result.m[2] = 2.0 * (zx - yw); result.m[3] = 0; result.m[4] = 2.0 * (xy - zw); result.m[5] = 1.0 - (2.0 * (zz + xx)); result.m[6] = 2.0 * (yz + xw); result.m[7] = 0; result.m[8] = 2.0 * (zx + yw); result.m[9] = 2.0 * (yz - xw); result.m[10] = 1.0 - (2.0 * (yy + xx)); result.m[11] = 0; result.m[12] = 0; result.m[13] = 0; result.m[14] = 0; result.m[15] = 1.0; return this; }; Quaternion.prototype.fromRotationMatrix = function (matrix) { Quaternion.FromRotationMatrixToRef(matrix, this); return this; }; // Statics Quaternion.FromRotationMatrix = function (matrix) { var result = new Quaternion(); Quaternion.FromRotationMatrixToRef(matrix, result); return result; }; Quaternion.FromRotationMatrixToRef = function (matrix, result) { var data = matrix.m; var m11 = data[0], m12 = data[4], m13 = data[8]; var m21 = data[1], m22 = data[5], m23 = data[9]; var m31 = data[2], m32 = data[6], m33 = data[10]; var trace = m11 + m22 + m33; var s; if (trace > 0) { s = 0.5 / Math.sqrt(trace + 1.0); result.w = 0.25 / s; result.x = (m32 - m23) * s; result.y = (m13 - m31) * s; result.z = (m21 - m12) * s; } else if (m11 > m22 && m11 > m33) { s = 2.0 * Math.sqrt(1.0 + m11 - m22 - m33); result.w = (m32 - m23) / s; result.x = 0.25 * s; result.y = (m12 + m21) / s; result.z = (m13 + m31) / s; } else if (m22 > m33) { s = 2.0 * Math.sqrt(1.0 + m22 - m11 - m33); result.w = (m13 - m31) / s; result.x = (m12 + m21) / s; result.y = 0.25 * s; result.z = (m23 + m32) / s; } else { s = 2.0 * Math.sqrt(1.0 + m33 - m11 - m22); result.w = (m21 - m12) / s; result.x = (m13 + m31) / s; result.y = (m23 + m32) / s; result.z = 0.25 * s; } }; Quaternion.Inverse = function (q) { return new Quaternion(-q.x, -q.y, -q.z, q.w); }; Quaternion.Identity = function () { return new Quaternion(0, 0, 0, 1); }; Quaternion.RotationAxis = function (axis, angle) { return Quaternion.RotationAxisToRef(axis, angle, new Quaternion()); }; Quaternion.RotationAxisToRef = function (axis, angle, result) { var sin = Math.sin(angle / 2); axis.normalize(); result.w = Math.cos(angle / 2); result.x = axis.x * sin; result.y = axis.y * sin; result.z = axis.z * sin; return result; }; Quaternion.FromArray = function (array, offset) { if (!offset) { offset = 0; } return new Quaternion(array[offset], array[offset + 1], array[offset + 2], array[offset + 3]); }; Quaternion.RotationYawPitchRoll = function (yaw, pitch, roll) { var q = new Quaternion(); Quaternion.RotationYawPitchRollToRef(yaw, pitch, roll, q); return q; }; Quaternion.RotationYawPitchRollToRef = function (yaw, pitch, roll, result) { // Produces a quaternion from Euler angles in the z-y-x orientation (Tait-Bryan angles) var halfRoll = roll * 0.5; var halfPitch = pitch * 0.5; var halfYaw = yaw * 0.5; var sinRoll = Math.sin(halfRoll); var cosRoll = Math.cos(halfRoll); var sinPitch = Math.sin(halfPitch); var cosPitch = Math.cos(halfPitch); var sinYaw = Math.sin(halfYaw); var cosYaw = Math.cos(halfYaw); result.x = (cosYaw * sinPitch * cosRoll) + (sinYaw * cosPitch * sinRoll); result.y = (sinYaw * cosPitch * cosRoll) - (cosYaw * sinPitch * sinRoll); result.z = (cosYaw * cosPitch * sinRoll) - (sinYaw * sinPitch * cosRoll); result.w = (cosYaw * cosPitch * cosRoll) + (sinYaw * sinPitch * sinRoll); }; Quaternion.RotationAlphaBetaGamma = function (alpha, beta, gamma) { var result = new Quaternion(); Quaternion.RotationAlphaBetaGammaToRef(alpha, beta, gamma, result); return result; }; Quaternion.RotationAlphaBetaGammaToRef = function (alpha, beta, gamma, result) { // Produces a quaternion from Euler angles in the z-x-z orientation var halfGammaPlusAlpha = (gamma + alpha) * 0.5; var halfGammaMinusAlpha = (gamma - alpha) * 0.5; var halfBeta = beta * 0.5; result.x = Math.cos(halfGammaMinusAlpha) * Math.sin(halfBeta); result.y = Math.sin(halfGammaMinusAlpha) * Math.sin(halfBeta); result.z = Math.sin(halfGammaPlusAlpha) * Math.cos(halfBeta); result.w = Math.cos(halfGammaPlusAlpha) * Math.cos(halfBeta); }; Quaternion.Slerp = function (left, right, amount) { var num2; var num3; var num = amount; var num4 = (((left.x * right.x) + (left.y * right.y)) + (left.z * right.z)) + (left.w * right.w); var flag = false; if (num4 < 0) { flag = true; num4 = -num4; } if (num4 > 0.999999) { num3 = 1 - num; num2 = flag ? -num : num; } else { var num5 = Math.acos(num4); var num6 = (1.0 / Math.sin(num5)); num3 = (Math.sin((1.0 - num) * num5)) * num6; num2 = flag ? ((-Math.sin(num * num5)) * num6) : ((Math.sin(num * num5)) * num6); } return new Quaternion((num3 * left.x) + (num2 * right.x), (num3 * left.y) + (num2 * right.y), (num3 * left.z) + (num2 * right.z), (num3 * left.w) + (num2 * right.w)); }; return Quaternion; }()); BABYLON.Quaternion = Quaternion; var Matrix = (function () { function Matrix() { this.m = new Float32Array(16); } // Properties Matrix.prototype.isIdentity = function () { if (this.m[0] !== 1.0 || this.m[5] !== 1.0 || this.m[10] !== 1.0 || this.m[15] !== 1.0) return false; if (this.m[1] !== 0.0 || this.m[2] !== 0.0 || this.m[3] !== 0.0 || this.m[4] !== 0.0 || this.m[6] !== 0.0 || this.m[7] !== 0.0 || this.m[8] !== 0.0 || this.m[9] !== 0.0 || this.m[11] !== 0.0 || this.m[12] !== 0.0 || this.m[13] !== 0.0 || this.m[14] !== 0.0) return false; return true; }; Matrix.prototype.determinant = function () { var temp1 = (this.m[10] * this.m[15]) - (this.m[11] * this.m[14]); var temp2 = (this.m[9] * this.m[15]) - (this.m[11] * this.m[13]); var temp3 = (this.m[9] * this.m[14]) - (this.m[10] * this.m[13]); var temp4 = (this.m[8] * this.m[15]) - (this.m[11] * this.m[12]); var temp5 = (this.m[8] * this.m[14]) - (this.m[10] * this.m[12]); var temp6 = (this.m[8] * this.m[13]) - (this.m[9] * this.m[12]); return ((((this.m[0] * (((this.m[5] * temp1) - (this.m[6] * temp2)) + (this.m[7] * temp3))) - (this.m[1] * (((this.m[4] * temp1) - (this.m[6] * temp4)) + (this.m[7] * temp5)))) + (this.m[2] * (((this.m[4] * temp2) - (this.m[5] * temp4)) + (this.m[7] * temp6)))) - (this.m[3] * (((this.m[4] * temp3) - (this.m[5] * temp5)) + (this.m[6] * temp6)))); }; // Methods Matrix.prototype.toArray = function () { return this.m; }; Matrix.prototype.asArray = function () { return this.toArray(); }; Matrix.prototype.invert = function () { this.invertToRef(this); return this; }; Matrix.prototype.reset = function () { for (var index = 0; index < 16; index++) { this.m[index] = 0; } return this; }; Matrix.prototype.add = function (other) { var result = new Matrix(); this.addToRef(other, result); return result; }; Matrix.prototype.addToRef = function (other, result) { for (var index = 0; index < 16; index++) { result.m[index] = this.m[index] + other.m[index]; } return this; }; Matrix.prototype.addToSelf = function (other) { for (var index = 0; index < 16; index++) { this.m[index] += other.m[index]; } return this; }; Matrix.prototype.invertToRef = function (other) { var l1 = this.m[0]; var l2 = this.m[1]; var l3 = this.m[2]; var l4 = this.m[3]; var l5 = this.m[4]; var l6 = this.m[5]; var l7 = this.m[6]; var l8 = this.m[7]; var l9 = this.m[8]; var l10 = this.m[9]; var l11 = this.m[10]; var l12 = this.m[11]; var l13 = this.m[12]; var l14 = this.m[13]; var l15 = this.m[14]; var l16 = this.m[15]; var l17 = (l11 * l16) - (l12 * l15); var l18 = (l10 * l16) - (l12 * l14); var l19 = (l10 * l15) - (l11 * l14); var l20 = (l9 * l16) - (l12 * l13); var l21 = (l9 * l15) - (l11 * l13); var l22 = (l9 * l14) - (l10 * l13); var l23 = ((l6 * l17) - (l7 * l18)) + (l8 * l19); var l24 = -(((l5 * l17) - (l7 * l20)) + (l8 * l21)); var l25 = ((l5 * l18) - (l6 * l20)) + (l8 * l22); var l26 = -(((l5 * l19) - (l6 * l21)) + (l7 * l22)); var l27 = 1.0 / ((((l1 * l23) + (l2 * l24)) + (l3 * l25)) + (l4 * l26)); var l28 = (l7 * l16) - (l8 * l15); var l29 = (l6 * l16) - (l8 * l14); var l30 = (l6 * l15) - (l7 * l14); var l31 = (l5 * l16) - (l8 * l13); var l32 = (l5 * l15) - (l7 * l13); var l33 = (l5 * l14) - (l6 * l13); var l34 = (l7 * l12) - (l8 * l11); var l35 = (l6 * l12) - (l8 * l10); var l36 = (l6 * l11) - (l7 * l10); var l37 = (l5 * l12) - (l8 * l9); var l38 = (l5 * l11) - (l7 * l9); var l39 = (l5 * l10) - (l6 * l9); other.m[0] = l23 * l27; other.m[4] = l24 * l27; other.m[8] = l25 * l27; other.m[12] = l26 * l27; other.m[1] = -(((l2 * l17) - (l3 * l18)) + (l4 * l19)) * l27; other.m[5] = (((l1 * l17) - (l3 * l20)) + (l4 * l21)) * l27; other.m[9] = -(((l1 * l18) - (l2 * l20)) + (l4 * l22)) * l27; other.m[13] = (((l1 * l19) - (l2 * l21)) + (l3 * l22)) * l27; other.m[2] = (((l2 * l28) - (l3 * l29)) + (l4 * l30)) * l27; other.m[6] = -(((l1 * l28) - (l3 * l31)) + (l4 * l32)) * l27; other.m[10] = (((l1 * l29) - (l2 * l31)) + (l4 * l33)) * l27; other.m[14] = -(((l1 * l30) - (l2 * l32)) + (l3 * l33)) * l27; other.m[3] = -(((l2 * l34) - (l3 * l35)) + (l4 * l36)) * l27; other.m[7] = (((l1 * l34) - (l3 * l37)) + (l4 * l38)) * l27; other.m[11] = -(((l1 * l35) - (l2 * l37)) + (l4 * l39)) * l27; other.m[15] = (((l1 * l36) - (l2 * l38)) + (l3 * l39)) * l27; return this; }; Matrix.prototype.setTranslation = function (vector3) { this.m[12] = vector3.x; this.m[13] = vector3.y; this.m[14] = vector3.z; return this; }; Matrix.prototype.getTranslation = function () { return new Vector3(this.m[12], this.m[13], this.m[14]); }; Matrix.prototype.multiply = function (other) { var result = new Matrix(); this.multiplyToRef(other, result); return result; }; Matrix.prototype.copyFrom = function (other) { for (var index = 0; index < 16; index++) { this.m[index] = other.m[index]; } return this; }; Matrix.prototype.copyToArray = function (array, offset) { if (offset === void 0) { offset = 0; } for (var index = 0; index < 16; index++) { array[offset + index] = this.m[index]; } return this; }; Matrix.prototype.multiplyToRef = function (other, result) { this.multiplyToArray(other, result.m, 0); return this; }; Matrix.prototype.multiplyToArray = function (other, result, offset) { var tm0 = this.m[0]; var tm1 = this.m[1]; var tm2 = this.m[2]; var tm3 = this.m[3]; var tm4 = this.m[4]; var tm5 = this.m[5]; var tm6 = this.m[6]; var tm7 = this.m[7]; var tm8 = this.m[8]; var tm9 = this.m[9]; var tm10 = this.m[10]; var tm11 = this.m[11]; var tm12 = this.m[12]; var tm13 = this.m[13]; var tm14 = this.m[14]; var tm15 = this.m[15]; var om0 = other.m[0]; var om1 = other.m[1]; var om2 = other.m[2]; var om3 = other.m[3]; var om4 = other.m[4]; var om5 = other.m[5]; var om6 = other.m[6]; var om7 = other.m[7]; var om8 = other.m[8]; var om9 = other.m[9]; var om10 = other.m[10]; var om11 = other.m[11]; var om12 = other.m[12]; var om13 = other.m[13]; var om14 = other.m[14]; var om15 = other.m[15]; result[offset] = tm0 * om0 + tm1 * om4 + tm2 * om8 + tm3 * om12; result[offset + 1] = tm0 * om1 + tm1 * om5 + tm2 * om9 + tm3 * om13; result[offset + 2] = tm0 * om2 + tm1 * om6 + tm2 * om10 + tm3 * om14; result[offset + 3] = tm0 * om3 + tm1 * om7 + tm2 * om11 + tm3 * om15; result[offset + 4] = tm4 * om0 + tm5 * om4 + tm6 * om8 + tm7 * om12; result[offset + 5] = tm4 * om1 + tm5 * om5 + tm6 * om9 + tm7 * om13; result[offset + 6] = tm4 * om2 + tm5 * om6 + tm6 * om10 + tm7 * om14; result[offset + 7] = tm4 * om3 + tm5 * om7 + tm6 * om11 + tm7 * om15; result[offset + 8] = tm8 * om0 + tm9 * om4 + tm10 * om8 + tm11 * om12; result[offset + 9] = tm8 * om1 + tm9 * om5 + tm10 * om9 + tm11 * om13; result[offset + 10] = tm8 * om2 + tm9 * om6 + tm10 * om10 + tm11 * om14; result[offset + 11] = tm8 * om3 + tm9 * om7 + tm10 * om11 + tm11 * om15; result[offset + 12] = tm12 * om0 + tm13 * om4 + tm14 * om8 + tm15 * om12; result[offset + 13] = tm12 * om1 + tm13 * om5 + tm14 * om9 + tm15 * om13; result[offset + 14] = tm12 * om2 + tm13 * om6 + tm14 * om10 + tm15 * om14; result[offset + 15] = tm12 * om3 + tm13 * om7 + tm14 * om11 + tm15 * om15; return this; }; Matrix.prototype.equals = function (value) { return value && (this.m[0] === value.m[0] && this.m[1] === value.m[1] && this.m[2] === value.m[2] && this.m[3] === value.m[3] && this.m[4] === value.m[4] && this.m[5] === value.m[5] && this.m[6] === value.m[6] && this.m[7] === value.m[7] && this.m[8] === value.m[8] && this.m[9] === value.m[9] && this.m[10] === value.m[10] && this.m[11] === value.m[11] && this.m[12] === value.m[12] && this.m[13] === value.m[13] && this.m[14] === value.m[14] && this.m[15] === value.m[15]); }; Matrix.prototype.clone = function () { return Matrix.FromValues(this.m[0], this.m[1], this.m[2], this.m[3], this.m[4], this.m[5], this.m[6], this.m[7], this.m[8], this.m[9], this.m[10], this.m[11], this.m[12], this.m[13], this.m[14], this.m[15]); }; Matrix.prototype.getClassName = function () { return "Matrix"; }; Matrix.prototype.getHashCode = function () { var hash = this.m[0] || 0; for (var i = 1; i < 16; i++) { hash = (hash * 397) ^ (this.m[i] || 0); } return hash; }; Matrix.prototype.decompose = function (scale, rotation, translation) { translation.x = this.m[12]; translation.y = this.m[13]; translation.z = this.m[14]; var xs = MathTools.Sign(this.m[0] * this.m[1] * this.m[2] * this.m[3]) < 0 ? -1 : 1; var ys = MathTools.Sign(this.m[4] * this.m[5] * this.m[6] * this.m[7]) < 0 ? -1 : 1; var zs = MathTools.Sign(this.m[8] * this.m[9] * this.m[10] * this.m[11]) < 0 ? -1 : 1; scale.x = xs * Math.sqrt(this.m[0] * this.m[0] + this.m[1] * this.m[1] + this.m[2] * this.m[2]); scale.y = ys * Math.sqrt(this.m[4] * this.m[4] + this.m[5] * this.m[5] + this.m[6] * this.m[6]); scale.z = zs * Math.sqrt(this.m[8] * this.m[8] + this.m[9] * this.m[9] + this.m[10] * this.m[10]); if (scale.x === 0 || scale.y === 0 || scale.z === 0) { rotation.x = 0; rotation.y = 0; rotation.z = 0; rotation.w = 1; return false; } Matrix.FromValuesToRef(this.m[0] / scale.x, this.m[1] / scale.x, this.m[2] / scale.x, 0, this.m[4] / scale.y, this.m[5] / scale.y, this.m[6] / scale.y, 0, this.m[8] / scale.z, this.m[9] / scale.z, this.m[10] / scale.z, 0, 0, 0, 0, 1, Tmp.Matrix[0]); Quaternion.FromRotationMatrixToRef(Tmp.Matrix[0], rotation); return true; }; // Statics Matrix.FromArray = function (array, offset) { var result = new Matrix(); if (!offset) { offset = 0; } Matrix.FromArrayToRef(array, offset, result); return result; }; Matrix.FromArrayToRef = function (array, offset, result) { for (var index = 0; index < 16; index++) { result.m[index] = array[index + offset]; } }; Matrix.FromFloat32ArrayToRefScaled = function (array, offset, scale, result) { for (var index = 0; index < 16; index++) { result.m[index] = array[index + offset] * scale; } }; Matrix.FromValuesToRef = function (initialM11, initialM12, initialM13, initialM14, initialM21, initialM22, initialM23, initialM24, initialM31, initialM32, initialM33, initialM34, initialM41, initialM42, initialM43, initialM44, result) { result.m[0] = initialM11; result.m[1] = initialM12; result.m[2] = initialM13; result.m[3] = initialM14; result.m[4] = initialM21; result.m[5] = initialM22; result.m[6] = initialM23; result.m[7] = initialM24; result.m[8] = initialM31; result.m[9] = initialM32; result.m[10] = initialM33; result.m[11] = initialM34; result.m[12] = initialM41; result.m[13] = initialM42; result.m[14] = initialM43; result.m[15] = initialM44; }; Matrix.prototype.getRow = function (index) { if (index < 0 || index > 3) { return null; } var i = index * 4; return new Vector4(this.m[i + 0], this.m[i + 1], this.m[i + 2], this.m[i + 3]); }; Matrix.prototype.setRow = function (index, row) { if (index < 0 || index > 3) { return this; } var i = index * 4; this.m[i + 0] = row.x; this.m[i + 1] = row.y; this.m[i + 2] = row.z; this.m[i + 3] = row.w; return this; }; Matrix.FromValues = function (initialM11, initialM12, initialM13, initialM14, initialM21, initialM22, initialM23, initialM24, initialM31, initialM32, initialM33, initialM34, initialM41, initialM42, initialM43, initialM44) { var result = new Matrix(); result.m[0] = initialM11; result.m[1] = initialM12; result.m[2] = initialM13; result.m[3] = initialM14; result.m[4] = initialM21; result.m[5] = initialM22; result.m[6] = initialM23; result.m[7] = initialM24; result.m[8] = initialM31; result.m[9] = initialM32; result.m[10] = initialM33; result.m[11] = initialM34; result.m[12] = initialM41; result.m[13] = initialM42; result.m[14] = initialM43; result.m[15] = initialM44; return result; }; Matrix.Compose = function (scale, rotation, translation) { var result = Matrix.FromValues(scale.x, 0, 0, 0, 0, scale.y, 0, 0, 0, 0, scale.z, 0, 0, 0, 0, 1); var rotationMatrix = Matrix.Identity(); rotation.toRotationMatrix(rotationMatrix); result = result.multiply(rotationMatrix); result.setTranslation(translation); return result; }; Matrix.Identity = function () { return Matrix.FromValues(1.0, 0, 0, 0, 0, 1.0, 0, 0, 0, 0, 1.0, 0, 0, 0, 0, 1.0); }; Matrix.IdentityToRef = function (result) { Matrix.FromValuesToRef(1.0, 0, 0, 0, 0, 1.0, 0, 0, 0, 0, 1.0, 0, 0, 0, 0, 1.0, result); }; Matrix.Zero = function () { return Matrix.FromValues(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0); }; Matrix.RotationX = function (angle) { var result = new Matrix(); Matrix.RotationXToRef(angle, result); return result; }; Matrix.Invert = function (source) { var result = new Matrix(); source.invertToRef(result); return result; }; Matrix.RotationXToRef = function (angle, result) { var s = Math.sin(angle); var c = Math.cos(angle); result.m[0] = 1.0; result.m[15] = 1.0; result.m[5] = c; result.m[10] = c; result.m[9] = -s; result.m[6] = s; result.m[1] = 0; result.m[2] = 0; result.m[3] = 0; result.m[4] = 0; result.m[7] = 0; result.m[8] = 0; result.m[11] = 0; result.m[12] = 0; result.m[13] = 0; result.m[14] = 0; }; Matrix.RotationY = function (angle) { var result = new Matrix(); Matrix.RotationYToRef(angle, result); return result; }; Matrix.RotationYToRef = function (angle, result) { var s = Math.sin(angle); var c = Math.cos(angle); result.m[5] = 1.0; result.m[15] = 1.0; result.m[0] = c; result.m[2] = -s; result.m[8] = s; result.m[10] = c; result.m[1] = 0; result.m[3] = 0; result.m[4] = 0; result.m[6] = 0; result.m[7] = 0; result.m[9] = 0; result.m[11] = 0; result.m[12] = 0; result.m[13] = 0; result.m[14] = 0; }; Matrix.RotationZ = function (angle) { var result = new Matrix(); Matrix.RotationZToRef(angle, result); return result; }; Matrix.RotationZToRef = function (angle, result) { var s = Math.sin(angle); var c = Math.cos(angle); result.m[10] = 1.0; result.m[15] = 1.0; result.m[0] = c; result.m[1] = s; result.m[4] = -s; result.m[5] = c; result.m[2] = 0; result.m[3] = 0; result.m[6] = 0; result.m[7] = 0; result.m[8] = 0; result.m[9] = 0; result.m[11] = 0; result.m[12] = 0; result.m[13] = 0; result.m[14] = 0; }; Matrix.RotationAxis = function (axis, angle) { var result = Matrix.Zero(); Matrix.RotationAxisToRef(axis, angle, result); return result; }; Matrix.RotationAxisToRef = function (axis, angle, result) { var s = Math.sin(-angle); var c = Math.cos(-angle); var c1 = 1 - c; axis.normalize(); result.m[0] = (axis.x * axis.x) * c1 + c; result.m[1] = (axis.x * axis.y) * c1 - (axis.z * s); result.m[2] = (axis.x * axis.z) * c1 + (axis.y * s); result.m[3] = 0.0; result.m[4] = (axis.y * axis.x) * c1 + (axis.z * s); result.m[5] = (axis.y * axis.y) * c1 + c; result.m[6] = (axis.y * axis.z) * c1 - (axis.x * s); result.m[7] = 0.0; result.m[8] = (axis.z * axis.x) * c1 - (axis.y * s); result.m[9] = (axis.z * axis.y) * c1 + (axis.x * s); result.m[10] = (axis.z * axis.z) * c1 + c; result.m[11] = 0.0; result.m[15] = 1.0; }; Matrix.RotationYawPitchRoll = function (yaw, pitch, roll) { var result = new Matrix(); Matrix.RotationYawPitchRollToRef(yaw, pitch, roll, result); return result; }; Matrix.RotationYawPitchRollToRef = function (yaw, pitch, roll, result) { Quaternion.RotationYawPitchRollToRef(yaw, pitch, roll, this._tempQuaternion); this._tempQuaternion.toRotationMatrix(result); }; Matrix.Scaling = function (x, y, z) { var result = Matrix.Zero(); Matrix.ScalingToRef(x, y, z, result); return result; }; Matrix.ScalingToRef = function (x, y, z, result) { result.m[0] = x; result.m[1] = 0; result.m[2] = 0; result.m[3] = 0; result.m[4] = 0; result.m[5] = y; result.m[6] = 0; result.m[7] = 0; result.m[8] = 0; result.m[9] = 0; result.m[10] = z; result.m[11] = 0; result.m[12] = 0; result.m[13] = 0; result.m[14] = 0; result.m[15] = 1.0; }; Matrix.Translation = function (x, y, z) { var result = Matrix.Identity(); Matrix.TranslationToRef(x, y, z, result); return result; }; Matrix.TranslationToRef = function (x, y, z, result) { Matrix.FromValuesToRef(1.0, 0, 0, 0, 0, 1.0, 0, 0, 0, 0, 1.0, 0, x, y, z, 1.0, result); }; Matrix.Lerp = function (startValue, endValue, gradient) { var result = Matrix.Zero(); for (var index = 0; index < 16; index++) { result.m[index] = startValue.m[index] * (1.0 - gradient) + endValue.m[index] * gradient; } return result; }; Matrix.DecomposeLerp = function (startValue, endValue, gradient) { var startScale = new Vector3(0, 0, 0); var startRotation = new Quaternion(); var startTranslation = new Vector3(0, 0, 0); startValue.decompose(startScale, startRotation, startTranslation); var endScale = new Vector3(0, 0, 0); var endRotation = new Quaternion(); var endTranslation = new Vector3(0, 0, 0); endValue.decompose(endScale, endRotation, endTranslation); var resultScale = Vector3.Lerp(startScale, endScale, gradient); var resultRotation = Quaternion.Slerp(startRotation, endRotation, gradient); var resultTranslation = Vector3.Lerp(startTranslation, endTranslation, gradient); return Matrix.Compose(resultScale, resultRotation, resultTranslation); }; Matrix.LookAtLH = function (eye, target, up) { var result = Matrix.Zero(); Matrix.LookAtLHToRef(eye, target, up, result); return result; }; Matrix.LookAtLHToRef = function (eye, target, up, result) { // Z axis target.subtractToRef(eye, this._zAxis); this._zAxis.normalize(); // X axis Vector3.CrossToRef(up, this._zAxis, this._xAxis); if (this._xAxis.lengthSquared() === 0) { this._xAxis.x = 1.0; } else { this._xAxis.normalize(); } // Y axis Vector3.CrossToRef(this._zAxis, this._xAxis, this._yAxis); this._yAxis.normalize(); // Eye angles var ex = -Vector3.Dot(this._xAxis, eye); var ey = -Vector3.Dot(this._yAxis, eye); var ez = -Vector3.Dot(this._zAxis, eye); return Matrix.FromValuesToRef(this._xAxis.x, this._yAxis.x, this._zAxis.x, 0, this._xAxis.y, this._yAxis.y, this._zAxis.y, 0, this._xAxis.z, this._yAxis.z, this._zAxis.z, 0, ex, ey, ez, 1, result); }; Matrix.LookAtRH = function (eye, target, up) { var result = Matrix.Zero(); Matrix.LookAtRHToRef(eye, target, up, result); return result; }; Matrix.LookAtRHToRef = function (eye, target, up, result) { // Z axis eye.subtractToRef(target, this._zAxis); this._zAxis.normalize(); // X axis Vector3.CrossToRef(up, this._zAxis, this._xAxis); if (this._xAxis.lengthSquared() === 0) { this._xAxis.x = 1.0; } else { this._xAxis.normalize(); } // Y axis Vector3.CrossToRef(this._zAxis, this._xAxis, this._yAxis); this._yAxis.normalize(); // Eye angles var ex = -Vector3.Dot(this._xAxis, eye); var ey = -Vector3.Dot(this._yAxis, eye); var ez = -Vector3.Dot(this._zAxis, eye); return Matrix.FromValuesToRef(this._xAxis.x, this._yAxis.x, this._zAxis.x, 0, this._xAxis.y, this._yAxis.y, this._zAxis.y, 0, this._xAxis.z, this._yAxis.z, this._zAxis.z, 0, ex, ey, ez, 1, result); }; Matrix.OrthoLH = function (width, height, znear, zfar) { var matrix = Matrix.Zero(); Matrix.OrthoLHToRef(width, height, znear, zfar, matrix); return matrix; }; Matrix.OrthoLHToRef = function (width, height, znear, zfar, result) { var hw = 2.0 / width; var hh = 2.0 / height; var id = 1.0 / (zfar - znear); var nid = znear / (znear - zfar); Matrix.FromValuesToRef(hw, 0, 0, 0, 0, hh, 0, 0, 0, 0, id, 0, 0, 0, nid, 1, result); }; Matrix.OrthoOffCenterLH = function (left, right, bottom, top, znear, zfar) { var matrix = Matrix.Zero(); Matrix.OrthoOffCenterLHToRef(left, right, bottom, top, znear, zfar, matrix); return matrix; }; Matrix.OrthoOffCenterLHToRef = function (left, right, bottom, top, znear, zfar, result) { result.m[0] = 2.0 / (right - left); result.m[1] = result.m[2] = result.m[3] = 0; result.m[5] = 2.0 / (top - bottom); result.m[4] = result.m[6] = result.m[7] = 0; result.m[10] = 1.0 / (zfar - znear); result.m[8] = result.m[9] = result.m[11] = 0; result.m[12] = (left + right) / (left - right); result.m[13] = (top + bottom) / (bottom - top); result.m[14] = -znear / (zfar - znear); result.m[15] = 1.0; }; Matrix.OrthoOffCenterRH = function (left, right, bottom, top, znear, zfar) { var matrix = Matrix.Zero(); Matrix.OrthoOffCenterRHToRef(left, right, bottom, top, znear, zfar, matrix); return matrix; }; Matrix.OrthoOffCenterRHToRef = function (left, right, bottom, top, znear, zfar, result) { Matrix.OrthoOffCenterLHToRef(left, right, bottom, top, znear, zfar, result); result.m[10] *= -1.0; }; Matrix.PerspectiveLH = function (width, height, znear, zfar) { var matrix = Matrix.Zero(); matrix.m[0] = (2.0 * znear) / width; matrix.m[1] = matrix.m[2] = matrix.m[3] = 0.0; matrix.m[5] = (2.0 * znear) / height; matrix.m[4] = matrix.m[6] = matrix.m[7] = 0.0; matrix.m[10] = -zfar / (znear - zfar); matrix.m[8] = matrix.m[9] = 0.0; matrix.m[11] = 1.0; matrix.m[12] = matrix.m[13] = matrix.m[15] = 0.0; matrix.m[14] = (znear * zfar) / (znear - zfar); return matrix; }; Matrix.PerspectiveFovLH = function (fov, aspect, znear, zfar) { var matrix = Matrix.Zero(); Matrix.PerspectiveFovLHToRef(fov, aspect, znear, zfar, matrix); return matrix; }; Matrix.PerspectiveFovLHToRef = function (fov, aspect, znear, zfar, result, isVerticalFovFixed) { if (isVerticalFovFixed === void 0) { isVerticalFovFixed = true; } var tan = 1.0 / (Math.tan(fov * 0.5)); if (isVerticalFovFixed) { result.m[0] = tan / aspect; } else { result.m[0] = tan; } result.m[1] = result.m[2] = result.m[3] = 0.0; if (isVerticalFovFixed) { result.m[5] = tan; } else { result.m[5] = tan * aspect; } result.m[4] = result.m[6] = result.m[7] = 0.0; result.m[8] = result.m[9] = 0.0; result.m[10] = zfar / (zfar - znear); result.m[11] = 1.0; result.m[12] = result.m[13] = result.m[15] = 0.0; result.m[14] = -(znear * zfar) / (zfar - znear); }; Matrix.PerspectiveFovRH = function (fov, aspect, znear, zfar) { var matrix = Matrix.Zero(); Matrix.PerspectiveFovRHToRef(fov, aspect, znear, zfar, matrix); return matrix; }; Matrix.PerspectiveFovRHToRef = function (fov, aspect, znear, zfar, result, isVerticalFovFixed) { if (isVerticalFovFixed === void 0) { isVerticalFovFixed = true; } var tan = 1.0 / (Math.tan(fov * 0.5)); if (isVerticalFovFixed) { result.m[0] = tan / aspect; } else { result.m[0] = tan; } result.m[1] = result.m[2] = result.m[3] = 0.0; if (isVerticalFovFixed) { result.m[5] = tan; } else { result.m[5] = tan * aspect; } result.m[4] = result.m[6] = result.m[7] = 0.0; result.m[8] = result.m[9] = 0.0; result.m[10] = zfar / (znear - zfar); result.m[11] = -1.0; result.m[12] = result.m[13] = result.m[15] = 0.0; result.m[14] = (znear * zfar) / (znear - zfar); }; Matrix.PerspectiveFovWebVRToRef = function (fov, znear, zfar, result, isVerticalFovFixed) { if (isVerticalFovFixed === void 0) { isVerticalFovFixed = true; } var upTan = Math.tan(fov.upDegrees * Math.PI / 180.0); var downTan = Math.tan(fov.downDegrees * Math.PI / 180.0); var leftTan = Math.tan(fov.leftDegrees * Math.PI / 180.0); var rightTan = Math.tan(fov.rightDegrees * Math.PI / 180.0); var xScale = 2.0 / (leftTan + rightTan); var yScale = 2.0 / (upTan + downTan); result.m[0] = xScale; result.m[1] = result.m[2] = result.m[3] = result.m[4] = 0.0; result.m[5] = yScale; result.m[6] = result.m[7] = 0.0; result.m[8] = ((leftTan - rightTan) * xScale * 0.5); result.m[9] = -((upTan - downTan) * yScale * 0.5); //result.m[10] = -(znear + zfar) / (zfar - znear); result.m[10] = -zfar / (znear - zfar); result.m[11] = 1.0; result.m[12] = result.m[13] = result.m[15] = 0.0; //result.m[14] = -(2.0 * zfar * znear) / (zfar - znear); result.m[14] = (znear * zfar) / (znear - zfar); }; Matrix.GetFinalMatrix = function (viewport, world, view, projection, zmin, zmax) { var cw = viewport.width; var ch = viewport.height; var cx = viewport.x; var cy = viewport.y; var viewportMatrix = Matrix.FromValues(cw / 2.0, 0, 0, 0, 0, -ch / 2.0, 0, 0, 0, 0, zmax - zmin, 0, cx + cw / 2.0, ch / 2.0 + cy, zmin, 1); return world.multiply(view).multiply(projection).multiply(viewportMatrix); }; Matrix.GetAsMatrix2x2 = function (matrix) { return new Float32Array([ matrix.m[0], matrix.m[1], matrix.m[4], matrix.m[5] ]); }; Matrix.GetAsMatrix3x3 = function (matrix) { return new Float32Array([ matrix.m[0], matrix.m[1], matrix.m[2], matrix.m[4], matrix.m[5], matrix.m[6], matrix.m[8], matrix.m[9], matrix.m[10] ]); }; Matrix.Transpose = function (matrix) { var result = new Matrix(); result.m[0] = matrix.m[0]; result.m[1] = matrix.m[4]; result.m[2] = matrix.m[8]; result.m[3] = matrix.m[12]; result.m[4] = matrix.m[1]; result.m[5] = matrix.m[5]; result.m[6] = matrix.m[9]; result.m[7] = matrix.m[13]; result.m[8] = matrix.m[2]; result.m[9] = matrix.m[6]; result.m[10] = matrix.m[10]; result.m[11] = matrix.m[14]; result.m[12] = matrix.m[3]; result.m[13] = matrix.m[7]; result.m[14] = matrix.m[11]; result.m[15] = matrix.m[15]; return result; }; Matrix.Reflection = function (plane) { var matrix = new Matrix(); Matrix.ReflectionToRef(plane, matrix); return matrix; }; Matrix.ReflectionToRef = function (plane, result) { plane.normalize(); var x = plane.normal.x; var y = plane.normal.y; var z = plane.normal.z; var temp = -2 * x; var temp2 = -2 * y; var temp3 = -2 * z; result.m[0] = (temp * x) + 1; result.m[1] = temp2 * x; result.m[2] = temp3 * x; result.m[3] = 0.0; result.m[4] = temp * y; result.m[5] = (temp2 * y) + 1; result.m[6] = temp3 * y; result.m[7] = 0.0; result.m[8] = temp * z; result.m[9] = temp2 * z; result.m[10] = (temp3 * z) + 1; result.m[11] = 0.0; result.m[12] = temp * plane.d; result.m[13] = temp2 * plane.d; result.m[14] = temp3 * plane.d; result.m[15] = 1.0; }; Matrix.FromXYZAxesToRef = function (xaxis, yaxis, zaxis, mat) { mat.m[0] = xaxis.x; mat.m[1] = xaxis.y; mat.m[2] = xaxis.z; mat.m[3] = 0; mat.m[4] = yaxis.x; mat.m[5] = yaxis.y; mat.m[6] = yaxis.z; mat.m[7] = 0; mat.m[8] = zaxis.x; mat.m[9] = zaxis.y; mat.m[10] = zaxis.z; mat.m[11] = 0; mat.m[12] = 0; mat.m[13] = 0; mat.m[14] = 0; mat.m[15] = 1; }; Matrix.FromQuaternionToRef = function (quat, result) { var xx = quat.x * quat.x; var yy = quat.y * quat.y; var zz = quat.z * quat.z; var xy = quat.x * quat.y; var zw = quat.z * quat.w; var zx = quat.z * quat.x; var yw = quat.y * quat.w; var yz = quat.y * quat.z; var xw = quat.x * quat.w; result.m[0] = 1.0 - (2.0 * (yy + zz)); result.m[1] = 2.0 * (xy + zw); result.m[2] = 2.0 * (zx - yw); result.m[3] = 0; result.m[4] = 2.0 * (xy - zw); result.m[5] = 1.0 - (2.0 * (zz + xx)); result.m[6] = 2.0 * (yz + xw); result.m[7] = 0; result.m[8] = 2.0 * (zx + yw); result.m[9] = 2.0 * (yz - xw); result.m[10] = 1.0 - (2.0 * (yy + xx)); result.m[11] = 0; result.m[12] = 0; result.m[13] = 0; result.m[14] = 0; result.m[15] = 1.0; }; Matrix._tempQuaternion = new Quaternion(); Matrix._xAxis = Vector3.Zero(); Matrix._yAxis = Vector3.Zero(); Matrix._zAxis = Vector3.Zero(); return Matrix; }()); BABYLON.Matrix = Matrix; var Plane = (function () { function Plane(a, b, c, d) { this.normal = new Vector3(a, b, c); this.d = d; } Plane.prototype.asArray = function () { return [this.normal.x, this.normal.y, this.normal.z, this.d]; }; // Methods Plane.prototype.clone = function () { return new Plane(this.normal.x, this.normal.y, this.normal.z, this.d); }; Plane.prototype.getClassName = function () { return "Plane"; }; Plane.prototype.getHashCode = function () { var hash = this.normal.getHashCode(); hash = (hash * 397) ^ (this.d || 0); return hash; }; Plane.prototype.normalize = function () { var norm = (Math.sqrt((this.normal.x * this.normal.x) + (this.normal.y * this.normal.y) + (this.normal.z * this.normal.z))); var magnitude = 0; if (norm !== 0) { magnitude = 1.0 / norm; } this.normal.x *= magnitude; this.normal.y *= magnitude; this.normal.z *= magnitude; this.d *= magnitude; return this; }; Plane.prototype.transform = function (transformation) { var transposedMatrix = Matrix.Transpose(transformation); var x = this.normal.x; var y = this.normal.y; var z = this.normal.z; var d = this.d; var normalX = (((x * transposedMatrix.m[0]) + (y * transposedMatrix.m[1])) + (z * transposedMatrix.m[2])) + (d * transposedMatrix.m[3]); var normalY = (((x * transposedMatrix.m[4]) + (y * transposedMatrix.m[5])) + (z * transposedMatrix.m[6])) + (d * transposedMatrix.m[7]); var normalZ = (((x * transposedMatrix.m[8]) + (y * transposedMatrix.m[9])) + (z * transposedMatrix.m[10])) + (d * transposedMatrix.m[11]); var finalD = (((x * transposedMatrix.m[12]) + (y * transposedMatrix.m[13])) + (z * transposedMatrix.m[14])) + (d * transposedMatrix.m[15]); return new Plane(normalX, normalY, normalZ, finalD); }; Plane.prototype.dotCoordinate = function (point) { return ((((this.normal.x * point.x) + (this.normal.y * point.y)) + (this.normal.z * point.z)) + this.d); }; Plane.prototype.copyFromPoints = function (point1, point2, point3) { var x1 = point2.x - point1.x; var y1 = point2.y - point1.y; var z1 = point2.z - point1.z; var x2 = point3.x - point1.x; var y2 = point3.y - point1.y; var z2 = point3.z - point1.z; var yz = (y1 * z2) - (z1 * y2); var xz = (z1 * x2) - (x1 * z2); var xy = (x1 * y2) - (y1 * x2); var pyth = (Math.sqrt((yz * yz) + (xz * xz) + (xy * xy))); var invPyth; if (pyth !== 0) { invPyth = 1.0 / pyth; } else { invPyth = 0; } this.normal.x = yz * invPyth; this.normal.y = xz * invPyth; this.normal.z = xy * invPyth; this.d = -((this.normal.x * point1.x) + (this.normal.y * point1.y) + (this.normal.z * point1.z)); return this; }; Plane.prototype.isFrontFacingTo = function (direction, epsilon) { var dot = Vector3.Dot(this.normal, direction); return (dot <= epsilon); }; Plane.prototype.signedDistanceTo = function (point) { return Vector3.Dot(point, this.normal) + this.d; }; // Statics Plane.FromArray = function (array) { return new Plane(array[0], array[1], array[2], array[3]); }; Plane.FromPoints = function (point1, point2, point3) { var result = new Plane(0, 0, 0, 0); result.copyFromPoints(point1, point2, point3); return result; }; Plane.FromPositionAndNormal = function (origin, normal) { var result = new Plane(0, 0, 0, 0); normal.normalize(); result.normal = normal; result.d = -(normal.x * origin.x + normal.y * origin.y + normal.z * origin.z); return result; }; Plane.SignedDistanceToPlaneFromPositionAndNormal = function (origin, normal, point) { var d = -(normal.x * origin.x + normal.y * origin.y + normal.z * origin.z); return Vector3.Dot(point, normal) + d; }; return Plane; }()); BABYLON.Plane = Plane; var Viewport = (function () { function Viewport(x, y, width, height) { this.x = x; this.y = y; this.width = width; this.height = height; } Viewport.prototype.toGlobal = function (renderWidth, renderHeight) { return new Viewport(this.x * renderWidth, this.y * renderHeight, this.width * renderWidth, this.height * renderHeight); }; return Viewport; }()); BABYLON.Viewport = Viewport; var Frustum = (function () { function Frustum() { } Frustum.GetPlanes = function (transform) { var frustumPlanes = []; for (var index = 0; index < 6; index++) { frustumPlanes.push(new Plane(0, 0, 0, 0)); } Frustum.GetPlanesToRef(transform, frustumPlanes); return frustumPlanes; }; Frustum.GetPlanesToRef = function (transform, frustumPlanes) { // Near frustumPlanes[0].normal.x = transform.m[3] + transform.m[2]; frustumPlanes[0].normal.y = transform.m[7] + transform.m[6]; frustumPlanes[0].normal.z = transform.m[11] + transform.m[10]; frustumPlanes[0].d = transform.m[15] + transform.m[14]; frustumPlanes[0].normalize(); // Far frustumPlanes[1].normal.x = transform.m[3] - transform.m[2]; frustumPlanes[1].normal.y = transform.m[7] - transform.m[6]; frustumPlanes[1].normal.z = transform.m[11] - transform.m[10]; frustumPlanes[1].d = transform.m[15] - transform.m[14]; frustumPlanes[1].normalize(); // Left frustumPlanes[2].normal.x = transform.m[3] + transform.m[0]; frustumPlanes[2].normal.y = transform.m[7] + transform.m[4]; frustumPlanes[2].normal.z = transform.m[11] + transform.m[8]; frustumPlanes[2].d = transform.m[15] + transform.m[12]; frustumPlanes[2].normalize(); // Right frustumPlanes[3].normal.x = transform.m[3] - transform.m[0]; frustumPlanes[3].normal.y = transform.m[7] - transform.m[4]; frustumPlanes[3].normal.z = transform.m[11] - transform.m[8]; frustumPlanes[3].d = transform.m[15] - transform.m[12]; frustumPlanes[3].normalize(); // Top frustumPlanes[4].normal.x = transform.m[3] - transform.m[1]; frustumPlanes[4].normal.y = transform.m[7] - transform.m[5]; frustumPlanes[4].normal.z = transform.m[11] - transform.m[9]; frustumPlanes[4].d = transform.m[15] - transform.m[13]; frustumPlanes[4].normalize(); // Bottom frustumPlanes[5].normal.x = transform.m[3] + transform.m[1]; frustumPlanes[5].normal.y = transform.m[7] + transform.m[5]; frustumPlanes[5].normal.z = transform.m[11] + transform.m[9]; frustumPlanes[5].d = transform.m[15] + transform.m[13]; frustumPlanes[5].normalize(); }; return Frustum; }()); BABYLON.Frustum = Frustum; (function (Space) { Space[Space["LOCAL"] = 0] = "LOCAL"; Space[Space["WORLD"] = 1] = "WORLD"; })(BABYLON.Space || (BABYLON.Space = {})); var Space = BABYLON.Space; var Axis = (function () { function Axis() { } Axis.X = new Vector3(1, 0, 0); Axis.Y = new Vector3(0, 1, 0); Axis.Z = new Vector3(0, 0, 1); return Axis; }()); BABYLON.Axis = Axis; ; var BezierCurve = (function () { function BezierCurve() { } BezierCurve.interpolate = function (t, x1, y1, x2, y2) { // Extract X (which is equal to time here) var f0 = 1 - 3 * x2 + 3 * x1; var f1 = 3 * x2 - 6 * x1; var f2 = 3 * x1; var refinedT = t; for (var i = 0; i < 5; i++) { var refinedT2 = refinedT * refinedT; var refinedT3 = refinedT2 * refinedT; var x = f0 * refinedT3 + f1 * refinedT2 + f2 * refinedT; var slope = 1.0 / (3.0 * f0 * refinedT2 + 2.0 * f1 * refinedT + f2); refinedT -= (x - t) * slope; refinedT = Math.min(1, Math.max(0, refinedT)); } // Resolve cubic bezier for the given x return 3 * Math.pow(1 - refinedT, 2) * refinedT * y1 + 3 * (1 - refinedT) * Math.pow(refinedT, 2) * y2 + Math.pow(refinedT, 3); }; return BezierCurve; }()); BABYLON.BezierCurve = BezierCurve; (function (Orientation) { Orientation[Orientation["CW"] = 0] = "CW"; Orientation[Orientation["CCW"] = 1] = "CCW"; })(BABYLON.Orientation || (BABYLON.Orientation = {})); var Orientation = BABYLON.Orientation; var Angle = (function () { function Angle(radians) { var _this = this; this.degrees = function () { return _this._radians * 180 / Math.PI; }; this.radians = function () { return _this._radians; }; this._radians = radians; if (this._radians < 0) this._radians += (2 * Math.PI); } Angle.BetweenTwoPoints = function (a, b) { var delta = b.subtract(a); var theta = Math.atan2(delta.y, delta.x); return new Angle(theta); }; Angle.FromRadians = function (radians) { return new Angle(radians); }; Angle.FromDegrees = function (degrees) { return new Angle(degrees * Math.PI / 180); }; return Angle; }()); BABYLON.Angle = Angle; var Arc2 = (function () { function Arc2(startPoint, midPoint, endPoint) { this.startPoint = startPoint; this.midPoint = midPoint; this.endPoint = endPoint; var temp = Math.pow(midPoint.x, 2) + Math.pow(midPoint.y, 2); var startToMid = (Math.pow(startPoint.x, 2) + Math.pow(startPoint.y, 2) - temp) / 2.; var midToEnd = (temp - Math.pow(endPoint.x, 2) - Math.pow(endPoint.y, 2)) / 2.; var det = (startPoint.x - midPoint.x) * (midPoint.y - endPoint.y) - (midPoint.x - endPoint.x) * (startPoint.y - midPoint.y); this.centerPoint = new Vector2((startToMid * (midPoint.y - endPoint.y) - midToEnd * (startPoint.y - midPoint.y)) / det, ((startPoint.x - midPoint.x) * midToEnd - (midPoint.x - endPoint.x) * startToMid) / det); this.radius = this.centerPoint.subtract(this.startPoint).length(); this.startAngle = Angle.BetweenTwoPoints(this.centerPoint, this.startPoint); var a1 = this.startAngle.degrees(); var a2 = Angle.BetweenTwoPoints(this.centerPoint, this.midPoint).degrees(); var a3 = Angle.BetweenTwoPoints(this.centerPoint, this.endPoint).degrees(); // angles correction if (a2 - a1 > +180.0) a2 -= 360.0; if (a2 - a1 < -180.0) a2 += 360.0; if (a3 - a2 > +180.0) a3 -= 360.0; if (a3 - a2 < -180.0) a3 += 360.0; this.orientation = (a2 - a1) < 0 ? Orientation.CW : Orientation.CCW; this.angle = Angle.FromDegrees(this.orientation === Orientation.CW ? a1 - a3 : a3 - a1); } return Arc2; }()); BABYLON.Arc2 = Arc2; var Path2 = (function () { function Path2(x, y) { this._points = new Array(); this._length = 0; this.closed = false; this._points.push(new Vector2(x, y)); } Path2.prototype.addLineTo = function (x, y) { if (closed) { //Tools.Error("cannot add lines to closed paths"); return this; } var newPoint = new Vector2(x, y); var previousPoint = this._points[this._points.length - 1]; this._points.push(newPoint); this._length += newPoint.subtract(previousPoint).length(); return this; }; Path2.prototype.addArcTo = function (midX, midY, endX, endY, numberOfSegments) { if (numberOfSegments === void 0) { numberOfSegments = 36; } if (closed) { //Tools.Error("cannot add arcs to closed paths"); return this; } var startPoint = this._points[this._points.length - 1]; var midPoint = new Vector2(midX, midY); var endPoint = new Vector2(endX, endY); var arc = new Arc2(startPoint, midPoint, endPoint); var increment = arc.angle.radians() / numberOfSegments; if (arc.orientation === Orientation.CW) increment *= -1; var currentAngle = arc.startAngle.radians() + increment; for (var i = 0; i < numberOfSegments; i++) { var x = Math.cos(currentAngle) * arc.radius + arc.centerPoint.x; var y = Math.sin(currentAngle) * arc.radius + arc.centerPoint.y; this.addLineTo(x, y); currentAngle += increment; } return this; }; Path2.prototype.close = function () { this.closed = true; return this; }; Path2.prototype.length = function () { var result = this._length; if (!this.closed) { var lastPoint = this._points[this._points.length - 1]; var firstPoint = this._points[0]; result += (firstPoint.subtract(lastPoint).length()); } return result; }; Path2.prototype.getPoints = function () { return this._points; }; Path2.prototype.getPointAtLengthPosition = function (normalizedLengthPosition) { if (normalizedLengthPosition < 0 || normalizedLengthPosition > 1) { //Tools.Error("normalized length position should be between 0 and 1."); return Vector2.Zero(); } var lengthPosition = normalizedLengthPosition * this.length(); var previousOffset = 0; for (var i = 0; i < this._points.length; i++) { var j = (i + 1) % this._points.length; var a = this._points[i]; var b = this._points[j]; var bToA = b.subtract(a); var nextOffset = (bToA.length() + previousOffset); if (lengthPosition >= previousOffset && lengthPosition <= nextOffset) { var dir = bToA.normalize(); var localOffset = lengthPosition - previousOffset; return new Vector2(a.x + (dir.x * localOffset), a.y + (dir.y * localOffset)); } previousOffset = nextOffset; } //Tools.Error("internal error"); return Vector2.Zero(); }; Path2.StartingAt = function (x, y) { return new Path2(x, y); }; return Path2; }()); BABYLON.Path2 = Path2; var Path3D = (function () { /** * new Path3D(path, normal, raw) * Creates a Path3D. A Path3D is a logical math object, so not a mesh. * please read the description in the tutorial : http://doc.babylonjs.com/tutorials/How_to_use_Path3D * path : an array of Vector3, the curve axis of the Path3D * normal (optional) : Vector3, the first wanted normal to the curve. Ex (0, 1, 0) for a vertical normal. * raw (optional, default false) : boolean, if true the returned Path3D isn't normalized. Useful to depict path acceleration or speed. */ function Path3D(path, firstNormal, raw) { this.path = path; this._curve = new Array(); this._distances = new Array(); this._tangents = new Array(); this._normals = new Array(); this._binormals = new Array(); for (var p = 0; p < path.length; p++) { this._curve[p] = path[p].clone(); // hard copy } this._raw = raw || false; this._compute(firstNormal); } /** * Returns the Path3D array of successive Vector3 designing its curve. */ Path3D.prototype.getCurve = function () { return this._curve; }; /** * Returns an array populated with tangent vectors on each Path3D curve point. */ Path3D.prototype.getTangents = function () { return this._tangents; }; /** * Returns an array populated with normal vectors on each Path3D curve point. */ Path3D.prototype.getNormals = function () { return this._normals; }; /** * Returns an array populated with binormal vectors on each Path3D curve point. */ Path3D.prototype.getBinormals = function () { return this._binormals; }; /** * Returns an array populated with distances (float) of the i-th point from the first curve point. */ Path3D.prototype.getDistances = function () { return this._distances; }; /** * Forces the Path3D tangent, normal, binormal and distance recomputation. * Returns the same object updated. */ Path3D.prototype.update = function (path, firstNormal) { for (var p = 0; p < path.length; p++) { this._curve[p].x = path[p].x; this._curve[p].y = path[p].y; this._curve[p].z = path[p].z; } this._compute(firstNormal); return this; }; // private function compute() : computes tangents, normals and binormals Path3D.prototype._compute = function (firstNormal) { var l = this._curve.length; // first and last tangents this._tangents[0] = this._getFirstNonNullVector(0); if (!this._raw) { this._tangents[0].normalize(); } this._tangents[l - 1] = this._curve[l - 1].subtract(this._curve[l - 2]); if (!this._raw) { this._tangents[l - 1].normalize(); } // normals and binormals at first point : arbitrary vector with _normalVector() var tg0 = this._tangents[0]; var pp0 = this._normalVector(this._curve[0], tg0, firstNormal); this._normals[0] = pp0; if (!this._raw) { this._normals[0].normalize(); } this._binormals[0] = Vector3.Cross(tg0, this._normals[0]); if (!this._raw) { this._binormals[0].normalize(); } this._distances[0] = 0.0; // normals and binormals : next points var prev; // previous vector (segment) var cur; // current vector (segment) var curTang; // current tangent // previous normal var prevBinor; // previous binormal for (var i = 1; i < l; i++) { // tangents prev = this._getLastNonNullVector(i); if (i < l - 1) { cur = this._getFirstNonNullVector(i); this._tangents[i] = prev.add(cur); this._tangents[i].normalize(); } this._distances[i] = this._distances[i - 1] + prev.length(); // normals and binormals // http://www.cs.cmu.edu/afs/andrew/scs/cs/15-462/web/old/asst2camera.html curTang = this._tangents[i]; prevBinor = this._binormals[i - 1]; this._normals[i] = Vector3.Cross(prevBinor, curTang); if (!this._raw) { this._normals[i].normalize(); } this._binormals[i] = Vector3.Cross(curTang, this._normals[i]); if (!this._raw) { this._binormals[i].normalize(); } } }; // private function getFirstNonNullVector(index) // returns the first non null vector from index : curve[index + N].subtract(curve[index]) Path3D.prototype._getFirstNonNullVector = function (index) { var i = 1; var nNVector = this._curve[index + i].subtract(this._curve[index]); while (nNVector.length() === 0 && index + i + 1 < this._curve.length) { i++; nNVector = this._curve[index + i].subtract(this._curve[index]); } return nNVector; }; // private function getLastNonNullVector(index) // returns the last non null vector from index : curve[index].subtract(curve[index - N]) Path3D.prototype._getLastNonNullVector = function (index) { var i = 1; var nLVector = this._curve[index].subtract(this._curve[index - i]); while (nLVector.length() === 0 && index > i + 1) { i++; nLVector = this._curve[index].subtract(this._curve[index - i]); } return nLVector; }; // private function normalVector(v0, vt, va) : // returns an arbitrary point in the plane defined by the point v0 and the vector vt orthogonal to this plane // if va is passed, it returns the va projection on the plane orthogonal to vt at the point v0 Path3D.prototype._normalVector = function (v0, vt, va) { var normal0; var tgl = vt.length(); if (tgl === 0.0) { tgl = 1.0; } if (va === undefined || va === null) { var point; if (!MathTools.WithinEpsilon(Math.abs(vt.y) / tgl, 1.0, BABYLON.Epsilon)) { point = new Vector3(0.0, -1.0, 0.0); } else if (!MathTools.WithinEpsilon(Math.abs(vt.x) / tgl, 1.0, BABYLON.Epsilon)) { point = new Vector3(1.0, 0.0, 0.0); } else if (!MathTools.WithinEpsilon(Math.abs(vt.z) / tgl, 1.0, BABYLON.Epsilon)) { point = new Vector3(0.0, 0.0, 1.0); } normal0 = Vector3.Cross(vt, point); } else { normal0 = Vector3.Cross(vt, va); Vector3.CrossToRef(normal0, vt, normal0); } normal0.normalize(); return normal0; }; return Path3D; }()); BABYLON.Path3D = Path3D; var Curve3 = (function () { /** * A Curve3 object is a logical object, so not a mesh, to handle curves in the 3D geometric space. * A Curve3 is designed from a series of successive Vector3. * Tuto : http://doc.babylonjs.com/tutorials/How_to_use_Curve3#curve3-object */ function Curve3(points) { this._length = 0.0; this._points = points; this._length = this._computeLength(points); } /** * Returns a Curve3 object along a Quadratic Bezier curve : http://doc.babylonjs.com/tutorials/How_to_use_Curve3#quadratic-bezier-curve * @param v0 (Vector3) the origin point of the Quadratic Bezier * @param v1 (Vector3) the control point * @param v2 (Vector3) the end point of the Quadratic Bezier * @param nbPoints (integer) the wanted number of points in the curve */ Curve3.CreateQuadraticBezier = function (v0, v1, v2, nbPoints) { nbPoints = nbPoints > 2 ? nbPoints : 3; var bez = new Array(); var equation = function (t, val0, val1, val2) { var res = (1.0 - t) * (1.0 - t) * val0 + 2.0 * t * (1.0 - t) * val1 + t * t * val2; return res; }; for (var i = 0; i <= nbPoints; i++) { bez.push(new Vector3(equation(i / nbPoints, v0.x, v1.x, v2.x), equation(i / nbPoints, v0.y, v1.y, v2.y), equation(i / nbPoints, v0.z, v1.z, v2.z))); } return new Curve3(bez); }; /** * Returns a Curve3 object along a Cubic Bezier curve : http://doc.babylonjs.com/tutorials/How_to_use_Curve3#cubic-bezier-curve * @param v0 (Vector3) the origin point of the Cubic Bezier * @param v1 (Vector3) the first control point * @param v2 (Vector3) the second control point * @param v3 (Vector3) the end point of the Cubic Bezier * @param nbPoints (integer) the wanted number of points in the curve */ Curve3.CreateCubicBezier = function (v0, v1, v2, v3, nbPoints) { nbPoints = nbPoints > 3 ? nbPoints : 4; var bez = new Array(); var equation = function (t, val0, val1, val2, val3) { var res = (1.0 - t) * (1.0 - t) * (1.0 - t) * val0 + 3.0 * t * (1.0 - t) * (1.0 - t) * val1 + 3.0 * t * t * (1.0 - t) * val2 + t * t * t * val3; return res; }; for (var i = 0; i <= nbPoints; i++) { bez.push(new Vector3(equation(i / nbPoints, v0.x, v1.x, v2.x, v3.x), equation(i / nbPoints, v0.y, v1.y, v2.y, v3.y), equation(i / nbPoints, v0.z, v1.z, v2.z, v3.z))); } return new Curve3(bez); }; /** * Returns a Curve3 object along a Hermite Spline curve : http://doc.babylonjs.com/tutorials/How_to_use_Curve3#hermite-spline * @param p1 (Vector3) the origin point of the Hermite Spline * @param t1 (Vector3) the tangent vector at the origin point * @param p2 (Vector3) the end point of the Hermite Spline * @param t2 (Vector3) the tangent vector at the end point * @param nbPoints (integer) the wanted number of points in the curve */ Curve3.CreateHermiteSpline = function (p1, t1, p2, t2, nbPoints) { var hermite = new Array(); var step = 1.0 / nbPoints; for (var i = 0; i <= nbPoints; i++) { hermite.push(Vector3.Hermite(p1, t1, p2, t2, i * step)); } return new Curve3(hermite); }; /** * Returns the Curve3 stored array of successive Vector3 */ Curve3.prototype.getPoints = function () { return this._points; }; /** * Returns the computed length (float) of the curve. */ Curve3.prototype.length = function () { return this._length; }; /** * Returns a new instance of Curve3 object : var curve = curveA.continue(curveB); * This new Curve3 is built by translating and sticking the curveB at the end of the curveA. * curveA and curveB keep unchanged. */ Curve3.prototype.continue = function (curve) { var lastPoint = this._points[this._points.length - 1]; var continuedPoints = this._points.slice(); var curvePoints = curve.getPoints(); for (var i = 1; i < curvePoints.length; i++) { continuedPoints.push(curvePoints[i].subtract(curvePoints[0]).add(lastPoint)); } var continuedCurve = new Curve3(continuedPoints); return continuedCurve; }; Curve3.prototype._computeLength = function (path) { var l = 0; for (var i = 1; i < path.length; i++) { l += (path[i].subtract(path[i - 1])).length(); } return l; }; return Curve3; }()); BABYLON.Curve3 = Curve3; // SphericalHarmonics var SphericalHarmonics = (function () { function SphericalHarmonics() { this.L00 = Vector3.Zero(); this.L1_1 = Vector3.Zero(); this.L10 = Vector3.Zero(); this.L11 = Vector3.Zero(); this.L2_2 = Vector3.Zero(); this.L2_1 = Vector3.Zero(); this.L20 = Vector3.Zero(); this.L21 = Vector3.Zero(); this.L22 = Vector3.Zero(); } SphericalHarmonics.prototype.addLight = function (direction, color, deltaSolidAngle) { var colorVector = new Vector3(color.r, color.g, color.b); var c = colorVector.scale(deltaSolidAngle); this.L00 = this.L00.add(c.scale(0.282095)); this.L1_1 = this.L1_1.add(c.scale(0.488603 * direction.y)); this.L10 = this.L10.add(c.scale(0.488603 * direction.z)); this.L11 = this.L11.add(c.scale(0.488603 * direction.x)); this.L2_2 = this.L2_2.add(c.scale(1.092548 * direction.x * direction.y)); this.L2_1 = this.L2_1.add(c.scale(1.092548 * direction.y * direction.z)); this.L21 = this.L21.add(c.scale(1.092548 * direction.x * direction.z)); this.L20 = this.L20.add(c.scale(0.315392 * (3.0 * direction.z * direction.z - 1.0))); this.L22 = this.L22.add(c.scale(0.546274 * (direction.x * direction.x - direction.y * direction.y))); }; SphericalHarmonics.prototype.scale = function (scale) { this.L00 = this.L00.scale(scale); this.L1_1 = this.L1_1.scale(scale); this.L10 = this.L10.scale(scale); this.L11 = this.L11.scale(scale); this.L2_2 = this.L2_2.scale(scale); this.L2_1 = this.L2_1.scale(scale); this.L20 = this.L20.scale(scale); this.L21 = this.L21.scale(scale); this.L22 = this.L22.scale(scale); }; return SphericalHarmonics; }()); BABYLON.SphericalHarmonics = SphericalHarmonics; // SphericalPolynomial var SphericalPolynomial = (function () { function SphericalPolynomial() { this.x = Vector3.Zero(); this.y = Vector3.Zero(); this.z = Vector3.Zero(); this.xx = Vector3.Zero(); this.yy = Vector3.Zero(); this.zz = Vector3.Zero(); this.xy = Vector3.Zero(); this.yz = Vector3.Zero(); this.zx = Vector3.Zero(); } SphericalPolynomial.prototype.addAmbient = function (color) { var colorVector = new Vector3(color.r, color.g, color.b); this.xx = this.xx.add(colorVector); this.yy = this.yy.add(colorVector); this.zz = this.zz.add(colorVector); }; SphericalPolynomial.getSphericalPolynomialFromHarmonics = function (harmonics) { var result = new SphericalPolynomial(); result.x = harmonics.L11.scale(1.02333); result.y = harmonics.L1_1.scale(1.02333); result.z = harmonics.L10.scale(1.02333); result.xx = harmonics.L00.scale(0.886277).subtract(harmonics.L20.scale(0.247708)).add(harmonics.L22.scale(0.429043)); result.yy = harmonics.L00.scale(0.886277).subtract(harmonics.L20.scale(0.247708)).subtract(harmonics.L22.scale(0.429043)); result.zz = harmonics.L00.scale(0.886277).add(harmonics.L20.scale(0.495417)); result.yz = harmonics.L2_1.scale(0.858086); result.zx = harmonics.L21.scale(0.858086); result.xy = harmonics.L2_2.scale(0.858086); return result; }; return SphericalPolynomial; }()); BABYLON.SphericalPolynomial = SphericalPolynomial; // Vertex formats var PositionNormalVertex = (function () { function PositionNormalVertex(position, normal) { if (position === void 0) { position = Vector3.Zero(); } if (normal === void 0) { normal = Vector3.Up(); } this.position = position; this.normal = normal; } PositionNormalVertex.prototype.clone = function () { return new PositionNormalVertex(this.position.clone(), this.normal.clone()); }; return PositionNormalVertex; }()); BABYLON.PositionNormalVertex = PositionNormalVertex; var PositionNormalTextureVertex = (function () { function PositionNormalTextureVertex(position, normal, uv) { if (position === void 0) { position = Vector3.Zero(); } if (normal === void 0) { normal = Vector3.Up(); } if (uv === void 0) { uv = Vector2.Zero(); } this.position = position; this.normal = normal; this.uv = uv; } PositionNormalTextureVertex.prototype.clone = function () { return new PositionNormalTextureVertex(this.position.clone(), this.normal.clone(), this.uv.clone()); }; return PositionNormalTextureVertex; }()); BABYLON.PositionNormalTextureVertex = PositionNormalTextureVertex; // Temporary pre-allocated objects for engine internal use // usage in any internal function : // var tmp = Tmp.Vector3[0]; <= gets access to the first pre-created Vector3 // There's a Tmp array per object type : int, float, Vector2, Vector3, Vector4, Quaternion, Matrix var Tmp = (function () { function Tmp() { } Tmp.Color3 = [Color3.Black(), Color3.Black(), Color3.Black()]; Tmp.Vector2 = [Vector2.Zero(), Vector2.Zero(), Vector2.Zero()]; // 3 temp Vector2 at once should be enough Tmp.Vector3 = [Vector3.Zero(), Vector3.Zero(), Vector3.Zero(), Vector3.Zero(), Vector3.Zero(), Vector3.Zero(), Vector3.Zero(), Vector3.Zero(), Vector3.Zero()]; // 9 temp Vector3 at once should be enough Tmp.Vector4 = [Vector4.Zero(), Vector4.Zero(), Vector4.Zero()]; // 3 temp Vector4 at once should be enough Tmp.Quaternion = [new Quaternion(0, 0, 0, 0)]; // 1 temp Quaternion at once should be enough Tmp.Matrix = [Matrix.Zero(), Matrix.Zero(), Matrix.Zero(), Matrix.Zero(), Matrix.Zero(), Matrix.Zero(), Matrix.Zero(), Matrix.Zero()]; // 6 temp Matrices at once should be enough return Tmp; }()); BABYLON.Tmp = Tmp; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Math/babylon.math.js.map //# sourceMappingURL=babylon.mixins.js.map var BABYLON; (function (BABYLON) { function generateSerializableMember(type, sourceName) { return function (target, propertyKey) { if (!target.__serializableMembers) { target.__serializableMembers = {}; } if (!target.__serializableMembers[propertyKey]) { target.__serializableMembers[propertyKey] = { type: type, sourceName: sourceName }; } }; } function serialize(sourceName) { return generateSerializableMember(0, sourceName); // value member } BABYLON.serialize = serialize; function serializeAsTexture(sourceName) { return generateSerializableMember(1, sourceName); // texture member } BABYLON.serializeAsTexture = serializeAsTexture; function serializeAsColor3(sourceName) { return generateSerializableMember(2, sourceName); // color3 member } BABYLON.serializeAsColor3 = serializeAsColor3; function serializeAsFresnelParameters(sourceName) { return generateSerializableMember(3, sourceName); // fresnel parameters member } BABYLON.serializeAsFresnelParameters = serializeAsFresnelParameters; function serializeAsVector2(sourceName) { return generateSerializableMember(4, sourceName); // vector2 member } BABYLON.serializeAsVector2 = serializeAsVector2; function serializeAsVector3(sourceName) { return generateSerializableMember(5, sourceName); // vector3 member } BABYLON.serializeAsVector3 = serializeAsVector3; function serializeAsMeshReference(sourceName) { return generateSerializableMember(6, sourceName); // mesh reference member } BABYLON.serializeAsMeshReference = serializeAsMeshReference; function serializeAsColorCurves(sourceName) { return generateSerializableMember(7, sourceName); // color curves } BABYLON.serializeAsColorCurves = serializeAsColorCurves; var SerializationHelper = (function () { function SerializationHelper() { } SerializationHelper.Serialize = function (entity, serializationObject) { if (!serializationObject) { serializationObject = {}; } // Tags serializationObject.tags = BABYLON.Tags.GetTags(entity); // Properties for (var property in entity.__serializableMembers) { var propertyDescriptor = entity.__serializableMembers[property]; var targetPropertyName = propertyDescriptor.sourceName || property; var propertyType = propertyDescriptor.type; var sourceProperty = entity[property]; if (sourceProperty !== undefined && sourceProperty !== null) { switch (propertyType) { case 0: serializationObject[targetPropertyName] = sourceProperty; break; case 1: serializationObject[targetPropertyName] = sourceProperty.serialize(); break; case 2: serializationObject[targetPropertyName] = sourceProperty.asArray(); break; case 3: serializationObject[targetPropertyName] = sourceProperty.serialize(); break; case 4: serializationObject[targetPropertyName] = sourceProperty.asArray(); break; case 5: serializationObject[targetPropertyName] = sourceProperty.asArray(); break; case 6: serializationObject[targetPropertyName] = sourceProperty.id; break; case 7: serializationObject[targetPropertyName] = sourceProperty.serialize(); break; } } } return serializationObject; }; SerializationHelper.Parse = function (creationFunction, source, scene, rootUrl) { var destination = creationFunction(); // Tags BABYLON.Tags.AddTagsTo(destination, source.tags); // Properties for (var property in destination.__serializableMembers) { var propertyDescriptor = destination.__serializableMembers[property]; var sourceProperty = source[propertyDescriptor.sourceName || property]; var propertyType = propertyDescriptor.type; if (sourceProperty !== undefined && sourceProperty !== null) { switch (propertyType) { case 0: destination[property] = sourceProperty; break; case 1: destination[property] = BABYLON.Texture.Parse(sourceProperty, scene, rootUrl); break; case 2: destination[property] = BABYLON.Color3.FromArray(sourceProperty); break; case 3: destination[property] = BABYLON.FresnelParameters.Parse(sourceProperty); break; case 4: destination[property] = BABYLON.Vector2.FromArray(sourceProperty); break; case 5: destination[property] = BABYLON.Vector3.FromArray(sourceProperty); break; case 6: destination[property] = scene.getLastMeshByID(sourceProperty); break; case 7: destination[property] = BABYLON.ColorCurves.Parse(sourceProperty); break; } } } return destination; }; SerializationHelper.Clone = function (creationFunction, source) { var destination = creationFunction(); // Tags BABYLON.Tags.AddTagsTo(destination, source.tags); // Properties for (var property in destination.__serializableMembers) { var propertyDescriptor = destination.__serializableMembers[property]; var sourceProperty = source[property]; var propertyType = propertyDescriptor.type; if (sourceProperty !== undefined && sourceProperty !== null) { switch (propertyType) { case 0: // Value case 6: destination[property] = sourceProperty; break; case 1: // Texture case 2: // Color3 case 3: // FresnelParameters case 4: // Vector2 case 5: // Vector3 case 7: destination[property] = sourceProperty.clone(); break; } } } return destination; }; return SerializationHelper; }()); BABYLON.SerializationHelper = SerializationHelper; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.decorators.js.map var BABYLON; (function (BABYLON) { /** * A class serves as a medium between the observable and its observers */ var EventState = (function () { /** * If the callback of a given Observer set skipNextObservers to true the following observers will be ignored */ function EventState(mask, skipNextObservers) { if (skipNextObservers === void 0) { skipNextObservers = false; } this.initalize(mask, skipNextObservers); } EventState.prototype.initalize = function (mask, skipNextObservers) { if (skipNextObservers === void 0) { skipNextObservers = false; } this.mask = mask; this.skipNextObservers = skipNextObservers; return this; }; return EventState; }()); BABYLON.EventState = EventState; /** * Represent an Observer registered to a given Observable object. */ var Observer = (function () { function Observer(callback, mask) { this.callback = callback; this.mask = mask; } return Observer; }()); BABYLON.Observer = Observer; /** * The Observable class is a simple implementation of the Observable pattern. * There's one slight particularity though: a given Observable can notify its observer using a particular mask value, only the Observers registered with this mask value will be notified. * This enable a more fine grained execution without having to rely on multiple different Observable objects. * For instance you may have a given Observable that have four different types of notifications: Move (mask = 0x01), Stop (mask = 0x02), Turn Right (mask = 0X04), Turn Left (mask = 0X08). * A given observer can register itself with only Move and Stop (mask = 0x03), then it will only be notified when one of these two occurs and will never be for Turn Left/Right. */ var Observable = (function () { function Observable() { this._observers = new Array(); this._eventState = new EventState(0); } /** * Create a new Observer with the specified callback * @param callback the callback that will be executed for that Observer * @param mask the mask used to filter observers * @param insertFirst if true the callback will be inserted at the first position, hence executed before the others ones. If false (default behavior) the callback will be inserted at the last position, executed after all the others already present. */ Observable.prototype.add = function (callback, mask, insertFirst) { if (mask === void 0) { mask = -1; } if (insertFirst === void 0) { insertFirst = false; } if (!callback) { return null; } var observer = new Observer(callback, mask); if (insertFirst) { this._observers.unshift(observer); } else { this._observers.push(observer); } return observer; }; /** * Remove an Observer from the Observable object * @param observer the instance of the Observer to remove. If it doesn't belong to this Observable, false will be returned. */ Observable.prototype.remove = function (observer) { var index = this._observers.indexOf(observer); if (index !== -1) { this._observers.splice(index, 1); return true; } return false; }; /** * Remove a callback from the Observable object * @param callback the callback to remove. If it doesn't belong to this Observable, false will be returned. */ Observable.prototype.removeCallback = function (callback) { for (var index = 0; index < this._observers.length; index++) { if (this._observers[index].callback === callback) { this._observers.splice(index, 1); return true; } } return false; }; /** * Notify all Observers by calling their respective callback with the given data * Will return true if all observers were executed, false if an observer set skipNextObservers to true, then prevent the subsequent ones to execute * @param eventData * @param mask */ Observable.prototype.notifyObservers = function (eventData, mask) { if (mask === void 0) { mask = -1; } var state = this._eventState; state.mask = mask; state.skipNextObservers = false; for (var _i = 0, _a = this._observers; _i < _a.length; _i++) { var obs = _a[_i]; if (obs.mask & mask) { obs.callback(eventData, state); } if (state.skipNextObservers) { return false; } } return true; }; /** * return true is the Observable has at least one Observer registered */ Observable.prototype.hasObservers = function () { return this._observers.length > 0; }; /** * Clear the list of observers */ Observable.prototype.clear = function () { this._observers = new Array(); }; /** * Clone the current observable */ Observable.prototype.clone = function () { var result = new Observable(); result._observers = this._observers.slice(0); return result; }; return Observable; }()); BABYLON.Observable = Observable; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.observable.js.map var BABYLON; (function (BABYLON) { var Database = (function () { function Database(urlToScene, callbackManifestChecked) { // Handling various flavors of prefixed version of IndexedDB this.idbFactory = (window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB); this.callbackManifestChecked = callbackManifestChecked; this.currentSceneUrl = Database.ReturnFullUrlLocation(urlToScene); this.db = null; this.enableSceneOffline = false; this.enableTexturesOffline = false; this.manifestVersionFound = 0; this.mustUpdateRessources = false; this.hasReachedQuota = false; if (!Database.IDBStorageEnabled) { this.callbackManifestChecked(true); } else { this.checkManifestFile(); } } Database.prototype.checkManifestFile = function () { var _this = this; function noManifestFile() { that.enableSceneOffline = false; that.enableTexturesOffline = false; that.callbackManifestChecked(false); } var that = this; var timeStampUsed = false; var manifestURL = this.currentSceneUrl + ".manifest"; var xhr = new XMLHttpRequest(); if (navigator.onLine) { // Adding a timestamp to by-pass browsers' cache timeStampUsed = true; manifestURL = manifestURL + (manifestURL.match(/\?/) == null ? "?" : "&") + (new Date()).getTime(); } xhr.open("GET", manifestURL, true); xhr.addEventListener("load", function () { if (xhr.status === 200 || BABYLON.Tools.ValidateXHRData(xhr, 1)) { try { var manifestFile = JSON.parse(xhr.response); _this.enableSceneOffline = manifestFile.enableSceneOffline; _this.enableTexturesOffline = manifestFile.enableTexturesOffline; if (manifestFile.version && !isNaN(parseInt(manifestFile.version))) { _this.manifestVersionFound = manifestFile.version; } if (_this.callbackManifestChecked) { _this.callbackManifestChecked(true); } } catch (ex) { noManifestFile(); } } else { noManifestFile(); } }, false); xhr.addEventListener("error", function (event) { if (timeStampUsed) { timeStampUsed = false; // Let's retry without the timeStamp // It could fail when coupled with HTML5 Offline API var retryManifestURL = _this.currentSceneUrl + ".manifest"; xhr.open("GET", retryManifestURL, true); xhr.send(); } else { noManifestFile(); } }, false); try { xhr.send(); } catch (ex) { BABYLON.Tools.Error("Error on XHR send request."); that.callbackManifestChecked(false); } }; Database.prototype.openAsync = function (successCallback, errorCallback) { var _this = this; function handleError() { that.isSupported = false; if (errorCallback) errorCallback(); } var that = this; if (!this.idbFactory || !(this.enableSceneOffline || this.enableTexturesOffline)) { // Your browser doesn't support IndexedDB this.isSupported = false; if (errorCallback) errorCallback(); } else { // If the DB hasn't been opened or created yet if (!this.db) { this.hasReachedQuota = false; this.isSupported = true; var request = this.idbFactory.open("babylonjs", 1); // Could occur if user is blocking the quota for the DB and/or doesn't grant access to IndexedDB request.onerror = function (event) { handleError(); }; // executes when a version change transaction cannot complete due to other active transactions request.onblocked = function (event) { BABYLON.Tools.Error("IDB request blocked. Please reload the page."); handleError(); }; // DB has been opened successfully request.onsuccess = function (event) { _this.db = request.result; successCallback(); }; // Initialization of the DB. Creating Scenes & Textures stores request.onupgradeneeded = function (event) { _this.db = (event.target).result; try { var scenesStore = _this.db.createObjectStore("scenes", { keyPath: "sceneUrl" }); var versionsStore = _this.db.createObjectStore("versions", { keyPath: "sceneUrl" }); var texturesStore = _this.db.createObjectStore("textures", { keyPath: "textureUrl" }); } catch (ex) { BABYLON.Tools.Error("Error while creating object stores. Exception: " + ex.message); handleError(); } }; } else { if (successCallback) successCallback(); } } }; Database.prototype.loadImageFromDB = function (url, image) { var _this = this; var completeURL = Database.ReturnFullUrlLocation(url); var saveAndLoadImage = function () { if (!_this.hasReachedQuota && _this.db !== null) { // the texture is not yet in the DB, let's try to save it _this._saveImageIntoDBAsync(completeURL, image); } else { image.src = url; } }; if (!this.mustUpdateRessources) { this._loadImageFromDBAsync(completeURL, image, saveAndLoadImage); } else { saveAndLoadImage(); } }; Database.prototype._loadImageFromDBAsync = function (url, image, notInDBCallback) { if (this.isSupported && this.db !== null) { var texture; var transaction = this.db.transaction(["textures"]); transaction.onabort = function (event) { image.src = url; }; transaction.oncomplete = function (event) { var blobTextureURL; if (texture) { var URL = window.URL || window.webkitURL; blobTextureURL = URL.createObjectURL(texture.data, { oneTimeOnly: true }); image.onerror = function () { BABYLON.Tools.Error("Error loading image from blob URL: " + blobTextureURL + " switching back to web url: " + url); image.src = url; }; image.src = blobTextureURL; } else { notInDBCallback(); } }; var getRequest = transaction.objectStore("textures").get(url); getRequest.onsuccess = function (event) { texture = (event.target).result; }; getRequest.onerror = function (event) { BABYLON.Tools.Error("Error loading texture " + url + " from DB."); image.src = url; }; } else { BABYLON.Tools.Error("Error: IndexedDB not supported by your browser or BabylonJS Database is not open."); image.src = url; } }; Database.prototype._saveImageIntoDBAsync = function (url, image) { var _this = this; if (this.isSupported) { // In case of error (type not supported or quota exceeded), we're at least sending back XHR data to allow texture loading later on var generateBlobUrl = function () { var blobTextureURL; if (blob) { var URL = window.URL || window.webkitURL; try { blobTextureURL = URL.createObjectURL(blob, { oneTimeOnly: true }); } // Chrome is raising a type error if we're setting the oneTimeOnly parameter catch (ex) { blobTextureURL = URL.createObjectURL(blob); } } image.src = blobTextureURL; }; if (Database.IsUASupportingBlobStorage) { var xhr = new XMLHttpRequest(), blob; xhr.open("GET", url, true); xhr.responseType = "blob"; xhr.addEventListener("load", function () { if (xhr.status === 200) { // Blob as response (XHR2) blob = xhr.response; var transaction = _this.db.transaction(["textures"], "readwrite"); // the transaction could abort because of a QuotaExceededError error transaction.onabort = function (event) { try { //backwards compatibility with ts 1.0, srcElement doesn't have an "error" according to ts 1.3 if (event.srcElement['error'] && event.srcElement['error'].name === "QuotaExceededError") { _this.hasReachedQuota = true; } } catch (ex) { } generateBlobUrl(); }; transaction.oncomplete = function (event) { generateBlobUrl(); }; var newTexture = { textureUrl: url, data: blob }; try { // Put the blob into the dabase var addRequest = transaction.objectStore("textures").put(newTexture); addRequest.onsuccess = function (event) { }; addRequest.onerror = function (event) { generateBlobUrl(); }; } catch (ex) { // "DataCloneError" generated by Chrome when you try to inject blob into IndexedDB if (ex.code === 25) { Database.IsUASupportingBlobStorage = false; } image.src = url; } } else { image.src = url; } }, false); xhr.addEventListener("error", function (event) { BABYLON.Tools.Error("Error in XHR request in BABYLON.Database."); image.src = url; }, false); xhr.send(); } else { image.src = url; } } else { BABYLON.Tools.Error("Error: IndexedDB not supported by your browser or BabylonJS Database is not open."); image.src = url; } }; Database.prototype._checkVersionFromDB = function (url, versionLoaded) { var _this = this; var updateVersion = function (event) { // the version is not yet in the DB or we need to update it _this._saveVersionIntoDBAsync(url, versionLoaded); }; this._loadVersionFromDBAsync(url, versionLoaded, updateVersion); }; Database.prototype._loadVersionFromDBAsync = function (url, callback, updateInDBCallback) { var _this = this; if (this.isSupported) { var version; try { var transaction = this.db.transaction(["versions"]); transaction.oncomplete = function (event) { if (version) { // If the version in the JSON file is > than the version in DB if (_this.manifestVersionFound > version.data) { _this.mustUpdateRessources = true; updateInDBCallback(); } else { callback(version.data); } } else { _this.mustUpdateRessources = true; updateInDBCallback(); } }; transaction.onabort = function (event) { callback(-1); }; var getRequest = transaction.objectStore("versions").get(url); getRequest.onsuccess = function (event) { version = (event.target).result; }; getRequest.onerror = function (event) { BABYLON.Tools.Error("Error loading version for scene " + url + " from DB."); callback(-1); }; } catch (ex) { BABYLON.Tools.Error("Error while accessing 'versions' object store (READ OP). Exception: " + ex.message); callback(-1); } } else { BABYLON.Tools.Error("Error: IndexedDB not supported by your browser or BabylonJS Database is not open."); callback(-1); } }; Database.prototype._saveVersionIntoDBAsync = function (url, callback) { var _this = this; if (this.isSupported && !this.hasReachedQuota) { try { // Open a transaction to the database var transaction = this.db.transaction(["versions"], "readwrite"); // the transaction could abort because of a QuotaExceededError error transaction.onabort = function (event) { try { if (event.srcElement['error'] && event.srcElement['error'].name === "QuotaExceededError") { _this.hasReachedQuota = true; } } catch (ex) { } callback(-1); }; transaction.oncomplete = function (event) { callback(_this.manifestVersionFound); }; var newVersion = { sceneUrl: url, data: this.manifestVersionFound }; // Put the scene into the database var addRequest = transaction.objectStore("versions").put(newVersion); addRequest.onsuccess = function (event) { }; addRequest.onerror = function (event) { BABYLON.Tools.Error("Error in DB add version request in BABYLON.Database."); }; } catch (ex) { BABYLON.Tools.Error("Error while accessing 'versions' object store (WRITE OP). Exception: " + ex.message); callback(-1); } } else { callback(-1); } }; Database.prototype.loadFileFromDB = function (url, sceneLoaded, progressCallBack, errorCallback, useArrayBuffer) { var _this = this; var completeUrl = Database.ReturnFullUrlLocation(url); var saveAndLoadFile = function (event) { // the scene is not yet in the DB, let's try to save it _this._saveFileIntoDBAsync(completeUrl, sceneLoaded, progressCallBack); }; this._checkVersionFromDB(completeUrl, function (version) { if (version !== -1) { if (!_this.mustUpdateRessources) { _this._loadFileFromDBAsync(completeUrl, sceneLoaded, saveAndLoadFile, useArrayBuffer); } else { _this._saveFileIntoDBAsync(completeUrl, sceneLoaded, progressCallBack, useArrayBuffer); } } else { errorCallback(); } }); }; Database.prototype._loadFileFromDBAsync = function (url, callback, notInDBCallback, useArrayBuffer) { if (this.isSupported) { var targetStore; if (url.indexOf(".babylon") !== -1) { targetStore = "scenes"; } else { targetStore = "textures"; } var file; var transaction = this.db.transaction([targetStore]); transaction.oncomplete = function (event) { if (file) { callback(file.data); } else { notInDBCallback(); } }; transaction.onabort = function (event) { notInDBCallback(); }; var getRequest = transaction.objectStore(targetStore).get(url); getRequest.onsuccess = function (event) { file = (event.target).result; }; getRequest.onerror = function (event) { BABYLON.Tools.Error("Error loading file " + url + " from DB."); notInDBCallback(); }; } else { BABYLON.Tools.Error("Error: IndexedDB not supported by your browser or BabylonJS Database is not open."); callback(); } }; Database.prototype._saveFileIntoDBAsync = function (url, callback, progressCallback, useArrayBuffer) { var _this = this; if (this.isSupported) { var targetStore; if (url.indexOf(".babylon") !== -1) { targetStore = "scenes"; } else { targetStore = "textures"; } // Create XHR var xhr = new XMLHttpRequest(), fileData; xhr.open("GET", url, true); if (useArrayBuffer) { xhr.responseType = "arraybuffer"; } xhr.onprogress = progressCallback; xhr.addEventListener("load", function () { if (xhr.status === 200 || BABYLON.Tools.ValidateXHRData(xhr, !useArrayBuffer ? 1 : 6)) { // Blob as response (XHR2) //fileData = xhr.responseText; fileData = !useArrayBuffer ? xhr.responseText : xhr.response; if (!_this.hasReachedQuota) { // Open a transaction to the database var transaction = _this.db.transaction([targetStore], "readwrite"); // the transaction could abort because of a QuotaExceededError error transaction.onabort = function (event) { try { //backwards compatibility with ts 1.0, srcElement doesn't have an "error" according to ts 1.3 if (event.srcElement['error'] && event.srcElement['error'].name === "QuotaExceededError") { _this.hasReachedQuota = true; } } catch (ex) { } callback(fileData); }; transaction.oncomplete = function (event) { callback(fileData); }; var newFile; if (targetStore === "scenes") { newFile = { sceneUrl: url, data: fileData, version: _this.manifestVersionFound }; } else { newFile = { textureUrl: url, data: fileData }; } try { // Put the scene into the database var addRequest = transaction.objectStore(targetStore).put(newFile); addRequest.onsuccess = function (event) { }; addRequest.onerror = function (event) { BABYLON.Tools.Error("Error in DB add file request in BABYLON.Database."); }; } catch (ex) { callback(fileData); } } else { callback(fileData); } } else { callback(); } }, false); xhr.addEventListener("error", function (event) { BABYLON.Tools.Error("error on XHR request."); callback(); }, false); xhr.send(); } else { BABYLON.Tools.Error("Error: IndexedDB not supported by your browser or BabylonJS Database is not open."); callback(); } }; Database.IsUASupportingBlobStorage = true; Database.IDBStorageEnabled = true; Database.parseURL = function (url) { var a = document.createElement('a'); a.href = url; var urlWithoutHash = url.substring(0, url.lastIndexOf("#")); var fileName = url.substring(urlWithoutHash.lastIndexOf("/") + 1, url.length); var absLocation = url.substring(0, url.indexOf(fileName, 0)); return absLocation; }; Database.ReturnFullUrlLocation = function (url) { if (url.indexOf("http:/") === -1) { return (Database.parseURL(window.location.href) + url); } else { return url; } }; return Database; }()); BABYLON.Database = Database; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.database.js.map var BABYLON; (function (BABYLON) { var Internals; (function (Internals) { /* * Based on jsTGALoader - Javascript loader for TGA file * By Vincent Thibault * @blog http://blog.robrowser.com/javascript-tga-loader.html */ var TGATools = (function () { function TGATools() { } TGATools.GetTGAHeader = function (data) { var offset = 0; var header = { id_length: data[offset++], colormap_type: data[offset++], image_type: data[offset++], colormap_index: data[offset++] | data[offset++] << 8, colormap_length: data[offset++] | data[offset++] << 8, colormap_size: data[offset++], origin: [ data[offset++] | data[offset++] << 8, data[offset++] | data[offset++] << 8 ], width: data[offset++] | data[offset++] << 8, height: data[offset++] | data[offset++] << 8, pixel_size: data[offset++], flags: data[offset++] }; return header; }; TGATools.UploadContent = function (gl, data) { // Not enough data to contain header ? if (data.length < 19) { BABYLON.Tools.Error("Unable to load TGA file - Not enough data to contain header"); return; } // Read Header var offset = 18; var header = TGATools.GetTGAHeader(data); // Assume it's a valid Targa file. if (header.id_length + offset > data.length) { BABYLON.Tools.Error("Unable to load TGA file - Not enough data"); return; } // Skip not needed data offset += header.id_length; var use_rle = false; var use_pal = false; var use_rgb = false; var use_grey = false; // Get some informations. switch (header.image_type) { case TGATools._TYPE_RLE_INDEXED: use_rle = true; case TGATools._TYPE_INDEXED: use_pal = true; break; case TGATools._TYPE_RLE_RGB: use_rle = true; case TGATools._TYPE_RGB: use_rgb = true; break; case TGATools._TYPE_RLE_GREY: use_rle = true; case TGATools._TYPE_GREY: use_grey = true; break; } var pixel_data; var numAlphaBits = header.flags & 0xf; var pixel_size = header.pixel_size >> 3; var pixel_total = header.width * header.height * pixel_size; // Read palettes var palettes; if (use_pal) { palettes = data.subarray(offset, offset += header.colormap_length * (header.colormap_size >> 3)); } // Read LRE if (use_rle) { pixel_data = new Uint8Array(pixel_total); var c, count, i; var localOffset = 0; var pixels = new Uint8Array(pixel_size); while (offset < pixel_total && localOffset < pixel_total) { c = data[offset++]; count = (c & 0x7f) + 1; // RLE pixels if (c & 0x80) { // Bind pixel tmp array for (i = 0; i < pixel_size; ++i) { pixels[i] = data[offset++]; } // Copy pixel array for (i = 0; i < count; ++i) { pixel_data.set(pixels, localOffset + i * pixel_size); } localOffset += pixel_size * count; } else { count *= pixel_size; for (i = 0; i < count; ++i) { pixel_data[localOffset + i] = data[offset++]; } localOffset += count; } } } else { pixel_data = data.subarray(offset, offset += (use_pal ? header.width * header.height : pixel_total)); } // Load to texture var x_start, y_start, x_step, y_step, y_end, x_end; switch ((header.flags & TGATools._ORIGIN_MASK) >> TGATools._ORIGIN_SHIFT) { default: case TGATools._ORIGIN_UL: x_start = 0; x_step = 1; x_end = header.width; y_start = 0; y_step = 1; y_end = header.height; break; case TGATools._ORIGIN_BL: x_start = 0; x_step = 1; x_end = header.width; y_start = header.height - 1; y_step = -1; y_end = -1; break; case TGATools._ORIGIN_UR: x_start = header.width - 1; x_step = -1; x_end = -1; y_start = 0; y_step = 1; y_end = header.height; break; case TGATools._ORIGIN_BR: x_start = header.width - 1; x_step = -1; x_end = -1; y_start = header.height - 1; y_step = -1; y_end = -1; break; } // Load the specify method var func = '_getImageData' + (use_grey ? 'Grey' : '') + (header.pixel_size) + 'bits'; var imageData = TGATools[func](header, palettes, pixel_data, y_start, y_step, y_end, x_start, x_step, x_end); gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, header.width, header.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, imageData); }; TGATools._getImageData8bits = function (header, palettes, pixel_data, y_start, y_step, y_end, x_start, x_step, x_end) { var image = pixel_data, colormap = palettes; var width = header.width, height = header.height; var color, i = 0, x, y; var imageData = new Uint8Array(width * height * 4); for (y = y_start; y !== y_end; y += y_step) { for (x = x_start; x !== x_end; x += x_step, i++) { color = image[i]; imageData[(x + width * y) * 4 + 3] = 255; imageData[(x + width * y) * 4 + 2] = colormap[(color * 3) + 0]; imageData[(x + width * y) * 4 + 1] = colormap[(color * 3) + 1]; imageData[(x + width * y) * 4 + 0] = colormap[(color * 3) + 2]; } } return imageData; }; TGATools._getImageData16bits = function (header, palettes, pixel_data, y_start, y_step, y_end, x_start, x_step, x_end) { var image = pixel_data; var width = header.width, height = header.height; var color, i = 0, x, y; var imageData = new Uint8Array(width * height * 4); for (y = y_start; y !== y_end; y += y_step) { for (x = x_start; x !== x_end; x += x_step, i += 2) { color = image[i + 0] + (image[i + 1] << 8); // Inversed ? imageData[(x + width * y) * 4 + 0] = (color & 0x7C00) >> 7; imageData[(x + width * y) * 4 + 1] = (color & 0x03E0) >> 2; imageData[(x + width * y) * 4 + 2] = (color & 0x001F) >> 3; imageData[(x + width * y) * 4 + 3] = (color & 0x8000) ? 0 : 255; } } return imageData; }; TGATools._getImageData24bits = function (header, palettes, pixel_data, y_start, y_step, y_end, x_start, x_step, x_end) { var image = pixel_data; var width = header.width, height = header.height; var i = 0, x, y; var imageData = new Uint8Array(width * height * 4); for (y = y_start; y !== y_end; y += y_step) { for (x = x_start; x !== x_end; x += x_step, i += 3) { imageData[(x + width * y) * 4 + 3] = 255; imageData[(x + width * y) * 4 + 2] = image[i + 0]; imageData[(x + width * y) * 4 + 1] = image[i + 1]; imageData[(x + width * y) * 4 + 0] = image[i + 2]; } } return imageData; }; TGATools._getImageData32bits = function (header, palettes, pixel_data, y_start, y_step, y_end, x_start, x_step, x_end) { var image = pixel_data; var width = header.width, height = header.height; var i = 0, x, y; var imageData = new Uint8Array(width * height * 4); for (y = y_start; y !== y_end; y += y_step) { for (x = x_start; x !== x_end; x += x_step, i += 4) { imageData[(x + width * y) * 4 + 2] = image[i + 0]; imageData[(x + width * y) * 4 + 1] = image[i + 1]; imageData[(x + width * y) * 4 + 0] = image[i + 2]; imageData[(x + width * y) * 4 + 3] = image[i + 3]; } } return imageData; }; TGATools._getImageDataGrey8bits = function (header, palettes, pixel_data, y_start, y_step, y_end, x_start, x_step, x_end) { var image = pixel_data; var width = header.width, height = header.height; var color, i = 0, x, y; var imageData = new Uint8Array(width * height * 4); for (y = y_start; y !== y_end; y += y_step) { for (x = x_start; x !== x_end; x += x_step, i++) { color = image[i]; imageData[(x + width * y) * 4 + 0] = color; imageData[(x + width * y) * 4 + 1] = color; imageData[(x + width * y) * 4 + 2] = color; imageData[(x + width * y) * 4 + 3] = 255; } } return imageData; }; TGATools._getImageDataGrey16bits = function (header, palettes, pixel_data, y_start, y_step, y_end, x_start, x_step, x_end) { var image = pixel_data; var width = header.width, height = header.height; var i = 0, x, y; var imageData = new Uint8Array(width * height * 4); for (y = y_start; y !== y_end; y += y_step) { for (x = x_start; x !== x_end; x += x_step, i += 2) { imageData[(x + width * y) * 4 + 0] = image[i + 0]; imageData[(x + width * y) * 4 + 1] = image[i + 0]; imageData[(x + width * y) * 4 + 2] = image[i + 0]; imageData[(x + width * y) * 4 + 3] = image[i + 1]; } } return imageData; }; TGATools._TYPE_NO_DATA = 0; TGATools._TYPE_INDEXED = 1; TGATools._TYPE_RGB = 2; TGATools._TYPE_GREY = 3; TGATools._TYPE_RLE_INDEXED = 9; TGATools._TYPE_RLE_RGB = 10; TGATools._TYPE_RLE_GREY = 11; TGATools._ORIGIN_MASK = 0x30; TGATools._ORIGIN_SHIFT = 0x04; TGATools._ORIGIN_BL = 0x00; TGATools._ORIGIN_BR = 0x01; TGATools._ORIGIN_UL = 0x02; TGATools._ORIGIN_UR = 0x03; return TGATools; }()); Internals.TGATools = TGATools; })(Internals = BABYLON.Internals || (BABYLON.Internals = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.tools.tga.js.map var BABYLON; (function (BABYLON) { var SmartArray = (function () { function SmartArray(capacity) { this.length = 0; this._duplicateId = 0; this.data = new Array(capacity); this._id = SmartArray._GlobalId++; } SmartArray.prototype.push = function (value) { this.data[this.length++] = value; if (this.length > this.data.length) { this.data.length *= 2; } if (!value.__smartArrayFlags) { value.__smartArrayFlags = {}; } value.__smartArrayFlags[this._id] = this._duplicateId; }; SmartArray.prototype.pushNoDuplicate = function (value) { if (value.__smartArrayFlags && value.__smartArrayFlags[this._id] === this._duplicateId) { return false; } this.push(value); return true; }; SmartArray.prototype.sort = function (compareFn) { this.data.sort(compareFn); }; SmartArray.prototype.reset = function () { this.length = 0; this._duplicateId++; }; SmartArray.prototype.concat = function (array) { if (array.length === 0) { return; } if (this.length + array.length > this.data.length) { this.data.length = (this.length + array.length) * 2; } for (var index = 0; index < array.length; index++) { this.data[this.length++] = (array.data || array)[index]; } }; SmartArray.prototype.concatWithNoDuplicate = function (array) { if (array.length === 0) { return; } if (this.length + array.length > this.data.length) { this.data.length = (this.length + array.length) * 2; } for (var index = 0; index < array.length; index++) { var item = (array.data || array)[index]; this.pushNoDuplicate(item); } }; SmartArray.prototype.indexOf = function (value) { var position = this.data.indexOf(value); if (position >= this.length) { return -1; } return position; }; // Statics SmartArray._GlobalId = 0; return SmartArray; }()); BABYLON.SmartArray = SmartArray; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.smartArray.js.map var BABYLON; (function (BABYLON) { /** * This class implement a typical dictionary using a string as key and the generic type T as value. * The underlying implementation relies on an associative array to ensure the best performances. * The value can be anything including 'null' but except 'undefined' */ var StringDictionary = (function () { function StringDictionary() { this._count = 0; this._data = {}; } /** * This will clear this dictionary and copy the content from the 'source' one. * If the T value is a custom object, it won't be copied/cloned, the same object will be used * @param source the dictionary to take the content from and copy to this dictionary */ StringDictionary.prototype.copyFrom = function (source) { var _this = this; this.clear(); source.forEach(function (t, v) { return _this.add(t, v); }); }; /** * Get a value based from its key * @param key the given key to get the matching value from * @return the value if found, otherwise undefined is returned */ StringDictionary.prototype.get = function (key) { var val = this._data[key]; if (val !== undefined) { return val; } return undefined; }; /** * Get a value from its key or add it if it doesn't exist. * This method will ensure you that a given key/data will be present in the dictionary. * @param key the given key to get the matching value from * @param factory the factory that will create the value if the key is not present in the dictionary. * The factory will only be invoked if there's no data for the given key. * @return the value corresponding to the key. */ StringDictionary.prototype.getOrAddWithFactory = function (key, factory) { var val = this.get(key); if (val !== undefined) { return val; } val = factory(key); if (val) { this.add(key, val); } return val; }; /** * Get a value from its key if present in the dictionary otherwise add it * @param key the key to get the value from * @param val if there's no such key/value pair in the dictionary add it with this value * @return the value corresponding to the key */ StringDictionary.prototype.getOrAdd = function (key, val) { var curVal = this.get(key); if (curVal !== undefined) { return curVal; } this.add(key, val); return val; }; /** * Check if there's a given key in the dictionary * @param key the key to check for * @return true if the key is present, false otherwise */ StringDictionary.prototype.contains = function (key) { return this._data[key] !== undefined; }; /** * Add a new key and its corresponding value * @param key the key to add * @param value the value corresponding to the key * @return true if the operation completed successfully, false if we couldn't insert the key/value because there was already this key in the dictionary */ StringDictionary.prototype.add = function (key, value) { if (this._data[key] !== undefined) { return false; } this._data[key] = value; ++this._count; return true; }; StringDictionary.prototype.set = function (key, value) { if (this._data[key] === undefined) { return false; } this._data[key] = value; return true; }; /** * Get the element of the given key and remove it from the dictionary * @param key */ StringDictionary.prototype.getAndRemove = function (key) { var val = this.get(key); if (val !== undefined) { delete this._data[key]; --this._count; return val; } return null; }; /** * Remove a key/value from the dictionary. * @param key the key to remove * @return true if the item was successfully deleted, false if no item with such key exist in the dictionary */ StringDictionary.prototype.remove = function (key) { if (this.contains(key)) { delete this._data[key]; --this._count; return true; } return false; }; /** * Clear the whole content of the dictionary */ StringDictionary.prototype.clear = function () { this._data = {}; this._count = 0; }; Object.defineProperty(StringDictionary.prototype, "count", { get: function () { return this._count; }, enumerable: true, configurable: true }); /** * Execute a callback on each key/val of the dictionary. * Note that you can remove any element in this dictionary in the callback implementation * @param callback the callback to execute on a given key/value pair */ StringDictionary.prototype.forEach = function (callback) { for (var cur in this._data) { var val = this._data[cur]; callback(cur, val); } }; /** * Execute a callback on every occurrence of the dictionary until it returns a valid TRes object. * If the callback returns null or undefined the method will iterate to the next key/value pair * Note that you can remove any element in this dictionary in the callback implementation * @param callback the callback to execute, if it return a valid T instanced object the enumeration will stop and the object will be returned */ StringDictionary.prototype.first = function (callback) { for (var cur in this._data) { var val = this._data[cur]; var res = callback(cur, val); if (res) { return res; } } return null; }; return StringDictionary; }()); BABYLON.StringDictionary = StringDictionary; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.stringDictionary.js.map var BABYLON; (function (BABYLON) { // Screenshots var screenshotCanvas; var cloneValue = function (source, destinationObject) { if (!source) return null; if (source instanceof BABYLON.Mesh) { return null; } if (source instanceof BABYLON.SubMesh) { return source.clone(destinationObject); } else if (source.clone) { return source.clone(); } return null; }; var Tools = (function () { function Tools() { } Tools.Instantiate = function (className) { var arr = className.split("."); var fn = (window || this); for (var i = 0, len = arr.length; i < len; i++) { fn = fn[arr[i]]; } if (typeof fn !== "function") { return null; } return fn; }; Tools.SetImmediate = function (action) { if (window.setImmediate) { window.setImmediate(action); } else { setTimeout(action, 1); } }; Tools.IsExponentOfTwo = function (value) { var count = 1; do { count *= 2; } while (count < value); return count === value; }; Tools.GetExponentOfTwo = function (value, max) { var count = 1; do { count *= 2; } while (count < value); if (count > max) count = max; return count; }; Tools.GetFilename = function (path) { var index = path.lastIndexOf("/"); if (index < 0) return path; return path.substring(index + 1); }; Tools.GetDOMTextContent = function (element) { var result = ""; var child = element.firstChild; while (child) { if (child.nodeType === 3) { result += child.textContent; } child = child.nextSibling; } return result; }; Tools.ToDegrees = function (angle) { return angle * 180 / Math.PI; }; Tools.ToRadians = function (angle) { return angle * Math.PI / 180; }; Tools.EncodeArrayBufferTobase64 = function (buffer) { var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, enc4; var i = 0; var bytes = new Uint8Array(buffer); while (i < bytes.length) { chr1 = bytes[i++]; chr2 = i < bytes.length ? bytes[i++] : Number.NaN; // Not sure if the index chr3 = i < bytes.length ? bytes[i++] : Number.NaN; // checks are needed here enc1 = chr1 >> 2; enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); enc4 = chr3 & 63; if (isNaN(chr2)) { enc3 = enc4 = 64; } else if (isNaN(chr3)) { enc4 = 64; } output += keyStr.charAt(enc1) + keyStr.charAt(enc2) + keyStr.charAt(enc3) + keyStr.charAt(enc4); } return "data:image/png;base64," + output; }; Tools.ExtractMinAndMaxIndexed = function (positions, indices, indexStart, indexCount, bias) { if (bias === void 0) { bias = null; } var minimum = new BABYLON.Vector3(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE); var maximum = new BABYLON.Vector3(-Number.MAX_VALUE, -Number.MAX_VALUE, -Number.MAX_VALUE); for (var index = indexStart; index < indexStart + indexCount; index++) { var current = new BABYLON.Vector3(positions[indices[index] * 3], positions[indices[index] * 3 + 1], positions[indices[index] * 3 + 2]); minimum = BABYLON.Vector3.Minimize(current, minimum); maximum = BABYLON.Vector3.Maximize(current, maximum); } if (bias) { minimum.x -= minimum.x * bias.x + bias.y; minimum.y -= minimum.y * bias.x + bias.y; minimum.z -= minimum.z * bias.x + bias.y; maximum.x += maximum.x * bias.x + bias.y; maximum.y += maximum.y * bias.x + bias.y; maximum.z += maximum.z * bias.x + bias.y; } return { minimum: minimum, maximum: maximum }; }; Tools.ExtractMinAndMax = function (positions, start, count, bias, stride) { if (bias === void 0) { bias = null; } var minimum = new BABYLON.Vector3(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE); var maximum = new BABYLON.Vector3(-Number.MAX_VALUE, -Number.MAX_VALUE, -Number.MAX_VALUE); if (!stride) { stride = 3; } for (var index = start; index < start + count; index++) { var current = new BABYLON.Vector3(positions[index * stride], positions[index * stride + 1], positions[index * stride + 2]); minimum = BABYLON.Vector3.Minimize(current, minimum); maximum = BABYLON.Vector3.Maximize(current, maximum); } if (bias) { minimum.x -= minimum.x * bias.x + bias.y; minimum.y -= minimum.y * bias.x + bias.y; minimum.z -= minimum.z * bias.x + bias.y; maximum.x += maximum.x * bias.x + bias.y; maximum.y += maximum.y * bias.x + bias.y; maximum.z += maximum.z * bias.x + bias.y; } return { minimum: minimum, maximum: maximum }; }; Tools.Vector2ArrayFeeder = function (array) { return function (index) { var isFloatArray = (array.BYTES_PER_ELEMENT !== undefined); var length = isFloatArray ? array.length / 2 : array.length; if (index >= length) { return null; } if (isFloatArray) { var fa = array; return new BABYLON.Vector2(fa[index * 2 + 0], fa[index * 2 + 1]); } var a = array; return a[index]; }; }; Tools.ExtractMinAndMaxVector2 = function (feeder, bias) { if (bias === void 0) { bias = null; } var minimum = new BABYLON.Vector2(Number.MAX_VALUE, Number.MAX_VALUE); var maximum = new BABYLON.Vector2(-Number.MAX_VALUE, -Number.MAX_VALUE); var i = 0; var cur = feeder(i++); while (cur) { minimum = BABYLON.Vector2.Minimize(cur, minimum); maximum = BABYLON.Vector2.Maximize(cur, maximum); cur = feeder(i++); } if (bias) { minimum.x -= minimum.x * bias.x + bias.y; minimum.y -= minimum.y * bias.x + bias.y; maximum.x += maximum.x * bias.x + bias.y; maximum.y += maximum.y * bias.x + bias.y; } return { minimum: minimum, maximum: maximum }; }; Tools.MakeArray = function (obj, allowsNullUndefined) { if (allowsNullUndefined !== true && (obj === undefined || obj == null)) return undefined; return Array.isArray(obj) ? obj : [obj]; }; // Misc. Tools.GetPointerPrefix = function () { var eventPrefix = "pointer"; // Check if pointer events are supported if (!window.PointerEvent && !navigator.pointerEnabled) { eventPrefix = "mouse"; } return eventPrefix; }; /** * @param func - the function to be called * @param requester - the object that will request the next frame. Falls back to window. */ Tools.QueueNewFrame = function (func, requester) { if (requester === void 0) { requester = window; } //if WebVR is enabled AND presenting, requestAnimationFrame is triggered when enabled. /*if(requester.isPresenting) { return; } else*/ if (requester.requestAnimationFrame) requester.requestAnimationFrame(func); else if (requester.msRequestAnimationFrame) requester.msRequestAnimationFrame(func); else if (requester.webkitRequestAnimationFrame) requester.webkitRequestAnimationFrame(func); else if (requester.mozRequestAnimationFrame) requester.mozRequestAnimationFrame(func); else if (requester.oRequestAnimationFrame) requester.oRequestAnimationFrame(func); else { window.setTimeout(func, 16); } }; Tools.RequestFullscreen = function (element) { var requestFunction = element.requestFullscreen || element.msRequestFullscreen || element.webkitRequestFullscreen || element.mozRequestFullScreen; if (!requestFunction) return; requestFunction.call(element); }; Tools.ExitFullscreen = function () { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } else if (document.msCancelFullScreen) { document.msCancelFullScreen(); } }; Tools.SetCorsBehavior = function (url, img) { if (Tools.CorsBehavior) { switch (typeof (Tools.CorsBehavior)) { case "function": var result = Tools.CorsBehavior(url); if (result) { return result; } break; case "string": default: img.crossOrigin = Tools.CorsBehavior; break; } } }; // External files Tools.CleanUrl = function (url) { url = url.replace(/#/mg, "%23"); return url; }; Tools.LoadImage = function (url, onload, onerror, database) { if (url instanceof ArrayBuffer) { url = Tools.EncodeArrayBufferTobase64(url); } url = Tools.CleanUrl(url); var img = new Image(); if (url.substr(0, 5) !== "data:") { Tools.SetCorsBehavior(url, img); } img.onload = function () { onload(img); }; img.onerror = function (err) { Tools.Error("Error while trying to load texture: " + url); if (Tools.UseFallbackTexture) { img.src = "data:image/jpg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QBmRXhpZgAATU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAAExAAIAAAAQAAAATgAAAAAAAABgAAAAAQAAAGAAAAABcGFpbnQubmV0IDQuMC41AP/bAEMABAIDAwMCBAMDAwQEBAQFCQYFBQUFCwgIBgkNCw0NDQsMDA4QFBEODxMPDAwSGBITFRYXFxcOERkbGRYaFBYXFv/bAEMBBAQEBQUFCgYGChYPDA8WFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFv/AABEIAQABAAMBIgACEQEDEQH/xAAfAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgv/xAC1EAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+fr/xAAfAQADAQEBAQEBAQEBAAAAAAAAAQIDBAUGBwgJCgv/xAC1EQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/APH6KKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FCiiigD6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++gooooA+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gUKKKKAPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76CiiigD5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BQooooA+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/voKKKKAPl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FCiiigD6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++gooooA+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gUKKKKAPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76CiiigD5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BQooooA+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/voKKKKAPl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FCiiigD6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++gooooA+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gUKKKKAPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76P//Z"; onload(img); } else { onerror(); } }; var noIndexedDB = function () { img.src = url; }; var loadFromIndexedDB = function () { database.loadImageFromDB(url, img); }; //ANY database to do! if (url.substr(0, 5) !== "data:" && database && database.enableTexturesOffline && BABYLON.Database.IsUASupportingBlobStorage) { database.openAsync(loadFromIndexedDB, noIndexedDB); } else { if (url.indexOf("file:") === -1) { noIndexedDB(); } else { try { var textureName = url.substring(5).toLowerCase(); var blobURL; try { blobURL = URL.createObjectURL(BABYLON.FilesInput.FilesTextures[textureName], { oneTimeOnly: true }); } catch (ex) { // Chrome doesn't support oneTimeOnly parameter blobURL = URL.createObjectURL(BABYLON.FilesInput.FilesTextures[textureName]); } img.src = blobURL; } catch (e) { img.src = null; } } } return img; }; //ANY Tools.LoadFile = function (url, callback, progressCallBack, database, useArrayBuffer, onError) { url = Tools.CleanUrl(url); var noIndexedDB = function () { var request = new XMLHttpRequest(); var loadUrl = Tools.BaseUrl + url; request.open('GET', loadUrl, true); if (useArrayBuffer) { request.responseType = "arraybuffer"; } request.onprogress = progressCallBack; request.onreadystatechange = function () { if (request.readyState === 4) { request.onreadystatechange = null; //some browsers have issues where onreadystatechange can be called multiple times with the same value if (request.status >= 200 && request.status < 300 || (navigator.isCocoonJS && (request.status === 0))) { callback(!useArrayBuffer ? request.responseText : request.response); } else { if (onError) { onError(); } else { throw new Error("Error status: " + request.status + " - Unable to load " + loadUrl); } } } }; request.send(null); }; var loadFromIndexedDB = function () { database.loadFileFromDB(url, callback, progressCallBack, noIndexedDB, useArrayBuffer); }; if (url.indexOf("file:") !== -1) { var fileName = url.substring(5).toLowerCase(); Tools.ReadFile(BABYLON.FilesInput.FilesToLoad[fileName], callback, progressCallBack, useArrayBuffer); } else { // Caching all files if (database && database.enableSceneOffline) { database.openAsync(loadFromIndexedDB, noIndexedDB); } else { noIndexedDB(); } } }; Tools.ReadFileAsDataURL = function (fileToLoad, callback, progressCallback) { var reader = new FileReader(); reader.onload = function (e) { //target doesn't have result from ts 1.3 callback(e.target['result']); }; reader.onprogress = progressCallback; reader.readAsDataURL(fileToLoad); }; Tools.ReadFile = function (fileToLoad, callback, progressCallBack, useArrayBuffer) { var reader = new FileReader(); reader.onerror = function (e) { Tools.Log("Error while reading file: " + fileToLoad.name); callback(JSON.stringify({ autoClear: true, clearColor: [1, 0, 0], ambientColor: [0, 0, 0], gravity: [0, -9.807, 0], meshes: [], cameras: [], lights: [] })); }; reader.onload = function (e) { //target doesn't have result from ts 1.3 callback(e.target['result']); }; reader.onprogress = progressCallBack; if (!useArrayBuffer) { // Asynchronous read reader.readAsText(fileToLoad); } else { reader.readAsArrayBuffer(fileToLoad); } }; //returns a downloadable url to a file content. Tools.FileAsURL = function (content) { var fileBlob = new Blob([content]); var url = window.URL || window.webkitURL; var link = url.createObjectURL(fileBlob); return link; }; // Misc. Tools.Format = function (value, decimals) { if (decimals === void 0) { decimals = 2; } return value.toFixed(decimals); }; Tools.CheckExtends = function (v, min, max) { if (v.x < min.x) min.x = v.x; if (v.y < min.y) min.y = v.y; if (v.z < min.z) min.z = v.z; if (v.x > max.x) max.x = v.x; if (v.y > max.y) max.y = v.y; if (v.z > max.z) max.z = v.z; }; Tools.DeepCopy = function (source, destination, doNotCopyList, mustCopyList) { for (var prop in source) { if (prop[0] === "_" && (!mustCopyList || mustCopyList.indexOf(prop) === -1)) { continue; } if (doNotCopyList && doNotCopyList.indexOf(prop) !== -1) { continue; } var sourceValue = source[prop]; var typeOfSourceValue = typeof sourceValue; if (typeOfSourceValue === "function") { continue; } if (typeOfSourceValue === "object") { if (sourceValue instanceof Array) { destination[prop] = []; if (sourceValue.length > 0) { if (typeof sourceValue[0] == "object") { for (var index = 0; index < sourceValue.length; index++) { var clonedValue = cloneValue(sourceValue[index], destination); if (destination[prop].indexOf(clonedValue) === -1) { destination[prop].push(clonedValue); } } } else { destination[prop] = sourceValue.slice(0); } } } else { destination[prop] = cloneValue(sourceValue, destination); } } else { destination[prop] = sourceValue; } } }; Tools.IsEmpty = function (obj) { for (var i in obj) { return false; } return true; }; Tools.RegisterTopRootEvents = function (events) { for (var index = 0; index < events.length; index++) { var event = events[index]; window.addEventListener(event.name, event.handler, false); try { if (window.parent) { window.parent.addEventListener(event.name, event.handler, false); } } catch (e) { } } }; Tools.UnregisterTopRootEvents = function (events) { for (var index = 0; index < events.length; index++) { var event = events[index]; window.removeEventListener(event.name, event.handler); try { if (window.parent) { window.parent.removeEventListener(event.name, event.handler); } } catch (e) { } } }; Tools.DumpFramebuffer = function (width, height, engine, successCallback, mimeType) { if (mimeType === void 0) { mimeType = "image/png"; } // Read the contents of the framebuffer var numberOfChannelsByLine = width * 4; var halfHeight = height / 2; //Reading datas from WebGL var data = engine.readPixels(0, 0, width, height); //To flip image on Y axis. for (var i = 0; i < halfHeight; i++) { for (var j = 0; j < numberOfChannelsByLine; j++) { var currentCell = j + i * numberOfChannelsByLine; var targetLine = height - i - 1; var targetCell = j + targetLine * numberOfChannelsByLine; var temp = data[currentCell]; data[currentCell] = data[targetCell]; data[targetCell] = temp; } } // Create a 2D canvas to store the result if (!screenshotCanvas) { screenshotCanvas = document.createElement('canvas'); } screenshotCanvas.width = width; screenshotCanvas.height = height; var context = screenshotCanvas.getContext('2d'); // Copy the pixels to a 2D canvas var imageData = context.createImageData(width, height); var castData = (imageData.data); castData.set(data); context.putImageData(imageData, 0, 0); Tools.EncodeScreenshotCanvasData(successCallback, mimeType); }; Tools.EncodeScreenshotCanvasData = function (successCallback, mimeType) { if (mimeType === void 0) { mimeType = "image/png"; } var base64Image = screenshotCanvas.toDataURL(mimeType); if (successCallback) { successCallback(base64Image); } else { //Creating a link if the browser have the download attribute on the a tag, to automatically start download generated image. if (("download" in document.createElement("a"))) { var a = window.document.createElement("a"); a.href = base64Image; var date = new Date(); var stringDate = (date.getFullYear() + "-" + (date.getMonth() + 1)).slice(-2) + "-" + date.getDate() + "_" + date.getHours() + "-" + ('0' + date.getMinutes()).slice(-2); a.setAttribute("download", "screenshot_" + stringDate + ".png"); window.document.body.appendChild(a); a.addEventListener("click", function () { a.parentElement.removeChild(a); }); a.click(); } else { var newWindow = window.open(""); var img = newWindow.document.createElement("img"); img.src = base64Image; newWindow.document.body.appendChild(img); } } }; Tools.CreateScreenshot = function (engine, camera, size, successCallback, mimeType) { if (mimeType === void 0) { mimeType = "image/png"; } var width; var height; // If a precision value is specified if (size.precision) { width = Math.round(engine.getRenderWidth() * size.precision); height = Math.round(width / engine.getAspectRatio(camera)); } else if (size.width && size.height) { width = size.width; height = size.height; } else if (size.width && !size.height) { width = size.width; height = Math.round(width / engine.getAspectRatio(camera)); } else if (size.height && !size.width) { height = size.height; width = Math.round(height * engine.getAspectRatio(camera)); } else if (!isNaN(size)) { height = size; width = size; } else { Tools.Error("Invalid 'size' parameter !"); return; } if (!screenshotCanvas) { screenshotCanvas = document.createElement('canvas'); } screenshotCanvas.width = width; screenshotCanvas.height = height; var renderContext = screenshotCanvas.getContext("2d"); renderContext.drawImage(engine.getRenderingCanvas(), 0, 0, width, height); Tools.EncodeScreenshotCanvasData(successCallback, mimeType); }; Tools.CreateScreenshotUsingRenderTarget = function (engine, camera, size, successCallback, mimeType) { if (mimeType === void 0) { mimeType = "image/png"; } var width; var height; //If a precision value is specified if (size.precision) { width = Math.round(engine.getRenderWidth() * size.precision); height = Math.round(width / engine.getAspectRatio(camera)); size = { width: width, height: height }; } else if (size.width && size.height) { width = size.width; height = size.height; } else if (size.width && !size.height) { width = size.width; height = Math.round(width / engine.getAspectRatio(camera)); size = { width: width, height: height }; } else if (size.height && !size.width) { height = size.height; width = Math.round(height * engine.getAspectRatio(camera)); size = { width: width, height: height }; } else if (!isNaN(size)) { height = size; width = size; } else { Tools.Error("Invalid 'size' parameter !"); return; } var scene = camera.getScene(); var previousCamera = null; if (scene.activeCamera !== camera) { previousCamera = scene.activeCamera; scene.activeCamera = camera; } //At this point size can be a number, or an object (according to engine.prototype.createRenderTargetTexture method) var texture = new BABYLON.RenderTargetTexture("screenShot", size, scene, false, false); texture.renderList = scene.meshes; texture.onAfterRenderObservable.add(function () { Tools.DumpFramebuffer(width, height, engine, successCallback, mimeType); }); scene.incrementRenderId(); scene.resetCachedMaterial(); texture.render(true); texture.dispose(); if (previousCamera) { scene.activeCamera = previousCamera; } camera.getProjectionMatrix(true); // Force cache refresh; }; // XHR response validator for local file scenario Tools.ValidateXHRData = function (xhr, dataType) { // 1 for text (.babylon, manifest and shaders), 2 for TGA, 4 for DDS, 7 for all if (dataType === void 0) { dataType = 7; } try { if (dataType & 1) { if (xhr.responseText && xhr.responseText.length > 0) { return true; } else if (dataType === 1) { return false; } } if (dataType & 2) { // Check header width and height since there is no "TGA" magic number var tgaHeader = BABYLON.Internals.TGATools.GetTGAHeader(xhr.response); if (tgaHeader.width && tgaHeader.height && tgaHeader.width > 0 && tgaHeader.height > 0) { return true; } else if (dataType === 2) { return false; } } if (dataType & 4) { // Check for the "DDS" magic number var ddsHeader = new Uint8Array(xhr.response, 0, 3); if (ddsHeader[0] === 68 && ddsHeader[1] === 68 && ddsHeader[2] === 83) { return true; } else { return false; } } } catch (e) { } return false; }; /** * Implementation from http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/2117523#answer-2117523 * Be aware Math.random() could cause collisions, but: * "All but 6 of the 128 bits of the ID are randomly generated, which means that for any two ids, there's a 1 in 2^^122 (or 5.3x10^^36) chance they'll collide" */ Tools.RandomId = function () { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8); return v.toString(16); }); }; Object.defineProperty(Tools, "NoneLogLevel", { get: function () { return Tools._NoneLogLevel; }, enumerable: true, configurable: true }); Object.defineProperty(Tools, "MessageLogLevel", { get: function () { return Tools._MessageLogLevel; }, enumerable: true, configurable: true }); Object.defineProperty(Tools, "WarningLogLevel", { get: function () { return Tools._WarningLogLevel; }, enumerable: true, configurable: true }); Object.defineProperty(Tools, "ErrorLogLevel", { get: function () { return Tools._ErrorLogLevel; }, enumerable: true, configurable: true }); Object.defineProperty(Tools, "AllLogLevel", { get: function () { return Tools._MessageLogLevel | Tools._WarningLogLevel | Tools._ErrorLogLevel; }, enumerable: true, configurable: true }); Tools._AddLogEntry = function (entry) { Tools._LogCache = entry + Tools._LogCache; if (Tools.OnNewCacheEntry) { Tools.OnNewCacheEntry(entry); } }; Tools._FormatMessage = function (message) { var padStr = function (i) { return (i < 10) ? "0" + i : "" + i; }; var date = new Date(); return "[" + padStr(date.getHours()) + ":" + padStr(date.getMinutes()) + ":" + padStr(date.getSeconds()) + "]: " + message; }; Tools._LogDisabled = function (message) { // nothing to do }; Tools._LogEnabled = function (message) { var formattedMessage = Tools._FormatMessage(message); console.log("BJS - " + formattedMessage); var entry = "
" + formattedMessage + "

"; Tools._AddLogEntry(entry); }; Tools._WarnDisabled = function (message) { // nothing to do }; Tools._WarnEnabled = function (message) { var formattedMessage = Tools._FormatMessage(message); console.warn("BJS - " + formattedMessage); var entry = "
" + formattedMessage + "

"; Tools._AddLogEntry(entry); }; Tools._ErrorDisabled = function (message) { // nothing to do }; Tools._ErrorEnabled = function (message) { Tools.errorsCount++; var formattedMessage = Tools._FormatMessage(message); console.error("BJS - " + formattedMessage); var entry = "
" + formattedMessage + "

"; Tools._AddLogEntry(entry); }; Object.defineProperty(Tools, "LogCache", { get: function () { return Tools._LogCache; }, enumerable: true, configurable: true }); Tools.ClearLogCache = function () { Tools._LogCache = ""; Tools.errorsCount = 0; }; Object.defineProperty(Tools, "LogLevels", { set: function (level) { if ((level & Tools.MessageLogLevel) === Tools.MessageLogLevel) { Tools.Log = Tools._LogEnabled; } else { Tools.Log = Tools._LogDisabled; } if ((level & Tools.WarningLogLevel) === Tools.WarningLogLevel) { Tools.Warn = Tools._WarnEnabled; } else { Tools.Warn = Tools._WarnDisabled; } if ((level & Tools.ErrorLogLevel) === Tools.ErrorLogLevel) { Tools.Error = Tools._ErrorEnabled; } else { Tools.Error = Tools._ErrorDisabled; } }, enumerable: true, configurable: true }); Object.defineProperty(Tools, "PerformanceNoneLogLevel", { get: function () { return Tools._PerformanceNoneLogLevel; }, enumerable: true, configurable: true }); Object.defineProperty(Tools, "PerformanceUserMarkLogLevel", { get: function () { return Tools._PerformanceUserMarkLogLevel; }, enumerable: true, configurable: true }); Object.defineProperty(Tools, "PerformanceConsoleLogLevel", { get: function () { return Tools._PerformanceConsoleLogLevel; }, enumerable: true, configurable: true }); Object.defineProperty(Tools, "PerformanceLogLevel", { set: function (level) { if ((level & Tools.PerformanceUserMarkLogLevel) === Tools.PerformanceUserMarkLogLevel) { Tools.StartPerformanceCounter = Tools._StartUserMark; Tools.EndPerformanceCounter = Tools._EndUserMark; return; } if ((level & Tools.PerformanceConsoleLogLevel) === Tools.PerformanceConsoleLogLevel) { Tools.StartPerformanceCounter = Tools._StartPerformanceConsole; Tools.EndPerformanceCounter = Tools._EndPerformanceConsole; return; } Tools.StartPerformanceCounter = Tools._StartPerformanceCounterDisabled; Tools.EndPerformanceCounter = Tools._EndPerformanceCounterDisabled; }, enumerable: true, configurable: true }); Tools._StartPerformanceCounterDisabled = function (counterName, condition) { }; Tools._EndPerformanceCounterDisabled = function (counterName, condition) { }; Tools._StartUserMark = function (counterName, condition) { if (condition === void 0) { condition = true; } if (!condition || !Tools._performance.mark) { return; } Tools._performance.mark(counterName + "-Begin"); }; Tools._EndUserMark = function (counterName, condition) { if (condition === void 0) { condition = true; } if (!condition || !Tools._performance.mark) { return; } Tools._performance.mark(counterName + "-End"); Tools._performance.measure(counterName, counterName + "-Begin", counterName + "-End"); }; Tools._StartPerformanceConsole = function (counterName, condition) { if (condition === void 0) { condition = true; } if (!condition) { return; } Tools._StartUserMark(counterName, condition); if (console.time) { console.time(counterName); } }; Tools._EndPerformanceConsole = function (counterName, condition) { if (condition === void 0) { condition = true; } if (!condition) { return; } Tools._EndUserMark(counterName, condition); if (console.time) { console.timeEnd(counterName); } }; Object.defineProperty(Tools, "Now", { get: function () { if (window.performance && window.performance.now) { return window.performance.now(); } return new Date().getTime(); }, enumerable: true, configurable: true }); /** * This method will return the name of the class used to create the instance of the given object. * It will works only on Javascript basic data types (number, string, ...) and instance of class declared with the @className decorator. * @param object the object to get the class name from * @return the name of the class, will be "object" for a custom data type not using the @className decorator */ Tools.getClassName = function (object, isType) { if (isType === void 0) { isType = false; } var name = null; if (!isType && object.getClassName) { name = object.getClassName(); } else { if (object instanceof Object) { var classObj = isType ? object : Object.getPrototypeOf(object); name = classObj.constructor["__bjsclassName__"]; } if (!name) { name = typeof object; } } return name; }; Tools.first = function (array, predicate) { for (var _i = 0, array_1 = array; _i < array_1.length; _i++) { var el = array_1[_i]; if (predicate(el)) { return el; } } }; /** * This method will return the name of the full name of the class, including its owning module (if any). * It will works only on Javascript basic data types (number, string, ...) and instance of class declared with the @className decorator or implementing a method getClassName():string (in which case the module won't be specified). * @param object the object to get the class name from * @return a string that can have two forms: "moduleName.className" if module was specified when the class' Name was registered or "className" if there was not module specified. */ Tools.getFullClassName = function (object, isType) { if (isType === void 0) { isType = false; } var className = null; var moduleName = null; if (!isType && object.getClassName) { className = object.getClassName(); } else { if (object instanceof Object) { var classObj = isType ? object : Object.getPrototypeOf(object); className = classObj.constructor["__bjsclassName__"]; moduleName = classObj.constructor["__bjsmoduleName__"]; } if (!className) { className = typeof object; } } if (!className) { return null; } return ((moduleName != null) ? (moduleName + ".") : "") + className; }; /** * This method can be used with hashCodeFromStream when your input is an array of values that are either: number, string, boolean or custom type implementing the getHashCode():number method. * @param array */ Tools.arrayOrStringFeeder = function (array) { return function (index) { if (index >= array.length) { return null; } var val = array.charCodeAt ? array.charCodeAt(index) : array[index]; if (val && val.getHashCode) { val = val.getHashCode(); } if (typeof val === "string") { return Tools.hashCodeFromStream(Tools.arrayOrStringFeeder(val)); } return val; }; }; /** * Compute the hashCode of a stream of number * To compute the HashCode on a string or an Array of data types implementing the getHashCode() method, use the arrayOrStringFeeder method. * @param feeder a callback that will be called until it returns null, each valid returned values will be used to compute the hash code. * @return the hash code computed */ Tools.hashCodeFromStream = function (feeder) { // Based from here: http://stackoverflow.com/a/7616484/802124 var hash = 0; var index = 0; var chr = feeder(index++); while (chr != null) { hash = ((hash << 5) - hash) + chr; hash |= 0; // Convert to 32bit integer chr = feeder(index++); } return hash; }; Tools.BaseUrl = ""; Tools.CorsBehavior = "anonymous"; Tools.UseFallbackTexture = true; // Logs Tools._NoneLogLevel = 0; Tools._MessageLogLevel = 1; Tools._WarningLogLevel = 2; Tools._ErrorLogLevel = 4; Tools._LogCache = ""; Tools.errorsCount = 0; Tools.Log = Tools._LogEnabled; Tools.Warn = Tools._WarnEnabled; Tools.Error = Tools._ErrorEnabled; // Performances Tools._PerformanceNoneLogLevel = 0; Tools._PerformanceUserMarkLogLevel = 1; Tools._PerformanceConsoleLogLevel = 2; Tools._performance = window.performance; Tools.StartPerformanceCounter = Tools._StartPerformanceCounterDisabled; Tools.EndPerformanceCounter = Tools._EndPerformanceCounterDisabled; return Tools; }()); BABYLON.Tools = Tools; /** * This class is used to track a performance counter which is number based. * The user has access to many properties which give statistics of different nature * * The implementer can track two kinds of Performance Counter: time and count * For time you can optionally call fetchNewFrame() to notify the start of a new frame to monitor, then call beginMonitoring() to start and endMonitoring() to record the lapsed time. endMonitoring takes a newFrame parameter for you to specify if the monitored time should be set for a new frame or accumulated to the current frame being monitored. * For count you first have to call fetchNewFrame() to notify the start of a new frame to monitor, then call addCount() how many time required to increment the count value you monitor. */ var PerfCounter = (function () { function PerfCounter() { this._startMonitoringTime = 0; this._min = 0; this._max = 0; this._average = 0; this._lastSecAverage = 0; this._current = 0; this._totalValueCount = 0; this._totalAccumulated = 0; this._lastSecAccumulated = 0; this._lastSecTime = 0; this._lastSecValueCount = 0; } Object.defineProperty(PerfCounter.prototype, "min", { /** * Returns the smallest value ever */ get: function () { return this._min; }, enumerable: true, configurable: true }); Object.defineProperty(PerfCounter.prototype, "max", { /** * Returns the biggest value ever */ get: function () { return this._max; }, enumerable: true, configurable: true }); Object.defineProperty(PerfCounter.prototype, "average", { /** * Returns the average value since the performance counter is running */ get: function () { return this._average; }, enumerable: true, configurable: true }); Object.defineProperty(PerfCounter.prototype, "lastSecAverage", { /** * Returns the average value of the last second the counter was monitored */ get: function () { return this._lastSecAverage; }, enumerable: true, configurable: true }); Object.defineProperty(PerfCounter.prototype, "current", { /** * Returns the current value */ get: function () { return this._current; }, enumerable: true, configurable: true }); Object.defineProperty(PerfCounter.prototype, "total", { get: function () { return this._totalAccumulated; }, enumerable: true, configurable: true }); /** * Call this method to start monitoring a new frame. * This scenario is typically used when you accumulate monitoring time many times for a single frame, you call this method at the start of the frame, then beginMonitoring to start recording and endMonitoring(false) to accumulated the recorded time to the PerfCounter or addCount() to accumulate a monitored count. */ PerfCounter.prototype.fetchNewFrame = function () { this._totalValueCount++; this._current = 0; this._lastSecValueCount++; }; /** * Call this method to monitor a count of something (e.g. mesh drawn in viewport count) * @param newCount the count value to add to the monitored count * @param fetchResult true when it's the last time in the frame you add to the counter and you wish to update the statistics properties (min/max/average), false if you only want to update statistics. */ PerfCounter.prototype.addCount = function (newCount, fetchResult) { this._current += newCount; if (fetchResult) { this._fetchResult(); } }; /** * Start monitoring this performance counter */ PerfCounter.prototype.beginMonitoring = function () { this._startMonitoringTime = Tools.Now; }; /** * Compute the time lapsed since the previous beginMonitoring() call. * @param newFrame true by default to fetch the result and monitor a new frame, if false the time monitored will be added to the current frame counter */ PerfCounter.prototype.endMonitoring = function (newFrame) { if (newFrame === void 0) { newFrame = true; } if (newFrame) { this.fetchNewFrame(); } var currentTime = Tools.Now; this._current = currentTime - this._startMonitoringTime; if (newFrame) { this._fetchResult(); } }; PerfCounter.prototype._fetchResult = function () { this._totalAccumulated += this._current; this._lastSecAccumulated += this._current; // Min/Max update this._min = Math.min(this._min, this._current); this._max = Math.max(this._max, this._current); this._average = this._totalAccumulated / this._totalValueCount; // Reset last sec? var now = Tools.Now; if ((now - this._lastSecTime) > 1000) { this._lastSecAverage = this._lastSecAccumulated / this._lastSecValueCount; this._lastSecTime = now; this._lastSecAccumulated = 0; this._lastSecValueCount = 0; } }; return PerfCounter; }()); BABYLON.PerfCounter = PerfCounter; /** * Use this className as a decorator on a given class definition to add it a name and optionally its module. * You can then use the Tools.getClassName(obj) on an instance to retrieve its class name. * This method is the only way to get it done in all cases, even if the .js file declaring the class is minified * @param name The name of the class, case should be preserved * @param module The name of the Module hosting the class, optional, but strongly recommended to specify if possible. Case should be preserved. */ function className(name, module) { return function (target) { target["__bjsclassName__"] = name; target["__bjsmoduleName__"] = (module != null) ? module : null; }; } BABYLON.className = className; /** * An implementation of a loop for asynchronous functions. */ var AsyncLoop = (function () { /** * Constroctor. * @param iterations the number of iterations. * @param _fn the function to run each iteration * @param _successCallback the callback that will be called upon succesful execution * @param offset starting offset. */ function AsyncLoop(iterations, _fn, _successCallback, offset) { if (offset === void 0) { offset = 0; } this.iterations = iterations; this._fn = _fn; this._successCallback = _successCallback; this.index = offset - 1; this._done = false; } /** * Execute the next iteration. Must be called after the last iteration was finished. */ AsyncLoop.prototype.executeNext = function () { if (!this._done) { if (this.index + 1 < this.iterations) { ++this.index; this._fn(this); } else { this.breakLoop(); } } }; /** * Break the loop and run the success callback. */ AsyncLoop.prototype.breakLoop = function () { this._done = true; this._successCallback(); }; /** * Helper function */ AsyncLoop.Run = function (iterations, _fn, _successCallback, offset) { if (offset === void 0) { offset = 0; } var loop = new AsyncLoop(iterations, _fn, _successCallback, offset); loop.executeNext(); return loop; }; /** * A for-loop that will run a given number of iterations synchronous and the rest async. * @param iterations total number of iterations * @param syncedIterations number of synchronous iterations in each async iteration. * @param fn the function to call each iteration. * @param callback a success call back that will be called when iterating stops. * @param breakFunction a break condition (optional) * @param timeout timeout settings for the setTimeout function. default - 0. * @constructor */ AsyncLoop.SyncAsyncForLoop = function (iterations, syncedIterations, fn, callback, breakFunction, timeout) { if (timeout === void 0) { timeout = 0; } AsyncLoop.Run(Math.ceil(iterations / syncedIterations), function (loop) { if (breakFunction && breakFunction()) loop.breakLoop(); else { setTimeout(function () { for (var i = 0; i < syncedIterations; ++i) { var iteration = (loop.index * syncedIterations) + i; if (iteration >= iterations) break; fn(iteration); if (breakFunction && breakFunction()) { loop.breakLoop(); break; } } loop.executeNext(); }, timeout); } }, callback); }; return AsyncLoop; }()); BABYLON.AsyncLoop = AsyncLoop; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.tools.js.map var BABYLON; (function (BABYLON) { var Internals; (function (Internals) { var _AlphaState = (function () { /** * Initializes the state. */ function _AlphaState() { this._isAlphaBlendDirty = false; this._isBlendFunctionParametersDirty = false; this._alphaBlend = false; this._blendFunctionParameters = new Array(4); this.reset(); } Object.defineProperty(_AlphaState.prototype, "isDirty", { get: function () { return this._isAlphaBlendDirty || this._isBlendFunctionParametersDirty; }, enumerable: true, configurable: true }); Object.defineProperty(_AlphaState.prototype, "alphaBlend", { get: function () { return this._alphaBlend; }, set: function (value) { if (this._alphaBlend === value) { return; } this._alphaBlend = value; this._isAlphaBlendDirty = true; }, enumerable: true, configurable: true }); _AlphaState.prototype.setAlphaBlendFunctionParameters = function (value0, value1, value2, value3) { if (this._blendFunctionParameters[0] === value0 && this._blendFunctionParameters[1] === value1 && this._blendFunctionParameters[2] === value2 && this._blendFunctionParameters[3] === value3) { return; } this._blendFunctionParameters[0] = value0; this._blendFunctionParameters[1] = value1; this._blendFunctionParameters[2] = value2; this._blendFunctionParameters[3] = value3; this._isBlendFunctionParametersDirty = true; }; _AlphaState.prototype.reset = function () { this._alphaBlend = false; this._blendFunctionParameters[0] = null; this._blendFunctionParameters[1] = null; this._blendFunctionParameters[2] = null; this._blendFunctionParameters[3] = null; this._isAlphaBlendDirty = true; this._isBlendFunctionParametersDirty = false; }; _AlphaState.prototype.apply = function (gl) { if (!this.isDirty) { return; } // Alpha blend if (this._isAlphaBlendDirty) { if (this._alphaBlend) { gl.enable(gl.BLEND); } else { gl.disable(gl.BLEND); } this._isAlphaBlendDirty = false; } // Alpha function if (this._isBlendFunctionParametersDirty) { gl.blendFuncSeparate(this._blendFunctionParameters[0], this._blendFunctionParameters[1], this._blendFunctionParameters[2], this._blendFunctionParameters[3]); this._isBlendFunctionParametersDirty = false; } }; return _AlphaState; }()); Internals._AlphaState = _AlphaState; })(Internals = BABYLON.Internals || (BABYLON.Internals = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../States/babylon.alphaCullingState.js.map var BABYLON; (function (BABYLON) { var Internals; (function (Internals) { var _DepthCullingState = (function () { /** * Initializes the state. */ function _DepthCullingState() { this._isDepthTestDirty = false; this._isDepthMaskDirty = false; this._isDepthFuncDirty = false; this._isCullFaceDirty = false; this._isCullDirty = false; this._isZOffsetDirty = false; this.reset(); } Object.defineProperty(_DepthCullingState.prototype, "isDirty", { get: function () { return this._isDepthFuncDirty || this._isDepthTestDirty || this._isDepthMaskDirty || this._isCullFaceDirty || this._isCullDirty || this._isZOffsetDirty; }, enumerable: true, configurable: true }); Object.defineProperty(_DepthCullingState.prototype, "zOffset", { get: function () { return this._zOffset; }, set: function (value) { if (this._zOffset === value) { return; } this._zOffset = value; this._isZOffsetDirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(_DepthCullingState.prototype, "cullFace", { get: function () { return this._cullFace; }, set: function (value) { if (this._cullFace === value) { return; } this._cullFace = value; this._isCullFaceDirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(_DepthCullingState.prototype, "cull", { get: function () { return this._cull; }, set: function (value) { if (this._cull === value) { return; } this._cull = value; this._isCullDirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(_DepthCullingState.prototype, "depthFunc", { get: function () { return this._depthFunc; }, set: function (value) { if (this._depthFunc === value) { return; } this._depthFunc = value; this._isDepthFuncDirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(_DepthCullingState.prototype, "depthMask", { get: function () { return this._depthMask; }, set: function (value) { if (this._depthMask === value) { return; } this._depthMask = value; this._isDepthMaskDirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(_DepthCullingState.prototype, "depthTest", { get: function () { return this._depthTest; }, set: function (value) { if (this._depthTest === value) { return; } this._depthTest = value; this._isDepthTestDirty = true; }, enumerable: true, configurable: true }); _DepthCullingState.prototype.reset = function () { this._depthMask = true; this._depthTest = true; this._depthFunc = null; this._cullFace = null; this._cull = null; this._zOffset = 0; this._isDepthTestDirty = true; this._isDepthMaskDirty = true; this._isDepthFuncDirty = false; this._isCullFaceDirty = false; this._isCullDirty = false; this._isZOffsetDirty = false; }; _DepthCullingState.prototype.apply = function (gl) { if (!this.isDirty) { return; } // Cull if (this._isCullDirty) { if (this.cull) { gl.enable(gl.CULL_FACE); } else { gl.disable(gl.CULL_FACE); } this._isCullDirty = false; } // Cull face if (this._isCullFaceDirty) { gl.cullFace(this.cullFace); this._isCullFaceDirty = false; } // Depth mask if (this._isDepthMaskDirty) { gl.depthMask(this.depthMask); this._isDepthMaskDirty = false; } // Depth test if (this._isDepthTestDirty) { if (this.depthTest) { gl.enable(gl.DEPTH_TEST); } else { gl.disable(gl.DEPTH_TEST); } this._isDepthTestDirty = false; } // Depth func if (this._isDepthFuncDirty) { gl.depthFunc(this.depthFunc); this._isDepthFuncDirty = false; } // zOffset if (this._isZOffsetDirty) { if (this.zOffset) { gl.enable(gl.POLYGON_OFFSET_FILL); gl.polygonOffset(this.zOffset, 0); } else { gl.disable(gl.POLYGON_OFFSET_FILL); } this._isZOffsetDirty = false; } }; return _DepthCullingState; }()); Internals._DepthCullingState = _DepthCullingState; })(Internals = BABYLON.Internals || (BABYLON.Internals = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../States/babylon.depthCullingState.js.map var BABYLON; (function (BABYLON) { var Internals; (function (Internals) { var _StencilState = (function () { function _StencilState() { this._isStencilTestDirty = false; this._isStencilMaskDirty = false; this._isStencilFuncDirty = false; this._isStencilOpDirty = false; this.reset(); } Object.defineProperty(_StencilState.prototype, "isDirty", { get: function () { return this._isStencilTestDirty || this._isStencilMaskDirty || this._isStencilFuncDirty || this._isStencilOpDirty; }, enumerable: true, configurable: true }); Object.defineProperty(_StencilState.prototype, "stencilFunc", { get: function () { return this._stencilFunc; }, set: function (value) { if (this._stencilFunc === value) { return; } this._stencilFunc = value; this._isStencilFuncDirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(_StencilState.prototype, "stencilFuncRef", { get: function () { return this._stencilFuncRef; }, set: function (value) { if (this._stencilFuncRef === value) { return; } this._stencilFuncRef = value; this._isStencilFuncDirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(_StencilState.prototype, "stencilFuncMask", { get: function () { return this._stencilFuncMask; }, set: function (value) { if (this._stencilFuncMask === value) { return; } this._stencilFuncMask = value; this._isStencilFuncDirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(_StencilState.prototype, "stencilOpStencilFail", { get: function () { return this._stencilOpStencilFail; }, set: function (value) { if (this._stencilOpStencilFail === value) { return; } this._stencilOpStencilFail = value; this._isStencilOpDirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(_StencilState.prototype, "stencilOpDepthFail", { get: function () { return this._stencilOpDepthFail; }, set: function (value) { if (this._stencilOpDepthFail === value) { return; } this._stencilOpDepthFail = value; this._isStencilOpDirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(_StencilState.prototype, "stencilOpStencilDepthPass", { get: function () { return this._stencilOpStencilDepthPass; }, set: function (value) { if (this._stencilOpStencilDepthPass === value) { return; } this._stencilOpStencilDepthPass = value; this._isStencilOpDirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(_StencilState.prototype, "stencilMask", { get: function () { return this._stencilMask; }, set: function (value) { if (this._stencilMask === value) { return; } this._stencilMask = value; this._isStencilMaskDirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(_StencilState.prototype, "stencilTest", { get: function () { return this._stencilTest; }, set: function (value) { if (this._stencilTest === value) { return; } this._stencilTest = value; this._isStencilTestDirty = true; }, enumerable: true, configurable: true }); _StencilState.prototype.reset = function () { this._stencilTest = false; this._stencilMask = 0xFF; this._stencilFunc = BABYLON.Engine.ALWAYS; this._stencilFuncRef = 1; this._stencilFuncMask = 0xFF; this._stencilOpStencilFail = BABYLON.Engine.KEEP; this._stencilOpDepthFail = BABYLON.Engine.KEEP; this._stencilOpStencilDepthPass = BABYLON.Engine.REPLACE; this._isStencilTestDirty = true; this._isStencilMaskDirty = true; this._isStencilFuncDirty = true; this._isStencilOpDirty = true; }; _StencilState.prototype.apply = function (gl) { if (!this.isDirty) { return; } // Stencil test if (this._isStencilTestDirty) { if (this.stencilTest) { gl.enable(gl.STENCIL_TEST); } else { gl.disable(gl.STENCIL_TEST); } this._isStencilTestDirty = false; } // Stencil mask if (this._isStencilMaskDirty) { gl.stencilMask(this.stencilMask); this._isStencilMaskDirty = false; } // Stencil func if (this._isStencilFuncDirty) { gl.stencilFunc(this.stencilFunc, this.stencilFuncRef, this.stencilFuncMask); this._isStencilFuncDirty = false; } // Stencil op if (this._isStencilOpDirty) { gl.stencilOp(this.stencilOpStencilFail, this.stencilOpDepthFail, this.stencilOpStencilDepthPass); this._isStencilOpDirty = false; } }; return _StencilState; }()); Internals._StencilState = _StencilState; })(Internals = BABYLON.Internals || (BABYLON.Internals = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../States/babylon.stencilState.js.map var BABYLON; (function (BABYLON) { var compileShader = function (gl, source, type, defines) { var shader = gl.createShader(type === "vertex" ? gl.VERTEX_SHADER : gl.FRAGMENT_SHADER); gl.shaderSource(shader, (defines ? defines + "\n" : "") + source); gl.compileShader(shader); if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) { throw new Error(gl.getShaderInfoLog(shader)); } return shader; }; var HALF_FLOAT_OES = 0x8D61; var getWebGLTextureType = function (gl, type) { if (type === Engine.TEXTURETYPE_FLOAT) { return gl.FLOAT; } else if (type === Engine.TEXTURETYPE_HALF_FLOAT) { // Add Half Float Constant. return HALF_FLOAT_OES; } return gl.UNSIGNED_BYTE; }; var getSamplingParameters = function (samplingMode, generateMipMaps, gl) { var magFilter = gl.NEAREST; var minFilter = gl.NEAREST; if (samplingMode === BABYLON.Texture.BILINEAR_SAMPLINGMODE) { magFilter = gl.LINEAR; if (generateMipMaps) { minFilter = gl.LINEAR_MIPMAP_NEAREST; } else { minFilter = gl.LINEAR; } } else if (samplingMode === BABYLON.Texture.TRILINEAR_SAMPLINGMODE) { magFilter = gl.LINEAR; if (generateMipMaps) { minFilter = gl.LINEAR_MIPMAP_LINEAR; } else { minFilter = gl.LINEAR; } } else if (samplingMode === BABYLON.Texture.NEAREST_SAMPLINGMODE) { magFilter = gl.NEAREST; if (generateMipMaps) { minFilter = gl.NEAREST_MIPMAP_LINEAR; } else { minFilter = gl.NEAREST; } } return { min: minFilter, mag: magFilter }; }; var prepareWebGLTexture = function (texture, gl, scene, width, height, invertY, noMipmap, isCompressed, processFunction, samplingMode) { if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } var engine = scene.getEngine(); var potWidth = BABYLON.Tools.GetExponentOfTwo(width, engine.getCaps().maxTextureSize); var potHeight = BABYLON.Tools.GetExponentOfTwo(height, engine.getCaps().maxTextureSize); engine._bindTextureDirectly(gl.TEXTURE_2D, texture); gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, invertY === undefined ? 1 : (invertY ? 1 : 0)); texture._baseWidth = width; texture._baseHeight = height; texture._width = potWidth; texture._height = potHeight; texture.isReady = true; processFunction(potWidth, potHeight); var filters = getSamplingParameters(samplingMode, !noMipmap, gl); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, filters.mag); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filters.min); if (!noMipmap && !isCompressed) { gl.generateMipmap(gl.TEXTURE_2D); } engine._bindTextureDirectly(gl.TEXTURE_2D, null); engine.resetTextureCache(); scene._removePendingData(texture); texture.onLoadedCallbacks.forEach(function (callback) { callback(); }); texture.onLoadedCallbacks = []; }; var partialLoad = function (url, index, loadedImages, scene, onfinish, onErrorCallBack) { if (onErrorCallBack === void 0) { onErrorCallBack = null; } var img; var onload = function () { loadedImages[index] = img; loadedImages._internalCount++; scene._removePendingData(img); if (loadedImages._internalCount === 6) { onfinish(loadedImages); } }; var onerror = function () { scene._removePendingData(img); if (onErrorCallBack) { onErrorCallBack(); } }; img = BABYLON.Tools.LoadImage(url, onload, onerror, scene.database); scene._addPendingData(img); }; var cascadeLoad = function (rootUrl, scene, onfinish, files, onError) { if (onError === void 0) { onError = null; } var loadedImages = []; loadedImages._internalCount = 0; for (var index = 0; index < 6; index++) { partialLoad(files[index], index, loadedImages, scene, onfinish, onError); } }; var InstancingAttributeInfo = (function () { function InstancingAttributeInfo() { } return InstancingAttributeInfo; }()); BABYLON.InstancingAttributeInfo = InstancingAttributeInfo; var EngineCapabilities = (function () { function EngineCapabilities() { } return EngineCapabilities; }()); BABYLON.EngineCapabilities = EngineCapabilities; /** * The engine class is responsible for interfacing with all lower-level APIs such as WebGL and Audio. */ var Engine = (function () { /** * @constructor * @param {HTMLCanvasElement} canvas - the canvas to be used for rendering * @param {boolean} [antialias] - enable antialias * @param options - further options to be sent to the getContext function */ function Engine(canvas, antialias, options, adaptToDeviceRatio) { var _this = this; if (adaptToDeviceRatio === void 0) { adaptToDeviceRatio = true; } // Public members this.isFullscreen = false; this.isPointerLock = false; this.cullBackFaces = true; this.renderEvenInBackground = true; // To enable/disable IDB support and avoid XHR on .manifest this.enableOfflineSupport = true; this.scenes = new Array(); this._windowIsBackground = false; this._webGLVersion = "1.0"; this._badOS = false; this._drawCalls = new BABYLON.PerfCounter(); this._renderingQueueLaunched = false; this._activeRenderLoops = []; // FPS this.fpsRange = 60; this.previousFramesDuration = []; this.fps = 60; this.deltaTime = 0; // States this._depthCullingState = new BABYLON.Internals._DepthCullingState(); this._stencilState = new BABYLON.Internals._StencilState(); this._alphaState = new BABYLON.Internals._AlphaState(); this._alphaMode = Engine.ALPHA_DISABLE; // Cache this._loadedTexturesCache = new Array(); this._maxTextureChannels = 16; this._activeTexturesCache = new Array(this._maxTextureChannels); this._compiledEffects = {}; this._vertexAttribArraysEnabled = []; this._uintIndicesCurrentlySet = false; this._currentBoundBuffer = new Array(); this._currentBufferPointers = []; this._currentInstanceLocations = new Array(); this._currentInstanceBuffers = new Array(); this._onVRFullScreenTriggered = function () { if (_this._vrDisplayEnabled && _this._vrDisplayEnabled.isPresenting) { //get the old size before we change _this._oldSize = new BABYLON.Size(_this.getRenderWidth(), _this.getRenderHeight()); _this._oldHardwareScaleFactor = _this.getHardwareScalingLevel(); //according to the WebVR specs, requestAnimationFrame should be triggered only once. //But actually, no browser follow the specs... //this._vrAnimationFrameHandler = this._vrDisplayEnabled.requestAnimationFrame(this._bindedRenderFunction); //get the width and height, change the render size var leftEye = _this._vrDisplayEnabled.getEyeParameters('left'); var width, height; _this.setHardwareScalingLevel(1); _this.setSize(leftEye.renderWidth * 2, leftEye.renderHeight); } else { //When the specs are implemented, need to uncomment this. //this._vrDisplayEnabled.cancelAnimationFrame(this._vrAnimationFrameHandler); _this.setHardwareScalingLevel(_this._oldHardwareScaleFactor); _this.setSize(_this._oldSize.width, _this._oldSize.height); _this._vrDisplayEnabled = undefined; } }; this._renderingCanvas = canvas; this._externalData = new BABYLON.StringDictionary(); options = options || {}; if (antialias != null) { options.antialias = antialias; } if (options.preserveDrawingBuffer === undefined) { options.preserveDrawingBuffer = false; } // Checks if some of the format renders first to allow the use of webgl inspector. var renderToFullFloat = this._canRenderToFloatTexture(); var renderToHalfFloat = this._canRenderToHalfFloatTexture(); // GL //try { // this._gl = (canvas.getContext("webgl2", options) || canvas.getContext("experimental-webgl2", options)); // if (this._gl) { // this._webGLVersion = "2.0"; // } //} catch (e) { // // Do nothing //} if (!this._gl) { if (!canvas) { throw new Error("The provided canvas is null or undefined."); } try { this._gl = (canvas.getContext("webgl", options) || canvas.getContext("experimental-webgl", options)); } catch (e) { throw new Error("WebGL not supported"); } } if (!this._gl) { throw new Error("WebGL not supported"); } this._onBlur = function () { _this._windowIsBackground = true; }; this._onFocus = function () { _this._windowIsBackground = false; }; window.addEventListener("blur", this._onBlur); window.addEventListener("focus", this._onFocus); // Viewport var limitDeviceRatio = options.limitDeviceRatio || window.devicePixelRatio || 1.0; this._hardwareScalingLevel = adaptToDeviceRatio ? 1.0 / Math.min(limitDeviceRatio, window.devicePixelRatio || 1.0) : 1.0; this.resize(); // Caps this._isStencilEnable = options.stencil; this._caps = new EngineCapabilities(); this._caps.maxTexturesImageUnits = this._gl.getParameter(this._gl.MAX_TEXTURE_IMAGE_UNITS); this._caps.maxTextureSize = this._gl.getParameter(this._gl.MAX_TEXTURE_SIZE); this._caps.maxCubemapTextureSize = this._gl.getParameter(this._gl.MAX_CUBE_MAP_TEXTURE_SIZE); this._caps.maxRenderTextureSize = this._gl.getParameter(this._gl.MAX_RENDERBUFFER_SIZE); this._caps.maxVertexAttribs = this._gl.getParameter(this._gl.MAX_VERTEX_ATTRIBS); // Infos this._glVersion = this._gl.getParameter(this._gl.VERSION); var rendererInfo = this._gl.getExtension("WEBGL_debug_renderer_info"); if (rendererInfo != null) { this._glRenderer = this._gl.getParameter(rendererInfo.UNMASKED_RENDERER_WEBGL); this._glVendor = this._gl.getParameter(rendererInfo.UNMASKED_VENDOR_WEBGL); } if (!this._glVendor) { this._glVendor = "Unknown vendor"; } if (!this._glRenderer) { this._glRenderer = "Unknown renderer"; } // Extensions this._caps.standardDerivatives = (this._gl.getExtension('OES_standard_derivatives') !== null); this._caps.s3tc = this._gl.getExtension('WEBGL_compressed_texture_s3tc'); this._caps.textureFloat = (this._gl.getExtension('OES_texture_float') !== null); this._caps.textureAnisotropicFilterExtension = this._gl.getExtension('EXT_texture_filter_anisotropic') || this._gl.getExtension('WEBKIT_EXT_texture_filter_anisotropic') || this._gl.getExtension('MOZ_EXT_texture_filter_anisotropic'); this._caps.maxAnisotropy = this._caps.textureAnisotropicFilterExtension ? this._gl.getParameter(this._caps.textureAnisotropicFilterExtension.MAX_TEXTURE_MAX_ANISOTROPY_EXT) : 0; this._caps.instancedArrays = this._gl.getExtension('ANGLE_instanced_arrays'); this._caps.uintIndices = this._gl.getExtension('OES_element_index_uint') !== null; this._caps.fragmentDepthSupported = this._gl.getExtension('EXT_frag_depth') !== null; this._caps.highPrecisionShaderSupported = true; this._caps.drawBuffersExtension = this._gl.getExtension('WEBGL_draw_buffers'); this._caps.textureFloatLinearFiltering = this._gl.getExtension('OES_texture_float_linear'); this._caps.textureLOD = this._gl.getExtension('EXT_shader_texture_lod'); this._caps.textureFloatRender = renderToFullFloat; this._caps.textureHalfFloat = (this._gl.getExtension('OES_texture_half_float') !== null); this._caps.textureHalfFloatLinearFiltering = this._gl.getExtension('OES_texture_half_float_linear'); this._caps.textureHalfFloatRender = renderToHalfFloat; if (this._gl.getShaderPrecisionFormat) { var highp = this._gl.getShaderPrecisionFormat(this._gl.FRAGMENT_SHADER, this._gl.HIGH_FLOAT); this._caps.highPrecisionShaderSupported = highp.precision !== 0; } // Depth buffer this.setDepthBuffer(true); this.setDepthFunctionToLessOrEqual(); this.setDepthWrite(true); // Fullscreen this._onFullscreenChange = function () { if (document.fullscreen !== undefined) { _this.isFullscreen = document.fullscreen; } else if (document.mozFullScreen !== undefined) { _this.isFullscreen = document.mozFullScreen; } else if (document.webkitIsFullScreen !== undefined) { _this.isFullscreen = document.webkitIsFullScreen; } else if (document.msIsFullScreen !== undefined) { _this.isFullscreen = document.msIsFullScreen; } // Pointer lock if (_this.isFullscreen && _this._pointerLockRequested) { canvas.requestPointerLock = canvas.requestPointerLock || canvas.msRequestPointerLock || canvas.mozRequestPointerLock || canvas.webkitRequestPointerLock; if (canvas.requestPointerLock) { canvas.requestPointerLock(); } } }; document.addEventListener("fullscreenchange", this._onFullscreenChange, false); document.addEventListener("mozfullscreenchange", this._onFullscreenChange, false); document.addEventListener("webkitfullscreenchange", this._onFullscreenChange, false); document.addEventListener("msfullscreenchange", this._onFullscreenChange, false); // Pointer lock this._onPointerLockChange = function () { _this.isPointerLock = (document.mozPointerLockElement === canvas || document.webkitPointerLockElement === canvas || document.msPointerLockElement === canvas || document.pointerLockElement === canvas); }; document.addEventListener("pointerlockchange", this._onPointerLockChange, false); document.addEventListener("mspointerlockchange", this._onPointerLockChange, false); document.addEventListener("mozpointerlockchange", this._onPointerLockChange, false); document.addEventListener("webkitpointerlockchange", this._onPointerLockChange, false); if (BABYLON.AudioEngine && !Engine.audioEngine) { Engine.audioEngine = new BABYLON.AudioEngine(); } //default loading screen this._loadingScreen = new BABYLON.DefaultLoadingScreen(this._renderingCanvas); //Load WebVR Devices if (options.autoEnableWebVR) { this.initWebVR(); } //Detect if we are running on a faulty buggy OS. var regexp = /AppleWebKit.*10.[\d] Mobile/; //ua sniffing is the tool of the devil. this._badOS = regexp.test(navigator.userAgent); BABYLON.Tools.Log("Babylon.js engine (v" + Engine.Version + ") launched"); } Object.defineProperty(Engine, "NEVER", { get: function () { return Engine._NEVER; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "ALWAYS", { get: function () { return Engine._ALWAYS; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "LESS", { get: function () { return Engine._LESS; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "EQUAL", { get: function () { return Engine._EQUAL; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "LEQUAL", { get: function () { return Engine._LEQUAL; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "GREATER", { get: function () { return Engine._GREATER; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "GEQUAL", { get: function () { return Engine._GEQUAL; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "NOTEQUAL", { get: function () { return Engine._NOTEQUAL; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "KEEP", { get: function () { return Engine._KEEP; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "REPLACE", { get: function () { return Engine._REPLACE; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "INCR", { get: function () { return Engine._INCR; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "DECR", { get: function () { return Engine._DECR; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "INVERT", { get: function () { return Engine._INVERT; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "INCR_WRAP", { get: function () { return Engine._INCR_WRAP; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "DECR_WRAP", { get: function () { return Engine._DECR_WRAP; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "ALPHA_DISABLE", { get: function () { return Engine._ALPHA_DISABLE; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "ALPHA_ONEONE", { get: function () { return Engine._ALPHA_ONEONE; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "ALPHA_ADD", { get: function () { return Engine._ALPHA_ADD; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "ALPHA_COMBINE", { get: function () { return Engine._ALPHA_COMBINE; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "ALPHA_SUBTRACT", { get: function () { return Engine._ALPHA_SUBTRACT; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "ALPHA_MULTIPLY", { get: function () { return Engine._ALPHA_MULTIPLY; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "ALPHA_MAXIMIZED", { get: function () { return Engine._ALPHA_MAXIMIZED; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "DELAYLOADSTATE_NONE", { get: function () { return Engine._DELAYLOADSTATE_NONE; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "DELAYLOADSTATE_LOADED", { get: function () { return Engine._DELAYLOADSTATE_LOADED; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "DELAYLOADSTATE_LOADING", { get: function () { return Engine._DELAYLOADSTATE_LOADING; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "DELAYLOADSTATE_NOTLOADED", { get: function () { return Engine._DELAYLOADSTATE_NOTLOADED; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "TEXTUREFORMAT_ALPHA", { get: function () { return Engine._TEXTUREFORMAT_ALPHA; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "TEXTUREFORMAT_LUMINANCE", { get: function () { return Engine._TEXTUREFORMAT_LUMINANCE; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "TEXTUREFORMAT_LUMINANCE_ALPHA", { get: function () { return Engine._TEXTUREFORMAT_LUMINANCE_ALPHA; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "TEXTUREFORMAT_RGB", { get: function () { return Engine._TEXTUREFORMAT_RGB; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "TEXTUREFORMAT_RGBA", { get: function () { return Engine._TEXTUREFORMAT_RGBA; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "TEXTURETYPE_UNSIGNED_INT", { get: function () { return Engine._TEXTURETYPE_UNSIGNED_INT; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "TEXTURETYPE_FLOAT", { get: function () { return Engine._TEXTURETYPE_FLOAT; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "TEXTURETYPE_HALF_FLOAT", { get: function () { return Engine._TEXTURETYPE_HALF_FLOAT; }, enumerable: true, configurable: true }); Object.defineProperty(Engine, "Version", { get: function () { return "2.5.-beta"; }, enumerable: true, configurable: true }); Object.defineProperty(Engine.prototype, "webGLVersion", { get: function () { return this._webGLVersion; }, enumerable: true, configurable: true }); Object.defineProperty(Engine.prototype, "isStencilEnable", { /** * Returns true if the stencil buffer has been enabled through the creation option of the context. */ get: function () { return this._isStencilEnable; }, enumerable: true, configurable: true }); Engine.prototype._prepareWorkingCanvas = function () { if (this._workingCanvas) { return; } this._workingCanvas = document.createElement("canvas"); this._workingContext = this._workingCanvas.getContext("2d"); }; Engine.prototype.resetTextureCache = function () { for (var index = 0; index < this._maxTextureChannels; index++) { this._activeTexturesCache[index] = null; } }; Engine.prototype.getGlInfo = function () { return { vendor: this._glVendor, renderer: this._glRenderer, version: this._glVersion }; }; Engine.prototype.getAspectRatio = function (camera, useScreen) { if (useScreen === void 0) { useScreen = false; } var viewport = camera.viewport; return (this.getRenderWidth(useScreen) * viewport.width) / (this.getRenderHeight(useScreen) * viewport.height); }; Engine.prototype.getRenderWidth = function (useScreen) { if (useScreen === void 0) { useScreen = false; } if (!useScreen && this._currentRenderTarget) { return this._currentRenderTarget._width; } return this._renderingCanvas.width; }; Engine.prototype.getRenderHeight = function (useScreen) { if (useScreen === void 0) { useScreen = false; } if (!useScreen && this._currentRenderTarget) { return this._currentRenderTarget._height; } return this._renderingCanvas.height; }; Engine.prototype.getRenderingCanvas = function () { return this._renderingCanvas; }; Engine.prototype.getRenderingCanvasClientRect = function () { return this._renderingCanvas.getBoundingClientRect(); }; Engine.prototype.setHardwareScalingLevel = function (level) { this._hardwareScalingLevel = level; this.resize(); }; Engine.prototype.getHardwareScalingLevel = function () { return this._hardwareScalingLevel; }; Engine.prototype.getLoadedTexturesCache = function () { return this._loadedTexturesCache; }; Engine.prototype.getCaps = function () { return this._caps; }; Object.defineProperty(Engine.prototype, "drawCalls", { get: function () { return this._drawCalls.current; }, enumerable: true, configurable: true }); Object.defineProperty(Engine.prototype, "drawCallsPerfCounter", { get: function () { return this._drawCalls; }, enumerable: true, configurable: true }); Engine.prototype.getDepthFunction = function () { return this._depthCullingState.depthFunc; }; Engine.prototype.setDepthFunction = function (depthFunc) { this._depthCullingState.depthFunc = depthFunc; }; Engine.prototype.setDepthFunctionToGreater = function () { this._depthCullingState.depthFunc = this._gl.GREATER; }; Engine.prototype.setDepthFunctionToGreaterOrEqual = function () { this._depthCullingState.depthFunc = this._gl.GEQUAL; }; Engine.prototype.setDepthFunctionToLess = function () { this._depthCullingState.depthFunc = this._gl.LESS; }; Engine.prototype.setDepthFunctionToLessOrEqual = function () { this._depthCullingState.depthFunc = this._gl.LEQUAL; }; Engine.prototype.getStencilBuffer = function () { return this._stencilState.stencilTest; }; Engine.prototype.setStencilBuffer = function (enable) { this._stencilState.stencilTest = enable; }; Engine.prototype.getStencilMask = function () { return this._stencilState.stencilMask; }; Engine.prototype.setStencilMask = function (mask) { this._stencilState.stencilMask = mask; }; Engine.prototype.getStencilFunction = function () { return this._stencilState.stencilFunc; }; Engine.prototype.getStencilFunctionReference = function () { return this._stencilState.stencilFuncRef; }; Engine.prototype.getStencilFunctionMask = function () { return this._stencilState.stencilFuncMask; }; Engine.prototype.setStencilFunction = function (stencilFunc) { this._stencilState.stencilFunc = stencilFunc; }; Engine.prototype.setStencilFunctionReference = function (reference) { this._stencilState.stencilFuncRef = reference; }; Engine.prototype.setStencilFunctionMask = function (mask) { this._stencilState.stencilFuncMask = mask; }; Engine.prototype.getStencilOperationFail = function () { return this._stencilState.stencilOpStencilFail; }; Engine.prototype.getStencilOperationDepthFail = function () { return this._stencilState.stencilOpDepthFail; }; Engine.prototype.getStencilOperationPass = function () { return this._stencilState.stencilOpStencilDepthPass; }; Engine.prototype.setStencilOperationFail = function (operation) { this._stencilState.stencilOpStencilFail = operation; }; Engine.prototype.setStencilOperationDepthFail = function (operation) { this._stencilState.stencilOpDepthFail = operation; }; Engine.prototype.setStencilOperationPass = function (operation) { this._stencilState.stencilOpStencilDepthPass = operation; }; /** * stop executing a render loop function and remove it from the execution array * @param {Function} [renderFunction] the function to be removed. If not provided all functions will be removed. */ Engine.prototype.stopRenderLoop = function (renderFunction) { if (!renderFunction) { this._activeRenderLoops = []; return; } var index = this._activeRenderLoops.indexOf(renderFunction); if (index >= 0) { this._activeRenderLoops.splice(index, 1); } }; Engine.prototype._renderLoop = function () { var shouldRender = true; if (!this.renderEvenInBackground && this._windowIsBackground) { shouldRender = false; } if (shouldRender) { // Start new frame this.beginFrame(); for (var index = 0; index < this._activeRenderLoops.length; index++) { var renderFunction = this._activeRenderLoops[index]; renderFunction(); } // Present this.endFrame(); } if (this._activeRenderLoops.length > 0) { // Register new frame BABYLON.Tools.QueueNewFrame(this._bindedRenderFunction, this._vrDisplayEnabled); } else { this._renderingQueueLaunched = false; } }; /** * Register and execute a render loop. The engine can have more than one render function. * @param {Function} renderFunction - the function to continuously execute starting the next render loop. * @example * engine.runRenderLoop(function () { * scene.render() * }) */ Engine.prototype.runRenderLoop = function (renderFunction) { if (this._activeRenderLoops.indexOf(renderFunction) !== -1) { return; } this._activeRenderLoops.push(renderFunction); if (!this._renderingQueueLaunched) { this._renderingQueueLaunched = true; this._bindedRenderFunction = this._renderLoop.bind(this); BABYLON.Tools.QueueNewFrame(this._bindedRenderFunction); } }; /** * Toggle full screen mode. * @param {boolean} requestPointerLock - should a pointer lock be requested from the user * @param {any} options - an options object to be sent to the requestFullscreen function */ Engine.prototype.switchFullscreen = function (requestPointerLock) { if (this.isFullscreen) { BABYLON.Tools.ExitFullscreen(); } else { this._pointerLockRequested = requestPointerLock; BABYLON.Tools.RequestFullscreen(this._renderingCanvas); } }; Engine.prototype.clear = function (color, backBuffer, depth, stencil) { if (stencil === void 0) { stencil = false; } this.applyStates(); var mode = 0; if (backBuffer) { this._gl.clearColor(color.r, color.g, color.b, color.a !== undefined ? color.a : 1.0); mode |= this._gl.COLOR_BUFFER_BIT; } if (depth) { this._gl.clearDepth(1.0); mode |= this._gl.DEPTH_BUFFER_BIT; } if (stencil) { this._gl.clearStencil(0); mode |= this._gl.STENCIL_BUFFER_BIT; } this._gl.clear(mode); }; Engine.prototype.scissorClear = function (x, y, width, height, clearColor) { var gl = this._gl; // Save state var curScissor = gl.getParameter(gl.SCISSOR_TEST); var curScissorBox = gl.getParameter(gl.SCISSOR_BOX); // Change state gl.enable(gl.SCISSOR_TEST); gl.scissor(x, y, width, height); // Clear this.clear(clearColor, true, true, true); // Restore state gl.scissor(curScissorBox[0], curScissorBox[1], curScissorBox[2], curScissorBox[3]); if (curScissor === true) { gl.enable(gl.SCISSOR_TEST); } else { gl.disable(gl.SCISSOR_TEST); } }; /** * Set the WebGL's viewport * @param {BABYLON.Viewport} viewport - the viewport element to be used. * @param {number} [requiredWidth] - the width required for rendering. If not provided the rendering canvas' width is used. * @param {number} [requiredHeight] - the height required for rendering. If not provided the rendering canvas' height is used. */ Engine.prototype.setViewport = function (viewport, requiredWidth, requiredHeight) { var width = requiredWidth || (navigator.isCocoonJS ? window.innerWidth : this._renderingCanvas.width); var height = requiredHeight || (navigator.isCocoonJS ? window.innerHeight : this._renderingCanvas.height); var x = viewport.x || 0; var y = viewport.y || 0; this._cachedViewport = viewport; this._gl.viewport(x * width, y * height, width * viewport.width, height * viewport.height); }; /** * Directly set the WebGL Viewport * The x, y, width & height are directly passed to the WebGL call * @return the current viewport Object (if any) that is being replaced by this call. You can restore this viewport later on to go back to the original state. */ Engine.prototype.setDirectViewport = function (x, y, width, height) { var currentViewport = this._cachedViewport; this._cachedViewport = null; this._gl.viewport(x, y, width, height); return currentViewport; }; Engine.prototype.beginFrame = function () { this._measureFps(); }; Engine.prototype.endFrame = function () { //force a flush in case we are using a bad OS. if (this._badOS) { this.flushFramebuffer(); } //submit frame to the vr device, if enabled if (this._vrDisplayEnabled && this._vrDisplayEnabled.isPresenting) { this._vrDisplayEnabled.submitFrame(); } }; /** * resize the view according to the canvas' size. * @example * window.addEventListener("resize", function () { * engine.resize(); * }); */ Engine.prototype.resize = function () { var width = navigator.isCocoonJS ? window.innerWidth : this._renderingCanvas.clientWidth; var height = navigator.isCocoonJS ? window.innerHeight : this._renderingCanvas.clientHeight; this.setSize(width / this._hardwareScalingLevel, height / this._hardwareScalingLevel); for (var index = 0; index < this.scenes.length; index++) { var scene = this.scenes[index]; if (BABYLON.DebugLayer && scene.debugLayer.isVisible()) { scene.debugLayer._syncPositions(); } } }; /** * force a specific size of the canvas * @param {number} width - the new canvas' width * @param {number} height - the new canvas' height */ Engine.prototype.setSize = function (width, height) { this._renderingCanvas.width = width; this._renderingCanvas.height = height; for (var index = 0; index < this.scenes.length; index++) { var scene = this.scenes[index]; for (var camIndex = 0; camIndex < scene.cameras.length; camIndex++) { var cam = scene.cameras[camIndex]; cam._currentRenderId = 0; } } }; //WebVR functions Engine.prototype.initWebVR = function () { if (!this.vrDisplaysPromise) { this._getVRDisplays(); } }; Engine.prototype.enableVR = function (vrDevice) { this._vrDisplayEnabled = vrDevice; this._vrDisplayEnabled.requestPresent([{ source: this.getRenderingCanvas() }]).then(this._onVRFullScreenTriggered); }; Engine.prototype.disableVR = function () { if (this._vrDisplayEnabled) { this._vrDisplayEnabled.exitPresent().then(this._onVRFullScreenTriggered); } }; Engine.prototype._getVRDisplays = function () { var _this = this; var getWebVRDevices = function (devices) { var size = devices.length; var i = 0; _this._vrDisplays = devices.filter(function (device) { return devices[i] instanceof VRDisplay; }); return _this._vrDisplays; }; //using a key due to typescript if (navigator.getVRDisplays) { this.vrDisplaysPromise = navigator.getVRDisplays().then(getWebVRDevices); } }; Engine.prototype.bindFramebuffer = function (texture, faceIndex, requiredWidth, requiredHeight) { this._currentRenderTarget = texture; this.bindUnboundFramebuffer(texture._framebuffer); var gl = this._gl; if (texture.isCube) { gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_CUBE_MAP_POSITIVE_X + faceIndex, texture, 0); } gl.viewport(0, 0, requiredWidth || texture._width, requiredHeight || texture._height); this.wipeCaches(); }; Engine.prototype.bindUnboundFramebuffer = function (framebuffer) { if (this._currentFramebuffer !== framebuffer) { this._gl.bindFramebuffer(this._gl.FRAMEBUFFER, framebuffer); this._currentFramebuffer = framebuffer; } }; Engine.prototype.unBindFramebuffer = function (texture, disableGenerateMipMaps) { if (disableGenerateMipMaps === void 0) { disableGenerateMipMaps = false; } this._currentRenderTarget = null; if (texture.generateMipMaps && !disableGenerateMipMaps) { var gl = this._gl; this._bindTextureDirectly(gl.TEXTURE_2D, texture); gl.generateMipmap(gl.TEXTURE_2D); this._bindTextureDirectly(gl.TEXTURE_2D, null); } this.bindUnboundFramebuffer(null); }; Engine.prototype.generateMipMapsForCubemap = function (texture) { if (texture.generateMipMaps) { var gl = this._gl; this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, texture); gl.generateMipmap(gl.TEXTURE_CUBE_MAP); this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, null); } }; Engine.prototype.flushFramebuffer = function () { this._gl.flush(); }; Engine.prototype.restoreDefaultFramebuffer = function () { this._currentRenderTarget = null; this.bindUnboundFramebuffer(null); this.setViewport(this._cachedViewport); this.wipeCaches(); }; // VBOs Engine.prototype._resetVertexBufferBinding = function () { this.bindArrayBuffer(null); this._cachedVertexBuffers = null; }; Engine.prototype.createVertexBuffer = function (vertices) { var vbo = this._gl.createBuffer(); this.bindArrayBuffer(vbo); if (vertices instanceof Float32Array) { this._gl.bufferData(this._gl.ARRAY_BUFFER, vertices, this._gl.STATIC_DRAW); } else { this._gl.bufferData(this._gl.ARRAY_BUFFER, new Float32Array(vertices), this._gl.STATIC_DRAW); } this._resetVertexBufferBinding(); vbo.references = 1; return vbo; }; Engine.prototype.createDynamicVertexBuffer = function (vertices) { var vbo = this._gl.createBuffer(); this.bindArrayBuffer(vbo); if (vertices instanceof Float32Array) { this._gl.bufferData(this._gl.ARRAY_BUFFER, vertices, this._gl.DYNAMIC_DRAW); } else { this._gl.bufferData(this._gl.ARRAY_BUFFER, new Float32Array(vertices), this._gl.DYNAMIC_DRAW); } this._resetVertexBufferBinding(); vbo.references = 1; return vbo; }; Engine.prototype.updateDynamicVertexBuffer = function (vertexBuffer, vertices, offset, count) { this.bindArrayBuffer(vertexBuffer); if (offset === undefined) { offset = 0; } if (count === undefined) { if (vertices instanceof Float32Array) { this._gl.bufferSubData(this._gl.ARRAY_BUFFER, offset, vertices); } else { this._gl.bufferSubData(this._gl.ARRAY_BUFFER, offset, new Float32Array(vertices)); } } else { if (vertices instanceof Float32Array) { this._gl.bufferSubData(this._gl.ARRAY_BUFFER, 0, vertices.subarray(offset, offset + count)); } else { this._gl.bufferSubData(this._gl.ARRAY_BUFFER, 0, new Float32Array(vertices).subarray(offset, offset + count)); } } this._resetVertexBufferBinding(); }; Engine.prototype._resetIndexBufferBinding = function () { this.bindIndexBuffer(null); this._cachedIndexBuffer = null; }; Engine.prototype.createIndexBuffer = function (indices) { var vbo = this._gl.createBuffer(); this.bindIndexBuffer(vbo); // Check for 32 bits indices var arrayBuffer; var need32Bits = false; if (this._caps.uintIndices) { for (var index = 0; index < indices.length; index++) { if (indices[index] > 65535) { need32Bits = true; break; } } arrayBuffer = need32Bits ? new Uint32Array(indices) : new Uint16Array(indices); } else { arrayBuffer = new Uint16Array(indices); } this._gl.bufferData(this._gl.ELEMENT_ARRAY_BUFFER, arrayBuffer, this._gl.STATIC_DRAW); this._resetIndexBufferBinding(); vbo.references = 1; vbo.is32Bits = need32Bits; return vbo; }; Engine.prototype.bindArrayBuffer = function (buffer) { this.bindBuffer(buffer, this._gl.ARRAY_BUFFER); }; Engine.prototype.bindIndexBuffer = function (buffer) { this.bindBuffer(buffer, this._gl.ELEMENT_ARRAY_BUFFER); }; Engine.prototype.bindBuffer = function (buffer, target) { if (this._currentBoundBuffer[target] !== buffer) { this._gl.bindBuffer(target, buffer); this._currentBoundBuffer[target] = buffer; } }; Engine.prototype.updateArrayBuffer = function (data) { this._gl.bufferSubData(this._gl.ARRAY_BUFFER, 0, data); }; Engine.prototype.vertexAttribPointer = function (buffer, indx, size, type, normalized, stride, offset) { var pointer = this._currentBufferPointers[indx]; var changed = false; if (!pointer) { changed = true; this._currentBufferPointers[indx] = { indx: indx, size: size, type: type, normalized: normalized, stride: stride, offset: offset, buffer: buffer }; } else { if (pointer.buffer !== buffer) { pointer.buffer = buffer; changed = true; } if (pointer.size !== size) { pointer.size = size; changed = true; } if (pointer.type !== type) { pointer.type = type; changed = true; } if (pointer.normalized !== normalized) { pointer.normalized = normalized; changed = true; } if (pointer.stride !== stride) { pointer.stride = stride; changed = true; } if (pointer.offset !== offset) { pointer.offset = offset; changed = true; } } if (changed) { this.bindArrayBuffer(buffer); this._gl.vertexAttribPointer(indx, size, type, normalized, stride, offset); } }; Engine.prototype.bindBuffersDirectly = function (vertexBuffer, indexBuffer, vertexDeclaration, vertexStrideSize, effect) { if (this._cachedVertexBuffers !== vertexBuffer || this._cachedEffectForVertexBuffers !== effect) { this._cachedVertexBuffers = vertexBuffer; this._cachedEffectForVertexBuffers = effect; var attributesCount = effect.getAttributesCount(); var offset = 0; for (var index = 0; index < attributesCount; index++) { if (index < vertexDeclaration.length) { var order = effect.getAttributeLocation(index); if (order >= 0) { if (!this._vertexAttribArraysEnabled[order]) { this._gl.enableVertexAttribArray(order); this._vertexAttribArraysEnabled[order] = true; } this.vertexAttribPointer(vertexBuffer, order, vertexDeclaration[index], this._gl.FLOAT, false, vertexStrideSize, offset); } offset += vertexDeclaration[index] * 4; } else { //disable effect attributes that have no data var order = effect.getAttributeLocation(index); if (this._vertexAttribArraysEnabled[order]) { this._gl.disableVertexAttribArray(order); this._vertexAttribArraysEnabled[order] = false; } } } } if (this._cachedIndexBuffer !== indexBuffer) { this._cachedIndexBuffer = indexBuffer; this.bindIndexBuffer(indexBuffer); this._uintIndicesCurrentlySet = indexBuffer.is32Bits; } }; Engine.prototype.bindBuffers = function (vertexBuffers, indexBuffer, effect) { if (this._cachedVertexBuffers !== vertexBuffers || this._cachedEffectForVertexBuffers !== effect) { this._cachedVertexBuffers = vertexBuffers; this._cachedEffectForVertexBuffers = effect; var attributes = effect.getAttributesNames(); for (var index = 0; index < attributes.length; index++) { var order = effect.getAttributeLocation(index); if (order >= 0) { var vertexBuffer = vertexBuffers[attributes[index]]; if (!vertexBuffer) { if (this._vertexAttribArraysEnabled[order]) { this._gl.disableVertexAttribArray(order); this._vertexAttribArraysEnabled[order] = false; } continue; } if (!this._vertexAttribArraysEnabled[order]) { this._gl.enableVertexAttribArray(order); this._vertexAttribArraysEnabled[order] = true; } var buffer = vertexBuffer.getBuffer(); this.vertexAttribPointer(buffer, order, vertexBuffer.getSize(), this._gl.FLOAT, false, vertexBuffer.getStrideSize() * 4, vertexBuffer.getOffset() * 4); if (vertexBuffer.getIsInstanced()) { this._caps.instancedArrays.vertexAttribDivisorANGLE(order, 1); this._currentInstanceLocations.push(order); this._currentInstanceBuffers.push(buffer); } } } } if (indexBuffer != null && this._cachedIndexBuffer !== indexBuffer) { this._cachedIndexBuffer = indexBuffer; this.bindIndexBuffer(indexBuffer); this._uintIndicesCurrentlySet = indexBuffer.is32Bits; } }; Engine.prototype.unbindInstanceAttributes = function () { var boundBuffer; for (var i = 0, ul = this._currentInstanceLocations.length; i < ul; i++) { var instancesBuffer = this._currentInstanceBuffers[i]; if (boundBuffer != instancesBuffer) { boundBuffer = instancesBuffer; this.bindArrayBuffer(instancesBuffer); } var offsetLocation = this._currentInstanceLocations[i]; this._caps.instancedArrays.vertexAttribDivisorANGLE(offsetLocation, 0); } this._currentInstanceBuffers.length = 0; this._currentInstanceLocations.length = 0; }; Engine.prototype._releaseBuffer = function (buffer) { buffer.references--; if (buffer.references === 0) { this._gl.deleteBuffer(buffer); return true; } return false; }; Engine.prototype.createInstancesBuffer = function (capacity) { var buffer = this._gl.createBuffer(); buffer.capacity = capacity; this.bindArrayBuffer(buffer); this._gl.bufferData(this._gl.ARRAY_BUFFER, capacity, this._gl.DYNAMIC_DRAW); return buffer; }; Engine.prototype.deleteInstancesBuffer = function (buffer) { this._gl.deleteBuffer(buffer); }; Engine.prototype.updateAndBindInstancesBuffer = function (instancesBuffer, data, offsetLocations) { this.bindArrayBuffer(instancesBuffer); if (data) { this._gl.bufferSubData(this._gl.ARRAY_BUFFER, 0, data); } if (offsetLocations[0].index !== undefined) { var stride = 0; for (var i = 0; i < offsetLocations.length; i++) { var ai = offsetLocations[i]; stride += ai.attributeSize * 4; } for (var i = 0; i < offsetLocations.length; i++) { var ai = offsetLocations[i]; if (!this._vertexAttribArraysEnabled[ai.index]) { this._gl.enableVertexAttribArray(ai.index); this._vertexAttribArraysEnabled[ai.index] = true; } this.vertexAttribPointer(instancesBuffer, ai.index, ai.attributeSize, ai.attribyteType || this._gl.FLOAT, ai.normalized || false, stride, ai.offset); this._caps.instancedArrays.vertexAttribDivisorANGLE(ai.index, 1); this._currentInstanceLocations.push(ai.index); this._currentInstanceBuffers.push(instancesBuffer); } } else { for (var index = 0; index < 4; index++) { var offsetLocation = offsetLocations[index]; if (!this._vertexAttribArraysEnabled[offsetLocation]) { this._gl.enableVertexAttribArray(offsetLocation); this._vertexAttribArraysEnabled[offsetLocation] = true; } this.vertexAttribPointer(instancesBuffer, offsetLocation, 4, this._gl.FLOAT, false, 64, index * 16); this._caps.instancedArrays.vertexAttribDivisorANGLE(offsetLocation, 1); this._currentInstanceLocations.push(offsetLocation); this._currentInstanceBuffers.push(instancesBuffer); } } }; Engine.prototype.applyStates = function () { this._depthCullingState.apply(this._gl); this._stencilState.apply(this._gl); this._alphaState.apply(this._gl); }; Engine.prototype.draw = function (useTriangles, indexStart, indexCount, instancesCount) { // Apply states this.applyStates(); this._drawCalls.addCount(1, false); // Render var indexFormat = this._uintIndicesCurrentlySet ? this._gl.UNSIGNED_INT : this._gl.UNSIGNED_SHORT; var mult = this._uintIndicesCurrentlySet ? 4 : 2; if (instancesCount) { this._caps.instancedArrays.drawElementsInstancedANGLE(useTriangles ? this._gl.TRIANGLES : this._gl.LINES, indexCount, indexFormat, indexStart * mult, instancesCount); return; } this._gl.drawElements(useTriangles ? this._gl.TRIANGLES : this._gl.LINES, indexCount, indexFormat, indexStart * mult); }; Engine.prototype.drawPointClouds = function (verticesStart, verticesCount, instancesCount) { // Apply states this.applyStates(); this._drawCalls.addCount(1, false); if (instancesCount) { this._caps.instancedArrays.drawArraysInstancedANGLE(this._gl.POINTS, verticesStart, verticesCount, instancesCount); return; } this._gl.drawArrays(this._gl.POINTS, verticesStart, verticesCount); }; Engine.prototype.drawUnIndexed = function (useTriangles, verticesStart, verticesCount, instancesCount) { // Apply states this.applyStates(); this._drawCalls.addCount(1, false); if (instancesCount) { this._caps.instancedArrays.drawArraysInstancedANGLE(useTriangles ? this._gl.TRIANGLES : this._gl.LINES, verticesStart, verticesCount, instancesCount); return; } this._gl.drawArrays(useTriangles ? this._gl.TRIANGLES : this._gl.LINES, verticesStart, verticesCount); }; // Shaders Engine.prototype._releaseEffect = function (effect) { if (this._compiledEffects[effect._key]) { delete this._compiledEffects[effect._key]; if (effect.getProgram()) { this._gl.deleteProgram(effect.getProgram()); } } }; Engine.prototype.createEffect = function (baseName, attributesNames, uniformsNames, samplers, defines, fallbacks, onCompiled, onError, indexParameters) { var vertex = baseName.vertexElement || baseName.vertex || baseName; var fragment = baseName.fragmentElement || baseName.fragment || baseName; var name = vertex + "+" + fragment + "@" + defines; if (this._compiledEffects[name]) { return this._compiledEffects[name]; } var effect = new BABYLON.Effect(baseName, attributesNames, uniformsNames, samplers, this, defines, fallbacks, onCompiled, onError, indexParameters); effect._key = name; this._compiledEffects[name] = effect; return effect; }; Engine.prototype.createEffectForParticles = function (fragmentName, uniformsNames, samplers, defines, fallbacks, onCompiled, onError) { if (uniformsNames === void 0) { uniformsNames = []; } if (samplers === void 0) { samplers = []; } if (defines === void 0) { defines = ""; } return this.createEffect({ vertex: "particles", fragmentElement: fragmentName }, ["position", "color", "options"], ["view", "projection"].concat(uniformsNames), ["diffuseSampler"].concat(samplers), defines, fallbacks, onCompiled, onError); }; Engine.prototype.createShaderProgram = function (vertexCode, fragmentCode, defines, context) { context = context || this._gl; var vertexShader = compileShader(context, vertexCode, "vertex", defines); var fragmentShader = compileShader(context, fragmentCode, "fragment", defines); var shaderProgram = context.createProgram(); context.attachShader(shaderProgram, vertexShader); context.attachShader(shaderProgram, fragmentShader); context.linkProgram(shaderProgram); var linked = context.getProgramParameter(shaderProgram, context.LINK_STATUS); if (!linked) { var error = context.getProgramInfoLog(shaderProgram); if (error) { throw new Error(error); } } context.deleteShader(vertexShader); context.deleteShader(fragmentShader); return shaderProgram; }; Engine.prototype.getUniforms = function (shaderProgram, uniformsNames) { var results = []; for (var index = 0; index < uniformsNames.length; index++) { results.push(this._gl.getUniformLocation(shaderProgram, uniformsNames[index])); } return results; }; Engine.prototype.getAttributes = function (shaderProgram, attributesNames) { var results = []; for (var index = 0; index < attributesNames.length; index++) { try { results.push(this._gl.getAttribLocation(shaderProgram, attributesNames[index])); } catch (e) { results.push(-1); } } return results; }; Engine.prototype.enableEffect = function (effect) { //if (!effect || !effect.getAttributesCount() || this._currentEffect === effect) { // if (effect && effect.onBind) { // effect.onBind(effect); // } // return; //} // Use program this.setProgram(effect.getProgram()); this._currentEffect = effect; if (effect.onBind) { effect.onBind(effect); } }; Engine.prototype.setIntArray = function (uniform, array) { if (!uniform) return; this._gl.uniform1iv(uniform, array); }; Engine.prototype.setIntArray2 = function (uniform, array) { if (!uniform || array.length % 2 !== 0) return; this._gl.uniform2iv(uniform, array); }; Engine.prototype.setIntArray3 = function (uniform, array) { if (!uniform || array.length % 3 !== 0) return; this._gl.uniform3iv(uniform, array); }; Engine.prototype.setIntArray4 = function (uniform, array) { if (!uniform || array.length % 4 !== 0) return; this._gl.uniform4iv(uniform, array); }; Engine.prototype.setFloatArray = function (uniform, array) { if (!uniform) return; this._gl.uniform1fv(uniform, array); }; Engine.prototype.setFloatArray2 = function (uniform, array) { if (!uniform || array.length % 2 !== 0) return; this._gl.uniform2fv(uniform, array); }; Engine.prototype.setFloatArray3 = function (uniform, array) { if (!uniform || array.length % 3 !== 0) return; this._gl.uniform3fv(uniform, array); }; Engine.prototype.setFloatArray4 = function (uniform, array) { if (!uniform || array.length % 4 !== 0) return; this._gl.uniform4fv(uniform, array); }; Engine.prototype.setArray = function (uniform, array) { if (!uniform) return; this._gl.uniform1fv(uniform, array); }; Engine.prototype.setArray2 = function (uniform, array) { if (!uniform || array.length % 2 !== 0) return; this._gl.uniform2fv(uniform, array); }; Engine.prototype.setArray3 = function (uniform, array) { if (!uniform || array.length % 3 !== 0) return; this._gl.uniform3fv(uniform, array); }; Engine.prototype.setArray4 = function (uniform, array) { if (!uniform || array.length % 4 !== 0) return; this._gl.uniform4fv(uniform, array); }; Engine.prototype.setMatrices = function (uniform, matrices) { if (!uniform) return; this._gl.uniformMatrix4fv(uniform, false, matrices); }; Engine.prototype.setMatrix = function (uniform, matrix) { if (!uniform) return; this._gl.uniformMatrix4fv(uniform, false, matrix.toArray()); }; Engine.prototype.setMatrix3x3 = function (uniform, matrix) { if (!uniform) return; this._gl.uniformMatrix3fv(uniform, false, matrix); }; Engine.prototype.setMatrix2x2 = function (uniform, matrix) { if (!uniform) return; this._gl.uniformMatrix2fv(uniform, false, matrix); }; Engine.prototype.setFloat = function (uniform, value) { if (!uniform) return; this._gl.uniform1f(uniform, value); }; Engine.prototype.setFloat2 = function (uniform, x, y) { if (!uniform) return; this._gl.uniform2f(uniform, x, y); }; Engine.prototype.setFloat3 = function (uniform, x, y, z) { if (!uniform) return; this._gl.uniform3f(uniform, x, y, z); }; Engine.prototype.setBool = function (uniform, bool) { if (!uniform) return; this._gl.uniform1i(uniform, bool); }; Engine.prototype.setFloat4 = function (uniform, x, y, z, w) { if (!uniform) return; this._gl.uniform4f(uniform, x, y, z, w); }; Engine.prototype.setColor3 = function (uniform, color3) { if (!uniform) return; this._gl.uniform3f(uniform, color3.r, color3.g, color3.b); }; Engine.prototype.setColor4 = function (uniform, color3, alpha) { if (!uniform) return; this._gl.uniform4f(uniform, color3.r, color3.g, color3.b, alpha); }; // States Engine.prototype.setState = function (culling, zOffset, force, reverseSide) { if (zOffset === void 0) { zOffset = 0; } if (reverseSide === void 0) { reverseSide = false; } // Culling var showSide = reverseSide ? this._gl.FRONT : this._gl.BACK; var hideSide = reverseSide ? this._gl.BACK : this._gl.FRONT; var cullFace = this.cullBackFaces ? showSide : hideSide; if (this._depthCullingState.cull !== culling || force || this._depthCullingState.cullFace !== cullFace) { if (culling) { this._depthCullingState.cullFace = cullFace; this._depthCullingState.cull = true; } else { this._depthCullingState.cull = false; } } // Z offset this._depthCullingState.zOffset = zOffset; }; Engine.prototype.setDepthBuffer = function (enable) { this._depthCullingState.depthTest = enable; }; Engine.prototype.getDepthWrite = function () { return this._depthCullingState.depthMask; }; Engine.prototype.setDepthWrite = function (enable) { this._depthCullingState.depthMask = enable; }; Engine.prototype.setColorWrite = function (enable) { this._gl.colorMask(enable, enable, enable, enable); }; Engine.prototype.setAlphaMode = function (mode, noDepthWriteChange) { if (noDepthWriteChange === void 0) { noDepthWriteChange = false; } if (this._alphaMode === mode) { return; } switch (mode) { case Engine.ALPHA_DISABLE: this._alphaState.alphaBlend = false; break; case Engine.ALPHA_COMBINE: this._alphaState.setAlphaBlendFunctionParameters(this._gl.SRC_ALPHA, this._gl.ONE_MINUS_SRC_ALPHA, this._gl.ONE, this._gl.ONE); this._alphaState.alphaBlend = true; break; case Engine.ALPHA_ONEONE: this._alphaState.setAlphaBlendFunctionParameters(this._gl.ONE, this._gl.ONE, this._gl.ZERO, this._gl.ONE); this._alphaState.alphaBlend = true; break; case Engine.ALPHA_ADD: this._alphaState.setAlphaBlendFunctionParameters(this._gl.SRC_ALPHA, this._gl.ONE, this._gl.ZERO, this._gl.ONE); this._alphaState.alphaBlend = true; break; case Engine.ALPHA_SUBTRACT: this._alphaState.setAlphaBlendFunctionParameters(this._gl.ZERO, this._gl.ONE_MINUS_SRC_COLOR, this._gl.ONE, this._gl.ONE); this._alphaState.alphaBlend = true; break; case Engine.ALPHA_MULTIPLY: this._alphaState.setAlphaBlendFunctionParameters(this._gl.DST_COLOR, this._gl.ZERO, this._gl.ONE, this._gl.ONE); this._alphaState.alphaBlend = true; break; case Engine.ALPHA_MAXIMIZED: this._alphaState.setAlphaBlendFunctionParameters(this._gl.SRC_ALPHA, this._gl.ONE_MINUS_SRC_COLOR, this._gl.ONE, this._gl.ONE); this._alphaState.alphaBlend = true; break; } if (!noDepthWriteChange) { this.setDepthWrite(mode === Engine.ALPHA_DISABLE); } this._alphaMode = mode; }; Engine.prototype.getAlphaMode = function () { return this._alphaMode; }; Engine.prototype.setAlphaTesting = function (enable) { this._alphaTest = enable; }; Engine.prototype.getAlphaTesting = function () { return this._alphaTest; }; // Textures Engine.prototype.wipeCaches = function () { this.resetTextureCache(); this._currentEffect = null; this._stencilState.reset(); this._depthCullingState.reset(); this.setDepthFunctionToLessOrEqual(); this._alphaState.reset(); this._cachedVertexBuffers = null; this._cachedIndexBuffer = null; this._cachedEffectForVertexBuffers = null; }; Engine.prototype.setSamplingMode = function (texture, samplingMode) { var gl = this._gl; this._bindTextureDirectly(gl.TEXTURE_2D, texture); var magFilter = gl.NEAREST; var minFilter = gl.NEAREST; if (samplingMode === BABYLON.Texture.BILINEAR_SAMPLINGMODE) { magFilter = gl.LINEAR; minFilter = gl.LINEAR; } else if (samplingMode === BABYLON.Texture.TRILINEAR_SAMPLINGMODE) { magFilter = gl.LINEAR; minFilter = gl.LINEAR_MIPMAP_LINEAR; } gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, magFilter); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, minFilter); this._bindTextureDirectly(gl.TEXTURE_2D, null); texture.samplingMode = samplingMode; }; Engine.prototype.createTexture = function (urlOrList, noMipmap, invertY, scene, samplingMode, onLoad, onError, buffer) { var _this = this; if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } if (onLoad === void 0) { onLoad = null; } if (onError === void 0) { onError = null; } if (buffer === void 0) { buffer = null; } var texture = this._gl.createTexture(); var url = ((urlOrList.constructor === Array) ? urlOrList[0] : urlOrList); var extension; var fromData = false; if (url.substr(0, 5) === "data:") { fromData = true; } if (!fromData) extension = url.substr(url.length - 4, 4).toLowerCase(); else { var oldUrl = url; fromData = oldUrl.split(':'); url = oldUrl; extension = fromData[1].substr(fromData[1].length - 4, 4).toLowerCase(); } var isDDS = (extension === ".dds"); var isTGA = (extension === ".tga"); scene._addPendingData(texture); texture.url = url; texture.noMipmap = noMipmap; texture.references = 1; texture.samplingMode = samplingMode; texture.onLoadedCallbacks = [onLoad]; this._loadedTexturesCache.push(texture); var onerror = function () { scene._removePendingData(texture); if (onError) { onError(); } }; var callback; if (isTGA) { callback = function (arrayBuffer) { var data = new Uint8Array(arrayBuffer); var header = BABYLON.Internals.TGATools.GetTGAHeader(data); prepareWebGLTexture(texture, _this._gl, scene, header.width, header.height, invertY, noMipmap, false, function () { BABYLON.Internals.TGATools.UploadContent(_this._gl, data); }, samplingMode); }; if (!(fromData instanceof Array)) BABYLON.Tools.LoadFile(url, function (arrayBuffer) { callback(arrayBuffer); }, null, scene.database, true, onerror); else callback(buffer); } else if (isDDS) { if (!this.getCaps().s3tc) { if (urlOrList instanceof Array) { var newList = urlOrList.slice(1); if (newList.length > 0) { return this.createTexture(newList, noMipmap, invertY, scene, samplingMode, onLoad, onError, buffer); } } onerror(); return null; } callback = function (data) { var info = BABYLON.Internals.DDSTools.GetDDSInfo(data); var loadMipmap = (info.isRGB || info.isLuminance || info.mipmapCount > 1) && !noMipmap && ((info.width >> (info.mipmapCount - 1)) === 1); prepareWebGLTexture(texture, _this._gl, scene, info.width, info.height, invertY, !loadMipmap, info.isFourCC, function () { BABYLON.Internals.DDSTools.UploadDDSLevels(_this._gl, _this.getCaps().s3tc, data, info, loadMipmap, 1); }, samplingMode); }; if (!(fromData instanceof Array)) BABYLON.Tools.LoadFile(url, function (data) { callback(data); }, null, scene.database, true, onerror); else callback(buffer); } else { var onload = function (img) { prepareWebGLTexture(texture, _this._gl, scene, img.width, img.height, invertY, noMipmap, false, function (potWidth, potHeight) { var isPot = (img.width === potWidth && img.height === potHeight); if (!isPot) { _this._prepareWorkingCanvas(); _this._workingCanvas.width = potWidth; _this._workingCanvas.height = potHeight; if (samplingMode === BABYLON.Texture.NEAREST_SAMPLINGMODE) { _this._workingContext.imageSmoothingEnabled = false; _this._workingContext.mozImageSmoothingEnabled = false; _this._workingContext.oImageSmoothingEnabled = false; _this._workingContext.webkitImageSmoothingEnabled = false; _this._workingContext.msImageSmoothingEnabled = false; } _this._workingContext.drawImage(img, 0, 0, img.width, img.height, 0, 0, potWidth, potHeight); if (samplingMode === BABYLON.Texture.NEAREST_SAMPLINGMODE) { _this._workingContext.imageSmoothingEnabled = true; _this._workingContext.mozImageSmoothingEnabled = true; _this._workingContext.oImageSmoothingEnabled = true; _this._workingContext.webkitImageSmoothingEnabled = true; _this._workingContext.msImageSmoothingEnabled = true; } } _this._gl.texImage2D(_this._gl.TEXTURE_2D, 0, _this._gl.RGBA, _this._gl.RGBA, _this._gl.UNSIGNED_BYTE, isPot ? img : _this._workingCanvas); }, samplingMode); }; if (!(fromData instanceof Array)) BABYLON.Tools.LoadImage(url, onload, onerror, scene.database); else BABYLON.Tools.LoadImage(buffer, onload, onerror, scene.database); } return texture; }; Engine.prototype._getInternalFormat = function (format) { var internalFormat = this._gl.RGBA; switch (format) { case Engine.TEXTUREFORMAT_ALPHA: internalFormat = this._gl.ALPHA; break; case Engine.TEXTUREFORMAT_LUMINANCE: internalFormat = this._gl.LUMINANCE; break; case Engine.TEXTUREFORMAT_LUMINANCE_ALPHA: internalFormat = this._gl.LUMINANCE_ALPHA; break; case Engine.TEXTUREFORMAT_RGB: internalFormat = this._gl.RGB; break; case Engine.TEXTUREFORMAT_RGBA: internalFormat = this._gl.RGBA; break; } return internalFormat; }; Engine.prototype.updateRawTexture = function (texture, data, format, invertY, compression) { if (compression === void 0) { compression = null; } var internalFormat = this._getInternalFormat(format); this._bindTextureDirectly(this._gl.TEXTURE_2D, texture); this._gl.pixelStorei(this._gl.UNPACK_FLIP_Y_WEBGL, invertY === undefined ? 1 : (invertY ? 1 : 0)); if (texture._width % 4 !== 0) { this._gl.pixelStorei(this._gl.UNPACK_ALIGNMENT, 1); } if (compression) { this._gl.compressedTexImage2D(this._gl.TEXTURE_2D, 0, this.getCaps().s3tc[compression], texture._width, texture._height, 0, data); } else { this._gl.texImage2D(this._gl.TEXTURE_2D, 0, internalFormat, texture._width, texture._height, 0, internalFormat, this._gl.UNSIGNED_BYTE, data); } if (texture.generateMipMaps) { this._gl.generateMipmap(this._gl.TEXTURE_2D); } this._bindTextureDirectly(this._gl.TEXTURE_2D, null); this.resetTextureCache(); texture.isReady = true; }; Engine.prototype.createRawTexture = function (data, width, height, format, generateMipMaps, invertY, samplingMode, compression) { if (compression === void 0) { compression = null; } var texture = this._gl.createTexture(); texture._baseWidth = width; texture._baseHeight = height; texture._width = width; texture._height = height; texture.references = 1; this.updateRawTexture(texture, data, format, invertY, compression); this._bindTextureDirectly(this._gl.TEXTURE_2D, texture); // Filters var filters = getSamplingParameters(samplingMode, generateMipMaps, this._gl); this._gl.texParameteri(this._gl.TEXTURE_2D, this._gl.TEXTURE_MAG_FILTER, filters.mag); this._gl.texParameteri(this._gl.TEXTURE_2D, this._gl.TEXTURE_MIN_FILTER, filters.min); this._bindTextureDirectly(this._gl.TEXTURE_2D, null); texture.samplingMode = samplingMode; this._loadedTexturesCache.push(texture); return texture; }; Engine.prototype.createDynamicTexture = function (width, height, generateMipMaps, samplingMode) { var texture = this._gl.createTexture(); texture._baseWidth = width; texture._baseHeight = height; if (generateMipMaps) { width = BABYLON.Tools.GetExponentOfTwo(width, this._caps.maxTextureSize); height = BABYLON.Tools.GetExponentOfTwo(height, this._caps.maxTextureSize); } this.resetTextureCache(); texture._width = width; texture._height = height; texture.isReady = false; texture.generateMipMaps = generateMipMaps; texture.references = 1; texture.samplingMode = samplingMode; this.updateTextureSamplingMode(samplingMode, texture); this._loadedTexturesCache.push(texture); return texture; }; Engine.prototype.updateTextureSamplingMode = function (samplingMode, texture) { var filters = getSamplingParameters(samplingMode, texture.generateMipMaps, this._gl); if (texture.isCube) { this._bindTextureDirectly(this._gl.TEXTURE_CUBE_MAP, texture); this._gl.texParameteri(this._gl.TEXTURE_CUBE_MAP, this._gl.TEXTURE_MAG_FILTER, filters.mag); this._gl.texParameteri(this._gl.TEXTURE_CUBE_MAP, this._gl.TEXTURE_MIN_FILTER, filters.min); this._bindTextureDirectly(this._gl.TEXTURE_CUBE_MAP, null); } else { this._bindTextureDirectly(this._gl.TEXTURE_2D, texture); this._gl.texParameteri(this._gl.TEXTURE_2D, this._gl.TEXTURE_MAG_FILTER, filters.mag); this._gl.texParameteri(this._gl.TEXTURE_2D, this._gl.TEXTURE_MIN_FILTER, filters.min); this._bindTextureDirectly(this._gl.TEXTURE_2D, null); } }; Engine.prototype.updateDynamicTexture = function (texture, canvas, invertY, premulAlpha) { if (premulAlpha === void 0) { premulAlpha = false; } this._bindTextureDirectly(this._gl.TEXTURE_2D, texture); this._gl.pixelStorei(this._gl.UNPACK_FLIP_Y_WEBGL, invertY ? 1 : 0); if (premulAlpha) { this._gl.pixelStorei(this._gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 1); } this._gl.texImage2D(this._gl.TEXTURE_2D, 0, this._gl.RGBA, this._gl.RGBA, this._gl.UNSIGNED_BYTE, canvas); if (texture.generateMipMaps) { this._gl.generateMipmap(this._gl.TEXTURE_2D); } this._bindTextureDirectly(this._gl.TEXTURE_2D, null); if (premulAlpha) { this._gl.pixelStorei(this._gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 0); } this.resetTextureCache(); texture.isReady = true; }; Engine.prototype.updateVideoTexture = function (texture, video, invertY) { if (texture._isDisabled) { return; } this._bindTextureDirectly(this._gl.TEXTURE_2D, texture); this._gl.pixelStorei(this._gl.UNPACK_FLIP_Y_WEBGL, invertY ? 0 : 1); // Video are upside down by default try { // Testing video texture support if (this._videoTextureSupported === undefined) { this._gl.texImage2D(this._gl.TEXTURE_2D, 0, this._gl.RGBA, this._gl.RGBA, this._gl.UNSIGNED_BYTE, video); if (this._gl.getError() !== 0) { this._videoTextureSupported = false; } else { this._videoTextureSupported = true; } } // Copy video through the current working canvas if video texture is not supported if (!this._videoTextureSupported) { if (!texture._workingCanvas) { texture._workingCanvas = document.createElement("canvas"); texture._workingContext = texture._workingCanvas.getContext("2d"); texture._workingCanvas.width = texture._width; texture._workingCanvas.height = texture._height; } texture._workingContext.drawImage(video, 0, 0, video.videoWidth, video.videoHeight, 0, 0, texture._width, texture._height); this._gl.texImage2D(this._gl.TEXTURE_2D, 0, this._gl.RGBA, this._gl.RGBA, this._gl.UNSIGNED_BYTE, texture._workingCanvas); } else { this._gl.texImage2D(this._gl.TEXTURE_2D, 0, this._gl.RGBA, this._gl.RGBA, this._gl.UNSIGNED_BYTE, video); } if (texture.generateMipMaps) { this._gl.generateMipmap(this._gl.TEXTURE_2D); } this._bindTextureDirectly(this._gl.TEXTURE_2D, null); this.resetTextureCache(); texture.isReady = true; } catch (ex) { // Something unexpected // Let's disable the texture texture._isDisabled = true; } }; Engine.prototype.createRenderTargetTexture = function (size, options) { // old version had a "generateMipMaps" arg instead of options. // if options.generateMipMaps is undefined, consider that options itself if the generateMipmaps value // in the same way, generateDepthBuffer is defaulted to true var generateMipMaps = false; var generateDepthBuffer = true; var generateStencilBuffer = false; var type = Engine.TEXTURETYPE_UNSIGNED_INT; var samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; if (options !== undefined) { generateMipMaps = options.generateMipMaps === undefined ? options : options.generateMipMaps; generateDepthBuffer = options.generateDepthBuffer === undefined ? true : options.generateDepthBuffer; generateStencilBuffer = generateDepthBuffer && options.generateStencilBuffer; type = options.type === undefined ? type : options.type; if (options.samplingMode !== undefined) { samplingMode = options.samplingMode; } if (type === Engine.TEXTURETYPE_FLOAT && !this._caps.textureFloatLinearFiltering) { // if floating point linear (gl.FLOAT) then force to NEAREST_SAMPLINGMODE samplingMode = BABYLON.Texture.NEAREST_SAMPLINGMODE; } else if (type === Engine.TEXTURETYPE_HALF_FLOAT && !this._caps.textureHalfFloatLinearFiltering) { // if floating point linear (HALF_FLOAT) then force to NEAREST_SAMPLINGMODE samplingMode = BABYLON.Texture.NEAREST_SAMPLINGMODE; } } var gl = this._gl; var texture = gl.createTexture(); this._bindTextureDirectly(gl.TEXTURE_2D, texture); var width = size.width || size; var height = size.height || size; var filters = getSamplingParameters(samplingMode, generateMipMaps, gl); if (type === Engine.TEXTURETYPE_FLOAT && !this._caps.textureFloat) { type = Engine.TEXTURETYPE_UNSIGNED_INT; BABYLON.Tools.Warn("Float textures are not supported. Render target forced to TEXTURETYPE_UNSIGNED_BYTE type"); } gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, filters.mag); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filters.min); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, getWebGLTextureType(gl, type), null); var depthStencilBuffer; // Create the depth/stencil buffer if (generateStencilBuffer) { depthStencilBuffer = gl.createRenderbuffer(); gl.bindRenderbuffer(gl.RENDERBUFFER, depthStencilBuffer); gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_STENCIL, width, height); } else if (generateDepthBuffer) { depthStencilBuffer = gl.createRenderbuffer(); gl.bindRenderbuffer(gl.RENDERBUFFER, depthStencilBuffer); gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_COMPONENT16, width, height); } // Create the framebuffer var framebuffer = gl.createFramebuffer(); this.bindUnboundFramebuffer(framebuffer); // Manage attachments if (generateStencilBuffer) { gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_STENCIL_ATTACHMENT, gl.RENDERBUFFER, depthStencilBuffer); } else if (generateDepthBuffer) { gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, depthStencilBuffer); } gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0); if (generateMipMaps) { this._gl.generateMipmap(this._gl.TEXTURE_2D); } // Unbind this._bindTextureDirectly(gl.TEXTURE_2D, null); gl.bindRenderbuffer(gl.RENDERBUFFER, null); this.bindUnboundFramebuffer(null); texture._framebuffer = framebuffer; if (generateDepthBuffer) { texture._depthBuffer = depthStencilBuffer; } texture._baseWidth = width; texture._baseHeight = height; texture._width = width; texture._height = height; texture.isReady = true; texture.generateMipMaps = generateMipMaps; texture.references = 1; texture.samplingMode = samplingMode; texture.type = type; this.resetTextureCache(); this._loadedTexturesCache.push(texture); return texture; }; Engine.prototype.createRenderTargetCubeTexture = function (size, options) { var gl = this._gl; var texture = gl.createTexture(); var generateMipMaps = true; var generateDepthBuffer = true; var generateStencilBuffer = false; var samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; if (options !== undefined) { generateMipMaps = options.generateMipMaps === undefined ? options : options.generateMipMaps; generateDepthBuffer = options.generateDepthBuffer === undefined ? true : options.generateDepthBuffer; generateStencilBuffer = generateDepthBuffer && options.generateStencilBuffer; if (options.samplingMode !== undefined) { samplingMode = options.samplingMode; } } texture.isCube = true; texture.references = 1; texture.generateMipMaps = generateMipMaps; texture.references = 1; texture.samplingMode = samplingMode; var filters = getSamplingParameters(samplingMode, generateMipMaps, gl); this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, texture); for (var face = 0; face < 6; face++) { gl.texImage2D((gl.TEXTURE_CUBE_MAP_POSITIVE_X + face), 0, gl.RGBA, size, size, 0, gl.RGBA, gl.UNSIGNED_BYTE, null); } gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, filters.mag); gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, filters.min); gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); // Create the depth buffer var depthStencilBuffer; // Create the depth/stencil buffer if (generateStencilBuffer) { depthStencilBuffer = gl.createRenderbuffer(); gl.bindRenderbuffer(gl.RENDERBUFFER, depthStencilBuffer); gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_STENCIL, size, size); } else if (generateDepthBuffer) { depthStencilBuffer = gl.createRenderbuffer(); gl.bindRenderbuffer(gl.RENDERBUFFER, depthStencilBuffer); gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_COMPONENT16, size, size); } // Create the framebuffer var framebuffer = gl.createFramebuffer(); this.bindUnboundFramebuffer(framebuffer); // Manage attachments if (generateStencilBuffer) { gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_STENCIL_ATTACHMENT, gl.RENDERBUFFER, depthStencilBuffer); } else if (generateDepthBuffer) { gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, depthStencilBuffer); } // Mipmaps if (texture.generateMipMaps) { this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, texture); gl.generateMipmap(gl.TEXTURE_CUBE_MAP); } // Unbind this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, null); gl.bindRenderbuffer(gl.RENDERBUFFER, null); this.bindUnboundFramebuffer(null); texture._framebuffer = framebuffer; if (generateDepthBuffer) { texture._depthBuffer = depthStencilBuffer; } texture._width = size; texture._height = size; texture.isReady = true; this.resetTextureCache(); this._loadedTexturesCache.push(texture); return texture; }; Engine.prototype.createCubeTexture = function (rootUrl, scene, files, noMipmap, onLoad, onError) { var _this = this; if (onLoad === void 0) { onLoad = null; } if (onError === void 0) { onError = null; } var gl = this._gl; var texture = gl.createTexture(); texture.isCube = true; texture.url = rootUrl; texture.references = 1; texture.onLoadedCallbacks = []; var extension = rootUrl.substr(rootUrl.length - 4, 4).toLowerCase(); var isDDS = this.getCaps().s3tc && (extension === ".dds"); if (isDDS) { BABYLON.Tools.LoadFile(rootUrl, function (data) { var info = BABYLON.Internals.DDSTools.GetDDSInfo(data); var loadMipmap = (info.isRGB || info.isLuminance || info.mipmapCount > 1) && !noMipmap; _this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, texture); gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 1); BABYLON.Internals.DDSTools.UploadDDSLevels(_this._gl, _this.getCaps().s3tc, data, info, loadMipmap, 6); if (!noMipmap && !info.isFourCC && info.mipmapCount === 1) { gl.generateMipmap(gl.TEXTURE_CUBE_MAP); } gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.LINEAR); gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, loadMipmap ? gl.LINEAR_MIPMAP_LINEAR : gl.LINEAR); gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); _this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, null); _this.resetTextureCache(); texture._width = info.width; texture._height = info.height; texture.isReady = true; }, null, null, true, onError); } else { cascadeLoad(rootUrl, scene, function (imgs) { var width = BABYLON.Tools.GetExponentOfTwo(imgs[0].width, _this._caps.maxCubemapTextureSize); var height = width; _this._prepareWorkingCanvas(); _this._workingCanvas.width = width; _this._workingCanvas.height = height; var faces = [ gl.TEXTURE_CUBE_MAP_POSITIVE_X, gl.TEXTURE_CUBE_MAP_POSITIVE_Y, gl.TEXTURE_CUBE_MAP_POSITIVE_Z, gl.TEXTURE_CUBE_MAP_NEGATIVE_X, gl.TEXTURE_CUBE_MAP_NEGATIVE_Y, gl.TEXTURE_CUBE_MAP_NEGATIVE_Z ]; _this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, texture); gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 0); for (var index = 0; index < faces.length; index++) { _this._workingContext.drawImage(imgs[index], 0, 0, imgs[index].width, imgs[index].height, 0, 0, width, height); gl.texImage2D(faces[index], 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, _this._workingCanvas); } if (!noMipmap) { gl.generateMipmap(gl.TEXTURE_CUBE_MAP); } gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.LINEAR); gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, noMipmap ? gl.LINEAR : gl.LINEAR_MIPMAP_LINEAR); gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); _this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, null); _this.resetTextureCache(); texture._width = width; texture._height = height; texture.isReady = true; texture.onLoadedCallbacks.forEach(function (callback) { callback(); }); if (onLoad) { onLoad(); } }, files, onError); } this._loadedTexturesCache.push(texture); return texture; }; Engine.prototype.updateTextureSize = function (texture, width, height) { texture._width = width; texture._height = height; texture._size = width * height; texture._baseWidth = width; texture._baseHeight = height; }; Engine.prototype.createRawCubeTexture = function (url, scene, size, format, type, noMipmap, callback, mipmmapGenerator) { var _this = this; var gl = this._gl; var texture = gl.createTexture(); scene._addPendingData(texture); texture.isCube = true; texture.references = 1; texture.url = url; var internalFormat = this._getInternalFormat(format); var textureType = gl.UNSIGNED_BYTE; if (type === Engine.TEXTURETYPE_FLOAT) { textureType = gl.FLOAT; } var width = size; var height = width; var isPot = (BABYLON.Tools.IsExponentOfTwo(width) && BABYLON.Tools.IsExponentOfTwo(height)); texture._width = width; texture._height = height; var onerror = function () { scene._removePendingData(texture); }; var internalCallback = function (data) { var rgbeDataArrays = callback(data); var facesIndex = [ gl.TEXTURE_CUBE_MAP_POSITIVE_X, gl.TEXTURE_CUBE_MAP_POSITIVE_Y, gl.TEXTURE_CUBE_MAP_POSITIVE_Z, gl.TEXTURE_CUBE_MAP_NEGATIVE_X, gl.TEXTURE_CUBE_MAP_NEGATIVE_Y, gl.TEXTURE_CUBE_MAP_NEGATIVE_Z ]; width = texture._width; height = texture._height; isPot = (BABYLON.Tools.IsExponentOfTwo(width) && BABYLON.Tools.IsExponentOfTwo(height)); _this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, texture); gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 0); if (!noMipmap && isPot) { if (mipmmapGenerator) { var arrayTemp = []; // Data are known to be in +X +Y +Z -X -Y -Z // mipmmapGenerator data is expected to be order in +X -X +Y -Y +Z -Z arrayTemp.push(rgbeDataArrays[0]); // +X arrayTemp.push(rgbeDataArrays[3]); // -X arrayTemp.push(rgbeDataArrays[1]); // +Y arrayTemp.push(rgbeDataArrays[4]); // -Y arrayTemp.push(rgbeDataArrays[2]); // +Z arrayTemp.push(rgbeDataArrays[5]); // -Z var mipData = mipmmapGenerator(arrayTemp); for (var level = 0; level < mipData.length; level++) { var mipSize = width >> level; // mipData is order in +X -X +Y -Y +Z -Z gl.texImage2D(facesIndex[0], level, internalFormat, mipSize, mipSize, 0, internalFormat, textureType, mipData[level][0]); gl.texImage2D(facesIndex[1], level, internalFormat, mipSize, mipSize, 0, internalFormat, textureType, mipData[level][2]); gl.texImage2D(facesIndex[2], level, internalFormat, mipSize, mipSize, 0, internalFormat, textureType, mipData[level][4]); gl.texImage2D(facesIndex[3], level, internalFormat, mipSize, mipSize, 0, internalFormat, textureType, mipData[level][1]); gl.texImage2D(facesIndex[4], level, internalFormat, mipSize, mipSize, 0, internalFormat, textureType, mipData[level][3]); gl.texImage2D(facesIndex[5], level, internalFormat, mipSize, mipSize, 0, internalFormat, textureType, mipData[level][5]); } } else { // Data are known to be in +X +Y +Z -X -Y -Z for (var index = 0; index < facesIndex.length; index++) { var faceData = rgbeDataArrays[index]; gl.texImage2D(facesIndex[index], 0, internalFormat, width, height, 0, internalFormat, textureType, faceData); } gl.generateMipmap(gl.TEXTURE_CUBE_MAP); // Workaround firefox bug fix https://bugzilla.mozilla.org/show_bug.cgi?id=1221822 // By following the webgl standard changes from Revision 7, 2014/11/24 // Firefox Removed the support for RGB32F, since it is not natively supported on all platforms where WebGL is implemented. if (textureType === gl.FLOAT && internalFormat === gl.RGB && gl.getError() === 1282) { BABYLON.Tools.Log("RGB32F not renderable on Firefox, trying fallback to RGBA32F."); // Data are known to be in +X +Y +Z -X -Y -Z for (var index = 0; index < facesIndex.length; index++) { var faceData = rgbeDataArrays[index]; // Create a new RGBA Face. var newFaceData = new Float32Array(width * height * 4); for (var x = 0; x < width; x++) { for (var y = 0; y < height; y++) { var index_1 = (y * width + x) * 3; var newIndex = (y * width + x) * 4; // Map Old Value to new value. newFaceData[newIndex + 0] = faceData[index_1 + 0]; newFaceData[newIndex + 1] = faceData[index_1 + 1]; newFaceData[newIndex + 2] = faceData[index_1 + 2]; // Add fully opaque alpha channel. newFaceData[newIndex + 3] = 1; } } // Reupload the face. gl.texImage2D(facesIndex[index], 0, gl.RGBA, width, height, 0, gl.RGBA, textureType, newFaceData); } // Try to generate mipmap again. gl.generateMipmap(gl.TEXTURE_CUBE_MAP); } } } else { noMipmap = true; } if (textureType === gl.FLOAT && !_this._caps.textureFloatLinearFiltering) { gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.NEAREST); gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, gl.NEAREST); } else if (textureType === HALF_FLOAT_OES && !_this._caps.textureHalfFloatLinearFiltering) { gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.NEAREST); gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, gl.NEAREST); } else { gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.LINEAR); gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, noMipmap ? gl.LINEAR : gl.LINEAR_MIPMAP_LINEAR); } gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); _this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, null); texture.isReady = true; _this.resetTextureCache(); scene._removePendingData(texture); }; BABYLON.Tools.LoadFile(url, function (data) { internalCallback(data); }, onerror, scene.database, true); return texture; }; ; Engine.prototype._releaseTexture = function (texture) { var gl = this._gl; if (texture._framebuffer) { gl.deleteFramebuffer(texture._framebuffer); } if (texture._depthBuffer) { gl.deleteRenderbuffer(texture._depthBuffer); } gl.deleteTexture(texture); // Unbind channels this.unbindAllTextures(); var index = this._loadedTexturesCache.indexOf(texture); if (index !== -1) { this._loadedTexturesCache.splice(index, 1); } }; Engine.prototype.setProgram = function (program) { if (this._currentProgram !== program) { this._gl.useProgram(program); this._currentProgram = program; } }; Engine.prototype.bindSamplers = function (effect) { this.setProgram(effect.getProgram()); var samplers = effect.getSamplers(); for (var index = 0; index < samplers.length; index++) { var uniform = effect.getUniform(samplers[index]); this._gl.uniform1i(uniform, index); } this._currentEffect = null; }; Engine.prototype.activateTexture = function (texture) { if (this._activeTexture !== texture) { this._gl.activeTexture(texture); this._activeTexture = texture; } }; Engine.prototype._bindTextureDirectly = function (target, texture) { if (this._activeTexturesCache[this._activeTexture] !== texture) { this._gl.bindTexture(target, texture); this._activeTexturesCache[this._activeTexture] = texture; } }; Engine.prototype._bindTexture = function (channel, texture) { if (channel < 0) { return; } this.activateTexture(this._gl["TEXTURE" + channel]); this._bindTextureDirectly(this._gl.TEXTURE_2D, texture); }; Engine.prototype.setTextureFromPostProcess = function (channel, postProcess) { this._bindTexture(channel, postProcess._textures.data[postProcess._currentRenderTextureInd]); }; Engine.prototype.unbindAllTextures = function () { for (var channel = 0; channel < this._caps.maxTexturesImageUnits; channel++) { this.activateTexture(this._gl["TEXTURE" + channel]); this._bindTextureDirectly(this._gl.TEXTURE_2D, null); this._bindTextureDirectly(this._gl.TEXTURE_CUBE_MAP, null); } }; Engine.prototype.setTexture = function (channel, uniform, texture) { if (channel < 0) { return; } this._gl.uniform1i(uniform, channel); this._setTexture(channel, texture); }; Engine.prototype._setTexture = function (channel, texture) { // Not ready? if (!texture || !texture.isReady()) { if (this._activeTexturesCache[channel] != null) { this.activateTexture(this._gl["TEXTURE" + channel]); this._bindTextureDirectly(this._gl.TEXTURE_2D, null); this._bindTextureDirectly(this._gl.TEXTURE_CUBE_MAP, null); } return; } // Video var alreadyActivated = false; if (texture instanceof BABYLON.VideoTexture) { this.activateTexture(this._gl["TEXTURE" + channel]); alreadyActivated = true; texture.update(); } else if (texture.delayLoadState === Engine.DELAYLOADSTATE_NOTLOADED) { texture.delayLoad(); return; } var internalTexture = texture.getInternalTexture(); if (this._activeTexturesCache[channel] === internalTexture) { return; } if (!alreadyActivated) { this.activateTexture(this._gl["TEXTURE" + channel]); } if (internalTexture.isCube) { this._bindTextureDirectly(this._gl.TEXTURE_CUBE_MAP, internalTexture); if (internalTexture._cachedCoordinatesMode !== texture.coordinatesMode) { internalTexture._cachedCoordinatesMode = texture.coordinatesMode; // CUBIC_MODE and SKYBOX_MODE both require CLAMP_TO_EDGE. All other modes use REPEAT. var textureWrapMode = (texture.coordinatesMode !== BABYLON.Texture.CUBIC_MODE && texture.coordinatesMode !== BABYLON.Texture.SKYBOX_MODE) ? this._gl.REPEAT : this._gl.CLAMP_TO_EDGE; this._gl.texParameteri(this._gl.TEXTURE_CUBE_MAP, this._gl.TEXTURE_WRAP_S, textureWrapMode); this._gl.texParameteri(this._gl.TEXTURE_CUBE_MAP, this._gl.TEXTURE_WRAP_T, textureWrapMode); } this._setAnisotropicLevel(this._gl.TEXTURE_CUBE_MAP, texture); } else { this._bindTextureDirectly(this._gl.TEXTURE_2D, internalTexture); if (internalTexture._cachedWrapU !== texture.wrapU) { internalTexture._cachedWrapU = texture.wrapU; switch (texture.wrapU) { case BABYLON.Texture.WRAP_ADDRESSMODE: this._gl.texParameteri(this._gl.TEXTURE_2D, this._gl.TEXTURE_WRAP_S, this._gl.REPEAT); break; case BABYLON.Texture.CLAMP_ADDRESSMODE: this._gl.texParameteri(this._gl.TEXTURE_2D, this._gl.TEXTURE_WRAP_S, this._gl.CLAMP_TO_EDGE); break; case BABYLON.Texture.MIRROR_ADDRESSMODE: this._gl.texParameteri(this._gl.TEXTURE_2D, this._gl.TEXTURE_WRAP_S, this._gl.MIRRORED_REPEAT); break; } } if (internalTexture._cachedWrapV !== texture.wrapV) { internalTexture._cachedWrapV = texture.wrapV; switch (texture.wrapV) { case BABYLON.Texture.WRAP_ADDRESSMODE: this._gl.texParameteri(this._gl.TEXTURE_2D, this._gl.TEXTURE_WRAP_T, this._gl.REPEAT); break; case BABYLON.Texture.CLAMP_ADDRESSMODE: this._gl.texParameteri(this._gl.TEXTURE_2D, this._gl.TEXTURE_WRAP_T, this._gl.CLAMP_TO_EDGE); break; case BABYLON.Texture.MIRROR_ADDRESSMODE: this._gl.texParameteri(this._gl.TEXTURE_2D, this._gl.TEXTURE_WRAP_T, this._gl.MIRRORED_REPEAT); break; } } this._setAnisotropicLevel(this._gl.TEXTURE_2D, texture); } }; Engine.prototype.setTextureArray = function (channel, uniform, textures) { if (channel < 0) { return; } if (!this._textureUnits || this._textureUnits.length !== textures.length) { this._textureUnits = new Int32Array(textures.length); } for (var i = 0; i < textures.length; i++) { this._textureUnits[i] = channel + i; } this._gl.uniform1iv(uniform, this._textureUnits); for (var index = 0; index < textures.length; index++) { this._setTexture(channel + index, textures[index]); } }; Engine.prototype._setAnisotropicLevel = function (key, texture) { var anisotropicFilterExtension = this._caps.textureAnisotropicFilterExtension; var value = texture.anisotropicFilteringLevel; if (texture.getInternalTexture().samplingMode === BABYLON.Texture.NEAREST_SAMPLINGMODE) { value = 1; } if (anisotropicFilterExtension && texture._cachedAnisotropicFilteringLevel !== value) { this._gl.texParameterf(key, anisotropicFilterExtension.TEXTURE_MAX_ANISOTROPY_EXT, Math.min(value, this._caps.maxAnisotropy)); texture._cachedAnisotropicFilteringLevel = value; } }; Engine.prototype.readPixels = function (x, y, width, height) { var data = new Uint8Array(height * width * 4); this._gl.readPixels(x, y, width, height, this._gl.RGBA, this._gl.UNSIGNED_BYTE, data); return data; }; /** * Add an externaly attached data from its key. * This method call will fail and return false, if such key already exists. * If you don't care and just want to get the data no matter what, use the more convenient getOrAddExternalDataWithFactory() method. * @param key the unique key that identifies the data * @param data the data object to associate to the key for this Engine instance * @return true if no such key were already present and the data was added successfully, false otherwise */ Engine.prototype.addExternalData = function (key, data) { return this._externalData.add(key, data); }; /** * Get an externaly attached data from its key * @param key the unique key that identifies the data * @return the associated data, if present (can be null), or undefined if not present */ Engine.prototype.getExternalData = function (key) { return this._externalData.get(key); }; /** * Get an externaly attached data from its key, create it using a factory if it's not already present * @param key the unique key that identifies the data * @param factory the factory that will be called to create the instance if and only if it doesn't exists * @return the associated data, can be null if the factory returned null. */ Engine.prototype.getOrAddExternalDataWithFactory = function (key, factory) { return this._externalData.getOrAddWithFactory(key, factory); }; /** * Remove an externaly attached data from the Engine instance * @param key the unique key that identifies the data * @return true if the data was successfully removed, false if it doesn't exist */ Engine.prototype.removeExternalData = function (key) { return this._externalData.remove(key); }; Engine.prototype.releaseInternalTexture = function (texture) { if (!texture) { return; } texture.references--; // Final reference ? if (texture.references === 0) { var texturesCache = this.getLoadedTexturesCache(); var index = texturesCache.indexOf(texture); if (index > -1) { texturesCache.splice(index, 1); } this._releaseTexture(texture); } }; Engine.prototype.unbindAllAttributes = function () { for (var i = 0, ul = this._vertexAttribArraysEnabled.length; i < ul; i++) { if (i >= this._caps.maxVertexAttribs || !this._vertexAttribArraysEnabled[i]) { continue; } this._gl.disableVertexAttribArray(i); this._vertexAttribArraysEnabled[i] = false; } }; // Dispose Engine.prototype.dispose = function () { this.hideLoadingUI(); this.stopRenderLoop(); // Release scenes while (this.scenes.length) { this.scenes[0].dispose(); } // Release audio engine Engine.audioEngine.dispose(); // Release effects for (var name in this._compiledEffects) { this._gl.deleteProgram(this._compiledEffects[name]._program); } // Unbind this.unbindAllAttributes(); this._gl = null; //WebVR this.disableVR(); // Events window.removeEventListener("blur", this._onBlur); window.removeEventListener("focus", this._onFocus); document.removeEventListener("fullscreenchange", this._onFullscreenChange); document.removeEventListener("mozfullscreenchange", this._onFullscreenChange); document.removeEventListener("webkitfullscreenchange", this._onFullscreenChange); document.removeEventListener("msfullscreenchange", this._onFullscreenChange); document.removeEventListener("pointerlockchange", this._onPointerLockChange); document.removeEventListener("mspointerlockchange", this._onPointerLockChange); document.removeEventListener("mozpointerlockchange", this._onPointerLockChange); document.removeEventListener("webkitpointerlockchange", this._onPointerLockChange); }; // Loading screen Engine.prototype.displayLoadingUI = function () { this._loadingScreen.displayLoadingUI(); }; Engine.prototype.hideLoadingUI = function () { this._loadingScreen.hideLoadingUI(); }; Object.defineProperty(Engine.prototype, "loadingScreen", { get: function () { return this._loadingScreen; }, set: function (loadingScreen) { this._loadingScreen = loadingScreen; }, enumerable: true, configurable: true }); Object.defineProperty(Engine.prototype, "loadingUIText", { set: function (text) { this._loadingScreen.loadingUIText = text; }, enumerable: true, configurable: true }); Object.defineProperty(Engine.prototype, "loadingUIBackgroundColor", { set: function (color) { this._loadingScreen.loadingUIBackgroundColor = color; }, enumerable: true, configurable: true }); Engine.prototype.attachContextLostEvent = function (callback) { this._renderingCanvas.addEventListener("webglcontextlost", callback, false); }; Engine.prototype.attachContextRestoredEvent = function (callback) { this._renderingCanvas.addEventListener("webglcontextrestored", callback, false); }; Engine.prototype.getVertexShaderSource = function (program) { var shaders = this._gl.getAttachedShaders(program); return this._gl.getShaderSource(shaders[0]); }; Engine.prototype.getFragmentShaderSource = function (program) { var shaders = this._gl.getAttachedShaders(program); return this._gl.getShaderSource(shaders[1]); }; // FPS Engine.prototype.getFps = function () { return this.fps; }; Engine.prototype.getDeltaTime = function () { return this.deltaTime; }; Engine.prototype._measureFps = function () { this.previousFramesDuration.push(BABYLON.Tools.Now); var length = this.previousFramesDuration.length; if (length >= 2) { this.deltaTime = this.previousFramesDuration[length - 1] - this.previousFramesDuration[length - 2]; } if (length >= this.fpsRange) { if (length > this.fpsRange) { this.previousFramesDuration.splice(0, 1); length = this.previousFramesDuration.length; } var sum = 0; for (var id = 0; id < length - 1; id++) { sum += this.previousFramesDuration[id + 1] - this.previousFramesDuration[id]; } this.fps = 1000.0 / (sum / (length - 1)); } }; Engine.prototype._canRenderToFloatTexture = function () { return this._canRenderToTextureOfType(BABYLON.Engine.TEXTURETYPE_FLOAT, 'OES_texture_float'); }; Engine.prototype._canRenderToHalfFloatTexture = function () { return this._canRenderToTextureOfType(BABYLON.Engine.TEXTURETYPE_HALF_FLOAT, 'OES_texture_half_float'); }; // Thank you : http://stackoverflow.com/questions/28827511/webgl-ios-render-to-floating-point-texture Engine.prototype._canRenderToTextureOfType = function (format, extension) { var tempcanvas = document.createElement("canvas"); tempcanvas.height = 16; tempcanvas.width = 16; var gl = (tempcanvas.getContext("webgl") || tempcanvas.getContext("experimental-webgl")); // extension. var ext = gl.getExtension(extension); if (!ext) { return false; } // setup GLSL program var vertexCode = "attribute vec4 a_position;\n void main() {\n gl_Position = a_position;\n }"; var fragmentCode = "precision mediump float;\n uniform vec4 u_color;\n uniform sampler2D u_texture;\n\n void main() {\n gl_FragColor = texture2D(u_texture, vec2(0.5, 0.5)) * u_color;\n }"; var program = this.createShaderProgram(vertexCode, fragmentCode, null, gl); gl.useProgram(program); // look up where the vertex data needs to go. var positionLocation = gl.getAttribLocation(program, "a_position"); var colorLoc = gl.getUniformLocation(program, "u_color"); // provide texture coordinates for the rectangle. var positionBuffer = gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer); gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([ -1.0, -1.0, 1.0, -1.0, -1.0, 1.0, -1.0, 1.0, 1.0, -1.0, 1.0, 1.0]), gl.STATIC_DRAW); gl.enableVertexAttribArray(positionLocation); gl.vertexAttribPointer(positionLocation, 2, gl.FLOAT, false, 0, 0); var whiteTex = gl.createTexture(); gl.bindTexture(gl.TEXTURE_2D, whiteTex); gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 1, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, new Uint8Array([255, 255, 255, 255])); var tex = gl.createTexture(); gl.bindTexture(gl.TEXTURE_2D, tex); gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 1, 1, 0, gl.RGBA, getWebGLTextureType(gl, format), null); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); var fb = gl.createFramebuffer(); gl.bindFramebuffer(gl.FRAMEBUFFER, fb); gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, tex, 0); var cleanup = function () { gl.deleteProgram(program); gl.disableVertexAttribArray(positionLocation); gl.deleteBuffer(positionBuffer); gl.deleteFramebuffer(fb); gl.deleteTexture(whiteTex); gl.deleteTexture(tex); }; var status = gl.checkFramebufferStatus(gl.FRAMEBUFFER); if (status !== gl.FRAMEBUFFER_COMPLETE) { BABYLON.Tools.Log("GL Support: can **NOT** render to " + format + " texture"); cleanup(); return false; } // Draw the rectangle. gl.bindTexture(gl.TEXTURE_2D, whiteTex); gl.uniform4fv(colorLoc, [0, 10, 20, 1]); gl.drawArrays(gl.TRIANGLES, 0, 6); gl.bindTexture(gl.TEXTURE_2D, tex); gl.bindFramebuffer(gl.FRAMEBUFFER, null); gl.clearColor(1, 0, 0, 1); gl.clear(gl.COLOR_BUFFER_BIT); gl.uniform4fv(colorLoc, [0, 1 / 10, 1 / 20, 1]); gl.drawArrays(gl.TRIANGLES, 0, 6); var pixel = new Uint8Array(4); gl.readPixels(0, 0, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, pixel); if (pixel[0] !== 0 || pixel[1] < 248 || pixel[2] < 248 || pixel[3] < 254) { BABYLON.Tools.Log("GL Support: Was not able to actually render to " + format + " texture"); cleanup(); return false; } // Succesfully rendered to "format" texture. cleanup(); return true; }; // Statics Engine.isSupported = function () { try { // Avoid creating an unsized context for CocoonJS, since size determined on first creation. Is not resizable if (navigator.isCocoonJS) { return true; } var tempcanvas = document.createElement("canvas"); var gl = tempcanvas.getContext("webgl") || tempcanvas.getContext("experimental-webgl"); return gl != null && !!window.WebGLRenderingContext; } catch (e) { return false; } }; // Const statics Engine._ALPHA_DISABLE = 0; Engine._ALPHA_ADD = 1; Engine._ALPHA_COMBINE = 2; Engine._ALPHA_SUBTRACT = 3; Engine._ALPHA_MULTIPLY = 4; Engine._ALPHA_MAXIMIZED = 5; Engine._ALPHA_ONEONE = 6; Engine._DELAYLOADSTATE_NONE = 0; Engine._DELAYLOADSTATE_LOADED = 1; Engine._DELAYLOADSTATE_LOADING = 2; Engine._DELAYLOADSTATE_NOTLOADED = 4; Engine._TEXTUREFORMAT_ALPHA = 0; Engine._TEXTUREFORMAT_LUMINANCE = 1; Engine._TEXTUREFORMAT_LUMINANCE_ALPHA = 2; Engine._TEXTUREFORMAT_RGB = 4; Engine._TEXTUREFORMAT_RGBA = 5; Engine._TEXTURETYPE_UNSIGNED_INT = 0; Engine._TEXTURETYPE_FLOAT = 1; Engine._TEXTURETYPE_HALF_FLOAT = 2; // Depht or Stencil test Constants. Engine._NEVER = 0x0200; // Passed to depthFunction or stencilFunction to specify depth or stencil tests will never pass. i.e. Nothing will be drawn. Engine._ALWAYS = 0x0207; // Passed to depthFunction or stencilFunction to specify depth or stencil tests will always pass. i.e. Pixels will be drawn in the order they are drawn. Engine._LESS = 0x0201; // Passed to depthFunction or stencilFunction to specify depth or stencil tests will pass if the new depth value is less than the stored value. Engine._EQUAL = 0x0202; // Passed to depthFunction or stencilFunction to specify depth or stencil tests will pass if the new depth value is equals to the stored value. Engine._LEQUAL = 0x0203; // Passed to depthFunction or stencilFunction to specify depth or stencil tests will pass if the new depth value is less than or equal to the stored value. Engine._GREATER = 0x0204; // Passed to depthFunction or stencilFunction to specify depth or stencil tests will pass if the new depth value is greater than the stored value. Engine._GEQUAL = 0x0206; // Passed to depthFunction or stencilFunction to specify depth or stencil tests will pass if the new depth value is greater than or equal to the stored value. Engine._NOTEQUAL = 0x0205; // Passed to depthFunction or stencilFunction to specify depth or stencil tests will pass if the new depth value is not equal to the stored value. // Stencil Actions Constants. Engine._KEEP = 0x1E00; Engine._REPLACE = 0x1E01; Engine._INCR = 0x1E02; Engine._DECR = 0x1E03; Engine._INVERT = 0x150A; Engine._INCR_WRAP = 0x8507; Engine._DECR_WRAP = 0x8508; // Updatable statics so stick with vars here Engine.CollisionsEpsilon = 0.001; Engine.CodeRepository = "src/"; Engine.ShadersRepository = "src/Shaders/"; return Engine; }()); BABYLON.Engine = Engine; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=babylon.engine.js.map var BABYLON; (function (BABYLON) { /** * Node is the basic class for all scene objects (Mesh, Light Camera). */ var Node = (function () { /** * @constructor * @param {string} name - the name and id to be given to this node * @param {BABYLON.Scene} the scene this node will be added to */ function Node(name, scene) { this.state = ""; this.metadata = null; this.doNotSerialize = false; this.animations = new Array(); this._ranges = {}; this._childrenFlag = -1; this._isEnabled = true; this._isReady = true; this._currentRenderId = -1; this._parentRenderId = -1; /** * An event triggered when the mesh is disposed. * @type {BABYLON.Observable} */ this.onDisposeObservable = new BABYLON.Observable(); this.name = name; this.id = name; this._scene = scene; this._initCache(); } Object.defineProperty(Node.prototype, "parent", { get: function () { return this._parentNode; }, set: function (parent) { if (this._parentNode === parent) { return; } if (this._parentNode) { var index = this._parentNode._children.indexOf(this); if (index !== -1) { this._parentNode._children.splice(index, 1); } } this._parentNode = parent; if (this._parentNode) { if (!this._parentNode._children) { this._parentNode._children = new Array(); } this._parentNode._children.push(this); } }, enumerable: true, configurable: true }); Object.defineProperty(Node.prototype, "onDispose", { set: function (callback) { if (this._onDisposeObserver) { this.onDisposeObservable.remove(this._onDisposeObserver); } this._onDisposeObserver = this.onDisposeObservable.add(callback); }, enumerable: true, configurable: true }); Node.prototype.getScene = function () { return this._scene; }; Node.prototype.getEngine = function () { return this._scene.getEngine(); }; // override it in derived class Node.prototype.getWorldMatrix = function () { return BABYLON.Matrix.Identity(); }; // override it in derived class if you add new variables to the cache // and call the parent class method Node.prototype._initCache = function () { this._cache = {}; this._cache.parent = undefined; }; Node.prototype.updateCache = function (force) { if (!force && this.isSynchronized()) return; this._cache.parent = this.parent; this._updateCache(); }; // override it in derived class if you add new variables to the cache // and call the parent class method if !ignoreParentClass Node.prototype._updateCache = function (ignoreParentClass) { }; // override it in derived class if you add new variables to the cache Node.prototype._isSynchronized = function () { return true; }; Node.prototype._markSyncedWithParent = function () { this._parentRenderId = this.parent._currentRenderId; }; Node.prototype.isSynchronizedWithParent = function () { if (!this.parent) { return true; } if (this._parentRenderId !== this.parent._currentRenderId) { return false; } return this.parent.isSynchronized(); }; Node.prototype.isSynchronized = function (updateCache) { var check = this.hasNewParent(); check = check || !this.isSynchronizedWithParent(); check = check || !this._isSynchronized(); if (updateCache) this.updateCache(true); return !check; }; Node.prototype.hasNewParent = function (update) { if (this._cache.parent === this.parent) return false; if (update) this._cache.parent = this.parent; return true; }; /** * Is this node ready to be used/rendered * @return {boolean} is it ready */ Node.prototype.isReady = function () { return this._isReady; }; /** * Is this node enabled. * If the node has a parent and is enabled, the parent will be inspected as well. * @return {boolean} whether this node (and its parent) is enabled. * @see setEnabled */ Node.prototype.isEnabled = function () { if (!this._isEnabled) { return false; } if (this.parent) { return this.parent.isEnabled(); } return true; }; /** * Set the enabled state of this node. * @param {boolean} value - the new enabled state * @see isEnabled */ Node.prototype.setEnabled = function (value) { this._isEnabled = value; }; /** * Is this node a descendant of the given node. * The function will iterate up the hierarchy until the ancestor was found or no more parents defined. * @param {BABYLON.Node} ancestor - The parent node to inspect * @see parent */ Node.prototype.isDescendantOf = function (ancestor) { if (this.parent) { if (this.parent === ancestor) { return true; } return this.parent.isDescendantOf(ancestor); } return false; }; /** * Evaluate the list of children and determine if they should be considered as descendants considering the given criterias * @param {BABYLON.Node[]} results the result array containing the nodes matching the given criterias * @param {boolean} directDescendantsOnly if true only direct descendants of 'this' will be considered, if false direct and also indirect (children of children, an so on in a recursive manner) descendants of 'this' will be considered. * @param predicate: an optional predicate that will be called on every evaluated children, the predicate must return true for a given child to be part of the result, otherwise it will be ignored. */ Node.prototype._getDescendants = function (results, directDescendantsOnly, predicate) { if (directDescendantsOnly === void 0) { directDescendantsOnly = false; } if (!this._children) { return; } for (var index = 0; index < this._children.length; index++) { var item = this._children[index]; if (!predicate || predicate(item)) { results.push(item); } if (!directDescendantsOnly) { item._getDescendants(results, false, predicate); } } }; /** * Will return all nodes that have this node as ascendant. * @param {boolean} directDescendantsOnly if true only direct descendants of 'this' will be considered, if false direct and also indirect (children of children, an so on in a recursive manner) descendants of 'this' will be considered. * @param predicate: an optional predicate that will be called on every evaluated children, the predicate must return true for a given child to be part of the result, otherwise it will be ignored. * @return {BABYLON.Node[]} all children nodes of all types. */ Node.prototype.getDescendants = function (directDescendantsOnly, predicate) { var results = []; this._getDescendants(results, directDescendantsOnly, predicate); return results; }; /** * @param predicate: an optional predicate that will be called on every evaluated children, the predicate must return true for a given child to be part of the result, otherwise it will be ignored. * @Deprecated, legacy support. * use getDecendants instead. */ Node.prototype.getChildren = function (predicate) { return this.getDescendants(true, predicate); }; /** * Get all child-meshes of this node. */ Node.prototype.getChildMeshes = function (directDecendantsOnly, predicate) { var results = []; this._getDescendants(results, directDecendantsOnly, function (node) { return ((!predicate || predicate(node)) && (node instanceof BABYLON.AbstractMesh)); }); return results; }; Node.prototype._setReady = function (state) { if (state === this._isReady) { return; } if (!state) { this._isReady = false; return; } this._isReady = true; if (this.onReady) { this.onReady(this); } }; Node.prototype.getAnimationByName = function (name) { for (var i = 0; i < this.animations.length; i++) { var animation = this.animations[i]; if (animation.name === name) { return animation; } } return null; }; Node.prototype.createAnimationRange = function (name, from, to) { // check name not already in use if (!this._ranges[name]) { this._ranges[name] = new BABYLON.AnimationRange(name, from, to); for (var i = 0, nAnimations = this.animations.length; i < nAnimations; i++) { if (this.animations[i]) { this.animations[i].createRange(name, from, to); } } } }; Node.prototype.deleteAnimationRange = function (name, deleteFrames) { if (deleteFrames === void 0) { deleteFrames = true; } for (var i = 0, nAnimations = this.animations.length; i < nAnimations; i++) { if (this.animations[i]) { this.animations[i].deleteRange(name, deleteFrames); } } this._ranges[name] = undefined; // said much faster than 'delete this._range[name]' }; Node.prototype.getAnimationRange = function (name) { return this._ranges[name]; }; Node.prototype.beginAnimation = function (name, loop, speedRatio, onAnimationEnd) { var range = this.getAnimationRange(name); if (!range) { return null; } this._scene.beginAnimation(this, range.from, range.to, loop, speedRatio, onAnimationEnd); }; Node.prototype.serializeAnimationRanges = function () { var serializationRanges = []; for (var name in this._ranges) { var range = {}; range.name = name; range.from = this._ranges[name].from; range.to = this._ranges[name].to; serializationRanges.push(range); } return serializationRanges; }; Node.prototype.dispose = function () { this.parent = null; // Callback this.onDisposeObservable.notifyObservers(this); this.onDisposeObservable.clear(); }; Node.ParseAnimationRanges = function (node, parsedNode, scene) { if (parsedNode.ranges) { for (var index = 0; index < parsedNode.ranges.length; index++) { var data = parsedNode.ranges[index]; node.createAnimationRange(data.name, data.from, data.to); } } }; __decorate([ BABYLON.serialize() ], Node.prototype, "name", void 0); __decorate([ BABYLON.serialize() ], Node.prototype, "id", void 0); __decorate([ BABYLON.serialize() ], Node.prototype, "uniqueId", void 0); __decorate([ BABYLON.serialize() ], Node.prototype, "state", void 0); __decorate([ BABYLON.serialize() ], Node.prototype, "metadata", void 0); return Node; }()); BABYLON.Node = Node; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=babylon.node.js.map var BABYLON; (function (BABYLON) { var FilesInput = (function () { /// Register to core BabylonJS object: engine, scene, rendering canvas, callback function when the scene will be loaded, /// loading progress callback and optionnal addionnal logic to call in the rendering loop function FilesInput(p_engine, p_scene, p_canvas, p_sceneLoadedCallback, p_progressCallback, p_additionnalRenderLoopLogicCallback, p_textureLoadingCallback, p_startingProcessingFilesCallback) { this._engine = p_engine; this._canvas = p_canvas; this._currentScene = p_scene; this._sceneLoadedCallback = p_sceneLoadedCallback; this._progressCallback = p_progressCallback; this._additionnalRenderLoopLogicCallback = p_additionnalRenderLoopLogicCallback; this._textureLoadingCallback = p_textureLoadingCallback; this._startingProcessingFilesCallback = p_startingProcessingFilesCallback; } FilesInput.prototype.monitorElementForDragNDrop = function (p_elementToMonitor) { var _this = this; if (p_elementToMonitor) { this._elementToMonitor = p_elementToMonitor; this._elementToMonitor.addEventListener("dragenter", function (e) { _this.drag(e); }, false); this._elementToMonitor.addEventListener("dragover", function (e) { _this.drag(e); }, false); this._elementToMonitor.addEventListener("drop", function (e) { _this.drop(e); }, false); } }; FilesInput.prototype.renderFunction = function () { if (this._additionnalRenderLoopLogicCallback) { this._additionnalRenderLoopLogicCallback(); } if (this._currentScene) { if (this._textureLoadingCallback) { var remaining = this._currentScene.getWaitingItemsCount(); if (remaining > 0) { this._textureLoadingCallback(remaining); } } this._currentScene.render(); } }; FilesInput.prototype.drag = function (e) { e.stopPropagation(); e.preventDefault(); }; FilesInput.prototype.drop = function (eventDrop) { eventDrop.stopPropagation(); eventDrop.preventDefault(); this.loadFiles(eventDrop); }; FilesInput.prototype.loadFiles = function (event) { if (this._startingProcessingFilesCallback) this._startingProcessingFilesCallback(); // Handling data transfer via drag'n'drop if (event && event.dataTransfer && event.dataTransfer.files) { this._filesToLoad = event.dataTransfer.files; } // Handling files from input files if (event && event.target && event.target.files) { this._filesToLoad = event.target.files; } if (this._filesToLoad && this._filesToLoad.length > 0) { for (var i = 0; i < this._filesToLoad.length; i++) { switch (this._filesToLoad[i].type) { case "image/jpeg": case "image/png": case "image/bmp": FilesInput.FilesTextures[this._filesToLoad[i].name.toLowerCase()] = this._filesToLoad[i]; break; case "image/targa": case "image/vnd.ms-dds": case "audio/wav": case "audio/x-wav": case "audio/mp3": case "audio/mpeg": case "audio/mpeg3": case "audio/x-mpeg-3": case "audio/ogg": FilesInput.FilesToLoad[this._filesToLoad[i].name.toLowerCase()] = this._filesToLoad[i]; break; default: if (this._filesToLoad[i].name.indexOf(".mtl") !== -1) { FilesInput.FilesToLoad[this._filesToLoad[i].name.toLowerCase()] = this._filesToLoad[i]; } else if ((this._filesToLoad[i].name.indexOf(".babylon") !== -1 || this._filesToLoad[i].name.indexOf(".stl") !== -1 || this._filesToLoad[i].name.indexOf(".obj") !== -1) && this._filesToLoad[i].name.indexOf(".manifest") === -1 && this._filesToLoad[i].name.indexOf(".incremental") === -1 && this._filesToLoad[i].name.indexOf(".babylonmeshdata") === -1 && this._filesToLoad[i].name.indexOf(".babylongeometrydata") === -1 && this._filesToLoad[i].name.indexOf(".babylonbinarymeshdata") === -1 && this._filesToLoad[i].name.indexOf(".binary.babylon") === -1) { this._sceneFileToLoad = this._filesToLoad[i]; } break; } } this.reload(); } }; FilesInput.prototype.reload = function () { var _this = this; var that = this; // If a ".babylon" file has been provided if (this._sceneFileToLoad) { if (this._currentScene) { if (BABYLON.Tools.errorsCount > 0) { BABYLON.Tools.ClearLogCache(); BABYLON.Tools.Log("Babylon.js engine (v" + BABYLON.Engine.Version + ") launched"); } this._engine.stopRenderLoop(); this._currentScene.dispose(); } BABYLON.SceneLoader.Load("file:", this._sceneFileToLoad, this._engine, function (newScene) { that._currentScene = newScene; // Wait for textures and shaders to be ready that._currentScene.executeWhenReady(function () { // Attach camera to canvas inputs if (!that._currentScene.activeCamera || that._currentScene.lights.length === 0) { that._currentScene.createDefaultCameraOrLight(); } that._currentScene.activeCamera.attachControl(that._canvas); if (that._sceneLoadedCallback) { that._sceneLoadedCallback(_this._sceneFileToLoad, that._currentScene); } that._engine.runRenderLoop(function () { that.renderFunction(); }); }); }, function (progress) { if (_this._progressCallback) { _this._progressCallback(progress); } }); } else { BABYLON.Tools.Error("Please provide a valid .babylon file."); } }; FilesInput.FilesTextures = new Array(); FilesInput.FilesToLoad = new Array(); return FilesInput; }()); BABYLON.FilesInput = FilesInput; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.filesInput.js.map var BABYLON; (function (BABYLON) { var IntersectionInfo = (function () { function IntersectionInfo(bu, bv, distance) { this.bu = bu; this.bv = bv; this.distance = distance; this.faceId = 0; this.subMeshId = 0; } return IntersectionInfo; }()); BABYLON.IntersectionInfo = IntersectionInfo; var PickingInfo = (function () { function PickingInfo() { this.hit = false; this.distance = 0; this.pickedPoint = null; this.pickedMesh = null; this.bu = 0; this.bv = 0; this.faceId = -1; this.subMeshId = 0; this.pickedSprite = null; } // Methods PickingInfo.prototype.getNormal = function (useWorldCoordinates, useVerticesNormals) { if (useWorldCoordinates === void 0) { useWorldCoordinates = false; } if (useVerticesNormals === void 0) { useVerticesNormals = true; } if (!this.pickedMesh || !this.pickedMesh.isVerticesDataPresent(BABYLON.VertexBuffer.NormalKind)) { return null; } var indices = this.pickedMesh.getIndices(); var result; if (useVerticesNormals) { var normals = this.pickedMesh.getVerticesData(BABYLON.VertexBuffer.NormalKind); var normal0 = BABYLON.Vector3.FromArray(normals, indices[this.faceId * 3] * 3); var normal1 = BABYLON.Vector3.FromArray(normals, indices[this.faceId * 3 + 1] * 3); var normal2 = BABYLON.Vector3.FromArray(normals, indices[this.faceId * 3 + 2] * 3); normal0 = normal0.scale(this.bu); normal1 = normal1.scale(this.bv); normal2 = normal2.scale(1.0 - this.bu - this.bv); result = new BABYLON.Vector3(normal0.x + normal1.x + normal2.x, normal0.y + normal1.y + normal2.y, normal0.z + normal1.z + normal2.z); } else { var positions = this.pickedMesh.getVerticesData(BABYLON.VertexBuffer.PositionKind); var vertex1 = BABYLON.Vector3.FromArray(positions, indices[this.faceId * 3] * 3); var vertex2 = BABYLON.Vector3.FromArray(positions, indices[this.faceId * 3 + 1] * 3); var vertex3 = BABYLON.Vector3.FromArray(positions, indices[this.faceId * 3 + 2] * 3); var p1p2 = vertex1.subtract(vertex2); var p3p2 = vertex3.subtract(vertex2); result = BABYLON.Vector3.Cross(p1p2, p3p2); } if (useWorldCoordinates) { result = BABYLON.Vector3.TransformNormal(result, this.pickedMesh.getWorldMatrix()); } return BABYLON.Vector3.Normalize(result); }; PickingInfo.prototype.getTextureCoordinates = function () { if (!this.pickedMesh || !this.pickedMesh.isVerticesDataPresent(BABYLON.VertexBuffer.UVKind)) { return null; } var indices = this.pickedMesh.getIndices(); var uvs = this.pickedMesh.getVerticesData(BABYLON.VertexBuffer.UVKind); var uv0 = BABYLON.Vector2.FromArray(uvs, indices[this.faceId * 3] * 2); var uv1 = BABYLON.Vector2.FromArray(uvs, indices[this.faceId * 3 + 1] * 2); var uv2 = BABYLON.Vector2.FromArray(uvs, indices[this.faceId * 3 + 2] * 2); uv0 = uv0.scale(1.0 - this.bu - this.bv); uv1 = uv1.scale(this.bu); uv2 = uv2.scale(this.bv); return new BABYLON.Vector2(uv0.x + uv1.x + uv2.x, uv0.y + uv1.y + uv2.y); }; return PickingInfo; }()); BABYLON.PickingInfo = PickingInfo; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Collisions/babylon.pickingInfo.js.map var BABYLON; (function (BABYLON) { var BoundingSphere = (function () { function BoundingSphere(minimum, maximum) { this.minimum = minimum; this.maximum = maximum; this._tempRadiusVector = BABYLON.Vector3.Zero(); var distance = BABYLON.Vector3.Distance(minimum, maximum); this.center = BABYLON.Vector3.Lerp(minimum, maximum, 0.5); this.radius = distance * 0.5; this.centerWorld = BABYLON.Vector3.Zero(); this._update(BABYLON.Matrix.Identity()); } // Methods BoundingSphere.prototype._update = function (world) { BABYLON.Vector3.TransformCoordinatesToRef(this.center, world, this.centerWorld); BABYLON.Vector3.TransformNormalFromFloatsToRef(1.0, 1.0, 1.0, world, this._tempRadiusVector); this.radiusWorld = Math.max(Math.abs(this._tempRadiusVector.x), Math.abs(this._tempRadiusVector.y), Math.abs(this._tempRadiusVector.z)) * this.radius; }; BoundingSphere.prototype.isInFrustum = function (frustumPlanes) { for (var i = 0; i < 6; i++) { if (frustumPlanes[i].dotCoordinate(this.centerWorld) <= -this.radiusWorld) return false; } return true; }; BoundingSphere.prototype.intersectsPoint = function (point) { var x = this.centerWorld.x - point.x; var y = this.centerWorld.y - point.y; var z = this.centerWorld.z - point.z; var distance = Math.sqrt((x * x) + (y * y) + (z * z)); if (Math.abs(this.radiusWorld - distance) < BABYLON.Epsilon) return false; return true; }; // Statics BoundingSphere.Intersects = function (sphere0, sphere1) { var x = sphere0.centerWorld.x - sphere1.centerWorld.x; var y = sphere0.centerWorld.y - sphere1.centerWorld.y; var z = sphere0.centerWorld.z - sphere1.centerWorld.z; var distance = Math.sqrt((x * x) + (y * y) + (z * z)); if (sphere0.radiusWorld + sphere1.radiusWorld < distance) return false; return true; }; return BoundingSphere; }()); BABYLON.BoundingSphere = BoundingSphere; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Culling/babylon.boundingSphere.js.map var BABYLON; (function (BABYLON) { var BoundingBox = (function () { function BoundingBox(minimum, maximum) { this.minimum = minimum; this.maximum = maximum; this.vectors = new Array(); this.vectorsWorld = new Array(); // Bounding vectors this.vectors.push(this.minimum.clone()); this.vectors.push(this.maximum.clone()); this.vectors.push(this.minimum.clone()); this.vectors[2].x = this.maximum.x; this.vectors.push(this.minimum.clone()); this.vectors[3].y = this.maximum.y; this.vectors.push(this.minimum.clone()); this.vectors[4].z = this.maximum.z; this.vectors.push(this.maximum.clone()); this.vectors[5].z = this.minimum.z; this.vectors.push(this.maximum.clone()); this.vectors[6].x = this.minimum.x; this.vectors.push(this.maximum.clone()); this.vectors[7].y = this.minimum.y; // OBB this.center = this.maximum.add(this.minimum).scale(0.5); this.extendSize = this.maximum.subtract(this.minimum).scale(0.5); this.directions = [BABYLON.Vector3.Zero(), BABYLON.Vector3.Zero(), BABYLON.Vector3.Zero()]; // World for (var index = 0; index < this.vectors.length; index++) { this.vectorsWorld[index] = BABYLON.Vector3.Zero(); } this.minimumWorld = BABYLON.Vector3.Zero(); this.maximumWorld = BABYLON.Vector3.Zero(); this._update(BABYLON.Matrix.Identity()); } // Methods BoundingBox.prototype.getWorldMatrix = function () { return this._worldMatrix; }; BoundingBox.prototype.setWorldMatrix = function (matrix) { this._worldMatrix.copyFrom(matrix); return this; }; BoundingBox.prototype._update = function (world) { BABYLON.Vector3.FromFloatsToRef(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE, this.minimumWorld); BABYLON.Vector3.FromFloatsToRef(-Number.MAX_VALUE, -Number.MAX_VALUE, -Number.MAX_VALUE, this.maximumWorld); for (var index = 0; index < this.vectors.length; index++) { var v = this.vectorsWorld[index]; BABYLON.Vector3.TransformCoordinatesToRef(this.vectors[index], world, v); if (v.x < this.minimumWorld.x) this.minimumWorld.x = v.x; if (v.y < this.minimumWorld.y) this.minimumWorld.y = v.y; if (v.z < this.minimumWorld.z) this.minimumWorld.z = v.z; if (v.x > this.maximumWorld.x) this.maximumWorld.x = v.x; if (v.y > this.maximumWorld.y) this.maximumWorld.y = v.y; if (v.z > this.maximumWorld.z) this.maximumWorld.z = v.z; } // OBB this.maximumWorld.addToRef(this.minimumWorld, this.center); this.center.scaleInPlace(0.5); BABYLON.Vector3.FromFloatArrayToRef(world.m, 0, this.directions[0]); BABYLON.Vector3.FromFloatArrayToRef(world.m, 4, this.directions[1]); BABYLON.Vector3.FromFloatArrayToRef(world.m, 8, this.directions[2]); this._worldMatrix = world; }; BoundingBox.prototype.isInFrustum = function (frustumPlanes) { return BoundingBox.IsInFrustum(this.vectorsWorld, frustumPlanes); }; BoundingBox.prototype.isCompletelyInFrustum = function (frustumPlanes) { return BoundingBox.IsCompletelyInFrustum(this.vectorsWorld, frustumPlanes); }; BoundingBox.prototype.intersectsPoint = function (point) { var delta = -BABYLON.Epsilon; if (this.maximumWorld.x - point.x < delta || delta > point.x - this.minimumWorld.x) return false; if (this.maximumWorld.y - point.y < delta || delta > point.y - this.minimumWorld.y) return false; if (this.maximumWorld.z - point.z < delta || delta > point.z - this.minimumWorld.z) return false; return true; }; BoundingBox.prototype.intersectsSphere = function (sphere) { return BoundingBox.IntersectsSphere(this.minimumWorld, this.maximumWorld, sphere.centerWorld, sphere.radiusWorld); }; BoundingBox.prototype.intersectsMinMax = function (min, max) { if (this.maximumWorld.x < min.x || this.minimumWorld.x > max.x) return false; if (this.maximumWorld.y < min.y || this.minimumWorld.y > max.y) return false; if (this.maximumWorld.z < min.z || this.minimumWorld.z > max.z) return false; return true; }; // Statics BoundingBox.Intersects = function (box0, box1) { if (box0.maximumWorld.x < box1.minimumWorld.x || box0.minimumWorld.x > box1.maximumWorld.x) return false; if (box0.maximumWorld.y < box1.minimumWorld.y || box0.minimumWorld.y > box1.maximumWorld.y) return false; if (box0.maximumWorld.z < box1.minimumWorld.z || box0.minimumWorld.z > box1.maximumWorld.z) return false; return true; }; BoundingBox.IntersectsSphere = function (minPoint, maxPoint, sphereCenter, sphereRadius) { var vector = BABYLON.Vector3.Clamp(sphereCenter, minPoint, maxPoint); var num = BABYLON.Vector3.DistanceSquared(sphereCenter, vector); return (num <= (sphereRadius * sphereRadius)); }; BoundingBox.IsCompletelyInFrustum = function (boundingVectors, frustumPlanes) { for (var p = 0; p < 6; p++) { for (var i = 0; i < 8; i++) { if (frustumPlanes[p].dotCoordinate(boundingVectors[i]) < 0) { return false; } } } return true; }; BoundingBox.IsInFrustum = function (boundingVectors, frustumPlanes) { for (var p = 0; p < 6; p++) { var inCount = 8; for (var i = 0; i < 8; i++) { if (frustumPlanes[p].dotCoordinate(boundingVectors[i]) < 0) { --inCount; } else { break; } } if (inCount === 0) return false; } return true; }; return BoundingBox; }()); BABYLON.BoundingBox = BoundingBox; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Culling/babylon.boundingBox.js.map var BABYLON; (function (BABYLON) { var computeBoxExtents = function (axis, box) { var p = BABYLON.Vector3.Dot(box.center, axis); var r0 = Math.abs(BABYLON.Vector3.Dot(box.directions[0], axis)) * box.extendSize.x; var r1 = Math.abs(BABYLON.Vector3.Dot(box.directions[1], axis)) * box.extendSize.y; var r2 = Math.abs(BABYLON.Vector3.Dot(box.directions[2], axis)) * box.extendSize.z; var r = r0 + r1 + r2; return { min: p - r, max: p + r }; }; var extentsOverlap = function (min0, max0, min1, max1) { return !(min0 > max1 || min1 > max0); }; var axisOverlap = function (axis, box0, box1) { var result0 = computeBoxExtents(axis, box0); var result1 = computeBoxExtents(axis, box1); return extentsOverlap(result0.min, result0.max, result1.min, result1.max); }; var BoundingInfo = (function () { function BoundingInfo(minimum, maximum) { this.minimum = minimum; this.maximum = maximum; this._isLocked = false; this.boundingBox = new BABYLON.BoundingBox(minimum, maximum); this.boundingSphere = new BABYLON.BoundingSphere(minimum, maximum); } Object.defineProperty(BoundingInfo.prototype, "isLocked", { get: function () { return this._isLocked; }, set: function (value) { this._isLocked = value; }, enumerable: true, configurable: true }); // Methods BoundingInfo.prototype.update = function (world) { if (this._isLocked) { return; } this.boundingBox._update(world); this.boundingSphere._update(world); }; BoundingInfo.prototype.isInFrustum = function (frustumPlanes) { if (!this.boundingSphere.isInFrustum(frustumPlanes)) return false; return this.boundingBox.isInFrustum(frustumPlanes); }; BoundingInfo.prototype.isCompletelyInFrustum = function (frustumPlanes) { return this.boundingBox.isCompletelyInFrustum(frustumPlanes); }; BoundingInfo.prototype._checkCollision = function (collider) { return collider._canDoCollision(this.boundingSphere.centerWorld, this.boundingSphere.radiusWorld, this.boundingBox.minimumWorld, this.boundingBox.maximumWorld); }; BoundingInfo.prototype.intersectsPoint = function (point) { if (!this.boundingSphere.centerWorld) { return false; } if (!this.boundingSphere.intersectsPoint(point)) { return false; } if (!this.boundingBox.intersectsPoint(point)) { return false; } return true; }; BoundingInfo.prototype.intersects = function (boundingInfo, precise) { if (!this.boundingSphere.centerWorld || !boundingInfo.boundingSphere.centerWorld) { return false; } if (!BABYLON.BoundingSphere.Intersects(this.boundingSphere, boundingInfo.boundingSphere)) { return false; } if (!BABYLON.BoundingBox.Intersects(this.boundingBox, boundingInfo.boundingBox)) { return false; } if (!precise) { return true; } var box0 = this.boundingBox; var box1 = boundingInfo.boundingBox; if (!axisOverlap(box0.directions[0], box0, box1)) return false; if (!axisOverlap(box0.directions[1], box0, box1)) return false; if (!axisOverlap(box0.directions[2], box0, box1)) return false; if (!axisOverlap(box1.directions[0], box0, box1)) return false; if (!axisOverlap(box1.directions[1], box0, box1)) return false; if (!axisOverlap(box1.directions[2], box0, box1)) return false; if (!axisOverlap(BABYLON.Vector3.Cross(box0.directions[0], box1.directions[0]), box0, box1)) return false; if (!axisOverlap(BABYLON.Vector3.Cross(box0.directions[0], box1.directions[1]), box0, box1)) return false; if (!axisOverlap(BABYLON.Vector3.Cross(box0.directions[0], box1.directions[2]), box0, box1)) return false; if (!axisOverlap(BABYLON.Vector3.Cross(box0.directions[1], box1.directions[0]), box0, box1)) return false; if (!axisOverlap(BABYLON.Vector3.Cross(box0.directions[1], box1.directions[1]), box0, box1)) return false; if (!axisOverlap(BABYLON.Vector3.Cross(box0.directions[1], box1.directions[2]), box0, box1)) return false; if (!axisOverlap(BABYLON.Vector3.Cross(box0.directions[2], box1.directions[0]), box0, box1)) return false; if (!axisOverlap(BABYLON.Vector3.Cross(box0.directions[2], box1.directions[1]), box0, box1)) return false; if (!axisOverlap(BABYLON.Vector3.Cross(box0.directions[2], box1.directions[2]), box0, box1)) return false; return true; }; return BoundingInfo; }()); BABYLON.BoundingInfo = BoundingInfo; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Culling/babylon.boundingInfo.js.map var BABYLON; (function (BABYLON) { var Ray = (function () { function Ray(origin, direction, length) { if (length === void 0) { length = Number.MAX_VALUE; } this.origin = origin; this.direction = direction; this.length = length; this._show = false; } // Methods Ray.prototype.intersectsBoxMinMax = function (minimum, maximum) { var d = 0.0; var maxValue = Number.MAX_VALUE; var inv; var min; var max; var temp; if (Math.abs(this.direction.x) < 0.0000001) { if (this.origin.x < minimum.x || this.origin.x > maximum.x) { return false; } } else { inv = 1.0 / this.direction.x; min = (minimum.x - this.origin.x) * inv; max = (maximum.x - this.origin.x) * inv; if (max === -Infinity) { max = Infinity; } if (min > max) { temp = min; min = max; max = temp; } d = Math.max(min, d); maxValue = Math.min(max, maxValue); if (d > maxValue) { return false; } } if (Math.abs(this.direction.y) < 0.0000001) { if (this.origin.y < minimum.y || this.origin.y > maximum.y) { return false; } } else { inv = 1.0 / this.direction.y; min = (minimum.y - this.origin.y) * inv; max = (maximum.y - this.origin.y) * inv; if (max === -Infinity) { max = Infinity; } if (min > max) { temp = min; min = max; max = temp; } d = Math.max(min, d); maxValue = Math.min(max, maxValue); if (d > maxValue) { return false; } } if (Math.abs(this.direction.z) < 0.0000001) { if (this.origin.z < minimum.z || this.origin.z > maximum.z) { return false; } } else { inv = 1.0 / this.direction.z; min = (minimum.z - this.origin.z) * inv; max = (maximum.z - this.origin.z) * inv; if (max === -Infinity) { max = Infinity; } if (min > max) { temp = min; min = max; max = temp; } d = Math.max(min, d); maxValue = Math.min(max, maxValue); if (d > maxValue) { return false; } } return true; }; Ray.prototype.intersectsBox = function (box) { return this.intersectsBoxMinMax(box.minimum, box.maximum); }; Ray.prototype.intersectsSphere = function (sphere) { var x = sphere.center.x - this.origin.x; var y = sphere.center.y - this.origin.y; var z = sphere.center.z - this.origin.z; var pyth = (x * x) + (y * y) + (z * z); var rr = sphere.radius * sphere.radius; if (pyth <= rr) { return true; } var dot = (x * this.direction.x) + (y * this.direction.y) + (z * this.direction.z); if (dot < 0.0) { return false; } var temp = pyth - (dot * dot); return temp <= rr; }; Ray.prototype.intersectsTriangle = function (vertex0, vertex1, vertex2) { if (!this._edge1) { this._edge1 = BABYLON.Vector3.Zero(); this._edge2 = BABYLON.Vector3.Zero(); this._pvec = BABYLON.Vector3.Zero(); this._tvec = BABYLON.Vector3.Zero(); this._qvec = BABYLON.Vector3.Zero(); } vertex1.subtractToRef(vertex0, this._edge1); vertex2.subtractToRef(vertex0, this._edge2); BABYLON.Vector3.CrossToRef(this.direction, this._edge2, this._pvec); var det = BABYLON.Vector3.Dot(this._edge1, this._pvec); if (det === 0) { return null; } var invdet = 1 / det; this.origin.subtractToRef(vertex0, this._tvec); var bu = BABYLON.Vector3.Dot(this._tvec, this._pvec) * invdet; if (bu < 0 || bu > 1.0) { return null; } BABYLON.Vector3.CrossToRef(this._tvec, this._edge1, this._qvec); var bv = BABYLON.Vector3.Dot(this.direction, this._qvec) * invdet; if (bv < 0 || bu + bv > 1.0) { return null; } //check if the distance is longer than the predefined length. var distance = BABYLON.Vector3.Dot(this._edge2, this._qvec) * invdet; if (distance > this.length) { return null; } return new BABYLON.IntersectionInfo(bu, bv, distance); }; Ray.prototype.intersectsPlane = function (plane) { var distance; var result1 = BABYLON.Vector3.Dot(plane.normal, this.direction); if (Math.abs(result1) < 9.99999997475243E-07) { return null; } else { var result2 = BABYLON.Vector3.Dot(plane.normal, this.origin); distance = (-plane.d - result2) / result1; if (distance < 0.0) { if (distance < -9.99999997475243E-07) { return null; } else { return 0; } } return distance; } }; Ray.prototype.intersectsMesh = function (mesh, fastCheck) { var tm = BABYLON.Tmp.Matrix[0]; mesh.getWorldMatrix().invertToRef(tm); var ray = Ray.Transform(this, tm); return mesh.intersects(ray, fastCheck); }; Ray.prototype.show = function (scene, color) { this._renderFunction = this._render.bind(this); this._show = true; this._scene = scene; this._renderPoints = [this.origin, this.origin.add(this.direction.scale(this.length))]; this._renderLine = BABYLON.Mesh.CreateLines("ray", this._renderPoints, scene, true); if (color) { this._renderLine.color.copyFrom(color); } this._scene.registerBeforeRender(this._renderFunction); }; Ray.prototype.hide = function () { if (this._show) { this._show = false; this._scene.unregisterBeforeRender(this._renderFunction); } if (this._renderLine) { this._renderLine.dispose(); this._renderLine = null; this._renderPoints = null; } }; Ray.prototype._render = function () { var point = this._renderPoints[1]; point.copyFrom(this.direction); point.scaleInPlace(this.length); point.addInPlace(this.origin); BABYLON.Mesh.CreateLines("ray", this._renderPoints, this._scene, true, this._renderLine); }; /** * Intersection test between the ray and a given segment whithin a given tolerance (threshold) * @param sega the first point of the segment to test the intersection against * @param segb the second point of the segment to test the intersection against * @param threshold the tolerance margin, if the ray doesn't intersect the segment but is close to the given threshold, the intersection is successful * @return the distance from the ray origin to the intersection point if there's intersection, or -1 if there's no intersection */ Ray.prototype.intersectionSegment = function (sega, segb, threshold) { var rsegb = this.origin.add(this.direction.multiplyByFloats(Ray.rayl, Ray.rayl, Ray.rayl)); var u = segb.subtract(sega); var v = rsegb.subtract(this.origin); var w = sega.subtract(this.origin); var a = BABYLON.Vector3.Dot(u, u); // always >= 0 var b = BABYLON.Vector3.Dot(u, v); var c = BABYLON.Vector3.Dot(v, v); // always >= 0 var d = BABYLON.Vector3.Dot(u, w); var e = BABYLON.Vector3.Dot(v, w); var D = a * c - b * b; // always >= 0 var sc, sN, sD = D; // sc = sN / sD, default sD = D >= 0 var tc, tN, tD = D; // tc = tN / tD, default tD = D >= 0 // compute the line parameters of the two closest points if (D < Ray.smallnum) { sN = 0.0; // force using point P0 on segment S1 sD = 1.0; // to prevent possible division by 0.0 later tN = e; tD = c; } else { sN = (b * e - c * d); tN = (a * e - b * d); if (sN < 0.0) { sN = 0.0; tN = e; tD = c; } else if (sN > sD) { sN = sD; tN = e + b; tD = c; } } if (tN < 0.0) { tN = 0.0; // recompute sc for this edge if (-d < 0.0) { sN = 0.0; } else if (-d > a) sN = sD; else { sN = -d; sD = a; } } else if (tN > tD) { tN = tD; // recompute sc for this edge if ((-d + b) < 0.0) { sN = 0; } else if ((-d + b) > a) { sN = sD; } else { sN = (-d + b); sD = a; } } // finally do the division to get sc and tc sc = (Math.abs(sN) < Ray.smallnum ? 0.0 : sN / sD); tc = (Math.abs(tN) < Ray.smallnum ? 0.0 : tN / tD); // get the difference of the two closest points var qtc = v.multiplyByFloats(tc, tc, tc); var dP = w.add(u.multiplyByFloats(sc, sc, sc)).subtract(qtc); // = S1(sc) - S2(tc) var isIntersected = (tc > 0) && (tc <= this.length) && (dP.lengthSquared() < (threshold * threshold)); // return intersection result if (isIntersected) { return qtc.length(); } return -1; }; // Statics Ray.CreateNew = function (x, y, viewportWidth, viewportHeight, world, view, projection) { var start = BABYLON.Vector3.Unproject(new BABYLON.Vector3(x, y, 0), viewportWidth, viewportHeight, world, view, projection); var end = BABYLON.Vector3.Unproject(new BABYLON.Vector3(x, y, 1), viewportWidth, viewportHeight, world, view, projection); var direction = end.subtract(start); direction.normalize(); return new Ray(start, direction); }; /** * Function will create a new transformed ray starting from origin and ending at the end point. Ray's length will be set, and ray will be * transformed to the given world matrix. * @param origin The origin point * @param end The end point * @param world a matrix to transform the ray to. Default is the identity matrix. */ Ray.CreateNewFromTo = function (origin, end, world) { if (world === void 0) { world = BABYLON.Matrix.Identity(); } var direction = end.subtract(origin); var length = Math.sqrt((direction.x * direction.x) + (direction.y * direction.y) + (direction.z * direction.z)); direction.normalize(); return Ray.Transform(new Ray(origin, direction, length), world); }; Ray.Transform = function (ray, matrix) { var newOrigin = BABYLON.Vector3.TransformCoordinates(ray.origin, matrix); var newDirection = BABYLON.Vector3.TransformNormal(ray.direction, matrix); newDirection.normalize(); return new Ray(newOrigin, newDirection, ray.length); }; Ray.smallnum = 0.00000001; Ray.rayl = 10e8; return Ray; }()); BABYLON.Ray = Ray; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Culling/babylon.ray.js.map var BABYLON; (function (BABYLON) { var AbstractMesh = (function (_super) { __extends(AbstractMesh, _super); // Constructor function AbstractMesh(name, scene) { var _this = this; _super.call(this, name, scene); // Events /** * An event triggered when this mesh collides with another one * @type {BABYLON.Observable} */ this.onCollideObservable = new BABYLON.Observable(); /** * An event triggered when the collision's position changes * @type {BABYLON.Observable} */ this.onCollisionPositionChangeObservable = new BABYLON.Observable(); /** * An event triggered after the world matrix is updated * @type {BABYLON.Observable} */ this.onAfterWorldMatrixUpdateObservable = new BABYLON.Observable(); // Properties this.definedFacingForward = true; // orientation for POV movement & rotation this.position = new BABYLON.Vector3(0, 0, 0); this._rotation = new BABYLON.Vector3(0, 0, 0); this._scaling = new BABYLON.Vector3(1, 1, 1); this.billboardMode = AbstractMesh.BILLBOARDMODE_NONE; this.visibility = 1.0; this.alphaIndex = Number.MAX_VALUE; this.infiniteDistance = false; this.isVisible = true; this.isPickable = true; this.showBoundingBox = false; this.showSubMeshesBoundingBox = false; this.isBlocker = false; this.renderingGroupId = 0; this.receiveShadows = false; this.renderOutline = false; this.outlineColor = BABYLON.Color3.Red(); this.outlineWidth = 0.02; this.renderOverlay = false; this.overlayColor = BABYLON.Color3.Red(); this.overlayAlpha = 0.5; this.hasVertexAlpha = false; this.useVertexColors = true; this.applyFog = true; this.computeBonesUsingShaders = true; this.scalingDeterminant = 1; this.numBoneInfluencers = 4; this.useOctreeForRenderingSelection = true; this.useOctreeForPicking = true; this.useOctreeForCollisions = true; this.layerMask = 0x0FFFFFFF; this.alwaysSelectAsActiveMesh = false; // Collisions this._checkCollisions = false; this.ellipsoid = new BABYLON.Vector3(0.5, 1, 0.5); this.ellipsoidOffset = new BABYLON.Vector3(0, 0, 0); this._collider = new BABYLON.Collider(); this._oldPositionForCollisions = new BABYLON.Vector3(0, 0, 0); this._diffPositionForCollisions = new BABYLON.Vector3(0, 0, 0); this._newPositionForCollisions = new BABYLON.Vector3(0, 0, 0); // Edges this.edgesWidth = 1; this.edgesColor = new BABYLON.Color4(1, 0, 0, 1); // Cache this._localWorld = BABYLON.Matrix.Zero(); this._worldMatrix = BABYLON.Matrix.Zero(); this._rotateYByPI = BABYLON.Matrix.RotationY(Math.PI); this._absolutePosition = BABYLON.Vector3.Zero(); this._collisionsTransformMatrix = BABYLON.Matrix.Zero(); this._collisionsScalingMatrix = BABYLON.Matrix.Zero(); this._isDirty = false; this._pivotMatrix = BABYLON.Matrix.Identity(); this._isDisposed = false; this._renderId = 0; this._intersectionsInProgress = new Array(); this._isWorldMatrixFrozen = false; this._unIndexed = false; this._onCollisionPositionChange = function (collisionId, newPosition, collidedMesh) { if (collidedMesh === void 0) { collidedMesh = null; } //TODO move this to the collision coordinator! if (_this.getScene().workerCollisions) newPosition.multiplyInPlace(_this._collider.radius); newPosition.subtractToRef(_this._oldPositionForCollisions, _this._diffPositionForCollisions); if (_this._diffPositionForCollisions.length() > BABYLON.Engine.CollisionsEpsilon) { _this.position.addInPlace(_this._diffPositionForCollisions); } if (collidedMesh) { _this.onCollideObservable.notifyObservers(collidedMesh); } _this.onCollisionPositionChangeObservable.notifyObservers(_this.position); }; scene.addMesh(this); } Object.defineProperty(AbstractMesh, "BILLBOARDMODE_NONE", { get: function () { return AbstractMesh._BILLBOARDMODE_NONE; }, enumerable: true, configurable: true }); Object.defineProperty(AbstractMesh, "BILLBOARDMODE_X", { get: function () { return AbstractMesh._BILLBOARDMODE_X; }, enumerable: true, configurable: true }); Object.defineProperty(AbstractMesh, "BILLBOARDMODE_Y", { get: function () { return AbstractMesh._BILLBOARDMODE_Y; }, enumerable: true, configurable: true }); Object.defineProperty(AbstractMesh, "BILLBOARDMODE_Z", { get: function () { return AbstractMesh._BILLBOARDMODE_Z; }, enumerable: true, configurable: true }); Object.defineProperty(AbstractMesh, "BILLBOARDMODE_ALL", { get: function () { return AbstractMesh._BILLBOARDMODE_ALL; }, enumerable: true, configurable: true }); Object.defineProperty(AbstractMesh.prototype, "onCollide", { set: function (callback) { if (this._onCollideObserver) { this.onCollideObservable.remove(this._onCollideObserver); } this._onCollideObserver = this.onCollideObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(AbstractMesh.prototype, "onCollisionPositionChange", { set: function (callback) { if (this._onCollisionPositionChangeObserver) { this.onCollisionPositionChangeObservable.remove(this._onCollisionPositionChangeObserver); } this._onCollisionPositionChangeObserver = this.onCollisionPositionChangeObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(AbstractMesh.prototype, "skeleton", { get: function () { return this._skeleton; }, set: function (value) { if (this._skeleton && this._skeleton.needInitialSkinMatrix) { this._skeleton._unregisterMeshWithPoseMatrix(this); } if (value && value.needInitialSkinMatrix) { value._registerMeshWithPoseMatrix(this); } this._skeleton = value; if (!this._skeleton) { this._bonesTransformMatrices = null; } }, enumerable: true, configurable: true }); /** * @param {boolean} fullDetails - support for multiple levels of logging within scene loading */ AbstractMesh.prototype.toString = function (fullDetails) { var ret = "Name: " + this.name + ", isInstance: " + (this instanceof BABYLON.InstancedMesh ? "YES" : "NO"); ret += ", # of submeshes: " + (this.subMeshes ? this.subMeshes.length : 0); if (this._skeleton) { ret += ", skeleton: " + this._skeleton.name; } if (fullDetails) { ret += ", billboard mode: " + (["NONE", "X", "Y", null, "Z", null, null, "ALL"])[this.billboardMode]; ret += ", freeze wrld mat: " + (this._isWorldMatrixFrozen || this._waitingFreezeWorldMatrix ? "YES" : "NO"); } return ret; }; Object.defineProperty(AbstractMesh.prototype, "rotation", { /** * Getting the rotation object. * If rotation quaternion is set, this vector will (almost always) be the Zero vector! */ get: function () { return this._rotation; }, set: function (newRotation) { this._rotation = newRotation; }, enumerable: true, configurable: true }); Object.defineProperty(AbstractMesh.prototype, "scaling", { get: function () { return this._scaling; }, set: function (newScaling) { this._scaling = newScaling; if (this.physicsImpostor) { this.physicsImpostor.forceUpdate(); } }, enumerable: true, configurable: true }); Object.defineProperty(AbstractMesh.prototype, "rotationQuaternion", { get: function () { return this._rotationQuaternion; }, set: function (quaternion) { this._rotationQuaternion = quaternion; //reset the rotation vector. if (quaternion && this.rotation.length()) { this.rotation.copyFromFloats(0, 0, 0); } }, enumerable: true, configurable: true }); // Methods AbstractMesh.prototype.updatePoseMatrix = function (matrix) { this._poseMatrix.copyFrom(matrix); }; AbstractMesh.prototype.getPoseMatrix = function () { return this._poseMatrix; }; AbstractMesh.prototype.disableEdgesRendering = function () { if (this._edgesRenderer !== undefined) { this._edgesRenderer.dispose(); this._edgesRenderer = undefined; } }; AbstractMesh.prototype.enableEdgesRendering = function (epsilon, checkVerticesInsteadOfIndices) { if (epsilon === void 0) { epsilon = 0.95; } if (checkVerticesInsteadOfIndices === void 0) { checkVerticesInsteadOfIndices = false; } this.disableEdgesRendering(); this._edgesRenderer = new BABYLON.EdgesRenderer(this, epsilon, checkVerticesInsteadOfIndices); }; Object.defineProperty(AbstractMesh.prototype, "isBlocked", { get: function () { return false; }, enumerable: true, configurable: true }); AbstractMesh.prototype.getLOD = function (camera) { return this; }; AbstractMesh.prototype.getTotalVertices = function () { return 0; }; AbstractMesh.prototype.getIndices = function () { return null; }; AbstractMesh.prototype.getVerticesData = function (kind) { return null; }; AbstractMesh.prototype.isVerticesDataPresent = function (kind) { return false; }; AbstractMesh.prototype.getBoundingInfo = function () { if (this._masterMesh) { return this._masterMesh.getBoundingInfo(); } if (!this._boundingInfo) { this._updateBoundingInfo(); } return this._boundingInfo; }; AbstractMesh.prototype.setBoundingInfo = function (boundingInfo) { this._boundingInfo = boundingInfo; }; Object.defineProperty(AbstractMesh.prototype, "useBones", { get: function () { return this.skeleton && this.getScene().skeletonsEnabled && this.isVerticesDataPresent(BABYLON.VertexBuffer.MatricesIndicesKind) && this.isVerticesDataPresent(BABYLON.VertexBuffer.MatricesWeightsKind); }, enumerable: true, configurable: true }); AbstractMesh.prototype._preActivate = function () { }; AbstractMesh.prototype._preActivateForIntermediateRendering = function (renderId) { }; AbstractMesh.prototype._activate = function (renderId) { this._renderId = renderId; }; AbstractMesh.prototype.getWorldMatrix = function () { if (this._masterMesh) { return this._masterMesh.getWorldMatrix(); } if (this._currentRenderId !== this.getScene().getRenderId()) { this.computeWorldMatrix(); } return this._worldMatrix; }; Object.defineProperty(AbstractMesh.prototype, "worldMatrixFromCache", { get: function () { return this._worldMatrix; }, enumerable: true, configurable: true }); Object.defineProperty(AbstractMesh.prototype, "absolutePosition", { get: function () { return this._absolutePosition; }, enumerable: true, configurable: true }); AbstractMesh.prototype.freezeWorldMatrix = function () { this._isWorldMatrixFrozen = false; // no guarantee world is not already frozen, switch off temporarily this.computeWorldMatrix(true); this._isWorldMatrixFrozen = true; }; AbstractMesh.prototype.unfreezeWorldMatrix = function () { this._isWorldMatrixFrozen = false; this.computeWorldMatrix(true); }; Object.defineProperty(AbstractMesh.prototype, "isWorldMatrixFrozen", { get: function () { return this._isWorldMatrixFrozen; }, enumerable: true, configurable: true }); AbstractMesh.prototype.rotate = function (axis, amount, space) { axis.normalize(); if (!this.rotationQuaternion) { this.rotationQuaternion = BABYLON.Quaternion.RotationYawPitchRoll(this.rotation.y, this.rotation.x, this.rotation.z); this.rotation = BABYLON.Vector3.Zero(); } var rotationQuaternion; if (!space || space === BABYLON.Space.LOCAL) { rotationQuaternion = BABYLON.Quaternion.RotationAxisToRef(axis, amount, AbstractMesh._rotationAxisCache); this.rotationQuaternion.multiplyToRef(rotationQuaternion, this.rotationQuaternion); } else { if (this.parent) { var invertParentWorldMatrix = this.parent.getWorldMatrix().clone(); invertParentWorldMatrix.invert(); axis = BABYLON.Vector3.TransformNormal(axis, invertParentWorldMatrix); } rotationQuaternion = BABYLON.Quaternion.RotationAxisToRef(axis, amount, AbstractMesh._rotationAxisCache); rotationQuaternion.multiplyToRef(this.rotationQuaternion, this.rotationQuaternion); } }; AbstractMesh.prototype.translate = function (axis, distance, space) { var displacementVector = axis.scale(distance); if (!space || space === BABYLON.Space.LOCAL) { var tempV3 = this.getPositionExpressedInLocalSpace().add(displacementVector); this.setPositionWithLocalVector(tempV3); } else { this.setAbsolutePosition(this.getAbsolutePosition().add(displacementVector)); } }; AbstractMesh.prototype.getAbsolutePosition = function () { this.computeWorldMatrix(); return this._absolutePosition; }; AbstractMesh.prototype.setAbsolutePosition = function (absolutePosition) { if (!absolutePosition) { return; } var absolutePositionX; var absolutePositionY; var absolutePositionZ; if (absolutePosition.x === undefined) { if (arguments.length < 3) { return; } absolutePositionX = arguments[0]; absolutePositionY = arguments[1]; absolutePositionZ = arguments[2]; } else { absolutePositionX = absolutePosition.x; absolutePositionY = absolutePosition.y; absolutePositionZ = absolutePosition.z; } if (this.parent) { var invertParentWorldMatrix = this.parent.getWorldMatrix().clone(); invertParentWorldMatrix.invert(); var worldPosition = new BABYLON.Vector3(absolutePositionX, absolutePositionY, absolutePositionZ); this.position = BABYLON.Vector3.TransformCoordinates(worldPosition, invertParentWorldMatrix); } else { this.position.x = absolutePositionX; this.position.y = absolutePositionY; this.position.z = absolutePositionZ; } }; // ================================== Point of View Movement ================================= /** * Perform relative position change from the point of view of behind the front of the mesh. * This is performed taking into account the meshes current rotation, so you do not have to care. * Supports definition of mesh facing forward or backward. * @param {number} amountRight * @param {number} amountUp * @param {number} amountForward */ AbstractMesh.prototype.movePOV = function (amountRight, amountUp, amountForward) { this.position.addInPlace(this.calcMovePOV(amountRight, amountUp, amountForward)); }; /** * Calculate relative position change from the point of view of behind the front of the mesh. * This is performed taking into account the meshes current rotation, so you do not have to care. * Supports definition of mesh facing forward or backward. * @param {number} amountRight * @param {number} amountUp * @param {number} amountForward */ AbstractMesh.prototype.calcMovePOV = function (amountRight, amountUp, amountForward) { var rotMatrix = new BABYLON.Matrix(); var rotQuaternion = (this.rotationQuaternion) ? this.rotationQuaternion : BABYLON.Quaternion.RotationYawPitchRoll(this.rotation.y, this.rotation.x, this.rotation.z); rotQuaternion.toRotationMatrix(rotMatrix); var translationDelta = BABYLON.Vector3.Zero(); var defForwardMult = this.definedFacingForward ? -1 : 1; BABYLON.Vector3.TransformCoordinatesFromFloatsToRef(amountRight * defForwardMult, amountUp, amountForward * defForwardMult, rotMatrix, translationDelta); return translationDelta; }; // ================================== Point of View Rotation ================================= /** * Perform relative rotation change from the point of view of behind the front of the mesh. * Supports definition of mesh facing forward or backward. * @param {number} flipBack * @param {number} twirlClockwise * @param {number} tiltRight */ AbstractMesh.prototype.rotatePOV = function (flipBack, twirlClockwise, tiltRight) { this.rotation.addInPlace(this.calcRotatePOV(flipBack, twirlClockwise, tiltRight)); }; /** * Calculate relative rotation change from the point of view of behind the front of the mesh. * Supports definition of mesh facing forward or backward. * @param {number} flipBack * @param {number} twirlClockwise * @param {number} tiltRight */ AbstractMesh.prototype.calcRotatePOV = function (flipBack, twirlClockwise, tiltRight) { var defForwardMult = this.definedFacingForward ? 1 : -1; return new BABYLON.Vector3(flipBack * defForwardMult, twirlClockwise, tiltRight * defForwardMult); }; AbstractMesh.prototype.setPivotMatrix = function (matrix) { this._pivotMatrix = matrix; this._cache.pivotMatrixUpdated = true; }; AbstractMesh.prototype.getPivotMatrix = function () { return this._pivotMatrix; }; AbstractMesh.prototype._isSynchronized = function () { if (this._isDirty) { return false; } if (this.billboardMode !== this._cache.billboardMode || this.billboardMode !== AbstractMesh.BILLBOARDMODE_NONE) return false; if (this._cache.pivotMatrixUpdated) { return false; } if (this.infiniteDistance) { return false; } if (!this._cache.position.equals(this.position)) return false; if (this.rotationQuaternion) { if (!this._cache.rotationQuaternion.equals(this.rotationQuaternion)) return false; } if (!this._cache.rotation.equals(this.rotation)) return false; if (!this._cache.scaling.equals(this.scaling)) return false; return true; }; AbstractMesh.prototype._initCache = function () { _super.prototype._initCache.call(this); this._cache.localMatrixUpdated = false; this._cache.position = BABYLON.Vector3.Zero(); this._cache.scaling = BABYLON.Vector3.Zero(); this._cache.rotation = BABYLON.Vector3.Zero(); this._cache.rotationQuaternion = new BABYLON.Quaternion(0, 0, 0, 0); this._cache.billboardMode = -1; }; AbstractMesh.prototype.markAsDirty = function (property) { if (property === "rotation") { this.rotationQuaternion = null; } this._currentRenderId = Number.MAX_VALUE; this._isDirty = true; }; AbstractMesh.prototype._updateBoundingInfo = function () { this._boundingInfo = this._boundingInfo || new BABYLON.BoundingInfo(this.absolutePosition, this.absolutePosition); this._boundingInfo.update(this.worldMatrixFromCache); this._updateSubMeshesBoundingInfo(this.worldMatrixFromCache); }; AbstractMesh.prototype._updateSubMeshesBoundingInfo = function (matrix) { if (!this.subMeshes) { return; } for (var subIndex = 0; subIndex < this.subMeshes.length; subIndex++) { var subMesh = this.subMeshes[subIndex]; if (!subMesh.IsGlobal) { subMesh.updateBoundingInfo(matrix); } } }; AbstractMesh.prototype.computeWorldMatrix = function (force) { if (this._isWorldMatrixFrozen) { return this._worldMatrix; } if (!force && (this._currentRenderId === this.getScene().getRenderId() || this.isSynchronized(true))) { this._currentRenderId = this.getScene().getRenderId(); return this._worldMatrix; } this._cache.position.copyFrom(this.position); this._cache.scaling.copyFrom(this.scaling); this._cache.pivotMatrixUpdated = false; this._cache.billboardMode = this.billboardMode; this._currentRenderId = this.getScene().getRenderId(); this._isDirty = false; // Scaling BABYLON.Matrix.ScalingToRef(this.scaling.x * this.scalingDeterminant, this.scaling.y * this.scalingDeterminant, this.scaling.z * this.scalingDeterminant, BABYLON.Tmp.Matrix[1]); // Rotation //rotate, if quaternion is set and rotation was used if (this.rotationQuaternion) { var len = this.rotation.length(); if (len) { this.rotationQuaternion.multiplyInPlace(BABYLON.Quaternion.RotationYawPitchRoll(this.rotation.y, this.rotation.x, this.rotation.z)); this.rotation.copyFromFloats(0, 0, 0); } } if (this.rotationQuaternion) { this.rotationQuaternion.toRotationMatrix(BABYLON.Tmp.Matrix[0]); this._cache.rotationQuaternion.copyFrom(this.rotationQuaternion); } else { BABYLON.Matrix.RotationYawPitchRollToRef(this.rotation.y, this.rotation.x, this.rotation.z, BABYLON.Tmp.Matrix[0]); this._cache.rotation.copyFrom(this.rotation); } // Translation if (this.infiniteDistance && !this.parent) { var camera = this.getScene().activeCamera; if (camera) { var cameraWorldMatrix = camera.getWorldMatrix(); var cameraGlobalPosition = new BABYLON.Vector3(cameraWorldMatrix.m[12], cameraWorldMatrix.m[13], cameraWorldMatrix.m[14]); BABYLON.Matrix.TranslationToRef(this.position.x + cameraGlobalPosition.x, this.position.y + cameraGlobalPosition.y, this.position.z + cameraGlobalPosition.z, BABYLON.Tmp.Matrix[2]); } } else { BABYLON.Matrix.TranslationToRef(this.position.x, this.position.y, this.position.z, BABYLON.Tmp.Matrix[2]); } // Composing transformations this._pivotMatrix.multiplyToRef(BABYLON.Tmp.Matrix[1], BABYLON.Tmp.Matrix[4]); BABYLON.Tmp.Matrix[4].multiplyToRef(BABYLON.Tmp.Matrix[0], BABYLON.Tmp.Matrix[5]); // Billboarding if (this.billboardMode !== AbstractMesh.BILLBOARDMODE_NONE && this.getScene().activeCamera) { BABYLON.Tmp.Vector3[0].copyFrom(this.position); var localPosition = BABYLON.Tmp.Vector3[0]; if (this.parent && this.parent.getWorldMatrix) { this._markSyncedWithParent(); var parentMatrix; if (this._meshToBoneReferal) { this.parent.getWorldMatrix().multiplyToRef(this._meshToBoneReferal.getWorldMatrix(), BABYLON.Tmp.Matrix[6]); parentMatrix = BABYLON.Tmp.Matrix[6]; } else { parentMatrix = this.parent.getWorldMatrix(); } BABYLON.Vector3.TransformNormalToRef(localPosition, parentMatrix, BABYLON.Tmp.Vector3[1]); localPosition = BABYLON.Tmp.Vector3[1]; } var zero = this.getScene().activeCamera.globalPosition.clone(); if (this.parent && this.parent.position) { localPosition.addInPlace(this.parent.position); BABYLON.Matrix.TranslationToRef(localPosition.x, localPosition.y, localPosition.z, BABYLON.Tmp.Matrix[2]); } if ((this.billboardMode & AbstractMesh.BILLBOARDMODE_ALL) !== AbstractMesh.BILLBOARDMODE_ALL) { if (this.billboardMode & AbstractMesh.BILLBOARDMODE_X) zero.x = localPosition.x + BABYLON.Epsilon; if (this.billboardMode & AbstractMesh.BILLBOARDMODE_Y) zero.y = localPosition.y + BABYLON.Epsilon; if (this.billboardMode & AbstractMesh.BILLBOARDMODE_Z) zero.z = localPosition.z + BABYLON.Epsilon; } BABYLON.Matrix.LookAtLHToRef(localPosition, zero, BABYLON.Vector3.Up(), BABYLON.Tmp.Matrix[3]); BABYLON.Tmp.Matrix[3].m[12] = BABYLON.Tmp.Matrix[3].m[13] = BABYLON.Tmp.Matrix[3].m[14] = 0; BABYLON.Tmp.Matrix[3].invert(); BABYLON.Tmp.Matrix[5].multiplyToRef(BABYLON.Tmp.Matrix[3], this._localWorld); this._rotateYByPI.multiplyToRef(this._localWorld, BABYLON.Tmp.Matrix[5]); } // Local world BABYLON.Tmp.Matrix[5].multiplyToRef(BABYLON.Tmp.Matrix[2], this._localWorld); // Parent if (this.parent && this.parent.getWorldMatrix && this.billboardMode === AbstractMesh.BILLBOARDMODE_NONE) { this._markSyncedWithParent(); if (this._meshToBoneReferal) { this._localWorld.multiplyToRef(this.parent.getWorldMatrix(), BABYLON.Tmp.Matrix[6]); BABYLON.Tmp.Matrix[6].multiplyToRef(this._meshToBoneReferal.getWorldMatrix(), this._worldMatrix); } else { this._localWorld.multiplyToRef(this.parent.getWorldMatrix(), this._worldMatrix); } } else { this._worldMatrix.copyFrom(this._localWorld); } // Bounding info this._updateBoundingInfo(); // Absolute position this._absolutePosition.copyFromFloats(this._worldMatrix.m[12], this._worldMatrix.m[13], this._worldMatrix.m[14]); // Callbacks this.onAfterWorldMatrixUpdateObservable.notifyObservers(this); if (!this._poseMatrix) { this._poseMatrix = BABYLON.Matrix.Invert(this._worldMatrix); } return this._worldMatrix; }; /** * If you'd like to be callbacked after the mesh position, rotation or scaling has been updated * @param func: callback function to add */ AbstractMesh.prototype.registerAfterWorldMatrixUpdate = function (func) { this.onAfterWorldMatrixUpdateObservable.add(func); }; AbstractMesh.prototype.unregisterAfterWorldMatrixUpdate = function (func) { this.onAfterWorldMatrixUpdateObservable.removeCallback(func); }; AbstractMesh.prototype.setPositionWithLocalVector = function (vector3) { this.computeWorldMatrix(); this.position = BABYLON.Vector3.TransformNormal(vector3, this._localWorld); }; AbstractMesh.prototype.getPositionExpressedInLocalSpace = function () { this.computeWorldMatrix(); var invLocalWorldMatrix = this._localWorld.clone(); invLocalWorldMatrix.invert(); return BABYLON.Vector3.TransformNormal(this.position, invLocalWorldMatrix); }; AbstractMesh.prototype.locallyTranslate = function (vector3) { this.computeWorldMatrix(true); this.position = BABYLON.Vector3.TransformCoordinates(vector3, this._localWorld); }; AbstractMesh.prototype.lookAt = function (targetPoint, yawCor, pitchCor, rollCor, space) { /// Orients a mesh towards a target point. Mesh must be drawn facing user. /// The position (must be in same space as current mesh) to look at /// optional yaw (y-axis) correction in radians /// optional pitch (x-axis) correction in radians /// optional roll (z-axis) correction in radians /// Mesh oriented towards targetMesh if (yawCor === void 0) { yawCor = 0; } if (pitchCor === void 0) { pitchCor = 0; } if (rollCor === void 0) { rollCor = 0; } if (space === void 0) { space = BABYLON.Space.LOCAL; } var dv = AbstractMesh._lookAtVectorCache; var pos = space === BABYLON.Space.LOCAL ? this.position : this.getAbsolutePosition(); targetPoint.subtractToRef(pos, dv); var yaw = -Math.atan2(dv.z, dv.x) - Math.PI / 2; var len = Math.sqrt(dv.x * dv.x + dv.z * dv.z); var pitch = Math.atan2(dv.y, len); this.rotationQuaternion = this.rotationQuaternion || new BABYLON.Quaternion(); BABYLON.Quaternion.RotationYawPitchRollToRef(yaw + yawCor, pitch + pitchCor, rollCor, this.rotationQuaternion); }; AbstractMesh.prototype.attachToBone = function (bone, affectedMesh) { this._meshToBoneReferal = affectedMesh; this.parent = bone; if (bone.getWorldMatrix().determinant() < 0) { this.scalingDeterminant *= -1; } }; AbstractMesh.prototype.detachFromBone = function () { if (this.parent.getWorldMatrix().determinant() < 0) { this.scalingDeterminant *= -1; } this._meshToBoneReferal = null; this.parent = null; }; AbstractMesh.prototype.isInFrustum = function (frustumPlanes) { return this._boundingInfo.isInFrustum(frustumPlanes); }; AbstractMesh.prototype.isCompletelyInFrustum = function (frustumPlanes) { return this._boundingInfo.isCompletelyInFrustum(frustumPlanes); ; }; AbstractMesh.prototype.intersectsMesh = function (mesh, precise) { if (!this._boundingInfo || !mesh._boundingInfo) { return false; } return this._boundingInfo.intersects(mesh._boundingInfo, precise); }; AbstractMesh.prototype.intersectsPoint = function (point) { if (!this._boundingInfo) { return false; } return this._boundingInfo.intersectsPoint(point); }; // Physics /** * @Deprecated. Use new PhysicsImpostor instead. * */ AbstractMesh.prototype.setPhysicsState = function (impostor, options) { //legacy support if (impostor.impostor) { options = impostor; impostor = impostor.impostor; } this.physicsImpostor = new BABYLON.PhysicsImpostor(this, impostor, options, this.getScene()); return this.physicsImpostor.physicsBody; }; AbstractMesh.prototype.getPhysicsImpostor = function () { return this.physicsImpostor; }; /** * @Deprecated. Use getPhysicsImpostor().getParam("mass"); */ AbstractMesh.prototype.getPhysicsMass = function () { return this.physicsImpostor.getParam("mass"); }; /** * @Deprecated. Use getPhysicsImpostor().getParam("friction"); */ AbstractMesh.prototype.getPhysicsFriction = function () { return this.physicsImpostor.getParam("friction"); }; /** * @Deprecated. Use getPhysicsImpostor().getParam("restitution"); */ AbstractMesh.prototype.getPhysicsRestitution = function () { return this.physicsImpostor.getParam("restitution"); }; AbstractMesh.prototype.getPositionInCameraSpace = function (camera) { if (!camera) { camera = this.getScene().activeCamera; } return BABYLON.Vector3.TransformCoordinates(this.absolutePosition, camera.getViewMatrix()); }; AbstractMesh.prototype.getDistanceToCamera = function (camera) { if (!camera) { camera = this.getScene().activeCamera; } return this.absolutePosition.subtract(camera.position).length(); }; AbstractMesh.prototype.applyImpulse = function (force, contactPoint) { if (!this.physicsImpostor) { return; } this.physicsImpostor.applyImpulse(force, contactPoint); }; AbstractMesh.prototype.setPhysicsLinkWith = function (otherMesh, pivot1, pivot2, options) { if (!this.physicsImpostor || !otherMesh.physicsImpostor) { return; } this.physicsImpostor.createJoint(otherMesh.physicsImpostor, BABYLON.PhysicsJoint.HingeJoint, { mainPivot: pivot1, connectedPivot: pivot2, nativeParams: options }); }; /** * @Deprecated */ AbstractMesh.prototype.updatePhysicsBodyPosition = function () { BABYLON.Tools.Warn("updatePhysicsBodyPosition() is deprecated, please use updatePhysicsBody()"); this.updatePhysicsBody(); }; /** * @Deprecated * Calling this function is not needed anymore. * The physics engine takes care of transofmration automatically. */ AbstractMesh.prototype.updatePhysicsBody = function () { //Unneeded }; Object.defineProperty(AbstractMesh.prototype, "checkCollisions", { // Collisions get: function () { return this._checkCollisions; }, set: function (collisionEnabled) { this._checkCollisions = collisionEnabled; if (this.getScene().workerCollisions) { this.getScene().collisionCoordinator.onMeshUpdated(this); } }, enumerable: true, configurable: true }); AbstractMesh.prototype.moveWithCollisions = function (velocity) { var globalPosition = this.getAbsolutePosition(); globalPosition.subtractFromFloatsToRef(0, this.ellipsoid.y, 0, this._oldPositionForCollisions); this._oldPositionForCollisions.addInPlace(this.ellipsoidOffset); this._collider.radius = this.ellipsoid; this.getScene().collisionCoordinator.getNewPosition(this._oldPositionForCollisions, velocity, this._collider, 3, this, this._onCollisionPositionChange, this.uniqueId); }; // Submeshes octree /** * This function will create an octree to help select the right submeshes for rendering, picking and collisions * Please note that you must have a decent number of submeshes to get performance improvements when using octree */ AbstractMesh.prototype.createOrUpdateSubmeshesOctree = function (maxCapacity, maxDepth) { if (maxCapacity === void 0) { maxCapacity = 64; } if (maxDepth === void 0) { maxDepth = 2; } if (!this._submeshesOctree) { this._submeshesOctree = new BABYLON.Octree(BABYLON.Octree.CreationFuncForSubMeshes, maxCapacity, maxDepth); } this.computeWorldMatrix(true); // Update octree var bbox = this.getBoundingInfo().boundingBox; this._submeshesOctree.update(bbox.minimumWorld, bbox.maximumWorld, this.subMeshes); return this._submeshesOctree; }; // Collisions AbstractMesh.prototype._collideForSubMesh = function (subMesh, transformMatrix, collider) { this._generatePointsArray(); // Transformation if (!subMesh._lastColliderWorldVertices || !subMesh._lastColliderTransformMatrix.equals(transformMatrix)) { subMesh._lastColliderTransformMatrix = transformMatrix.clone(); subMesh._lastColliderWorldVertices = []; subMesh._trianglePlanes = []; var start = subMesh.verticesStart; var end = (subMesh.verticesStart + subMesh.verticesCount); for (var i = start; i < end; i++) { subMesh._lastColliderWorldVertices.push(BABYLON.Vector3.TransformCoordinates(this._positions[i], transformMatrix)); } } // Collide collider._collide(subMesh._trianglePlanes, subMesh._lastColliderWorldVertices, this.getIndices(), subMesh.indexStart, subMesh.indexStart + subMesh.indexCount, subMesh.verticesStart, !!subMesh.getMaterial()); if (collider.collisionFound) { collider.collidedMesh = this; } }; AbstractMesh.prototype._processCollisionsForSubMeshes = function (collider, transformMatrix) { var subMeshes; var len; // Octrees if (this._submeshesOctree && this.useOctreeForCollisions) { var radius = collider.velocityWorldLength + Math.max(collider.radius.x, collider.radius.y, collider.radius.z); var intersections = this._submeshesOctree.intersects(collider.basePointWorld, radius); len = intersections.length; subMeshes = intersections.data; } else { subMeshes = this.subMeshes; len = subMeshes.length; } for (var index = 0; index < len; index++) { var subMesh = subMeshes[index]; // Bounding test if (len > 1 && !subMesh._checkCollision(collider)) continue; this._collideForSubMesh(subMesh, transformMatrix, collider); } }; AbstractMesh.prototype._checkCollision = function (collider) { // Bounding box test if (!this._boundingInfo._checkCollision(collider)) return; // Transformation matrix BABYLON.Matrix.ScalingToRef(1.0 / collider.radius.x, 1.0 / collider.radius.y, 1.0 / collider.radius.z, this._collisionsScalingMatrix); this.worldMatrixFromCache.multiplyToRef(this._collisionsScalingMatrix, this._collisionsTransformMatrix); this._processCollisionsForSubMeshes(collider, this._collisionsTransformMatrix); }; // Picking AbstractMesh.prototype._generatePointsArray = function () { return false; }; AbstractMesh.prototype.intersects = function (ray, fastCheck) { var pickingInfo = new BABYLON.PickingInfo(); if (!this.subMeshes || !this._boundingInfo || !ray.intersectsSphere(this._boundingInfo.boundingSphere) || !ray.intersectsBox(this._boundingInfo.boundingBox)) { return pickingInfo; } if (!this._generatePointsArray()) { return pickingInfo; } var intersectInfo = null; // Octrees var subMeshes; var len; if (this._submeshesOctree && this.useOctreeForPicking) { var worldRay = BABYLON.Ray.Transform(ray, this.getWorldMatrix()); var intersections = this._submeshesOctree.intersectsRay(worldRay); len = intersections.length; subMeshes = intersections.data; } else { subMeshes = this.subMeshes; len = subMeshes.length; } for (var index = 0; index < len; index++) { var subMesh = subMeshes[index]; // Bounding test if (len > 1 && !subMesh.canIntersects(ray)) continue; var currentIntersectInfo = subMesh.intersects(ray, this._positions, this.getIndices(), fastCheck); if (currentIntersectInfo) { if (fastCheck || !intersectInfo || currentIntersectInfo.distance < intersectInfo.distance) { intersectInfo = currentIntersectInfo; intersectInfo.subMeshId = index; if (fastCheck) { break; } } } } if (intersectInfo) { // Get picked point var world = this.getWorldMatrix(); var worldOrigin = BABYLON.Vector3.TransformCoordinates(ray.origin, world); var direction = ray.direction.clone(); direction = direction.scale(intersectInfo.distance); var worldDirection = BABYLON.Vector3.TransformNormal(direction, world); var pickedPoint = worldOrigin.add(worldDirection); // Return result pickingInfo.hit = true; pickingInfo.distance = BABYLON.Vector3.Distance(worldOrigin, pickedPoint); pickingInfo.pickedPoint = pickedPoint; pickingInfo.pickedMesh = this; pickingInfo.bu = intersectInfo.bu; pickingInfo.bv = intersectInfo.bv; pickingInfo.faceId = intersectInfo.faceId; pickingInfo.subMeshId = intersectInfo.subMeshId; return pickingInfo; } return pickingInfo; }; AbstractMesh.prototype.clone = function (name, newParent, doNotCloneChildren) { return null; }; AbstractMesh.prototype.releaseSubMeshes = function () { if (this.subMeshes) { while (this.subMeshes.length) { this.subMeshes[0].dispose(); } } else { this.subMeshes = new Array(); } }; AbstractMesh.prototype.dispose = function (doNotRecurse) { var _this = this; var index; // Action manager if (this.actionManager) { this.actionManager.dispose(); this.actionManager = null; } // Skeleton this.skeleton = null; // Animations this.getScene().stopAnimation(this); // Physics if (this.physicsImpostor) { this.physicsImpostor.dispose(); } // Intersections in progress for (index = 0; index < this._intersectionsInProgress.length; index++) { var other = this._intersectionsInProgress[index]; var pos = other._intersectionsInProgress.indexOf(this); other._intersectionsInProgress.splice(pos, 1); } this._intersectionsInProgress = []; // Lights var lights = this.getScene().lights; lights.forEach(function (light) { var meshIndex = light.includedOnlyMeshes.indexOf(_this); if (meshIndex !== -1) { light.includedOnlyMeshes.splice(meshIndex, 1); } meshIndex = light.excludedMeshes.indexOf(_this); if (meshIndex !== -1) { light.excludedMeshes.splice(meshIndex, 1); } // Shadow generators var generator = light.getShadowGenerator(); if (generator) { meshIndex = generator.getShadowMap().renderList.indexOf(_this); if (meshIndex !== -1) { generator.getShadowMap().renderList.splice(meshIndex, 1); } } }); // Edges if (this._edgesRenderer) { this._edgesRenderer.dispose(); this._edgesRenderer = null; } // SubMeshes this.releaseSubMeshes(); // Engine this.getScene().getEngine().unbindAllAttributes(); // Remove from scene this.getScene().removeMesh(this); if (!doNotRecurse) { // Particles for (index = 0; index < this.getScene().particleSystems.length; index++) { if (this.getScene().particleSystems[index].emitter === this) { this.getScene().particleSystems[index].dispose(); index--; } } // Children var objects = this.getDescendants(true); for (index = 0; index < objects.length; index++) { objects[index].dispose(); } } else { var childMeshes = this.getChildMeshes(true); for (index = 0; index < childMeshes.length; index++) { var child = childMeshes[index]; child.parent = null; child.computeWorldMatrix(true); } } this.onAfterWorldMatrixUpdateObservable.clear(); this.onCollideObservable.clear(); this.onCollisionPositionChangeObservable.clear(); this._isDisposed = true; _super.prototype.dispose.call(this); }; AbstractMesh.prototype.getDirection = function (localAxis) { var result = BABYLON.Vector3.Zero(); this.getDirectionToRef(localAxis, result); return result; }; AbstractMesh.prototype.getDirectionToRef = function (localAxis, result) { BABYLON.Vector3.TransformNormalToRef(localAxis, this.getWorldMatrix(), result); }; AbstractMesh.prototype.setPivotPoint = function (point) { BABYLON.Vector3.TransformCoordinatesToRef(point, this.getWorldMatrix(), this.position); this._pivotMatrix.m[12] = -point.x; this._pivotMatrix.m[13] = -point.y; this._pivotMatrix.m[14] = -point.z; this._cache.pivotMatrixUpdated = true; }; AbstractMesh.prototype.getPivotPoint = function () { var point = BABYLON.Vector3.Zero(); this.getPivotPointToRef(point); return point; }; AbstractMesh.prototype.getPivotPointToRef = function (result) { result.x = -this._pivotMatrix.m[12]; result.y = -this._pivotMatrix.m[13]; result.z = -this._pivotMatrix.m[14]; }; AbstractMesh.prototype.getAbsolutePivotPoint = function () { var point = BABYLON.Vector3.Zero(); this.getAbsolutePivotPointToRef(point); return point; }; AbstractMesh.prototype.getAbsolutePivotPointToRef = function (result) { result.x = this._pivotMatrix.m[12]; result.y = this._pivotMatrix.m[13]; result.z = this._pivotMatrix.m[14]; this.getPivotPointToRef(result); BABYLON.Vector3.TransformCoordinatesToRef(result, this.getWorldMatrix(), result); }; // Statics AbstractMesh._BILLBOARDMODE_NONE = 0; AbstractMesh._BILLBOARDMODE_X = 1; AbstractMesh._BILLBOARDMODE_Y = 2; AbstractMesh._BILLBOARDMODE_Z = 4; AbstractMesh._BILLBOARDMODE_ALL = 7; AbstractMesh._rotationAxisCache = new BABYLON.Quaternion(); AbstractMesh._lookAtVectorCache = new BABYLON.Vector3(0, 0, 0); return AbstractMesh; }(BABYLON.Node)); BABYLON.AbstractMesh = AbstractMesh; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Mesh/babylon.abstractMesh.js.map var BABYLON; (function (BABYLON) { var Light = (function (_super) { __extends(Light, _super); function Light(name, scene) { _super.call(this, name, scene); this.diffuse = new BABYLON.Color3(1.0, 1.0, 1.0); this.specular = new BABYLON.Color3(1.0, 1.0, 1.0); this.intensity = 1.0; this.range = Number.MAX_VALUE; this.includeOnlyWithLayerMask = 0; this.includedOnlyMeshes = new Array(); this.excludedMeshes = new Array(); this.excludeWithLayerMask = 0; this.lightmapMode = 0; // PBR Properties. this.radius = 0.00001; this._excludedMeshesIds = new Array(); this._includedOnlyMeshesIds = new Array(); scene.addLight(this); } Object.defineProperty(Light, "LIGHTMAP_DEFAULT", { /** * If every light affecting the material is in this lightmapMode, * material.lightmapTexture adds or multiplies * (depends on material.useLightmapAsShadowmap) * after every other light calculations. */ get: function () { return Light._LIGHTMAP_DEFAULT; }, enumerable: true, configurable: true }); Object.defineProperty(Light, "LIGHTMAP_SPECULAR", { /** * material.lightmapTexture as only diffuse lighting from this light * adds pnly specular lighting from this light * adds dynamic shadows */ get: function () { return Light._LIGHTMAP_SPECULAR; }, enumerable: true, configurable: true }); Object.defineProperty(Light, "LIGHTMAP_SHADOWSONLY", { /** * material.lightmapTexture as only lighting * no light calculation from this light * only adds dynamic shadows from this light */ get: function () { return Light._LIGHTMAP_SHADOWSONLY; }, enumerable: true, configurable: true }); /** * @param {boolean} fullDetails - support for multiple levels of logging within scene loading */ Light.prototype.toString = function (fullDetails) { var ret = "Name: " + this.name; ret += ", type: " + (["Point", "Directional", "Spot", "Hemispheric"])[this.getTypeID()]; if (this.animations) { for (var i = 0; i < this.animations.length; i++) { ret += ", animation[0]: " + this.animations[i].toString(fullDetails); } } if (fullDetails) { } return ret; }; Light.prototype.getShadowGenerator = function () { return this._shadowGenerator; }; Light.prototype.getAbsolutePosition = function () { return BABYLON.Vector3.Zero(); }; Light.prototype.transferToEffect = function (effect, uniformName0, uniformName1) { }; Light.prototype._getWorldMatrix = function () { return BABYLON.Matrix.Identity(); }; Light.prototype.canAffectMesh = function (mesh) { if (!mesh) { return true; } if (this.includedOnlyMeshes.length > 0 && this.includedOnlyMeshes.indexOf(mesh) === -1) { return false; } if (this.excludedMeshes.length > 0 && this.excludedMeshes.indexOf(mesh) !== -1) { return false; } if (this.includeOnlyWithLayerMask !== 0 && (this.includeOnlyWithLayerMask & mesh.layerMask) === 0) { return false; } if (this.excludeWithLayerMask !== 0 && this.excludeWithLayerMask & mesh.layerMask) { return false; } return true; }; Light.prototype.getWorldMatrix = function () { this._currentRenderId = this.getScene().getRenderId(); var worldMatrix = this._getWorldMatrix(); if (this.parent && this.parent.getWorldMatrix) { if (!this._parentedWorldMatrix) { this._parentedWorldMatrix = BABYLON.Matrix.Identity(); } worldMatrix.multiplyToRef(this.parent.getWorldMatrix(), this._parentedWorldMatrix); this._markSyncedWithParent(); return this._parentedWorldMatrix; } return worldMatrix; }; Light.prototype.dispose = function () { if (this._shadowGenerator) { this._shadowGenerator.dispose(); this._shadowGenerator = null; } // Animations this.getScene().stopAnimation(this); // Remove from scene this.getScene().removeLight(this); _super.prototype.dispose.call(this); }; Light.prototype.getTypeID = function () { return 0; }; Light.prototype.clone = function (name) { return BABYLON.SerializationHelper.Clone(Light.GetConstructorFromName(this.getTypeID(), name, this.getScene()), this); }; Light.prototype.serialize = function () { var serializationObject = BABYLON.SerializationHelper.Serialize(this); // Type serializationObject.type = this.getTypeID(); // Parent if (this.parent) { serializationObject.parentId = this.parent.id; } // Inclusion / exclusions if (this.excludedMeshes.length > 0) { serializationObject.excludedMeshesIds = []; this.excludedMeshes.forEach(function (mesh) { serializationObject.excludedMeshesIds.push(mesh.id); }); } if (this.includedOnlyMeshes.length > 0) { serializationObject.includedOnlyMeshesIds = []; this.includedOnlyMeshes.forEach(function (mesh) { serializationObject.includedOnlyMeshesIds.push(mesh.id); }); } // Animations BABYLON.Animation.AppendSerializedAnimations(this, serializationObject); serializationObject.ranges = this.serializeAnimationRanges(); return serializationObject; }; Light.GetConstructorFromName = function (type, name, scene) { switch (type) { case 0: return function () { return new BABYLON.PointLight(name, BABYLON.Vector3.Zero(), scene); }; case 1: return function () { return new BABYLON.DirectionalLight(name, BABYLON.Vector3.Zero(), scene); }; case 2: return function () { return new BABYLON.SpotLight(name, BABYLON.Vector3.Zero(), BABYLON.Vector3.Zero(), 0, 0, scene); }; case 3: return function () { return new BABYLON.HemisphericLight(name, BABYLON.Vector3.Zero(), scene); }; } }; Light.Parse = function (parsedLight, scene) { var light = BABYLON.SerializationHelper.Parse(Light.GetConstructorFromName(parsedLight.type, parsedLight.name, scene), parsedLight, scene); // Inclusion / exclusions if (parsedLight.excludedMeshesIds) { light._excludedMeshesIds = parsedLight.excludedMeshesIds; } if (parsedLight.includedOnlyMeshesIds) { light._includedOnlyMeshesIds = parsedLight.includedOnlyMeshesIds; } // Parent if (parsedLight.parentId) { light._waitingParentId = parsedLight.parentId; } // Animations if (parsedLight.animations) { for (var animationIndex = 0; animationIndex < parsedLight.animations.length; animationIndex++) { var parsedAnimation = parsedLight.animations[animationIndex]; light.animations.push(BABYLON.Animation.Parse(parsedAnimation)); } BABYLON.Node.ParseAnimationRanges(light, parsedLight, scene); } if (parsedLight.autoAnimate) { scene.beginAnimation(light, parsedLight.autoAnimateFrom, parsedLight.autoAnimateTo, parsedLight.autoAnimateLoop, parsedLight.autoAnimateSpeed || 1.0); } return light; }; //lightmapMode Consts Light._LIGHTMAP_DEFAULT = 0; Light._LIGHTMAP_SPECULAR = 1; Light._LIGHTMAP_SHADOWSONLY = 2; __decorate([ BABYLON.serializeAsColor3() ], Light.prototype, "diffuse", void 0); __decorate([ BABYLON.serializeAsColor3() ], Light.prototype, "specular", void 0); __decorate([ BABYLON.serialize() ], Light.prototype, "intensity", void 0); __decorate([ BABYLON.serialize() ], Light.prototype, "range", void 0); __decorate([ BABYLON.serialize() ], Light.prototype, "includeOnlyWithLayerMask", void 0); __decorate([ BABYLON.serialize() ], Light.prototype, "excludeWithLayerMask", void 0); __decorate([ BABYLON.serialize() ], Light.prototype, "lightmapMode", void 0); __decorate([ BABYLON.serialize() ], Light.prototype, "radius", void 0); return Light; }(BABYLON.Node)); BABYLON.Light = Light; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Lights/babylon.light.js.map var BABYLON; (function (BABYLON) { var PointLight = (function (_super) { __extends(PointLight, _super); function PointLight(name, position, scene) { _super.call(this, name, scene); this.position = position; } PointLight.prototype.getAbsolutePosition = function () { return this.transformedPosition ? this.transformedPosition : this.position; }; PointLight.prototype.computeTransformedPosition = function () { if (this.parent && this.parent.getWorldMatrix) { if (!this.transformedPosition) { this.transformedPosition = BABYLON.Vector3.Zero(); } BABYLON.Vector3.TransformCoordinatesToRef(this.position, this.parent.getWorldMatrix(), this.transformedPosition); return true; } return false; }; PointLight.prototype.transferToEffect = function (effect, positionUniformName) { if (this.parent && this.parent.getWorldMatrix) { this.computeTransformedPosition(); effect.setFloat4(positionUniformName, this.transformedPosition.x, this.transformedPosition.y, this.transformedPosition.z, 0); return; } effect.setFloat4(positionUniformName, this.position.x, this.position.y, this.position.z, 0); }; PointLight.prototype.needCube = function () { return true; }; PointLight.prototype.supportsVSM = function () { return false; }; PointLight.prototype.needRefreshPerFrame = function () { return false; }; PointLight.prototype.getShadowDirection = function (faceIndex) { switch (faceIndex) { case 0: return new BABYLON.Vector3(1, 0, 0); case 1: return new BABYLON.Vector3(-1, 0, 0); case 2: return new BABYLON.Vector3(0, -1, 0); case 3: return new BABYLON.Vector3(0, 1, 0); case 4: return new BABYLON.Vector3(0, 0, 1); case 5: return new BABYLON.Vector3(0, 0, -1); } return BABYLON.Vector3.Zero(); }; PointLight.prototype.setShadowProjectionMatrix = function (matrix, viewMatrix, renderList) { var activeCamera = this.getScene().activeCamera; BABYLON.Matrix.PerspectiveFovLHToRef(Math.PI / 2, 1.0, activeCamera.minZ, activeCamera.maxZ, matrix); }; PointLight.prototype._getWorldMatrix = function () { if (!this._worldMatrix) { this._worldMatrix = BABYLON.Matrix.Identity(); } BABYLON.Matrix.TranslationToRef(this.position.x, this.position.y, this.position.z, this._worldMatrix); return this._worldMatrix; }; PointLight.prototype.getTypeID = function () { return 0; }; __decorate([ BABYLON.serializeAsVector3() ], PointLight.prototype, "position", void 0); return PointLight; }(BABYLON.Light)); BABYLON.PointLight = PointLight; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Lights/babylon.pointLight.js.map var BABYLON; (function (BABYLON) { var SpotLight = (function (_super) { __extends(SpotLight, _super); function SpotLight(name, position, direction, angle, exponent, scene) { _super.call(this, name, scene); this.position = position; this.direction = direction; this.angle = angle; this.exponent = exponent; } SpotLight.prototype.getAbsolutePosition = function () { return this.transformedPosition ? this.transformedPosition : this.position; }; SpotLight.prototype.setShadowProjectionMatrix = function (matrix, viewMatrix, renderList) { var activeCamera = this.getScene().activeCamera; BABYLON.Matrix.PerspectiveFovLHToRef(this.angle, 1.0, activeCamera.minZ, activeCamera.maxZ, matrix); }; SpotLight.prototype.needCube = function () { return false; }; SpotLight.prototype.supportsVSM = function () { return true; }; SpotLight.prototype.needRefreshPerFrame = function () { return false; }; SpotLight.prototype.getShadowDirection = function (faceIndex) { return this.direction; }; SpotLight.prototype.setDirectionToTarget = function (target) { this.direction = BABYLON.Vector3.Normalize(target.subtract(this.position)); return this.direction; }; SpotLight.prototype.computeTransformedPosition = function () { if (this.parent && this.parent.getWorldMatrix) { if (!this.transformedPosition) { this.transformedPosition = BABYLON.Vector3.Zero(); } BABYLON.Vector3.TransformCoordinatesToRef(this.position, this.parent.getWorldMatrix(), this.transformedPosition); return true; } return false; }; SpotLight.prototype.transferToEffect = function (effect, positionUniformName, directionUniformName) { var normalizeDirection; if (this.parent && this.parent.getWorldMatrix) { if (!this._transformedDirection) { this._transformedDirection = BABYLON.Vector3.Zero(); } this.computeTransformedPosition(); BABYLON.Vector3.TransformNormalToRef(this.direction, this.parent.getWorldMatrix(), this._transformedDirection); effect.setFloat4(positionUniformName, this.transformedPosition.x, this.transformedPosition.y, this.transformedPosition.z, this.exponent); normalizeDirection = BABYLON.Vector3.Normalize(this._transformedDirection); } else { effect.setFloat4(positionUniformName, this.position.x, this.position.y, this.position.z, this.exponent); normalizeDirection = BABYLON.Vector3.Normalize(this.direction); } effect.setFloat4(directionUniformName, normalizeDirection.x, normalizeDirection.y, normalizeDirection.z, Math.cos(this.angle * 0.5)); }; SpotLight.prototype._getWorldMatrix = function () { if (!this._worldMatrix) { this._worldMatrix = BABYLON.Matrix.Identity(); } BABYLON.Matrix.TranslationToRef(this.position.x, this.position.y, this.position.z, this._worldMatrix); return this._worldMatrix; }; SpotLight.prototype.getTypeID = function () { return 2; }; SpotLight.prototype.getRotation = function () { this.direction.normalize(); var xaxis = BABYLON.Vector3.Cross(this.direction, BABYLON.Axis.Y); var yaxis = BABYLON.Vector3.Cross(xaxis, this.direction); return BABYLON.Vector3.RotationFromAxis(xaxis, yaxis, this.direction); }; __decorate([ BABYLON.serializeAsVector3() ], SpotLight.prototype, "position", void 0); __decorate([ BABYLON.serializeAsVector3() ], SpotLight.prototype, "direction", void 0); __decorate([ BABYLON.serialize() ], SpotLight.prototype, "angle", void 0); __decorate([ BABYLON.serialize() ], SpotLight.prototype, "exponent", void 0); return SpotLight; }(BABYLON.Light)); BABYLON.SpotLight = SpotLight; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Lights/babylon.spotLight.js.map var BABYLON; (function (BABYLON) { var HemisphericLight = (function (_super) { __extends(HemisphericLight, _super); function HemisphericLight(name, direction, scene) { _super.call(this, name, scene); this.groundColor = new BABYLON.Color3(0.0, 0.0, 0.0); this.direction = direction; } HemisphericLight.prototype.setDirectionToTarget = function (target) { this.direction = BABYLON.Vector3.Normalize(target.subtract(BABYLON.Vector3.Zero())); return this.direction; }; HemisphericLight.prototype.getShadowGenerator = function () { return null; }; HemisphericLight.prototype.transferToEffect = function (effect, directionUniformName, groundColorUniformName) { var normalizeDirection = BABYLON.Vector3.Normalize(this.direction); effect.setFloat4(directionUniformName, normalizeDirection.x, normalizeDirection.y, normalizeDirection.z, 0); effect.setColor3(groundColorUniformName, this.groundColor.scale(this.intensity)); }; HemisphericLight.prototype._getWorldMatrix = function () { if (!this._worldMatrix) { this._worldMatrix = BABYLON.Matrix.Identity(); } return this._worldMatrix; }; HemisphericLight.prototype.getTypeID = function () { return 3; }; __decorate([ BABYLON.serializeAsColor3() ], HemisphericLight.prototype, "groundColor", void 0); __decorate([ BABYLON.serializeAsVector3() ], HemisphericLight.prototype, "direction", void 0); return HemisphericLight; }(BABYLON.Light)); BABYLON.HemisphericLight = HemisphericLight; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Lights/babylon.hemisphericLight.js.map var BABYLON; (function (BABYLON) { var DirectionalLight = (function (_super) { __extends(DirectionalLight, _super); function DirectionalLight(name, direction, scene) { _super.call(this, name, scene); this.shadowOrthoScale = 0.5; this.autoUpdateExtends = true; // Cache this._orthoLeft = Number.MAX_VALUE; this._orthoRight = Number.MIN_VALUE; this._orthoTop = Number.MIN_VALUE; this._orthoBottom = Number.MAX_VALUE; this.position = direction.scale(-1); this.direction = direction; } DirectionalLight.prototype.getAbsolutePosition = function () { return this.transformedPosition ? this.transformedPosition : this.position; }; DirectionalLight.prototype.setDirectionToTarget = function (target) { this.direction = BABYLON.Vector3.Normalize(target.subtract(this.position)); return this.direction; }; DirectionalLight.prototype.setShadowProjectionMatrix = function (matrix, viewMatrix, renderList) { var activeCamera = this.getScene().activeCamera; // Check extends if (this.autoUpdateExtends || this._orthoLeft === Number.MAX_VALUE) { var tempVector3 = BABYLON.Vector3.Zero(); this._orthoLeft = Number.MAX_VALUE; this._orthoRight = Number.MIN_VALUE; this._orthoTop = Number.MIN_VALUE; this._orthoBottom = Number.MAX_VALUE; for (var meshIndex = 0; meshIndex < renderList.length; meshIndex++) { var mesh = renderList[meshIndex]; if (!mesh) { continue; } var boundingInfo = mesh.getBoundingInfo(); if (!boundingInfo) { continue; } var boundingBox = boundingInfo.boundingBox; for (var index = 0; index < boundingBox.vectorsWorld.length; index++) { BABYLON.Vector3.TransformCoordinatesToRef(boundingBox.vectorsWorld[index], viewMatrix, tempVector3); if (tempVector3.x < this._orthoLeft) this._orthoLeft = tempVector3.x; if (tempVector3.y < this._orthoBottom) this._orthoBottom = tempVector3.y; if (tempVector3.x > this._orthoRight) this._orthoRight = tempVector3.x; if (tempVector3.y > this._orthoTop) this._orthoTop = tempVector3.y; } } } var xOffset = this._orthoRight - this._orthoLeft; var yOffset = this._orthoTop - this._orthoBottom; BABYLON.Matrix.OrthoOffCenterLHToRef(this._orthoLeft - xOffset * this.shadowOrthoScale, this._orthoRight + xOffset * this.shadowOrthoScale, this._orthoBottom - yOffset * this.shadowOrthoScale, this._orthoTop + yOffset * this.shadowOrthoScale, -activeCamera.maxZ, activeCamera.maxZ, matrix); }; DirectionalLight.prototype.supportsVSM = function () { return true; }; DirectionalLight.prototype.needRefreshPerFrame = function () { return true; }; DirectionalLight.prototype.needCube = function () { return false; }; DirectionalLight.prototype.getShadowDirection = function (faceIndex) { return this.direction; }; DirectionalLight.prototype.computeTransformedPosition = function () { if (this.parent && this.parent.getWorldMatrix) { if (!this.transformedPosition) { this.transformedPosition = BABYLON.Vector3.Zero(); } BABYLON.Vector3.TransformCoordinatesToRef(this.position, this.parent.getWorldMatrix(), this.transformedPosition); return true; } return false; }; DirectionalLight.prototype.transferToEffect = function (effect, directionUniformName) { if (this.parent && this.parent.getWorldMatrix) { if (!this._transformedDirection) { this._transformedDirection = BABYLON.Vector3.Zero(); } BABYLON.Vector3.TransformNormalToRef(this.direction, this.parent.getWorldMatrix(), this._transformedDirection); effect.setFloat4(directionUniformName, this._transformedDirection.x, this._transformedDirection.y, this._transformedDirection.z, 1); return; } effect.setFloat4(directionUniformName, this.direction.x, this.direction.y, this.direction.z, 1); }; DirectionalLight.prototype._getWorldMatrix = function () { if (!this._worldMatrix) { this._worldMatrix = BABYLON.Matrix.Identity(); } BABYLON.Matrix.TranslationToRef(this.position.x, this.position.y, this.position.z, this._worldMatrix); return this._worldMatrix; }; DirectionalLight.prototype.getTypeID = function () { return 1; }; __decorate([ BABYLON.serializeAsVector3() ], DirectionalLight.prototype, "position", void 0); __decorate([ BABYLON.serializeAsVector3() ], DirectionalLight.prototype, "direction", void 0); __decorate([ BABYLON.serialize() ], DirectionalLight.prototype, "shadowOrthoScale", void 0); __decorate([ BABYLON.serialize() ], DirectionalLight.prototype, "autoUpdateExtends", void 0); return DirectionalLight; }(BABYLON.Light)); BABYLON.DirectionalLight = DirectionalLight; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Lights/babylon.directionalLight.js.map var BABYLON; (function (BABYLON) { var ShadowGenerator = (function () { function ShadowGenerator(mapSize, light) { var _this = this; // Members this._filter = ShadowGenerator.FILTER_NONE; this.blurScale = 2; this._blurBoxOffset = 0; this._bias = 0.00005; this._lightDirection = BABYLON.Vector3.Zero(); this.forceBackFacesOnly = false; this._darkness = 0; this._transparencyShadow = false; this._viewMatrix = BABYLON.Matrix.Zero(); this._projectionMatrix = BABYLON.Matrix.Zero(); this._transformMatrix = BABYLON.Matrix.Zero(); this._worldViewProjection = BABYLON.Matrix.Zero(); this._currentFaceIndex = 0; this._currentFaceIndexCache = 0; this._useFullFloat = true; this._light = light; this._scene = light.getScene(); this._mapSize = mapSize; light._shadowGenerator = this; // Texture type fallback from float to int if not supported. var textureType; var caps = this._scene.getEngine().getCaps(); if (caps.textureFloat && caps.textureFloatLinearFiltering && caps.textureFloatRender) { this._useFullFloat = true; textureType = BABYLON.Engine.TEXTURETYPE_FLOAT; } else { this._useFullFloat = false; textureType = BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT; } // Render target this._shadowMap = new BABYLON.RenderTargetTexture(light.name + "_shadowMap", mapSize, this._scene, false, true, textureType, light.needCube()); this._shadowMap.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE; this._shadowMap.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE; this._shadowMap.anisotropicFilteringLevel = 1; this._shadowMap.updateSamplingMode(BABYLON.Texture.NEAREST_SAMPLINGMODE); this._shadowMap.renderParticles = false; this._shadowMap.onBeforeRenderObservable.add(function (faceIndex) { _this._currentFaceIndex = faceIndex; }); this._shadowMap.onAfterUnbindObservable.add(function () { if (!_this.useBlurVarianceShadowMap) { return; } if (!_this._shadowMap2) { _this._shadowMap2 = new BABYLON.RenderTargetTexture(light.name + "_shadowMap", mapSize, _this._scene, false, true, textureType); _this._shadowMap2.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE; _this._shadowMap2.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE; _this._shadowMap2.updateSamplingMode(BABYLON.Texture.TRILINEAR_SAMPLINGMODE); _this._downSamplePostprocess = new BABYLON.PassPostProcess("downScale", 1.0 / _this.blurScale, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, _this._scene.getEngine()); _this._downSamplePostprocess.onApplyObservable.add(function (effect) { effect.setTexture("textureSampler", _this._shadowMap); }); _this.blurBoxOffset = 1; } _this._scene.postProcessManager.directRender([_this._downSamplePostprocess, _this._boxBlurPostprocess], _this._shadowMap2.getInternalTexture()); }); // Custom render function var renderSubMesh = function (subMesh) { var mesh = subMesh.getRenderingMesh(); var scene = _this._scene; var engine = scene.getEngine(); // Culling engine.setState(subMesh.getMaterial().backFaceCulling); // Managing instances var batch = mesh._getInstancesRenderList(subMesh._id); if (batch.mustReturn) { return; } var hardwareInstancedRendering = (engine.getCaps().instancedArrays !== null) && (batch.visibleInstances[subMesh._id] !== null) && (batch.visibleInstances[subMesh._id] !== undefined); if (_this.isReady(subMesh, hardwareInstancedRendering)) { engine.enableEffect(_this._effect); mesh._bind(subMesh, _this._effect, BABYLON.Material.TriangleFillMode); var material = subMesh.getMaterial(); _this._effect.setMatrix("viewProjection", _this.getTransformMatrix()); _this._effect.setVector3("lightPosition", _this.getLight().position); if (_this.getLight().needCube()) { _this._effect.setFloat2("depthValues", scene.activeCamera.minZ, scene.activeCamera.maxZ); } // Alpha test if (material && material.needAlphaTesting()) { var alphaTexture = material.getAlphaTestTexture(); _this._effect.setTexture("diffuseSampler", alphaTexture); _this._effect.setMatrix("diffuseMatrix", alphaTexture.getTextureMatrix()); } // Bones if (mesh.useBones && mesh.computeBonesUsingShaders) { _this._effect.setMatrices("mBones", mesh.skeleton.getTransformMatrices(mesh)); } if (_this.forceBackFacesOnly) { engine.setState(true, 0, false, true); } // Draw mesh._processRendering(subMesh, _this._effect, BABYLON.Material.TriangleFillMode, batch, hardwareInstancedRendering, function (isInstance, world) { return _this._effect.setMatrix("world", world); }); if (_this.forceBackFacesOnly) { engine.setState(true, 0, false, false); } } else { // Need to reset refresh rate of the shadowMap _this._shadowMap.resetRefreshCounter(); } }; this._shadowMap.customRenderFunction = function (opaqueSubMeshes, alphaTestSubMeshes, transparentSubMeshes) { var index; for (index = 0; index < opaqueSubMeshes.length; index++) { renderSubMesh(opaqueSubMeshes.data[index]); } for (index = 0; index < alphaTestSubMeshes.length; index++) { renderSubMesh(alphaTestSubMeshes.data[index]); } if (_this._transparencyShadow) { for (index = 0; index < transparentSubMeshes.length; index++) { renderSubMesh(transparentSubMeshes.data[index]); } } }; this._shadowMap.onClearObservable.add(function (engine) { if (_this.useBlurVarianceShadowMap || _this.useVarianceShadowMap) { engine.clear(new BABYLON.Color4(0, 0, 0, 0), true, true, true); } else { engine.clear(new BABYLON.Color4(1.0, 1.0, 1.0, 1.0), true, true, true); } }); } Object.defineProperty(ShadowGenerator, "FILTER_NONE", { // Static get: function () { return ShadowGenerator._FILTER_NONE; }, enumerable: true, configurable: true }); Object.defineProperty(ShadowGenerator, "FILTER_VARIANCESHADOWMAP", { get: function () { return ShadowGenerator._FILTER_VARIANCESHADOWMAP; }, enumerable: true, configurable: true }); Object.defineProperty(ShadowGenerator, "FILTER_POISSONSAMPLING", { get: function () { return ShadowGenerator._FILTER_POISSONSAMPLING; }, enumerable: true, configurable: true }); Object.defineProperty(ShadowGenerator, "FILTER_BLURVARIANCESHADOWMAP", { get: function () { return ShadowGenerator._FILTER_BLURVARIANCESHADOWMAP; }, enumerable: true, configurable: true }); Object.defineProperty(ShadowGenerator.prototype, "bias", { get: function () { return this._bias; }, set: function (bias) { this._bias = bias; }, enumerable: true, configurable: true }); Object.defineProperty(ShadowGenerator.prototype, "blurBoxOffset", { get: function () { return this._blurBoxOffset; }, set: function (value) { var _this = this; if (this._blurBoxOffset === value) { return; } this._blurBoxOffset = value; if (this._boxBlurPostprocess) { this._boxBlurPostprocess.dispose(); } this._boxBlurPostprocess = new BABYLON.PostProcess("DepthBoxBlur", "depthBoxBlur", ["screenSize", "boxOffset"], [], 1.0 / this.blurScale, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, this._scene.getEngine(), false, "#define OFFSET " + value); this._boxBlurPostprocess.onApplyObservable.add(function (effect) { effect.setFloat2("screenSize", _this._mapSize / _this.blurScale, _this._mapSize / _this.blurScale); }); }, enumerable: true, configurable: true }); Object.defineProperty(ShadowGenerator.prototype, "filter", { get: function () { return this._filter; }, set: function (value) { if (this._filter === value) { return; } this._filter = value; if (this.useVarianceShadowMap || this.useBlurVarianceShadowMap || this.usePoissonSampling) { this._shadowMap.anisotropicFilteringLevel = 16; this._shadowMap.updateSamplingMode(BABYLON.Texture.BILINEAR_SAMPLINGMODE); } else { this._shadowMap.anisotropicFilteringLevel = 1; this._shadowMap.updateSamplingMode(BABYLON.Texture.NEAREST_SAMPLINGMODE); } }, enumerable: true, configurable: true }); Object.defineProperty(ShadowGenerator.prototype, "useVarianceShadowMap", { get: function () { return this.filter === ShadowGenerator.FILTER_VARIANCESHADOWMAP && this._light.supportsVSM(); }, set: function (value) { this.filter = (value ? ShadowGenerator.FILTER_VARIANCESHADOWMAP : ShadowGenerator.FILTER_NONE); }, enumerable: true, configurable: true }); Object.defineProperty(ShadowGenerator.prototype, "usePoissonSampling", { get: function () { return this.filter === ShadowGenerator.FILTER_POISSONSAMPLING || (!this._light.supportsVSM() && (this.filter === ShadowGenerator.FILTER_VARIANCESHADOWMAP || this.filter === ShadowGenerator.FILTER_BLURVARIANCESHADOWMAP)); }, set: function (value) { this.filter = (value ? ShadowGenerator.FILTER_POISSONSAMPLING : ShadowGenerator.FILTER_NONE); }, enumerable: true, configurable: true }); Object.defineProperty(ShadowGenerator.prototype, "useBlurVarianceShadowMap", { get: function () { return this.filter === ShadowGenerator.FILTER_BLURVARIANCESHADOWMAP && this._light.supportsVSM(); }, set: function (value) { this.filter = (value ? ShadowGenerator.FILTER_BLURVARIANCESHADOWMAP : ShadowGenerator.FILTER_NONE); }, enumerable: true, configurable: true }); ShadowGenerator.prototype.isReady = function (subMesh, useInstances) { var defines = []; if (this._useFullFloat) { defines.push("#define FULLFLOAT"); } if (this.useVarianceShadowMap || this.useBlurVarianceShadowMap) { defines.push("#define VSM"); } if (this.getLight().needCube()) { defines.push("#define CUBEMAP"); } var attribs = [BABYLON.VertexBuffer.PositionKind]; var mesh = subMesh.getMesh(); var material = subMesh.getMaterial(); // Alpha test if (material && material.needAlphaTesting()) { defines.push("#define ALPHATEST"); if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UVKind)) { attribs.push(BABYLON.VertexBuffer.UVKind); defines.push("#define UV1"); } if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UV2Kind)) { var alphaTexture = material.getAlphaTestTexture(); if (alphaTexture.coordinatesIndex === 1) { attribs.push(BABYLON.VertexBuffer.UV2Kind); defines.push("#define UV2"); } } } // Bones if (mesh.useBones && mesh.computeBonesUsingShaders) { attribs.push(BABYLON.VertexBuffer.MatricesIndicesKind); attribs.push(BABYLON.VertexBuffer.MatricesWeightsKind); if (mesh.numBoneInfluencers > 4) { attribs.push(BABYLON.VertexBuffer.MatricesIndicesExtraKind); attribs.push(BABYLON.VertexBuffer.MatricesWeightsExtraKind); } defines.push("#define NUM_BONE_INFLUENCERS " + mesh.numBoneInfluencers); defines.push("#define BonesPerMesh " + (mesh.skeleton.bones.length + 1)); } else { defines.push("#define NUM_BONE_INFLUENCERS 0"); } // Instances if (useInstances) { defines.push("#define INSTANCES"); attribs.push("world0"); attribs.push("world1"); attribs.push("world2"); attribs.push("world3"); } // Get correct effect var join = defines.join("\n"); if (this._cachedDefines !== join) { this._cachedDefines = join; this._effect = this._scene.getEngine().createEffect("shadowMap", attribs, ["world", "mBones", "viewProjection", "diffuseMatrix", "lightPosition", "depthValues"], ["diffuseSampler"], join); } return this._effect.isReady(); }; ShadowGenerator.prototype.getShadowMap = function () { return this._shadowMap; }; ShadowGenerator.prototype.getShadowMapForRendering = function () { if (this._shadowMap2) { return this._shadowMap2; } return this._shadowMap; }; ShadowGenerator.prototype.getLight = function () { return this._light; }; // Methods ShadowGenerator.prototype.getTransformMatrix = function () { var scene = this._scene; if (this._currentRenderID === scene.getRenderId() && this._currentFaceIndexCache === this._currentFaceIndex) { return this._transformMatrix; } this._currentRenderID = scene.getRenderId(); this._currentFaceIndexCache = this._currentFaceIndex; var lightPosition = this._light.position; BABYLON.Vector3.NormalizeToRef(this._light.getShadowDirection(this._currentFaceIndex), this._lightDirection); if (Math.abs(BABYLON.Vector3.Dot(this._lightDirection, BABYLON.Vector3.Up())) === 1.0) { this._lightDirection.z = 0.0000000000001; // Required to avoid perfectly perpendicular light } if (this._light.computeTransformedPosition()) { lightPosition = this._light.transformedPosition; } if (this._light.needRefreshPerFrame() || !this._cachedPosition || !this._cachedDirection || !lightPosition.equals(this._cachedPosition) || !this._lightDirection.equals(this._cachedDirection)) { this._cachedPosition = lightPosition.clone(); this._cachedDirection = this._lightDirection.clone(); BABYLON.Matrix.LookAtLHToRef(lightPosition, lightPosition.add(this._lightDirection), BABYLON.Vector3.Up(), this._viewMatrix); this._light.setShadowProjectionMatrix(this._projectionMatrix, this._viewMatrix, this.getShadowMap().renderList); this._viewMatrix.multiplyToRef(this._projectionMatrix, this._transformMatrix); } return this._transformMatrix; }; ShadowGenerator.prototype.getDarkness = function () { return this._darkness; }; ShadowGenerator.prototype.setDarkness = function (darkness) { if (darkness >= 1.0) this._darkness = 1.0; else if (darkness <= 0.0) this._darkness = 0.0; else this._darkness = darkness; }; ShadowGenerator.prototype.setTransparencyShadow = function (hasShadow) { this._transparencyShadow = hasShadow; }; ShadowGenerator.prototype._packHalf = function (depth) { var scale = depth * 255.0; var fract = scale - Math.floor(scale); return new BABYLON.Vector2(depth - fract / 255.0, fract); }; ShadowGenerator.prototype.dispose = function () { this._shadowMap.dispose(); if (this._shadowMap2) { this._shadowMap2.dispose(); } if (this._downSamplePostprocess) { this._downSamplePostprocess.dispose(); } if (this._boxBlurPostprocess) { this._boxBlurPostprocess.dispose(); } }; ShadowGenerator.prototype.serialize = function () { var serializationObject = {}; serializationObject.lightId = this._light.id; serializationObject.mapSize = this.getShadowMap().getRenderSize(); serializationObject.useVarianceShadowMap = this.useVarianceShadowMap; serializationObject.usePoissonSampling = this.usePoissonSampling; serializationObject.forceBackFacesOnly = this.forceBackFacesOnly; serializationObject.renderList = []; for (var meshIndex = 0; meshIndex < this.getShadowMap().renderList.length; meshIndex++) { var mesh = this.getShadowMap().renderList[meshIndex]; serializationObject.renderList.push(mesh.id); } return serializationObject; }; ShadowGenerator.Parse = function (parsedShadowGenerator, scene) { //casting to point light, as light is missing the position attr and typescript complains. var light = scene.getLightByID(parsedShadowGenerator.lightId); var shadowGenerator = new ShadowGenerator(parsedShadowGenerator.mapSize, light); for (var meshIndex = 0; meshIndex < parsedShadowGenerator.renderList.length; meshIndex++) { var meshes = scene.getMeshesByID(parsedShadowGenerator.renderList[meshIndex]); meshes.forEach(function (mesh) { shadowGenerator.getShadowMap().renderList.push(mesh); }); } if (parsedShadowGenerator.usePoissonSampling) { shadowGenerator.usePoissonSampling = true; } else if (parsedShadowGenerator.useVarianceShadowMap) { shadowGenerator.useVarianceShadowMap = true; } else if (parsedShadowGenerator.useBlurVarianceShadowMap) { shadowGenerator.useBlurVarianceShadowMap = true; if (parsedShadowGenerator.blurScale) { shadowGenerator.blurScale = parsedShadowGenerator.blurScale; } if (parsedShadowGenerator.blurBoxOffset) { shadowGenerator.blurBoxOffset = parsedShadowGenerator.blurBoxOffset; } } if (parsedShadowGenerator.bias !== undefined) { shadowGenerator.bias = parsedShadowGenerator.bias; } shadowGenerator.forceBackFacesOnly = parsedShadowGenerator.forceBackFacesOnly; return shadowGenerator; }; ShadowGenerator._FILTER_NONE = 0; ShadowGenerator._FILTER_VARIANCESHADOWMAP = 1; ShadowGenerator._FILTER_POISSONSAMPLING = 2; ShadowGenerator._FILTER_BLURVARIANCESHADOWMAP = 3; return ShadowGenerator; }()); BABYLON.ShadowGenerator = ShadowGenerator; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Lights/Shadows/babylon.shadowGenerator.js.map var BABYLON; (function (BABYLON) { var intersectBoxAASphere = function (boxMin, boxMax, sphereCenter, sphereRadius) { if (boxMin.x > sphereCenter.x + sphereRadius) return false; if (sphereCenter.x - sphereRadius > boxMax.x) return false; if (boxMin.y > sphereCenter.y + sphereRadius) return false; if (sphereCenter.y - sphereRadius > boxMax.y) return false; if (boxMin.z > sphereCenter.z + sphereRadius) return false; if (sphereCenter.z - sphereRadius > boxMax.z) return false; return true; }; var getLowestRoot = (function () { var result = { root: 0, found: false }; return function (a, b, c, maxR) { result.root = 0; result.found = false; var determinant = b * b - 4.0 * a * c; if (determinant < 0) return result; var sqrtD = Math.sqrt(determinant); var r1 = (-b - sqrtD) / (2.0 * a); var r2 = (-b + sqrtD) / (2.0 * a); if (r1 > r2) { var temp = r2; r2 = r1; r1 = temp; } if (r1 > 0 && r1 < maxR) { result.root = r1; result.found = true; return result; } if (r2 > 0 && r2 < maxR) { result.root = r2; result.found = true; return result; } return result; }; })(); var Collider = (function () { function Collider() { this.radius = new BABYLON.Vector3(1, 1, 1); this.retry = 0; this.basePointWorld = BABYLON.Vector3.Zero(); this.velocityWorld = BABYLON.Vector3.Zero(); this.normalizedVelocity = BABYLON.Vector3.Zero(); this._collisionPoint = BABYLON.Vector3.Zero(); this._planeIntersectionPoint = BABYLON.Vector3.Zero(); this._tempVector = BABYLON.Vector3.Zero(); this._tempVector2 = BABYLON.Vector3.Zero(); this._tempVector3 = BABYLON.Vector3.Zero(); this._tempVector4 = BABYLON.Vector3.Zero(); this._edge = BABYLON.Vector3.Zero(); this._baseToVertex = BABYLON.Vector3.Zero(); this._destinationPoint = BABYLON.Vector3.Zero(); this._slidePlaneNormal = BABYLON.Vector3.Zero(); this._displacementVector = BABYLON.Vector3.Zero(); } // Methods Collider.prototype._initialize = function (source, dir, e) { this.velocity = dir; BABYLON.Vector3.NormalizeToRef(dir, this.normalizedVelocity); this.basePoint = source; source.multiplyToRef(this.radius, this.basePointWorld); dir.multiplyToRef(this.radius, this.velocityWorld); this.velocityWorldLength = this.velocityWorld.length(); this.epsilon = e; this.collisionFound = false; }; Collider.prototype._checkPointInTriangle = function (point, pa, pb, pc, n) { pa.subtractToRef(point, this._tempVector); pb.subtractToRef(point, this._tempVector2); BABYLON.Vector3.CrossToRef(this._tempVector, this._tempVector2, this._tempVector4); var d = BABYLON.Vector3.Dot(this._tempVector4, n); if (d < 0) return false; pc.subtractToRef(point, this._tempVector3); BABYLON.Vector3.CrossToRef(this._tempVector2, this._tempVector3, this._tempVector4); d = BABYLON.Vector3.Dot(this._tempVector4, n); if (d < 0) return false; BABYLON.Vector3.CrossToRef(this._tempVector3, this._tempVector, this._tempVector4); d = BABYLON.Vector3.Dot(this._tempVector4, n); return d >= 0; }; Collider.prototype._canDoCollision = function (sphereCenter, sphereRadius, vecMin, vecMax) { var distance = BABYLON.Vector3.Distance(this.basePointWorld, sphereCenter); var max = Math.max(this.radius.x, this.radius.y, this.radius.z); if (distance > this.velocityWorldLength + max + sphereRadius) { return false; } if (!intersectBoxAASphere(vecMin, vecMax, this.basePointWorld, this.velocityWorldLength + max)) return false; return true; }; Collider.prototype._testTriangle = function (faceIndex, trianglePlaneArray, p1, p2, p3, hasMaterial) { var t0; var embeddedInPlane = false; //defensive programming, actually not needed. if (!trianglePlaneArray) { trianglePlaneArray = []; } if (!trianglePlaneArray[faceIndex]) { trianglePlaneArray[faceIndex] = new BABYLON.Plane(0, 0, 0, 0); trianglePlaneArray[faceIndex].copyFromPoints(p1, p2, p3); } var trianglePlane = trianglePlaneArray[faceIndex]; if ((!hasMaterial) && !trianglePlane.isFrontFacingTo(this.normalizedVelocity, 0)) return; var signedDistToTrianglePlane = trianglePlane.signedDistanceTo(this.basePoint); var normalDotVelocity = BABYLON.Vector3.Dot(trianglePlane.normal, this.velocity); if (normalDotVelocity == 0) { if (Math.abs(signedDistToTrianglePlane) >= 1.0) return; embeddedInPlane = true; t0 = 0; } else { t0 = (-1.0 - signedDistToTrianglePlane) / normalDotVelocity; var t1 = (1.0 - signedDistToTrianglePlane) / normalDotVelocity; if (t0 > t1) { var temp = t1; t1 = t0; t0 = temp; } if (t0 > 1.0 || t1 < 0.0) return; if (t0 < 0) t0 = 0; if (t0 > 1.0) t0 = 1.0; } this._collisionPoint.copyFromFloats(0, 0, 0); var found = false; var t = 1.0; if (!embeddedInPlane) { this.basePoint.subtractToRef(trianglePlane.normal, this._planeIntersectionPoint); this.velocity.scaleToRef(t0, this._tempVector); this._planeIntersectionPoint.addInPlace(this._tempVector); if (this._checkPointInTriangle(this._planeIntersectionPoint, p1, p2, p3, trianglePlane.normal)) { found = true; t = t0; this._collisionPoint.copyFrom(this._planeIntersectionPoint); } } if (!found) { var velocitySquaredLength = this.velocity.lengthSquared(); var a = velocitySquaredLength; this.basePoint.subtractToRef(p1, this._tempVector); var b = 2.0 * (BABYLON.Vector3.Dot(this.velocity, this._tempVector)); var c = this._tempVector.lengthSquared() - 1.0; var lowestRoot = getLowestRoot(a, b, c, t); if (lowestRoot.found) { t = lowestRoot.root; found = true; this._collisionPoint.copyFrom(p1); } this.basePoint.subtractToRef(p2, this._tempVector); b = 2.0 * (BABYLON.Vector3.Dot(this.velocity, this._tempVector)); c = this._tempVector.lengthSquared() - 1.0; lowestRoot = getLowestRoot(a, b, c, t); if (lowestRoot.found) { t = lowestRoot.root; found = true; this._collisionPoint.copyFrom(p2); } this.basePoint.subtractToRef(p3, this._tempVector); b = 2.0 * (BABYLON.Vector3.Dot(this.velocity, this._tempVector)); c = this._tempVector.lengthSquared() - 1.0; lowestRoot = getLowestRoot(a, b, c, t); if (lowestRoot.found) { t = lowestRoot.root; found = true; this._collisionPoint.copyFrom(p3); } p2.subtractToRef(p1, this._edge); p1.subtractToRef(this.basePoint, this._baseToVertex); var edgeSquaredLength = this._edge.lengthSquared(); var edgeDotVelocity = BABYLON.Vector3.Dot(this._edge, this.velocity); var edgeDotBaseToVertex = BABYLON.Vector3.Dot(this._edge, this._baseToVertex); a = edgeSquaredLength * (-velocitySquaredLength) + edgeDotVelocity * edgeDotVelocity; b = edgeSquaredLength * (2.0 * BABYLON.Vector3.Dot(this.velocity, this._baseToVertex)) - 2.0 * edgeDotVelocity * edgeDotBaseToVertex; c = edgeSquaredLength * (1.0 - this._baseToVertex.lengthSquared()) + edgeDotBaseToVertex * edgeDotBaseToVertex; lowestRoot = getLowestRoot(a, b, c, t); if (lowestRoot.found) { var f = (edgeDotVelocity * lowestRoot.root - edgeDotBaseToVertex) / edgeSquaredLength; if (f >= 0.0 && f <= 1.0) { t = lowestRoot.root; found = true; this._edge.scaleInPlace(f); p1.addToRef(this._edge, this._collisionPoint); } } p3.subtractToRef(p2, this._edge); p2.subtractToRef(this.basePoint, this._baseToVertex); edgeSquaredLength = this._edge.lengthSquared(); edgeDotVelocity = BABYLON.Vector3.Dot(this._edge, this.velocity); edgeDotBaseToVertex = BABYLON.Vector3.Dot(this._edge, this._baseToVertex); a = edgeSquaredLength * (-velocitySquaredLength) + edgeDotVelocity * edgeDotVelocity; b = edgeSquaredLength * (2.0 * BABYLON.Vector3.Dot(this.velocity, this._baseToVertex)) - 2.0 * edgeDotVelocity * edgeDotBaseToVertex; c = edgeSquaredLength * (1.0 - this._baseToVertex.lengthSquared()) + edgeDotBaseToVertex * edgeDotBaseToVertex; lowestRoot = getLowestRoot(a, b, c, t); if (lowestRoot.found) { f = (edgeDotVelocity * lowestRoot.root - edgeDotBaseToVertex) / edgeSquaredLength; if (f >= 0.0 && f <= 1.0) { t = lowestRoot.root; found = true; this._edge.scaleInPlace(f); p2.addToRef(this._edge, this._collisionPoint); } } p1.subtractToRef(p3, this._edge); p3.subtractToRef(this.basePoint, this._baseToVertex); edgeSquaredLength = this._edge.lengthSquared(); edgeDotVelocity = BABYLON.Vector3.Dot(this._edge, this.velocity); edgeDotBaseToVertex = BABYLON.Vector3.Dot(this._edge, this._baseToVertex); a = edgeSquaredLength * (-velocitySquaredLength) + edgeDotVelocity * edgeDotVelocity; b = edgeSquaredLength * (2.0 * BABYLON.Vector3.Dot(this.velocity, this._baseToVertex)) - 2.0 * edgeDotVelocity * edgeDotBaseToVertex; c = edgeSquaredLength * (1.0 - this._baseToVertex.lengthSquared()) + edgeDotBaseToVertex * edgeDotBaseToVertex; lowestRoot = getLowestRoot(a, b, c, t); if (lowestRoot.found) { f = (edgeDotVelocity * lowestRoot.root - edgeDotBaseToVertex) / edgeSquaredLength; if (f >= 0.0 && f <= 1.0) { t = lowestRoot.root; found = true; this._edge.scaleInPlace(f); p3.addToRef(this._edge, this._collisionPoint); } } } if (found) { var distToCollision = t * this.velocity.length(); if (!this.collisionFound || distToCollision < this.nearestDistance) { if (!this.intersectionPoint) { this.intersectionPoint = this._collisionPoint.clone(); } else { this.intersectionPoint.copyFrom(this._collisionPoint); } this.nearestDistance = distToCollision; this.collisionFound = true; } } }; Collider.prototype._collide = function (trianglePlaneArray, pts, indices, indexStart, indexEnd, decal, hasMaterial) { for (var i = indexStart; i < indexEnd; i += 3) { var p1 = pts[indices[i] - decal]; var p2 = pts[indices[i + 1] - decal]; var p3 = pts[indices[i + 2] - decal]; this._testTriangle(i, trianglePlaneArray, p3, p2, p1, hasMaterial); } }; Collider.prototype._getResponse = function (pos, vel) { pos.addToRef(vel, this._destinationPoint); vel.scaleInPlace((this.nearestDistance / vel.length())); this.basePoint.addToRef(vel, pos); pos.subtractToRef(this.intersectionPoint, this._slidePlaneNormal); this._slidePlaneNormal.normalize(); this._slidePlaneNormal.scaleToRef(this.epsilon, this._displacementVector); pos.addInPlace(this._displacementVector); this.intersectionPoint.addInPlace(this._displacementVector); this._slidePlaneNormal.scaleInPlace(BABYLON.Plane.SignedDistanceToPlaneFromPositionAndNormal(this.intersectionPoint, this._slidePlaneNormal, this._destinationPoint)); this._destinationPoint.subtractInPlace(this._slidePlaneNormal); this._destinationPoint.subtractToRef(this.intersectionPoint, vel); }; return Collider; }()); BABYLON.Collider = Collider; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Collisions/babylon.collider.js.map var BABYLON; (function (BABYLON) { //WebWorker code will be inserted to this variable. BABYLON.CollisionWorker = ""; (function (WorkerTaskType) { WorkerTaskType[WorkerTaskType["INIT"] = 0] = "INIT"; WorkerTaskType[WorkerTaskType["UPDATE"] = 1] = "UPDATE"; WorkerTaskType[WorkerTaskType["COLLIDE"] = 2] = "COLLIDE"; })(BABYLON.WorkerTaskType || (BABYLON.WorkerTaskType = {})); var WorkerTaskType = BABYLON.WorkerTaskType; (function (WorkerReplyType) { WorkerReplyType[WorkerReplyType["SUCCESS"] = 0] = "SUCCESS"; WorkerReplyType[WorkerReplyType["UNKNOWN_ERROR"] = 1] = "UNKNOWN_ERROR"; })(BABYLON.WorkerReplyType || (BABYLON.WorkerReplyType = {})); var WorkerReplyType = BABYLON.WorkerReplyType; var CollisionCoordinatorWorker = (function () { function CollisionCoordinatorWorker() { var _this = this; this._scaledPosition = BABYLON.Vector3.Zero(); this._scaledVelocity = BABYLON.Vector3.Zero(); this.onMeshUpdated = function (mesh) { _this._addUpdateMeshesList[mesh.uniqueId] = CollisionCoordinatorWorker.SerializeMesh(mesh); }; this.onGeometryUpdated = function (geometry) { _this._addUpdateGeometriesList[geometry.id] = CollisionCoordinatorWorker.SerializeGeometry(geometry); }; this._afterRender = function () { if (!_this._init) return; if (_this._toRemoveGeometryArray.length == 0 && _this._toRemoveMeshesArray.length == 0 && Object.keys(_this._addUpdateGeometriesList).length == 0 && Object.keys(_this._addUpdateMeshesList).length == 0) { return; } //5 concurrent updates were sent to the web worker and were not yet processed. Abort next update. //TODO make sure update runs as fast as possible to be able to update 60 FPS. if (_this._runningUpdated > 4) { return; } ++_this._runningUpdated; var payload = { updatedMeshes: _this._addUpdateMeshesList, updatedGeometries: _this._addUpdateGeometriesList, removedGeometries: _this._toRemoveGeometryArray, removedMeshes: _this._toRemoveMeshesArray }; var message = { payload: payload, taskType: WorkerTaskType.UPDATE }; var serializable = []; for (var id in payload.updatedGeometries) { if (payload.updatedGeometries.hasOwnProperty(id)) { //prepare transferables serializable.push(message.payload.updatedGeometries[id].indices.buffer); serializable.push(message.payload.updatedGeometries[id].normals.buffer); serializable.push(message.payload.updatedGeometries[id].positions.buffer); } } _this._worker.postMessage(message, serializable); _this._addUpdateMeshesList = {}; _this._addUpdateGeometriesList = {}; _this._toRemoveGeometryArray = []; _this._toRemoveMeshesArray = []; }; this._onMessageFromWorker = function (e) { var returnData = e.data; if (returnData.error != WorkerReplyType.SUCCESS) { //TODO what errors can be returned from the worker? BABYLON.Tools.Warn("error returned from worker!"); return; } switch (returnData.taskType) { case WorkerTaskType.INIT: _this._init = true; //Update the worked with ALL of the scene's current state _this._scene.meshes.forEach(function (mesh) { _this.onMeshAdded(mesh); }); _this._scene.getGeometries().forEach(function (geometry) { _this.onGeometryAdded(geometry); }); break; case WorkerTaskType.UPDATE: _this._runningUpdated--; break; case WorkerTaskType.COLLIDE: _this._runningCollisionTask = false; var returnPayload = returnData.payload; if (!_this._collisionsCallbackArray[returnPayload.collisionId]) return; _this._collisionsCallbackArray[returnPayload.collisionId](returnPayload.collisionId, BABYLON.Vector3.FromArray(returnPayload.newPosition), _this._scene.getMeshByUniqueID(returnPayload.collidedMeshUniqueId)); //cleanup _this._collisionsCallbackArray[returnPayload.collisionId] = undefined; break; } }; this._collisionsCallbackArray = []; this._init = false; this._runningUpdated = 0; this._runningCollisionTask = false; this._addUpdateMeshesList = {}; this._addUpdateGeometriesList = {}; this._toRemoveGeometryArray = []; this._toRemoveMeshesArray = []; } CollisionCoordinatorWorker.prototype.getNewPosition = function (position, velocity, collider, maximumRetry, excludedMesh, onNewPosition, collisionIndex) { if (!this._init) return; if (this._collisionsCallbackArray[collisionIndex] || this._collisionsCallbackArray[collisionIndex + 100000]) return; position.divideToRef(collider.radius, this._scaledPosition); velocity.divideToRef(collider.radius, this._scaledVelocity); this._collisionsCallbackArray[collisionIndex] = onNewPosition; var payload = { collider: { position: this._scaledPosition.asArray(), velocity: this._scaledVelocity.asArray(), radius: collider.radius.asArray() }, collisionId: collisionIndex, excludedMeshUniqueId: excludedMesh ? excludedMesh.uniqueId : null, maximumRetry: maximumRetry }; var message = { payload: payload, taskType: WorkerTaskType.COLLIDE }; this._worker.postMessage(message); }; CollisionCoordinatorWorker.prototype.init = function (scene) { this._scene = scene; this._scene.registerAfterRender(this._afterRender); var workerUrl = BABYLON.WorkerIncluded ? BABYLON.Engine.CodeRepository + "Collisions/babylon.collisionWorker.js" : URL.createObjectURL(new Blob([BABYLON.CollisionWorker], { type: 'application/javascript' })); this._worker = new Worker(workerUrl); this._worker.onmessage = this._onMessageFromWorker; var message = { payload: {}, taskType: WorkerTaskType.INIT }; this._worker.postMessage(message); }; CollisionCoordinatorWorker.prototype.destroy = function () { this._scene.unregisterAfterRender(this._afterRender); this._worker.terminate(); }; CollisionCoordinatorWorker.prototype.onMeshAdded = function (mesh) { mesh.registerAfterWorldMatrixUpdate(this.onMeshUpdated); this.onMeshUpdated(mesh); }; CollisionCoordinatorWorker.prototype.onMeshRemoved = function (mesh) { this._toRemoveMeshesArray.push(mesh.uniqueId); }; CollisionCoordinatorWorker.prototype.onGeometryAdded = function (geometry) { //TODO this will break if the user uses his own function. This should be an array of callbacks! geometry.onGeometryUpdated = this.onGeometryUpdated; this.onGeometryUpdated(geometry); }; CollisionCoordinatorWorker.prototype.onGeometryDeleted = function (geometry) { this._toRemoveGeometryArray.push(geometry.id); }; CollisionCoordinatorWorker.SerializeMesh = function (mesh) { var submeshes = []; if (mesh.subMeshes) { submeshes = mesh.subMeshes.map(function (sm, idx) { return { position: idx, verticesStart: sm.verticesStart, verticesCount: sm.verticesCount, indexStart: sm.indexStart, indexCount: sm.indexCount, hasMaterial: !!sm.getMaterial(), sphereCenter: sm.getBoundingInfo().boundingSphere.centerWorld.asArray(), sphereRadius: sm.getBoundingInfo().boundingSphere.radiusWorld, boxMinimum: sm.getBoundingInfo().boundingBox.minimumWorld.asArray(), boxMaximum: sm.getBoundingInfo().boundingBox.maximumWorld.asArray() }; }); } var geometryId = null; if (mesh instanceof BABYLON.Mesh) { geometryId = mesh.geometry ? mesh.geometry.id : null; } else if (mesh instanceof BABYLON.InstancedMesh) { geometryId = (mesh.sourceMesh && mesh.sourceMesh.geometry) ? mesh.sourceMesh.geometry.id : null; } return { uniqueId: mesh.uniqueId, id: mesh.id, name: mesh.name, geometryId: geometryId, sphereCenter: mesh.getBoundingInfo().boundingSphere.centerWorld.asArray(), sphereRadius: mesh.getBoundingInfo().boundingSphere.radiusWorld, boxMinimum: mesh.getBoundingInfo().boundingBox.minimumWorld.asArray(), boxMaximum: mesh.getBoundingInfo().boundingBox.maximumWorld.asArray(), worldMatrixFromCache: mesh.worldMatrixFromCache.asArray(), subMeshes: submeshes, checkCollisions: mesh.checkCollisions }; }; CollisionCoordinatorWorker.SerializeGeometry = function (geometry) { return { id: geometry.id, positions: new Float32Array(geometry.getVerticesData(BABYLON.VertexBuffer.PositionKind) || []), normals: new Float32Array(geometry.getVerticesData(BABYLON.VertexBuffer.NormalKind) || []), indices: new Int32Array(geometry.getIndices() || []), }; }; return CollisionCoordinatorWorker; }()); BABYLON.CollisionCoordinatorWorker = CollisionCoordinatorWorker; var CollisionCoordinatorLegacy = (function () { function CollisionCoordinatorLegacy() { this._scaledPosition = BABYLON.Vector3.Zero(); this._scaledVelocity = BABYLON.Vector3.Zero(); this._finalPosition = BABYLON.Vector3.Zero(); } CollisionCoordinatorLegacy.prototype.getNewPosition = function (position, velocity, collider, maximumRetry, excludedMesh, onNewPosition, collisionIndex) { position.divideToRef(collider.radius, this._scaledPosition); velocity.divideToRef(collider.radius, this._scaledVelocity); collider.collidedMesh = null; collider.retry = 0; collider.initialVelocity = this._scaledVelocity; collider.initialPosition = this._scaledPosition; this._collideWithWorld(this._scaledPosition, this._scaledVelocity, collider, maximumRetry, this._finalPosition, excludedMesh); this._finalPosition.multiplyInPlace(collider.radius); //run the callback onNewPosition(collisionIndex, this._finalPosition, collider.collidedMesh); }; CollisionCoordinatorLegacy.prototype.init = function (scene) { this._scene = scene; }; CollisionCoordinatorLegacy.prototype.destroy = function () { //Legacy need no destruction method. }; //No update in legacy mode CollisionCoordinatorLegacy.prototype.onMeshAdded = function (mesh) { }; CollisionCoordinatorLegacy.prototype.onMeshUpdated = function (mesh) { }; CollisionCoordinatorLegacy.prototype.onMeshRemoved = function (mesh) { }; CollisionCoordinatorLegacy.prototype.onGeometryAdded = function (geometry) { }; CollisionCoordinatorLegacy.prototype.onGeometryUpdated = function (geometry) { }; CollisionCoordinatorLegacy.prototype.onGeometryDeleted = function (geometry) { }; CollisionCoordinatorLegacy.prototype._collideWithWorld = function (position, velocity, collider, maximumRetry, finalPosition, excludedMesh) { if (excludedMesh === void 0) { excludedMesh = null; } var closeDistance = BABYLON.Engine.CollisionsEpsilon * 10.0; if (collider.retry >= maximumRetry) { finalPosition.copyFrom(position); return; } collider._initialize(position, velocity, closeDistance); // Check all meshes for (var index = 0; index < this._scene.meshes.length; index++) { var mesh = this._scene.meshes[index]; if (mesh.isEnabled() && mesh.checkCollisions && mesh.subMeshes && mesh !== excludedMesh) { mesh._checkCollision(collider); } } if (!collider.collisionFound) { position.addToRef(velocity, finalPosition); return; } if (velocity.x !== 0 || velocity.y !== 0 || velocity.z !== 0) { collider._getResponse(position, velocity); } if (velocity.length() <= closeDistance) { finalPosition.copyFrom(position); return; } collider.retry++; this._collideWithWorld(position, velocity, collider, maximumRetry, finalPosition, excludedMesh); }; return CollisionCoordinatorLegacy; }()); BABYLON.CollisionCoordinatorLegacy = CollisionCoordinatorLegacy; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Collisions/babylon.collisionCoordinator.js.map var BABYLON; (function (BABYLON) { var Camera = (function (_super) { __extends(Camera, _super); function Camera(name, position, scene) { _super.call(this, name, scene); this.upVector = BABYLON.Vector3.Up(); this.orthoLeft = null; this.orthoRight = null; this.orthoBottom = null; this.orthoTop = null; this.fov = 0.8; this.minZ = 1.0; this.maxZ = 10000.0; this.inertia = 0.9; this.mode = Camera.PERSPECTIVE_CAMERA; this.isIntermediate = false; this.viewport = new BABYLON.Viewport(0, 0, 1.0, 1.0); this.layerMask = 0x0FFFFFFF; this.fovMode = Camera.FOVMODE_VERTICAL_FIXED; // Camera rig members this.cameraRigMode = Camera.RIG_MODE_NONE; this._rigCameras = new Array(); // Cache this._computedViewMatrix = BABYLON.Matrix.Identity(); this._projectionMatrix = new BABYLON.Matrix(); this._doNotComputeProjectionMatrix = false; this._postProcesses = new Array(); this._transformMatrix = BABYLON.Matrix.Zero(); this._webvrViewMatrix = BABYLON.Matrix.Identity(); this._activeMeshes = new BABYLON.SmartArray(256); this._globalPosition = BABYLON.Vector3.Zero(); this._refreshFrustumPlanes = true; scene.addCamera(this); if (!scene.activeCamera) { scene.activeCamera = this; } this.position = position; } Object.defineProperty(Camera, "PERSPECTIVE_CAMERA", { get: function () { return Camera._PERSPECTIVE_CAMERA; }, enumerable: true, configurable: true }); Object.defineProperty(Camera, "ORTHOGRAPHIC_CAMERA", { get: function () { return Camera._ORTHOGRAPHIC_CAMERA; }, enumerable: true, configurable: true }); Object.defineProperty(Camera, "FOVMODE_VERTICAL_FIXED", { get: function () { return Camera._FOVMODE_VERTICAL_FIXED; }, enumerable: true, configurable: true }); Object.defineProperty(Camera, "FOVMODE_HORIZONTAL_FIXED", { get: function () { return Camera._FOVMODE_HORIZONTAL_FIXED; }, enumerable: true, configurable: true }); Object.defineProperty(Camera, "RIG_MODE_NONE", { get: function () { return Camera._RIG_MODE_NONE; }, enumerable: true, configurable: true }); Object.defineProperty(Camera, "RIG_MODE_STEREOSCOPIC_ANAGLYPH", { get: function () { return Camera._RIG_MODE_STEREOSCOPIC_ANAGLYPH; }, enumerable: true, configurable: true }); Object.defineProperty(Camera, "RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_PARALLEL", { get: function () { return Camera._RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_PARALLEL; }, enumerable: true, configurable: true }); Object.defineProperty(Camera, "RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_CROSSEYED", { get: function () { return Camera._RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_CROSSEYED; }, enumerable: true, configurable: true }); Object.defineProperty(Camera, "RIG_MODE_STEREOSCOPIC_OVERUNDER", { get: function () { return Camera._RIG_MODE_STEREOSCOPIC_OVERUNDER; }, enumerable: true, configurable: true }); Object.defineProperty(Camera, "RIG_MODE_VR", { get: function () { return Camera._RIG_MODE_VR; }, enumerable: true, configurable: true }); Object.defineProperty(Camera, "RIG_MODE_WEBVR", { get: function () { return Camera._RIG_MODE_WEBVR; }, enumerable: true, configurable: true }); /** * @param {boolean} fullDetails - support for multiple levels of logging within scene loading */ Camera.prototype.toString = function (fullDetails) { var ret = "Name: " + this.name; ret += ", type: " + this.getTypeName(); if (this.animations) { for (var i = 0; i < this.animations.length; i++) { ret += ", animation[0]: " + this.animations[i].toString(fullDetails); } } if (fullDetails) { } return ret; }; Object.defineProperty(Camera.prototype, "globalPosition", { get: function () { return this._globalPosition; }, enumerable: true, configurable: true }); Camera.prototype.getActiveMeshes = function () { return this._activeMeshes; }; Camera.prototype.isActiveMesh = function (mesh) { return (this._activeMeshes.indexOf(mesh) !== -1); }; //Cache Camera.prototype._initCache = function () { _super.prototype._initCache.call(this); this._cache.position = new BABYLON.Vector3(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE); this._cache.upVector = new BABYLON.Vector3(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE); this._cache.mode = undefined; this._cache.minZ = undefined; this._cache.maxZ = undefined; this._cache.fov = undefined; this._cache.fovMode = undefined; this._cache.aspectRatio = undefined; this._cache.orthoLeft = undefined; this._cache.orthoRight = undefined; this._cache.orthoBottom = undefined; this._cache.orthoTop = undefined; this._cache.renderWidth = undefined; this._cache.renderHeight = undefined; }; Camera.prototype._updateCache = function (ignoreParentClass) { if (!ignoreParentClass) { _super.prototype._updateCache.call(this); } var engine = this.getEngine(); this._cache.position.copyFrom(this.position); this._cache.upVector.copyFrom(this.upVector); this._cache.mode = this.mode; this._cache.minZ = this.minZ; this._cache.maxZ = this.maxZ; this._cache.fov = this.fov; this._cache.fovMode = this.fovMode; this._cache.aspectRatio = engine.getAspectRatio(this); this._cache.orthoLeft = this.orthoLeft; this._cache.orthoRight = this.orthoRight; this._cache.orthoBottom = this.orthoBottom; this._cache.orthoTop = this.orthoTop; this._cache.renderWidth = engine.getRenderWidth(); this._cache.renderHeight = engine.getRenderHeight(); }; Camera.prototype._updateFromScene = function () { this.updateCache(); this.update(); }; // Synchronized Camera.prototype._isSynchronized = function () { return this._isSynchronizedViewMatrix() && this._isSynchronizedProjectionMatrix(); }; Camera.prototype._isSynchronizedViewMatrix = function () { if (!_super.prototype._isSynchronized.call(this)) return false; return this._cache.position.equals(this.position) && this._cache.upVector.equals(this.upVector) && this.isSynchronizedWithParent(); }; Camera.prototype._isSynchronizedProjectionMatrix = function () { var check = this._cache.mode === this.mode && this._cache.minZ === this.minZ && this._cache.maxZ === this.maxZ; if (!check) { return false; } var engine = this.getEngine(); if (this.mode === Camera.PERSPECTIVE_CAMERA) { check = this._cache.fov === this.fov && this._cache.fovMode === this.fovMode && this._cache.aspectRatio === engine.getAspectRatio(this); } else { check = this._cache.orthoLeft === this.orthoLeft && this._cache.orthoRight === this.orthoRight && this._cache.orthoBottom === this.orthoBottom && this._cache.orthoTop === this.orthoTop && this._cache.renderWidth === engine.getRenderWidth() && this._cache.renderHeight === engine.getRenderHeight(); } return check; }; // Controls Camera.prototype.attachControl = function (element, noPreventDefault) { }; Camera.prototype.detachControl = function (element) { }; Camera.prototype.update = function () { if (this.cameraRigMode !== Camera.RIG_MODE_NONE) { this._updateRigCameras(); } this._checkInputs(); }; Camera.prototype._checkInputs = function () { }; Camera.prototype._cascadePostProcessesToRigCams = function () { // invalidate framebuffer if (this._postProcesses.length > 0) { this._postProcesses[0].markTextureDirty(); } // glue the rigPostProcess to the end of the user postprocesses & assign to each sub-camera for (var i = 0, len = this._rigCameras.length; i < len; i++) { var cam = this._rigCameras[i]; var rigPostProcess = cam._rigPostProcess; // for VR rig, there does not have to be a post process if (rigPostProcess) { var isPass = rigPostProcess instanceof BABYLON.PassPostProcess; if (isPass) { // any rig which has a PassPostProcess for rig[0], cannot be isIntermediate when there are also user postProcesses cam.isIntermediate = this._postProcesses.length === 0; } cam._postProcesses = this._postProcesses.slice(0).concat(rigPostProcess); rigPostProcess.markTextureDirty(); } else { cam._postProcesses = this._postProcesses.slice(0); } } }; Camera.prototype.attachPostProcess = function (postProcess, insertAt) { if (insertAt === void 0) { insertAt = null; } if (!postProcess.isReusable() && this._postProcesses.indexOf(postProcess) > -1) { BABYLON.Tools.Error("You're trying to reuse a post process not defined as reusable."); return 0; } if (insertAt == null || insertAt < 0) { this._postProcesses.push(postProcess); } else { this._postProcesses.splice(insertAt, 0, postProcess); } this._cascadePostProcessesToRigCams(); // also ensures framebuffer invalidated return this._postProcesses.indexOf(postProcess); }; Camera.prototype.detachPostProcess = function (postProcess, atIndices) { if (atIndices === void 0) { atIndices = null; } var result = []; var i; var index; if (!atIndices) { var idx = this._postProcesses.indexOf(postProcess); if (idx !== -1) { this._postProcesses.splice(idx, 1); } } else { atIndices = (atIndices instanceof Array) ? atIndices : [atIndices]; // iterate descending, so can just splice as we go for (i = atIndices.length - 1; i >= 0; i--) { if (this._postProcesses[atIndices[i]] !== postProcess) { result.push(i); continue; } this._postProcesses.splice(index, 1); } } this._cascadePostProcessesToRigCams(); // also ensures framebuffer invalidated return result; }; Camera.prototype.getWorldMatrix = function () { if (!this._worldMatrix) { this._worldMatrix = BABYLON.Matrix.Identity(); } var viewMatrix = this.getViewMatrix(); viewMatrix.invertToRef(this._worldMatrix); return this._worldMatrix; }; Camera.prototype._getViewMatrix = function () { return BABYLON.Matrix.Identity(); }; Camera.prototype.getViewMatrix = function (force) { this._computedViewMatrix = this._computeViewMatrix(force); if (!force && this._isSynchronizedViewMatrix()) { return this._computedViewMatrix; } this._refreshFrustumPlanes = true; if (!this.parent || !this.parent.getWorldMatrix) { this._globalPosition.copyFrom(this.position); } else { if (!this._worldMatrix) { this._worldMatrix = BABYLON.Matrix.Identity(); } this._computedViewMatrix.invertToRef(this._worldMatrix); this._worldMatrix.multiplyToRef(this.parent.getWorldMatrix(), this._computedViewMatrix); this._globalPosition.copyFromFloats(this._computedViewMatrix.m[12], this._computedViewMatrix.m[13], this._computedViewMatrix.m[14]); this._computedViewMatrix.invert(); this._markSyncedWithParent(); } this._currentRenderId = this.getScene().getRenderId(); return this._computedViewMatrix; }; Camera.prototype._computeViewMatrix = function (force) { if (!force && this._isSynchronizedViewMatrix()) { return this._computedViewMatrix; } this._computedViewMatrix = this._getViewMatrix(); this._currentRenderId = this.getScene().getRenderId(); return this._computedViewMatrix; }; Camera.prototype.freezeProjectionMatrix = function (projection) { this._doNotComputeProjectionMatrix = true; if (projection !== undefined) { this._projectionMatrix = projection; } }; ; Camera.prototype.unfreezeProjectionMatrix = function () { this._doNotComputeProjectionMatrix = false; }; ; Camera.prototype.getProjectionMatrix = function (force) { if (this._doNotComputeProjectionMatrix || (!force && this._isSynchronizedProjectionMatrix())) { return this._projectionMatrix; } this._refreshFrustumPlanes = true; var engine = this.getEngine(); var scene = this.getScene(); if (this.mode === Camera.PERSPECTIVE_CAMERA) { if (this.minZ <= 0) { this.minZ = 0.1; } if (scene.useRightHandedSystem) { BABYLON.Matrix.PerspectiveFovRHToRef(this.fov, engine.getAspectRatio(this), this.minZ, this.maxZ, this._projectionMatrix, this.fovMode === Camera.FOVMODE_VERTICAL_FIXED); } else { BABYLON.Matrix.PerspectiveFovLHToRef(this.fov, engine.getAspectRatio(this), this.minZ, this.maxZ, this._projectionMatrix, this.fovMode === Camera.FOVMODE_VERTICAL_FIXED); } return this._projectionMatrix; } var halfWidth = engine.getRenderWidth() / 2.0; var halfHeight = engine.getRenderHeight() / 2.0; if (scene.useRightHandedSystem) { BABYLON.Matrix.OrthoOffCenterRHToRef(this.orthoLeft || -halfWidth, this.orthoRight || halfWidth, this.orthoBottom || -halfHeight, this.orthoTop || halfHeight, this.minZ, this.maxZ, this._projectionMatrix); } else { BABYLON.Matrix.OrthoOffCenterLHToRef(this.orthoLeft || -halfWidth, this.orthoRight || halfWidth, this.orthoBottom || -halfHeight, this.orthoTop || halfHeight, this.minZ, this.maxZ, this._projectionMatrix); } return this._projectionMatrix; }; Camera.prototype.getTranformationMatrix = function () { this._computedViewMatrix.multiplyToRef(this._projectionMatrix, this._transformMatrix); return this._transformMatrix; }; Camera.prototype.updateFrustumPlanes = function () { if (!this._refreshFrustumPlanes) { return; } this.getTranformationMatrix(); if (!this._frustumPlanes) { this._frustumPlanes = BABYLON.Frustum.GetPlanes(this._transformMatrix); } else { BABYLON.Frustum.GetPlanesToRef(this._transformMatrix, this._frustumPlanes); } this._refreshFrustumPlanes = false; }; Camera.prototype.isInFrustum = function (target) { this.updateFrustumPlanes(); return target.isInFrustum(this._frustumPlanes); }; Camera.prototype.isCompletelyInFrustum = function (target) { this.updateFrustumPlanes(); return target.isCompletelyInFrustum(this._frustumPlanes); }; Camera.prototype.dispose = function () { // Animations this.getScene().stopAnimation(this); // Remove from scene this.getScene().removeCamera(this); while (this._rigCameras.length > 0) { this._rigCameras.pop().dispose(); } // Postprocesses for (var i = 0; i < this._postProcesses.length; ++i) { this._postProcesses[i].dispose(this); } _super.prototype.dispose.call(this); }; // ---- Camera rigs section ---- Camera.prototype.setCameraRigMode = function (mode, rigParams) { while (this._rigCameras.length > 0) { this._rigCameras.pop().dispose(); } this.cameraRigMode = mode; this._cameraRigParams = {}; //we have to implement stereo camera calcultating left and right viewpoints from interaxialDistance and target, //not from a given angle as it is now, but until that complete code rewriting provisional stereoHalfAngle value is introduced this._cameraRigParams.interaxialDistance = rigParams.interaxialDistance || 0.0637; this._cameraRigParams.stereoHalfAngle = BABYLON.Tools.ToRadians(this._cameraRigParams.interaxialDistance / 0.0637); // create the rig cameras, unless none if (this.cameraRigMode !== Camera.RIG_MODE_NONE) { this._rigCameras.push(this.createRigCamera(this.name + "_L", 0)); this._rigCameras.push(this.createRigCamera(this.name + "_R", 1)); } switch (this.cameraRigMode) { case Camera.RIG_MODE_STEREOSCOPIC_ANAGLYPH: this._rigCameras[0]._rigPostProcess = new BABYLON.PassPostProcess(this.name + "_passthru", 1.0, this._rigCameras[0]); this._rigCameras[1]._rigPostProcess = new BABYLON.AnaglyphPostProcess(this.name + "_anaglyph", 1.0, this._rigCameras); break; case Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_PARALLEL: case Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_CROSSEYED: case Camera.RIG_MODE_STEREOSCOPIC_OVERUNDER: var isStereoscopicHoriz = this.cameraRigMode === Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_PARALLEL || this.cameraRigMode === Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_CROSSEYED; this._rigCameras[0]._rigPostProcess = new BABYLON.PassPostProcess(this.name + "_passthru", 1.0, this._rigCameras[0]); this._rigCameras[1]._rigPostProcess = new BABYLON.StereoscopicInterlacePostProcess(this.name + "_stereoInterlace", this._rigCameras, isStereoscopicHoriz); break; case Camera.RIG_MODE_VR: var metrics = rigParams.vrCameraMetrics || BABYLON.VRCameraMetrics.GetDefault(); this._rigCameras[0]._cameraRigParams.vrMetrics = metrics; this._rigCameras[0].viewport = new BABYLON.Viewport(0, 0, 0.5, 1.0); this._rigCameras[0]._cameraRigParams.vrWorkMatrix = new BABYLON.Matrix(); this._rigCameras[0]._cameraRigParams.vrHMatrix = metrics.leftHMatrix; this._rigCameras[0]._cameraRigParams.vrPreViewMatrix = metrics.leftPreViewMatrix; this._rigCameras[0].getProjectionMatrix = this._rigCameras[0]._getVRProjectionMatrix; this._rigCameras[1]._cameraRigParams.vrMetrics = metrics; this._rigCameras[1].viewport = new BABYLON.Viewport(0.5, 0, 0.5, 1.0); this._rigCameras[1]._cameraRigParams.vrWorkMatrix = new BABYLON.Matrix(); this._rigCameras[1]._cameraRigParams.vrHMatrix = metrics.rightHMatrix; this._rigCameras[1]._cameraRigParams.vrPreViewMatrix = metrics.rightPreViewMatrix; this._rigCameras[1].getProjectionMatrix = this._rigCameras[1]._getVRProjectionMatrix; if (metrics.compensateDistortion) { this._rigCameras[0]._rigPostProcess = new BABYLON.VRDistortionCorrectionPostProcess("VR_Distort_Compensation_Left", this._rigCameras[0], false, metrics); this._rigCameras[1]._rigPostProcess = new BABYLON.VRDistortionCorrectionPostProcess("VR_Distort_Compensation_Right", this._rigCameras[1], true, metrics); } break; case Camera.RIG_MODE_WEBVR: if (rigParams.vrDisplay) { //var leftEye = rigParams.vrDisplay.getEyeParameters('left'); //var rightEye = rigParams.vrDisplay.getEyeParameters('right'); this._rigCameras[0].viewport = new BABYLON.Viewport(0, 0, 0.5, 1.0); this._rigCameras[0].setCameraRigParameter("left", true); this._rigCameras[0].setCameraRigParameter("frameData", rigParams.frameData); //this._rigCameras[0].setCameraRigParameter("vrOffsetMatrix", Matrix.Translation(-leftEye.offset[0], leftEye.offset[1], -leftEye.offset[2])); this._rigCameras[0]._cameraRigParams.vrWorkMatrix = new BABYLON.Matrix(); this._rigCameras[0].getProjectionMatrix = this._getWebVRProjectionMatrix; //this._rigCameras[0]._getViewMatrix = this._getWebVRViewMatrix; this._rigCameras[1].viewport = new BABYLON.Viewport(0.5, 0, 0.5, 1.0); this._rigCameras[1].setCameraRigParameter("frameData", rigParams.frameData); //this._rigCameras[1].setCameraRigParameter("vrOffsetMatrix", Matrix.Translation(-rightEye.offset[0], rightEye.offset[1], -rightEye.offset[2])); this._rigCameras[1]._cameraRigParams.vrWorkMatrix = new BABYLON.Matrix(); this._rigCameras[1].getProjectionMatrix = this._getWebVRProjectionMatrix; } break; } this._cascadePostProcessesToRigCams(); this. update(); }; Camera.prototype._getVRProjectionMatrix = function () { BABYLON.Matrix.PerspectiveFovLHToRef(this._cameraRigParams.vrMetrics.aspectRatioFov, this._cameraRigParams.vrMetrics.aspectRatio, this.minZ, this.maxZ, this._cameraRigParams.vrWorkMatrix); this._cameraRigParams.vrWorkMatrix.multiplyToRef(this._cameraRigParams.vrHMatrix, this._projectionMatrix); return this._projectionMatrix; }; Camera.prototype._getWebVRProjectionMatrix = function () { var projectionArray = this._cameraRigParams["left"] ? this._cameraRigParams["frameData"].leftProjectionMatrix : this._cameraRigParams["frameData"].rightProjectionMatrix; //babylon compatible matrix [8, 9, 10, 11].forEach(function (num) { projectionArray[num] *= -1; }); BABYLON.Matrix.FromArrayToRef(projectionArray, 0, this._projectionMatrix); return this._projectionMatrix; }; //Can be used, but we'll use the free camera's view matrix calculation Camera.prototype._getWebVRViewMatrix = function () { var projectionArray = this._cameraRigParams["left"] ? this._cameraRigParams["frameData"].leftViewMatrix : this._cameraRigParams["frameData"].rightViewMatrix; //babylon compatible matrix [8, 9, 10, 11].forEach(function (num) { projectionArray[num] *= -1; }); BABYLON.Matrix.FromArrayToRef(projectionArray, 0, this._webvrViewMatrix); return this._webvrViewMatrix; }; Camera.prototype.setCameraRigParameter = function (name, value) { if (!this._cameraRigParams) { this._cameraRigParams = {}; } this._cameraRigParams[name] = value; //provisionnally: if (name === "interaxialDistance") { this._cameraRigParams.stereoHalfAngle = BABYLON.Tools.ToRadians(value / 0.0637); } }; /** * needs to be overridden by children so sub has required properties to be copied */ Camera.prototype.createRigCamera = function (name, cameraIndex) { return null; }; /** * May need to be overridden by children */ Camera.prototype._updateRigCameras = function () { for (var i = 0; i < this._rigCameras.length; i++) { this._rigCameras[i].minZ = this.minZ; this._rigCameras[i].maxZ = this.maxZ; this._rigCameras[i].fov = this.fov; } // only update viewport when ANAGLYPH if (this.cameraRigMode === Camera.RIG_MODE_STEREOSCOPIC_ANAGLYPH) { this._rigCameras[0].viewport = this._rigCameras[1].viewport = this.viewport; } }; Camera.prototype._setupInputs = function () { }; Camera.prototype.serialize = function () { var serializationObject = BABYLON.SerializationHelper.Serialize(this); // Type serializationObject.type = this.getTypeName(); // Parent if (this.parent) { serializationObject.parentId = this.parent.id; } if (this.inputs) { this.inputs.serialize(serializationObject); } // Animations BABYLON.Animation.AppendSerializedAnimations(this, serializationObject); serializationObject.ranges = this.serializeAnimationRanges(); return serializationObject; }; Camera.prototype.getTypeName = function () { return "Camera"; }; Camera.prototype.clone = function (name) { return BABYLON.SerializationHelper.Clone(Camera.GetConstructorFromName(this.getTypeName(), name, this.getScene(), this.interaxialDistance, this.isStereoscopicSideBySide), this); }; Camera.prototype.getDirection = function (localAxis) { var result = BABYLON.Vector3.Zero(); this.getDirectionToRef(localAxis, result); return result; }; Camera.prototype.getDirectionToRef = function (localAxis, result) { BABYLON.Vector3.TransformNormalToRef(localAxis, this.getWorldMatrix(), result); }; Camera.GetConstructorFromName = function (type, name, scene, interaxial_distance, isStereoscopicSideBySide) { if (interaxial_distance === void 0) { interaxial_distance = 0; } if (isStereoscopicSideBySide === void 0) { isStereoscopicSideBySide = true; } switch (type) { case "ArcRotateCamera": return function () { return new BABYLON.ArcRotateCamera(name, 0, 0, 1.0, BABYLON.Vector3.Zero(), scene); }; case "DeviceOrientationCamera": return function () { return new BABYLON.DeviceOrientationCamera(name, BABYLON.Vector3.Zero(), scene); }; case "FollowCamera": return function () { return new BABYLON.FollowCamera(name, BABYLON.Vector3.Zero(), scene); }; case "ArcFollowCamera": return function () { return new BABYLON.ArcFollowCamera(name, 0, 0, 1.0, null, scene); }; case "GamepadCamera": return function () { return new BABYLON.GamepadCamera(name, BABYLON.Vector3.Zero(), scene); }; case "TouchCamera": return function () { return new BABYLON.TouchCamera(name, BABYLON.Vector3.Zero(), scene); }; case "VirtualJoysticksCamera": return function () { return new BABYLON.VirtualJoysticksCamera(name, BABYLON.Vector3.Zero(), scene); }; case "WebVRFreeCamera": return function () { return new BABYLON.WebVRFreeCamera(name, BABYLON.Vector3.Zero(), scene); }; case "VRDeviceOrientationFreeCamera": return function () { return new BABYLON.VRDeviceOrientationFreeCamera(name, BABYLON.Vector3.Zero(), scene); }; case "AnaglyphArcRotateCamera": return function () { return new BABYLON.AnaglyphArcRotateCamera(name, 0, 0, 1.0, BABYLON.Vector3.Zero(), interaxial_distance, scene); }; case "AnaglyphFreeCamera": return function () { return new BABYLON.AnaglyphFreeCamera(name, BABYLON.Vector3.Zero(), interaxial_distance, scene); }; case "AnaglyphGamepadCamera": return function () { return new BABYLON.AnaglyphGamepadCamera(name, BABYLON.Vector3.Zero(), interaxial_distance, scene); }; case "AnaglyphUniversalCamera": return function () { return new BABYLON.AnaglyphUniversalCamera(name, BABYLON.Vector3.Zero(), interaxial_distance, scene); }; case "StereoscopicArcRotateCamera": return function () { return new BABYLON.StereoscopicArcRotateCamera(name, 0, 0, 1.0, BABYLON.Vector3.Zero(), interaxial_distance, isStereoscopicSideBySide, scene); }; case "StereoscopicFreeCamera": return function () { return new BABYLON.StereoscopicFreeCamera(name, BABYLON.Vector3.Zero(), interaxial_distance, isStereoscopicSideBySide, scene); }; case "StereoscopicGamepadCamera": return function () { return new BABYLON.StereoscopicGamepadCamera(name, BABYLON.Vector3.Zero(), interaxial_distance, isStereoscopicSideBySide, scene); }; case "StereoscopicUniversalCamera": return function () { return new BABYLON.StereoscopicUniversalCamera(name, BABYLON.Vector3.Zero(), interaxial_distance, isStereoscopicSideBySide, scene); }; case "FreeCamera": return function () { return new BABYLON.UniversalCamera(name, BABYLON.Vector3.Zero(), scene); }; default: return function () { return new BABYLON.UniversalCamera(name, BABYLON.Vector3.Zero(), scene); }; } }; Camera.Parse = function (parsedCamera, scene) { var type = parsedCamera.type; var construct = Camera.GetConstructorFromName(type, parsedCamera.name, scene, parsedCamera.interaxial_distance, parsedCamera.isStereoscopicSideBySide); var camera = BABYLON.SerializationHelper.Parse(construct, parsedCamera, scene); // Parent if (parsedCamera.parentId) { camera._waitingParentId = parsedCamera.parentId; } //If camera has an input manager, let it parse inputs settings if (camera.inputs) { camera.inputs.parse(parsedCamera); camera._setupInputs(); } // Target if (parsedCamera.target) { if (camera.setTarget) { camera.setTarget(BABYLON.Vector3.FromArray(parsedCamera.target)); } } // Apply 3d rig, when found if (parsedCamera.cameraRigMode) { var rigParams = (parsedCamera.interaxial_distance) ? { interaxialDistance: parsedCamera.interaxial_distance } : {}; camera.setCameraRigMode(parsedCamera.cameraRigMode, rigParams); } // Animations if (parsedCamera.animations) { for (var animationIndex = 0; animationIndex < parsedCamera.animations.length; animationIndex++) { var parsedAnimation = parsedCamera.animations[animationIndex]; camera.animations.push(BABYLON.Animation.Parse(parsedAnimation)); } BABYLON.Node.ParseAnimationRanges(camera, parsedCamera, scene); } if (parsedCamera.autoAnimate) { scene.beginAnimation(camera, parsedCamera.autoAnimateFrom, parsedCamera.autoAnimateTo, parsedCamera.autoAnimateLoop, parsedCamera.autoAnimateSpeed || 1.0); } return camera; }; // Statics Camera._PERSPECTIVE_CAMERA = 0; Camera._ORTHOGRAPHIC_CAMERA = 1; Camera._FOVMODE_VERTICAL_FIXED = 0; Camera._FOVMODE_HORIZONTAL_FIXED = 1; Camera._RIG_MODE_NONE = 0; Camera._RIG_MODE_STEREOSCOPIC_ANAGLYPH = 10; Camera._RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_PARALLEL = 11; Camera._RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_CROSSEYED = 12; Camera._RIG_MODE_STEREOSCOPIC_OVERUNDER = 13; Camera._RIG_MODE_VR = 20; Camera._RIG_MODE_WEBVR = 21; Camera.ForceAttachControlToAlwaysPreventDefault = false; __decorate([ BABYLON.serializeAsVector3() ], Camera.prototype, "position", void 0); __decorate([ BABYLON.serializeAsVector3() ], Camera.prototype, "upVector", void 0); __decorate([ BABYLON.serialize() ], Camera.prototype, "orthoLeft", void 0); __decorate([ BABYLON.serialize() ], Camera.prototype, "orthoRight", void 0); __decorate([ BABYLON.serialize() ], Camera.prototype, "orthoBottom", void 0); __decorate([ BABYLON.serialize() ], Camera.prototype, "orthoTop", void 0); __decorate([ BABYLON.serialize() ], Camera.prototype, "fov", void 0); __decorate([ BABYLON.serialize() ], Camera.prototype, "minZ", void 0); __decorate([ BABYLON.serialize() ], Camera.prototype, "maxZ", void 0); __decorate([ BABYLON.serialize() ], Camera.prototype, "inertia", void 0); __decorate([ BABYLON.serialize() ], Camera.prototype, "mode", void 0); __decorate([ BABYLON.serialize() ], Camera.prototype, "layerMask", void 0); __decorate([ BABYLON.serialize() ], Camera.prototype, "fovMode", void 0); __decorate([ BABYLON.serialize() ], Camera.prototype, "cameraRigMode", void 0); __decorate([ BABYLON.serialize() ], Camera.prototype, "interaxialDistance", void 0); __decorate([ BABYLON.serialize() ], Camera.prototype, "isStereoscopicSideBySide", void 0); return Camera; }(BABYLON.Node)); BABYLON.Camera = Camera; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Cameras/babylon.camera.js.map var BABYLON; (function (BABYLON) { BABYLON.CameraInputTypes = {}; var CameraInputsManager = (function () { function CameraInputsManager(camera) { this.attached = {}; this.camera = camera; this.checkInputs = function () { }; } CameraInputsManager.prototype.add = function (input) { var type = input.getSimpleName(); if (this.attached[type]) { BABYLON.Tools.Warn("camera input of type " + type + " already exists on camera"); return; } this.attached[type] = input; input.camera = this.camera; //for checkInputs, we are dynamically creating a function //the goal is to avoid the performance penalty of looping for inputs in the render loop if (input.checkInputs) { this.checkInputs = this._addCheckInputs(input.checkInputs.bind(input)); } if (this.attachedElement) { input.attachControl(this.attachedElement); } }; CameraInputsManager.prototype.remove = function (inputToRemove) { for (var cam in this.attached) { var input = this.attached[cam]; if (input === inputToRemove) { input.detachControl(this.attachedElement); delete this.attached[cam]; this.rebuildInputCheck(); } } }; CameraInputsManager.prototype.removeByType = function (inputType) { for (var cam in this.attached) { var input = this.attached[cam]; if (input.getTypeName() === inputType) { input.detachControl(this.attachedElement); delete this.attached[cam]; this.rebuildInputCheck(); } } }; CameraInputsManager.prototype._addCheckInputs = function (fn) { var current = this.checkInputs; return function () { current(); fn(); }; }; CameraInputsManager.prototype.attachInput = function (input) { input.attachControl(this.attachedElement, this.noPreventDefault); }; CameraInputsManager.prototype.attachElement = function (element, noPreventDefault) { if (this.attachedElement) { return; } noPreventDefault = BABYLON.Camera.ForceAttachControlToAlwaysPreventDefault ? false : noPreventDefault; this.attachedElement = element; this.noPreventDefault = noPreventDefault; for (var cam in this.attached) { var input = this.attached[cam]; this.attached[cam].attachControl(element, noPreventDefault); } }; CameraInputsManager.prototype.detachElement = function (element) { if (this.attachedElement !== element) { return; } for (var cam in this.attached) { var input = this.attached[cam]; this.attached[cam].detachControl(element); } this.attachedElement = null; }; CameraInputsManager.prototype.rebuildInputCheck = function () { this.checkInputs = function () { }; for (var cam in this.attached) { var input = this.attached[cam]; if (input.checkInputs) { this.checkInputs = this._addCheckInputs(input.checkInputs.bind(input)); } } }; CameraInputsManager.prototype.clear = function () { if (this.attachedElement) { this.detachElement(this.attachedElement); } this.attached = {}; this.attachedElement = null; this.checkInputs = function () { }; }; CameraInputsManager.prototype.serialize = function (serializedCamera) { var inputs = {}; for (var cam in this.attached) { var input = this.attached[cam]; var res = BABYLON.SerializationHelper.Serialize(input); inputs[input.getTypeName()] = res; } serializedCamera.inputsmgr = inputs; }; CameraInputsManager.prototype.parse = function (parsedCamera) { var parsedInputs = parsedCamera.inputsmgr; if (parsedInputs) { this.clear(); for (var n in parsedInputs) { var construct = BABYLON.CameraInputTypes[n]; if (construct) { var parsedinput = parsedInputs[n]; var input = BABYLON.SerializationHelper.Parse(function () { return new construct(); }, parsedinput, null); this.add(input); } } } else { //2016-03-08 this part is for managing backward compatibility for (var n in this.attached) { var construct = BABYLON.CameraInputTypes[this.attached[n].getTypeName()]; if (construct) { var input = BABYLON.SerializationHelper.Parse(function () { return new construct(); }, parsedCamera, null); this.remove(this.attached[n]); this.add(input); } } } }; return CameraInputsManager; }()); BABYLON.CameraInputsManager = CameraInputsManager; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Cameras/babylon.cameraInputsManager.js.map var BABYLON; (function (BABYLON) { var FreeCameraMouseInput = (function () { function FreeCameraMouseInput(touchEnabled) { if (touchEnabled === void 0) { touchEnabled = true; } this.touchEnabled = touchEnabled; this.buttons = [0, 1, 2]; this.angularSensibility = 2000.0; } FreeCameraMouseInput.prototype.attachControl = function (element, noPreventDefault) { var _this = this; var engine = this.camera.getEngine(); if (!this._pointerInput) { this._pointerInput = function (p, s) { var evt = p.event; if (!_this.touchEnabled && evt.pointerType === "touch") { return; } if (p.type !== BABYLON.PointerEventTypes.POINTERMOVE && _this.buttons.indexOf(evt.button) === -1) { return; } if (p.type === BABYLON.PointerEventTypes.POINTERDOWN) { try { evt.srcElement.setPointerCapture(evt.pointerId); } catch (e) { } _this.previousPosition = { x: evt.clientX, y: evt.clientY }; if (!noPreventDefault) { evt.preventDefault(); element.focus(); } } else if (p.type === BABYLON.PointerEventTypes.POINTERUP) { try { evt.srcElement.releasePointerCapture(evt.pointerId); } catch (e) { } _this.previousPosition = null; if (!noPreventDefault) { evt.preventDefault(); } } else if (p.type === BABYLON.PointerEventTypes.POINTERMOVE) { if (!_this.previousPosition || engine.isPointerLock) { return; } var offsetX = evt.clientX - _this.previousPosition.x; var offsetY = evt.clientY - _this.previousPosition.y; if (_this.camera.getScene().useRightHandedSystem) { _this.camera.cameraRotation.y -= offsetX / _this.angularSensibility; } else { _this.camera.cameraRotation.y += offsetX / _this.angularSensibility; } _this.camera.cameraRotation.x += offsetY / _this.angularSensibility; _this.previousPosition = { x: evt.clientX, y: evt.clientY }; if (!noPreventDefault) { evt.preventDefault(); } } }; } this._onMouseMove = function (evt) { if (!engine.isPointerLock) { return; } var offsetX = evt.movementX || evt.mozMovementX || evt.webkitMovementX || evt.msMovementX || 0; var offsetY = evt.movementY || evt.mozMovementY || evt.webkitMovementY || evt.msMovementY || 0; if (_this.camera.getScene().useRightHandedSystem) { _this.camera.cameraRotation.y -= offsetX / _this.angularSensibility; } else { _this.camera.cameraRotation.y += offsetX / _this.angularSensibility; } _this.camera.cameraRotation.x += offsetY / _this.angularSensibility; _this.previousPosition = null; if (!noPreventDefault) { evt.preventDefault(); } }; this._observer = this.camera.getScene().onPointerObservable.add(this._pointerInput, BABYLON.PointerEventTypes.POINTERDOWN | BABYLON.PointerEventTypes.POINTERUP | BABYLON.PointerEventTypes.POINTERMOVE); element.addEventListener("mousemove", this._onMouseMove, false); }; FreeCameraMouseInput.prototype.detachControl = function (element) { if (this._observer && element) { this.camera.getScene().onPointerObservable.remove(this._observer); element.removeEventListener("mousemove", this._onMouseMove); this._observer = null; this._onMouseMove = null; this.previousPosition = null; } }; FreeCameraMouseInput.prototype.getTypeName = function () { return "FreeCameraMouseInput"; }; FreeCameraMouseInput.prototype.getSimpleName = function () { return "mouse"; }; __decorate([ BABYLON.serialize() ], FreeCameraMouseInput.prototype, "buttons", void 0); __decorate([ BABYLON.serialize() ], FreeCameraMouseInput.prototype, "angularSensibility", void 0); return FreeCameraMouseInput; }()); BABYLON.FreeCameraMouseInput = FreeCameraMouseInput; BABYLON.CameraInputTypes["FreeCameraMouseInput"] = FreeCameraMouseInput; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Cameras/Inputs/babylon.freecamera.input.mouse.js.map var BABYLON; (function (BABYLON) { var FreeCameraKeyboardMoveInput = (function () { function FreeCameraKeyboardMoveInput() { this._keys = []; this.keysUp = [38]; this.keysDown = [40]; this.keysLeft = [37]; this.keysRight = [39]; } FreeCameraKeyboardMoveInput.prototype.attachControl = function (element, noPreventDefault) { var _this = this; if (!this._onKeyDown) { element.tabIndex = 1; this._onKeyDown = function (evt) { if (_this.keysUp.indexOf(evt.keyCode) !== -1 || _this.keysDown.indexOf(evt.keyCode) !== -1 || _this.keysLeft.indexOf(evt.keyCode) !== -1 || _this.keysRight.indexOf(evt.keyCode) !== -1) { var index = _this._keys.indexOf(evt.keyCode); if (index === -1) { _this._keys.push(evt.keyCode); } if (!noPreventDefault) { evt.preventDefault(); } } }; this._onKeyUp = function (evt) { if (_this.keysUp.indexOf(evt.keyCode) !== -1 || _this.keysDown.indexOf(evt.keyCode) !== -1 || _this.keysLeft.indexOf(evt.keyCode) !== -1 || _this.keysRight.indexOf(evt.keyCode) !== -1) { var index = _this._keys.indexOf(evt.keyCode); if (index >= 0) { _this._keys.splice(index, 1); } if (!noPreventDefault) { evt.preventDefault(); } } }; element.addEventListener("keydown", this._onKeyDown, false); element.addEventListener("keyup", this._onKeyUp, false); BABYLON.Tools.RegisterTopRootEvents([ { name: "blur", handler: this._onLostFocus } ]); } }; FreeCameraKeyboardMoveInput.prototype.detachControl = function (element) { if (this._onKeyDown) { element.removeEventListener("keydown", this._onKeyDown); element.removeEventListener("keyup", this._onKeyUp); BABYLON.Tools.UnregisterTopRootEvents([ { name: "blur", handler: this._onLostFocus } ]); this._keys = []; this._onKeyDown = null; this._onKeyUp = null; } }; FreeCameraKeyboardMoveInput.prototype.checkInputs = function () { if (this._onKeyDown) { var camera = this.camera; // Keyboard for (var index = 0; index < this._keys.length; index++) { var keyCode = this._keys[index]; var speed = camera._computeLocalCameraSpeed(); if (this.keysLeft.indexOf(keyCode) !== -1) { camera._localDirection.copyFromFloats(-speed, 0, 0); } else if (this.keysUp.indexOf(keyCode) !== -1) { camera._localDirection.copyFromFloats(0, 0, speed); } else if (this.keysRight.indexOf(keyCode) !== -1) { camera._localDirection.copyFromFloats(speed, 0, 0); } else if (this.keysDown.indexOf(keyCode) !== -1) { camera._localDirection.copyFromFloats(0, 0, -speed); } if (camera.getScene().useRightHandedSystem) { camera._localDirection.z *= -1; } camera.getViewMatrix().invertToRef(camera._cameraTransformMatrix); BABYLON.Vector3.TransformNormalToRef(camera._localDirection, camera._cameraTransformMatrix, camera._transformedDirection); camera.cameraDirection.addInPlace(camera._transformedDirection); } } }; FreeCameraKeyboardMoveInput.prototype.getTypeName = function () { return "FreeCameraKeyboardMoveInput"; }; FreeCameraKeyboardMoveInput.prototype._onLostFocus = function (e) { this._keys = []; }; FreeCameraKeyboardMoveInput.prototype.getSimpleName = function () { return "keyboard"; }; __decorate([ BABYLON.serialize() ], FreeCameraKeyboardMoveInput.prototype, "keysUp", void 0); __decorate([ BABYLON.serialize() ], FreeCameraKeyboardMoveInput.prototype, "keysDown", void 0); __decorate([ BABYLON.serialize() ], FreeCameraKeyboardMoveInput.prototype, "keysLeft", void 0); __decorate([ BABYLON.serialize() ], FreeCameraKeyboardMoveInput.prototype, "keysRight", void 0); return FreeCameraKeyboardMoveInput; }()); BABYLON.FreeCameraKeyboardMoveInput = FreeCameraKeyboardMoveInput; BABYLON.CameraInputTypes["FreeCameraKeyboardMoveInput"] = FreeCameraKeyboardMoveInput; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Cameras/Inputs/babylon.freecamera.input.keyboard.js.map var BABYLON; (function (BABYLON) { var FreeCameraTouchInput = (function () { function FreeCameraTouchInput() { this._offsetX = null; this._offsetY = null; this._pointerCount = 0; this._pointerPressed = []; this.touchAngularSensibility = 200000.0; this.touchMoveSensibility = 250.0; } FreeCameraTouchInput.prototype.attachControl = function (element, noPreventDefault) { var _this = this; var previousPosition; if (this._pointerInput === undefined) { this._onLostFocus = function (evt) { _this._offsetX = null; _this._offsetY = null; }; this._pointerInput = function (p, s) { var evt = p.event; if (evt.pointerType === "mouse") { return; } if (p.type === BABYLON.PointerEventTypes.POINTERDOWN) { if (!noPreventDefault) { evt.preventDefault(); } _this._pointerPressed.push(evt.pointerId); if (_this._pointerPressed.length !== 1) { return; } previousPosition = { x: evt.clientX, y: evt.clientY }; } else if (p.type === BABYLON.PointerEventTypes.POINTERUP) { if (!noPreventDefault) { evt.preventDefault(); } var index = _this._pointerPressed.indexOf(evt.pointerId); if (index === -1) { return; } _this._pointerPressed.splice(index, 1); if (index != 0) { return; } previousPosition = null; _this._offsetX = null; _this._offsetY = null; } else if (p.type === BABYLON.PointerEventTypes.POINTERMOVE) { if (!noPreventDefault) { evt.preventDefault(); } if (!previousPosition) { return; } var index = _this._pointerPressed.indexOf(evt.pointerId); if (index != 0) { return; } _this._offsetX = evt.clientX - previousPosition.x; _this._offsetY = -(evt.clientY - previousPosition.y); } }; } this._observer = this.camera.getScene().onPointerObservable.add(this._pointerInput, BABYLON.PointerEventTypes.POINTERDOWN | BABYLON.PointerEventTypes.POINTERUP | BABYLON.PointerEventTypes.POINTERMOVE); element.addEventListener("blur", this._onLostFocus); }; FreeCameraTouchInput.prototype.detachControl = function (element) { if (this._pointerInput && element) { this.camera.getScene().onPointerObservable.remove(this._observer); this._observer = null; element.removeEventListener("blur", this._onLostFocus); this._onLostFocus = null; this._pointerPressed = []; this._offsetX = null; this._offsetY = null; this._pointerCount = 0; } }; FreeCameraTouchInput.prototype.checkInputs = function () { if (this._offsetX) { var camera = this.camera; camera.cameraRotation.y += this._offsetX / this.touchAngularSensibility; if (this._pointerPressed.length > 1) { camera.cameraRotation.x += -this._offsetY / this.touchAngularSensibility; } else { var speed = camera._computeLocalCameraSpeed(); var direction = new BABYLON.Vector3(0, 0, speed * this._offsetY / this.touchMoveSensibility); BABYLON.Matrix.RotationYawPitchRollToRef(camera.rotation.y, camera.rotation.x, 0, camera._cameraRotationMatrix); camera.cameraDirection.addInPlace(BABYLON.Vector3.TransformCoordinates(direction, camera._cameraRotationMatrix)); } } }; FreeCameraTouchInput.prototype.getTypeName = function () { return "FreeCameraTouchInput"; }; FreeCameraTouchInput.prototype.getSimpleName = function () { return "touch"; }; __decorate([ BABYLON.serialize() ], FreeCameraTouchInput.prototype, "touchAngularSensibility", void 0); __decorate([ BABYLON.serialize() ], FreeCameraTouchInput.prototype, "touchMoveSensibility", void 0); return FreeCameraTouchInput; }()); BABYLON.FreeCameraTouchInput = FreeCameraTouchInput; BABYLON.CameraInputTypes["FreeCameraTouchInput"] = FreeCameraTouchInput; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Cameras/Inputs/babylon.freecamera.input.touch.js.map var BABYLON; (function (BABYLON) { var FreeCameraDeviceOrientationInput = (function () { function FreeCameraDeviceOrientationInput() { var _this = this; this._screenOrientationAngle = 0; this._screenQuaternion = new BABYLON.Quaternion(); this._alpha = 0; this._beta = 0; this._gamma = 0; this._orientationChanged = function () { _this._screenOrientationAngle = (window.orientation !== undefined ? +window.orientation : (window.screen.orientation && window.screen.orientation['angle'] ? window.screen.orientation.angle : 0)); _this._screenOrientationAngle = -BABYLON.Tools.ToRadians(_this._screenOrientationAngle / 2); _this._screenQuaternion.copyFromFloats(0, Math.sin(_this._screenOrientationAngle), 0, Math.cos(_this._screenOrientationAngle)); }; this._deviceOrientation = function (evt) { _this._alpha = evt.alpha; _this._beta = evt.beta; _this._gamma = evt.gamma; }; this._constantTranform = new BABYLON.Quaternion(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5)); this._orientationChanged(); } Object.defineProperty(FreeCameraDeviceOrientationInput.prototype, "camera", { get: function () { return this._camera; }, set: function (camera) { this._camera = camera; if (!this._camera.rotationQuaternion) this._camera.rotationQuaternion = new BABYLON.Quaternion(); }, enumerable: true, configurable: true }); FreeCameraDeviceOrientationInput.prototype.attachControl = function (element, noPreventDefault) { window.addEventListener("orientationchange", this._orientationChanged); window.addEventListener("deviceorientation", this._deviceOrientation); //In certain cases, the attach control is called AFTER orientation was changed, //So this is needed. this._orientationChanged(); }; FreeCameraDeviceOrientationInput.prototype.detachControl = function (element) { window.removeEventListener("orientationchange", this._orientationChanged); window.removeEventListener("deviceorientation", this._deviceOrientation); }; FreeCameraDeviceOrientationInput.prototype.checkInputs = function () { //if no device orientation provided, don't update the rotation. //Only testing against alpha under the assumption thatnorientation will never be so exact when set. if (!this._alpha) return; BABYLON.Quaternion.RotationYawPitchRollToRef(BABYLON.Tools.ToRadians(this._alpha), BABYLON.Tools.ToRadians(this._beta), -BABYLON.Tools.ToRadians(this._gamma), this.camera.rotationQuaternion); this._camera.rotationQuaternion.multiplyInPlace(this._screenQuaternion); this._camera.rotationQuaternion.multiplyInPlace(this._constantTranform); //Mirror on XY Plane this._camera.rotationQuaternion.z *= -1; this._camera.rotationQuaternion.w *= -1; }; FreeCameraDeviceOrientationInput.prototype.getTypeName = function () { return "FreeCameraDeviceOrientationInput"; }; FreeCameraDeviceOrientationInput.prototype.getSimpleName = function () { return "deviceOrientation"; }; return FreeCameraDeviceOrientationInput; }()); BABYLON.FreeCameraDeviceOrientationInput = FreeCameraDeviceOrientationInput; BABYLON.CameraInputTypes["FreeCameraDeviceOrientationInput"] = FreeCameraDeviceOrientationInput; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Cameras/Inputs/babylon.freecamera.input.deviceorientation.js.map var BABYLON; (function (BABYLON) { var FreeCameraGamepadInput = (function () { function FreeCameraGamepadInput() { this.gamepadAngularSensibility = 200; this.gamepadMoveSensibility = 40; } FreeCameraGamepadInput.prototype.attachControl = function (element, noPreventDefault) { var _this = this; this._gamepads = new BABYLON.Gamepads(function (gamepad) { _this._onNewGameConnected(gamepad); }); }; FreeCameraGamepadInput.prototype.detachControl = function (element) { if (this._gamepads) { this._gamepads.dispose(); } this.gamepad = null; }; FreeCameraGamepadInput.prototype.checkInputs = function () { if (this.gamepad) { var camera = this.camera; var LSValues = this.gamepad.leftStick; var normalizedLX = LSValues.x / this.gamepadMoveSensibility; var normalizedLY = LSValues.y / this.gamepadMoveSensibility; LSValues.x = Math.abs(normalizedLX) > 0.005 ? 0 + normalizedLX : 0; LSValues.y = Math.abs(normalizedLY) > 0.005 ? 0 + normalizedLY : 0; var RSValues = this.gamepad.rightStick; var normalizedRX = RSValues.x / this.gamepadAngularSensibility; var normalizedRY = RSValues.y / this.gamepadAngularSensibility; RSValues.x = Math.abs(normalizedRX) > 0.001 ? 0 + normalizedRX : 0; RSValues.y = Math.abs(normalizedRY) > 0.001 ? 0 + normalizedRY : 0; var cameraTransform = BABYLON.Matrix.RotationYawPitchRoll(camera.rotation.y, camera.rotation.x, 0); var speed = camera._computeLocalCameraSpeed() * 50.0; var deltaTransform = BABYLON.Vector3.TransformCoordinates(new BABYLON.Vector3(LSValues.x * speed, 0, -LSValues.y * speed), cameraTransform); camera.cameraDirection = camera.cameraDirection.add(deltaTransform); camera.cameraRotation = camera.cameraRotation.add(new BABYLON.Vector2(RSValues.y, RSValues.x)); } }; FreeCameraGamepadInput.prototype._onNewGameConnected = function (gamepad) { // Only the first gamepad can control the camera if (gamepad.index === 0) { this.gamepad = gamepad; } }; FreeCameraGamepadInput.prototype.getTypeName = function () { return "FreeCameraGamepadInput"; }; FreeCameraGamepadInput.prototype.getSimpleName = function () { return "gamepad"; }; __decorate([ BABYLON.serialize() ], FreeCameraGamepadInput.prototype, "gamepadAngularSensibility", void 0); __decorate([ BABYLON.serialize() ], FreeCameraGamepadInput.prototype, "gamepadMoveSensibility", void 0); return FreeCameraGamepadInput; }()); BABYLON.FreeCameraGamepadInput = FreeCameraGamepadInput; BABYLON.CameraInputTypes["FreeCameraGamepadInput"] = FreeCameraGamepadInput; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Cameras/Inputs/babylon.freecamera.input.gamepad.js.map var BABYLON; (function (BABYLON) { var ArcRotateCameraKeyboardMoveInput = (function () { function ArcRotateCameraKeyboardMoveInput() { this._keys = []; this.keysUp = [38]; this.keysDown = [40]; this.keysLeft = [37]; this.keysRight = [39]; } ArcRotateCameraKeyboardMoveInput.prototype.attachControl = function (element, noPreventDefault) { var _this = this; element.tabIndex = 1; this._onKeyDown = function (evt) { if (_this.keysUp.indexOf(evt.keyCode) !== -1 || _this.keysDown.indexOf(evt.keyCode) !== -1 || _this.keysLeft.indexOf(evt.keyCode) !== -1 || _this.keysRight.indexOf(evt.keyCode) !== -1) { var index = _this._keys.indexOf(evt.keyCode); if (index === -1) { _this._keys.push(evt.keyCode); } if (evt.preventDefault) { if (!noPreventDefault) { evt.preventDefault(); } } } }; this._onKeyUp = function (evt) { if (_this.keysUp.indexOf(evt.keyCode) !== -1 || _this.keysDown.indexOf(evt.keyCode) !== -1 || _this.keysLeft.indexOf(evt.keyCode) !== -1 || _this.keysRight.indexOf(evt.keyCode) !== -1) { var index = _this._keys.indexOf(evt.keyCode); if (index >= 0) { _this._keys.splice(index, 1); } if (evt.preventDefault) { if (!noPreventDefault) { evt.preventDefault(); } } } }; this._onLostFocus = function () { _this._keys = []; }; element.addEventListener("keydown", this._onKeyDown, false); element.addEventListener("keyup", this._onKeyUp, false); BABYLON.Tools.RegisterTopRootEvents([ { name: "blur", handler: this._onLostFocus } ]); }; ArcRotateCameraKeyboardMoveInput.prototype.detachControl = function (element) { if (element) { element.removeEventListener("keydown", this._onKeyDown); element.removeEventListener("keyup", this._onKeyUp); } BABYLON.Tools.UnregisterTopRootEvents([ { name: "blur", handler: this._onLostFocus } ]); this._keys = []; this._onKeyDown = null; this._onKeyUp = null; this._onLostFocus = null; }; ArcRotateCameraKeyboardMoveInput.prototype.checkInputs = function () { if (this._onKeyDown) { var camera = this.camera; for (var index = 0; index < this._keys.length; index++) { var keyCode = this._keys[index]; if (this.keysLeft.indexOf(keyCode) !== -1) { camera.inertialAlphaOffset -= 0.01; } else if (this.keysUp.indexOf(keyCode) !== -1) { camera.inertialBetaOffset -= 0.01; } else if (this.keysRight.indexOf(keyCode) !== -1) { camera.inertialAlphaOffset += 0.01; } else if (this.keysDown.indexOf(keyCode) !== -1) { camera.inertialBetaOffset += 0.01; } } } }; ArcRotateCameraKeyboardMoveInput.prototype.getTypeName = function () { return "ArcRotateCameraKeyboardMoveInput"; }; ArcRotateCameraKeyboardMoveInput.prototype.getSimpleName = function () { return "keyboard"; }; __decorate([ BABYLON.serialize() ], ArcRotateCameraKeyboardMoveInput.prototype, "keysUp", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCameraKeyboardMoveInput.prototype, "keysDown", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCameraKeyboardMoveInput.prototype, "keysLeft", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCameraKeyboardMoveInput.prototype, "keysRight", void 0); return ArcRotateCameraKeyboardMoveInput; }()); BABYLON.ArcRotateCameraKeyboardMoveInput = ArcRotateCameraKeyboardMoveInput; BABYLON.CameraInputTypes["ArcRotateCameraKeyboardMoveInput"] = ArcRotateCameraKeyboardMoveInput; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Cameras/Inputs/babylon.arcrotatecamera.input.keyboard.js.map var BABYLON; (function (BABYLON) { var ArcRotateCameraMouseWheelInput = (function () { function ArcRotateCameraMouseWheelInput() { this.wheelPrecision = 3.0; } ArcRotateCameraMouseWheelInput.prototype.attachControl = function (element, noPreventDefault) { var _this = this; this._wheel = function (p, s) { //sanity check - this should be a PointerWheel event. if (p.type !== BABYLON.PointerEventTypes.POINTERWHEEL) return; var event = p.event; var delta = 0; if (event.wheelDelta) { delta = event.wheelDelta / (_this.wheelPrecision * 40); } else if (event.detail) { delta = -event.detail / _this.wheelPrecision; } if (delta) _this.camera.inertialRadiusOffset += delta; if (event.preventDefault) { if (!noPreventDefault) { event.preventDefault(); } } }; this._observer = this.camera.getScene().onPointerObservable.add(this._wheel, BABYLON.PointerEventTypes.POINTERWHEEL); }; ArcRotateCameraMouseWheelInput.prototype.detachControl = function (element) { if (this._observer && element) { this.camera.getScene().onPointerObservable.remove(this._observer); this._observer = null; this._wheel = null; } }; ArcRotateCameraMouseWheelInput.prototype.getTypeName = function () { return "ArcRotateCameraMouseWheelInput"; }; ArcRotateCameraMouseWheelInput.prototype.getSimpleName = function () { return "mousewheel"; }; __decorate([ BABYLON.serialize() ], ArcRotateCameraMouseWheelInput.prototype, "wheelPrecision", void 0); return ArcRotateCameraMouseWheelInput; }()); BABYLON.ArcRotateCameraMouseWheelInput = ArcRotateCameraMouseWheelInput; BABYLON.CameraInputTypes["ArcRotateCameraMouseWheelInput"] = ArcRotateCameraMouseWheelInput; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Cameras/Inputs/babylon.arcrotatecamera.input.mousewheel.js.map var BABYLON; (function (BABYLON) { var eventPrefix = BABYLON.Tools.GetPointerPrefix(); var ArcRotateCameraPointersInput = (function () { function ArcRotateCameraPointersInput() { this.buttons = [0, 1, 2]; this.angularSensibilityX = 1000.0; this.angularSensibilityY = 1000.0; this.pinchPrecision = 6.0; this.panningSensibility = 50.0; this._isPanClick = false; this.pinchInwards = true; } ArcRotateCameraPointersInput.prototype.attachControl = function (element, noPreventDefault) { var _this = this; var engine = this.camera.getEngine(); var cacheSoloPointer; // cache pointer object for better perf on camera rotation var pointA, pointB; var previousPinchDistance = 0; this._pointerInput = function (p, s) { var evt = p.event; if (p.type !== BABYLON.PointerEventTypes.POINTERMOVE && _this.buttons.indexOf(evt.button) === -1) { return; } if (p.type === BABYLON.PointerEventTypes.POINTERDOWN) { try { evt.srcElement.setPointerCapture(evt.pointerId); } catch (e) { } // Manage panning with pan button click _this._isPanClick = evt.button === _this.camera._panningMouseButton; // manage pointers cacheSoloPointer = { x: evt.clientX, y: evt.clientY, pointerId: evt.pointerId, type: evt.pointerType }; if (pointA === undefined) { pointA = cacheSoloPointer; } else if (pointB === undefined) { pointB = cacheSoloPointer; } if (!noPreventDefault) { evt.preventDefault(); element.focus(); } } else if (p.type === BABYLON.PointerEventTypes.POINTERUP) { try { evt.srcElement.releasePointerCapture(evt.pointerId); } catch (e) { } cacheSoloPointer = null; previousPinchDistance = 0; //would be better to use pointers.remove(evt.pointerId) for multitouch gestures, //but emptying completly pointers collection is required to fix a bug on iPhone : //when changing orientation while pinching camera, one pointer stay pressed forever if we don't release all pointers //will be ok to put back pointers.remove(evt.pointerId); when iPhone bug corrected pointA = pointB = undefined; if (!noPreventDefault) { evt.preventDefault(); } } else if (p.type === BABYLON.PointerEventTypes.POINTERMOVE) { if (!noPreventDefault) { evt.preventDefault(); } // One button down if (pointA && pointB === undefined) { if (_this.panningSensibility !== 0 && ((evt.ctrlKey && _this.camera._useCtrlForPanning) || (!_this.camera._useCtrlForPanning && _this._isPanClick))) { _this.camera .inertialPanningX += -(evt.clientX - cacheSoloPointer.x) / _this.panningSensibility; _this.camera .inertialPanningY += (evt.clientY - cacheSoloPointer.y) / _this.panningSensibility; } else { var offsetX = evt.clientX - cacheSoloPointer.x; var offsetY = evt.clientY - cacheSoloPointer.y; _this.camera.inertialAlphaOffset -= offsetX / _this.angularSensibilityX; _this.camera.inertialBetaOffset -= offsetY / _this.angularSensibilityY; } cacheSoloPointer.x = evt.clientX; cacheSoloPointer.y = evt.clientY; } else if (pointA && pointB) { //if (noPreventDefault) { evt.preventDefault(); } //if pinch gesture, could be useful to force preventDefault to avoid html page scroll/zoom in some mobile browsers var ed = (pointA.pointerId === evt.pointerId) ? pointA : pointB; ed.x = evt.clientX; ed.y = evt.clientY; var direction = _this.pinchInwards ? 1 : -1; var distX = pointA.x - pointB.x; var distY = pointA.y - pointB.y; var pinchSquaredDistance = (distX * distX) + (distY * distY); if (previousPinchDistance === 0) { previousPinchDistance = pinchSquaredDistance; return; } if (pinchSquaredDistance !== previousPinchDistance) { _this.camera .inertialRadiusOffset += (pinchSquaredDistance - previousPinchDistance) / (_this.pinchPrecision * ((_this.angularSensibilityX + _this.angularSensibilityY) / 2) * direction); previousPinchDistance = pinchSquaredDistance; } } } }; this._observer = this.camera.getScene().onPointerObservable.add(this._pointerInput, BABYLON.PointerEventTypes.POINTERDOWN | BABYLON.PointerEventTypes.POINTERUP | BABYLON.PointerEventTypes.POINTERMOVE); this._onContextMenu = function (evt) { evt.preventDefault(); }; if (!this.camera._useCtrlForPanning) { element.addEventListener("contextmenu", this._onContextMenu, false); } this._onLostFocus = function () { //this._keys = []; pointA = pointB = undefined; previousPinchDistance = 0; cacheSoloPointer = null; }; this._onMouseMove = function (evt) { if (!engine.isPointerLock) { return; } var offsetX = evt.movementX || evt.mozMovementX || evt.webkitMovementX || evt.msMovementX || 0; var offsetY = evt.movementY || evt.mozMovementY || evt.webkitMovementY || evt.msMovementY || 0; _this.camera.inertialAlphaOffset -= offsetX / _this.angularSensibilityX; _this.camera.inertialBetaOffset -= offsetY / _this.angularSensibilityY; if (!noPreventDefault) { evt.preventDefault(); } }; this._onGestureStart = function (e) { if (window.MSGesture === undefined) { return; } if (!_this._MSGestureHandler) { _this._MSGestureHandler = new MSGesture(); _this._MSGestureHandler.target = element; } _this._MSGestureHandler.addPointer(e.pointerId); }; this._onGesture = function (e) { _this.camera.radius *= e.scale; if (e.preventDefault) { if (!noPreventDefault) { e.stopPropagation(); e.preventDefault(); } } }; element.addEventListener("mousemove", this._onMouseMove, false); element.addEventListener("MSPointerDown", this._onGestureStart, false); element.addEventListener("MSGestureChange", this._onGesture, false); element.addEventListener("keydown", this._onKeyDown, false); element.addEventListener("keyup", this._onKeyUp, false); BABYLON.Tools.RegisterTopRootEvents([ { name: "blur", handler: this._onLostFocus } ]); }; ArcRotateCameraPointersInput.prototype.detachControl = function (element) { if (element && this._observer) { this.camera.getScene().onPointerObservable.remove(this._observer); this._observer = null; element.removeEventListener("contextmenu", this._onContextMenu); element.removeEventListener("mousemove", this._onMouseMove); element.removeEventListener("MSPointerDown", this._onGestureStart); element.removeEventListener("MSGestureChange", this._onGesture); element.removeEventListener("keydown", this._onKeyDown); element.removeEventListener("keyup", this._onKeyUp); this._isPanClick = false; this.pinchInwards = true; this._onKeyDown = null; this._onKeyUp = null; this._onMouseMove = null; this._onGestureStart = null; this._onGesture = null; this._MSGestureHandler = null; this._onLostFocus = null; this._onContextMenu = null; } BABYLON.Tools.UnregisterTopRootEvents([ { name: "blur", handler: this._onLostFocus } ]); }; ArcRotateCameraPointersInput.prototype.getTypeName = function () { return "ArcRotateCameraPointersInput"; }; ArcRotateCameraPointersInput.prototype.getSimpleName = function () { return "pointers"; }; __decorate([ BABYLON.serialize() ], ArcRotateCameraPointersInput.prototype, "buttons", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCameraPointersInput.prototype, "angularSensibilityX", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCameraPointersInput.prototype, "angularSensibilityY", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCameraPointersInput.prototype, "pinchPrecision", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCameraPointersInput.prototype, "panningSensibility", void 0); return ArcRotateCameraPointersInput; }()); BABYLON.ArcRotateCameraPointersInput = ArcRotateCameraPointersInput; BABYLON.CameraInputTypes["ArcRotateCameraPointersInput"] = ArcRotateCameraPointersInput; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Cameras/Inputs/babylon.arcrotatecamera.input.pointers.js.map var BABYLON; (function (BABYLON) { var ArcRotateCameraGamepadInput = (function () { function ArcRotateCameraGamepadInput() { this.gamepadRotationSensibility = 80; this.gamepadMoveSensibility = 40; } ArcRotateCameraGamepadInput.prototype.attachControl = function (element, noPreventDefault) { var _this = this; this._gamepads = new BABYLON.Gamepads(function (gamepad) { _this._onNewGameConnected(gamepad); }); }; ArcRotateCameraGamepadInput.prototype.detachControl = function (element) { if (this._gamepads) { this._gamepads.dispose(); } this.gamepad = null; }; ArcRotateCameraGamepadInput.prototype.checkInputs = function () { if (this.gamepad) { var camera = this.camera; var RSValues = this.gamepad.rightStick; if (RSValues.x != 0) { var normalizedRX = RSValues.x / this.gamepadRotationSensibility; if (normalizedRX != 0 && Math.abs(normalizedRX) > 0.005) { camera.inertialAlphaOffset += normalizedRX; } } if (RSValues.y != 0) { var normalizedRY = RSValues.y / this.gamepadRotationSensibility; if (normalizedRY != 0 && Math.abs(normalizedRY) > 0.005) { camera.inertialBetaOffset += normalizedRY; } } var LSValues = this.gamepad.leftStick; if (LSValues.y != 0) { var normalizedLY = LSValues.y / this.gamepadMoveSensibility; if (normalizedLY != 0 && Math.abs(normalizedLY) > 0.005) { this.camera.inertialRadiusOffset -= normalizedLY; } } } }; ArcRotateCameraGamepadInput.prototype._onNewGameConnected = function (gamepad) { // Only the first gamepad can control the camera if (gamepad.index === 0) { this.gamepad = gamepad; } }; ArcRotateCameraGamepadInput.prototype.getTypeName = function () { return "ArcRotateCameraGamepadInput"; }; ArcRotateCameraGamepadInput.prototype.getSimpleName = function () { return "gamepad"; }; __decorate([ BABYLON.serialize() ], ArcRotateCameraGamepadInput.prototype, "gamepadRotationSensibility", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCameraGamepadInput.prototype, "gamepadMoveSensibility", void 0); return ArcRotateCameraGamepadInput; }()); BABYLON.ArcRotateCameraGamepadInput = ArcRotateCameraGamepadInput; BABYLON.CameraInputTypes["ArcRotateCameraGamepadInput"] = ArcRotateCameraGamepadInput; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Cameras/Inputs/babylon.arcrotatecamera.input.gamepad.js.map var BABYLON; (function (BABYLON) { var ArcRotateCameraVRDeviceOrientationInput = (function () { function ArcRotateCameraVRDeviceOrientationInput() { this.alphaCorrection = 1; this.betaCorrection = 1; this.gammaCorrection = 1; this._alpha = 0; this._beta = 0; this._gamma = 0; this._dirty = false; this._deviceOrientationHandler = this._onOrientationEvent.bind(this); } ArcRotateCameraVRDeviceOrientationInput.prototype.attachControl = function (element, noPreventDefault) { this.camera.attachControl(element, noPreventDefault); window.addEventListener("deviceorientation", this._deviceOrientationHandler); }; ArcRotateCameraVRDeviceOrientationInput.prototype._onOrientationEvent = function (evt) { var camera = this.camera; this._alpha = +evt.alpha | 0; this._beta = +evt.beta | 0; this._gamma = +evt.gamma | 0; this._dirty = true; }; ArcRotateCameraVRDeviceOrientationInput.prototype.checkInputs = function () { if (this._dirty) { this._dirty = false; if (this._gamma < 0) { this._gamma = 180 + this._gamma; } this.camera.alpha = (-this._alpha / 180.0 * Math.PI) % Math.PI * 2; this.camera.beta = (this._gamma / 180.0 * Math.PI); } }; ArcRotateCameraVRDeviceOrientationInput.prototype.detachControl = function (element) { window.removeEventListener("deviceorientation", this._deviceOrientationHandler); }; ArcRotateCameraVRDeviceOrientationInput.prototype.getTypeName = function () { return "ArcRotateCameraVRDeviceOrientationInput"; }; ArcRotateCameraVRDeviceOrientationInput.prototype.getSimpleName = function () { return "VRDeviceOrientation"; }; return ArcRotateCameraVRDeviceOrientationInput; }()); BABYLON.ArcRotateCameraVRDeviceOrientationInput = ArcRotateCameraVRDeviceOrientationInput; BABYLON.CameraInputTypes["ArcRotateCameraVRDeviceOrientationInput"] = ArcRotateCameraVRDeviceOrientationInput; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Cameras/Inputs/babylon.arcrotatecamera.input.vrdeviceorientation.js.map var BABYLON; (function (BABYLON) { var TargetCamera = (function (_super) { __extends(TargetCamera, _super); function TargetCamera(name, position, scene) { _super.call(this, name, position, scene); this.cameraDirection = new BABYLON.Vector3(0, 0, 0); this.cameraRotation = new BABYLON.Vector2(0, 0); this.rotation = new BABYLON.Vector3(0, 0, 0); this.speed = 2.0; this.noRotationConstraint = false; this.lockedTarget = null; this._currentTarget = BABYLON.Vector3.Zero(); this._viewMatrix = BABYLON.Matrix.Zero(); this._camMatrix = BABYLON.Matrix.Zero(); this._cameraTransformMatrix = BABYLON.Matrix.Zero(); this._cameraRotationMatrix = BABYLON.Matrix.Zero(); this._referencePoint = new BABYLON.Vector3(0, 0, 1); this._defaultUpVector = new BABYLON.Vector3(0, 1, 0); this._transformedReferencePoint = BABYLON.Vector3.Zero(); this._lookAtTemp = BABYLON.Matrix.Zero(); this._tempMatrix = BABYLON.Matrix.Zero(); } TargetCamera.prototype.getFrontPosition = function (distance) { var direction = this.getTarget().subtract(this.position); direction.normalize(); direction.scaleInPlace(distance); return this.globalPosition.add(direction); }; TargetCamera.prototype._getLockedTargetPosition = function () { if (!this.lockedTarget) { return null; } return this.lockedTarget.absolutePosition || this.lockedTarget; }; // Cache TargetCamera.prototype._initCache = function () { _super.prototype._initCache.call(this); this._cache.lockedTarget = new BABYLON.Vector3(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE); this._cache.rotation = new BABYLON.Vector3(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE); this._cache.rotationQuaternion = new BABYLON.Quaternion(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE); }; TargetCamera.prototype._updateCache = function (ignoreParentClass) { if (!ignoreParentClass) { _super.prototype._updateCache.call(this); } var lockedTargetPosition = this._getLockedTargetPosition(); if (!lockedTargetPosition) { this._cache.lockedTarget = null; } else { if (!this._cache.lockedTarget) { this._cache.lockedTarget = lockedTargetPosition.clone(); } else { this._cache.lockedTarget.copyFrom(lockedTargetPosition); } } this._cache.rotation.copyFrom(this.rotation); if (this.rotationQuaternion) this._cache.rotationQuaternion.copyFrom(this.rotationQuaternion); }; // Synchronized TargetCamera.prototype._isSynchronizedViewMatrix = function () { if (!_super.prototype._isSynchronizedViewMatrix.call(this)) { return false; } var lockedTargetPosition = this._getLockedTargetPosition(); return (this._cache.lockedTarget ? this._cache.lockedTarget.equals(lockedTargetPosition) : !lockedTargetPosition) && (this.rotationQuaternion ? this.rotationQuaternion.equals(this._cache.rotationQuaternion) : this._cache.rotation.equals(this.rotation)); }; // Methods TargetCamera.prototype._computeLocalCameraSpeed = function () { var engine = this.getEngine(); return this.speed * Math.sqrt((engine.getDeltaTime() / (engine.getFps() * 100.0))); }; // Target TargetCamera.prototype.setTarget = function (target) { this.upVector.normalize(); BABYLON.Matrix.LookAtLHToRef(this.position, target, this._defaultUpVector, this._camMatrix); this._camMatrix.invert(); this.rotation.x = Math.atan(this._camMatrix.m[6] / this._camMatrix.m[10]); var vDir = target.subtract(this.position); if (vDir.x >= 0.0) { this.rotation.y = (-Math.atan(vDir.z / vDir.x) + Math.PI / 2.0); } else { this.rotation.y = (-Math.atan(vDir.z / vDir.x) - Math.PI / 2.0); } this.rotation.z = 0; if (isNaN(this.rotation.x)) { this.rotation.x = 0; } if (isNaN(this.rotation.y)) { this.rotation.y = 0; } if (isNaN(this.rotation.z)) { this.rotation.z = 0; } if (this.rotationQuaternion) { BABYLON.Quaternion.RotationYawPitchRollToRef(this.rotation.y, this.rotation.x, this.rotation.z, this.rotationQuaternion); } }; TargetCamera.prototype.getTarget = function () { return this._currentTarget; }; TargetCamera.prototype._decideIfNeedsToMove = function () { return Math.abs(this.cameraDirection.x) > 0 || Math.abs(this.cameraDirection.y) > 0 || Math.abs(this.cameraDirection.z) > 0; }; TargetCamera.prototype._updatePosition = function () { this.position.addInPlace(this.cameraDirection); }; TargetCamera.prototype._checkInputs = function () { var needToMove = this._decideIfNeedsToMove(); var needToRotate = Math.abs(this.cameraRotation.x) > 0 || Math.abs(this.cameraRotation.y) > 0; // Move if (needToMove) { this._updatePosition(); } // Rotate if (needToRotate) { this.rotation.x += this.cameraRotation.x; this.rotation.y += this.cameraRotation.y; if (!this.noRotationConstraint) { var limit = (Math.PI / 2) * 0.95; if (this.rotation.x > limit) this.rotation.x = limit; if (this.rotation.x < -limit) this.rotation.x = -limit; } } // Inertia if (needToMove) { if (Math.abs(this.cameraDirection.x) < BABYLON.Epsilon) { this.cameraDirection.x = 0; } if (Math.abs(this.cameraDirection.y) < BABYLON.Epsilon) { this.cameraDirection.y = 0; } if (Math.abs(this.cameraDirection.z) < BABYLON.Epsilon) { this.cameraDirection.z = 0; } this.cameraDirection.scaleInPlace(this.inertia); } if (needToRotate) { if (Math.abs(this.cameraRotation.x) < BABYLON.Epsilon) { this.cameraRotation.x = 0; } if (Math.abs(this.cameraRotation.y) < BABYLON.Epsilon) { this.cameraRotation.y = 0; } this.cameraRotation.scaleInPlace(this.inertia); } _super.prototype._checkInputs.call(this); }; TargetCamera.prototype._updateCameraRotationMatrix = function () { if (this.rotationQuaternion) { this.rotationQuaternion.toRotationMatrix(this._cameraRotationMatrix); //update the up vector! BABYLON.Vector3.TransformNormalToRef(this._defaultUpVector, this._cameraRotationMatrix, this.upVector); } else { BABYLON.Matrix.RotationYawPitchRollToRef(this.rotation.y, this.rotation.x, this.rotation.z, this._cameraRotationMatrix); } }; TargetCamera.prototype._getViewMatrix = function () { if (!this.lockedTarget) { // Compute this._updateCameraRotationMatrix(); BABYLON.Vector3.TransformCoordinatesToRef(this._referencePoint, this._cameraRotationMatrix, this._transformedReferencePoint); // Computing target and final matrix this.position.addToRef(this._transformedReferencePoint, this._currentTarget); } else { this._currentTarget.copyFrom(this._getLockedTargetPosition()); } if (this.getScene().useRightHandedSystem) { BABYLON.Matrix.LookAtRHToRef(this.position, this._currentTarget, this.upVector, this._viewMatrix); } else { BABYLON.Matrix.LookAtLHToRef(this.position, this._currentTarget, this.upVector, this._viewMatrix); } return this._viewMatrix; }; /** * @override * Override Camera.createRigCamera */ TargetCamera.prototype.createRigCamera = function (name, cameraIndex) { if (this.cameraRigMode !== BABYLON.Camera.RIG_MODE_NONE) { var rigCamera = new TargetCamera(name, this.position.clone(), this.getScene()); if (this.cameraRigMode === BABYLON.Camera.RIG_MODE_VR || this.cameraRigMode === BABYLON.Camera.RIG_MODE_WEBVR) { if (!this.rotationQuaternion) { this.rotationQuaternion = new BABYLON.Quaternion(); } rigCamera._cameraRigParams = {}; rigCamera.rotationQuaternion = new BABYLON.Quaternion(); } return rigCamera; } return null; }; /** * @override * Override Camera._updateRigCameras */ TargetCamera.prototype._updateRigCameras = function () { var camLeft = this._rigCameras[0]; var camRight = this._rigCameras[1]; switch (this.cameraRigMode) { case BABYLON.Camera.RIG_MODE_STEREOSCOPIC_ANAGLYPH: case BABYLON.Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_PARALLEL: case BABYLON.Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_CROSSEYED: case BABYLON.Camera.RIG_MODE_STEREOSCOPIC_OVERUNDER: //provisionnaly using _cameraRigParams.stereoHalfAngle instead of calculations based on _cameraRigParams.interaxialDistance: var leftSign = (this.cameraRigMode === BABYLON.Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_CROSSEYED) ? 1 : -1; var rightSign = (this.cameraRigMode === BABYLON.Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_CROSSEYED) ? -1 : 1; this._getRigCamPosition(this._cameraRigParams.stereoHalfAngle * leftSign, camLeft.position); this._getRigCamPosition(this._cameraRigParams.stereoHalfAngle * rightSign, camRight.position); camLeft.setTarget(this.getTarget()); camRight.setTarget(this.getTarget()); break; case BABYLON.Camera.RIG_MODE_VR: case BABYLON.Camera.RIG_MODE_WEBVR: if (camLeft.rotationQuaternion) { camLeft.rotationQuaternion.copyFrom(this.rotationQuaternion); camRight.rotationQuaternion.copyFrom(this.rotationQuaternion); } else { camLeft.rotation.copyFrom(this.rotation); camRight.rotation.copyFrom(this.rotation); } camLeft.position.copyFrom(this.position); camRight.position.copyFrom(this.position); break; } _super.prototype._updateRigCameras.call(this); }; TargetCamera.prototype._getRigCamPosition = function (halfSpace, result) { if (!this._rigCamTransformMatrix) { this._rigCamTransformMatrix = new BABYLON.Matrix(); } var target = this.getTarget(); BABYLON.Matrix.Translation(-target.x, -target.y, -target.z).multiplyToRef(BABYLON.Matrix.RotationY(halfSpace), this._rigCamTransformMatrix); this._rigCamTransformMatrix = this._rigCamTransformMatrix.multiply(BABYLON.Matrix.Translation(target.x, target.y, target.z)); BABYLON.Vector3.TransformCoordinatesToRef(this.position, this._rigCamTransformMatrix, result); }; TargetCamera.prototype.getTypeName = function () { return "TargetCamera"; }; __decorate([ BABYLON.serializeAsVector3() ], TargetCamera.prototype, "rotation", void 0); __decorate([ BABYLON.serialize() ], TargetCamera.prototype, "speed", void 0); __decorate([ BABYLON.serializeAsMeshReference("lockedTargetId") ], TargetCamera.prototype, "lockedTarget", void 0); return TargetCamera; }(BABYLON.Camera)); BABYLON.TargetCamera = TargetCamera; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Cameras/babylon.targetCamera.js.map var BABYLON; (function (BABYLON) { var FreeCamera = (function (_super) { __extends(FreeCamera, _super); function FreeCamera(name, position, scene) { var _this = this; _super.call(this, name, position, scene); this.ellipsoid = new BABYLON.Vector3(0.5, 1, 0.5); this.checkCollisions = false; this.applyGravity = false; this._collider = new BABYLON.Collider(); this._needMoveForGravity = false; this._oldPosition = BABYLON.Vector3.Zero(); this._diffPosition = BABYLON.Vector3.Zero(); this._newPosition = BABYLON.Vector3.Zero(); this._onCollisionPositionChange = function (collisionId, newPosition, collidedMesh) { if (collidedMesh === void 0) { collidedMesh = null; } //TODO move this to the collision coordinator! if (_this.getScene().workerCollisions) newPosition.multiplyInPlace(_this._collider.radius); var updatePosition = function (newPos) { _this._newPosition.copyFrom(newPos); _this._newPosition.subtractToRef(_this._oldPosition, _this._diffPosition); var oldPosition = _this.position.clone(); if (_this._diffPosition.length() > BABYLON.Engine.CollisionsEpsilon) { _this.position.addInPlace(_this._diffPosition); if (_this.onCollide && collidedMesh) { _this.onCollide(collidedMesh); } } }; updatePosition(newPosition); }; this.inputs = new BABYLON.FreeCameraInputsManager(this); this.inputs.addKeyboard().addMouse(); } Object.defineProperty(FreeCamera.prototype, "angularSensibility", { //-- begin properties for backward compatibility for inputs get: function () { var mouse = this.inputs.attached["mouse"]; if (mouse) return mouse.angularSensibility; }, set: function (value) { var mouse = this.inputs.attached["mouse"]; if (mouse) mouse.angularSensibility = value; }, enumerable: true, configurable: true }); Object.defineProperty(FreeCamera.prototype, "keysUp", { get: function () { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) return keyboard.keysUp; }, set: function (value) { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) keyboard.keysUp = value; }, enumerable: true, configurable: true }); Object.defineProperty(FreeCamera.prototype, "keysDown", { get: function () { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) return keyboard.keysDown; }, set: function (value) { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) keyboard.keysDown = value; }, enumerable: true, configurable: true }); Object.defineProperty(FreeCamera.prototype, "keysLeft", { get: function () { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) return keyboard.keysLeft; }, set: function (value) { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) keyboard.keysLeft = value; }, enumerable: true, configurable: true }); Object.defineProperty(FreeCamera.prototype, "keysRight", { get: function () { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) return keyboard.keysRight; }, set: function (value) { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) keyboard.keysRight = value; }, enumerable: true, configurable: true }); // Controls FreeCamera.prototype.attachControl = function (element, noPreventDefault) { this.inputs.attachElement(element, noPreventDefault); }; FreeCamera.prototype.detachControl = function (element) { this.inputs.detachElement(element); this.cameraDirection = new BABYLON.Vector3(0, 0, 0); this.cameraRotation = new BABYLON.Vector2(0, 0); }; FreeCamera.prototype._collideWithWorld = function (velocity) { var globalPosition; if (this.parent) { globalPosition = BABYLON.Vector3.TransformCoordinates(this.position, this.parent.getWorldMatrix()); } else { globalPosition = this.position; } globalPosition.subtractFromFloatsToRef(0, this.ellipsoid.y, 0, this._oldPosition); this._collider.radius = this.ellipsoid; //no need for clone, as long as gravity is not on. var actualVelocity = velocity; //add gravity to the velocity to prevent the dual-collision checking if (this.applyGravity) { //this prevents mending with cameraDirection, a global variable of the free camera class. actualVelocity = velocity.add(this.getScene().gravity); } this.getScene().collisionCoordinator.getNewPosition(this._oldPosition, actualVelocity, this._collider, 3, null, this._onCollisionPositionChange, this.uniqueId); }; FreeCamera.prototype._checkInputs = function () { if (!this._localDirection) { this._localDirection = BABYLON.Vector3.Zero(); this._transformedDirection = BABYLON.Vector3.Zero(); } this.inputs.checkInputs(); _super.prototype._checkInputs.call(this); }; FreeCamera.prototype._decideIfNeedsToMove = function () { return this._needMoveForGravity || Math.abs(this.cameraDirection.x) > 0 || Math.abs(this.cameraDirection.y) > 0 || Math.abs(this.cameraDirection.z) > 0; }; FreeCamera.prototype._updatePosition = function () { if (this.checkCollisions && this.getScene().collisionsEnabled) { this._collideWithWorld(this.cameraDirection); } else { this.position.addInPlace(this.cameraDirection); } }; FreeCamera.prototype.dispose = function () { this.inputs.clear(); _super.prototype.dispose.call(this); }; FreeCamera.prototype.getTypeName = function () { return "FreeCamera"; }; __decorate([ BABYLON.serializeAsVector3() ], FreeCamera.prototype, "ellipsoid", void 0); __decorate([ BABYLON.serialize() ], FreeCamera.prototype, "checkCollisions", void 0); __decorate([ BABYLON.serialize() ], FreeCamera.prototype, "applyGravity", void 0); return FreeCamera; }(BABYLON.TargetCamera)); BABYLON.FreeCamera = FreeCamera; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Cameras/babylon.freeCamera.js.map var BABYLON; (function (BABYLON) { var FreeCameraInputsManager = (function (_super) { __extends(FreeCameraInputsManager, _super); function FreeCameraInputsManager(camera) { _super.call(this, camera); } FreeCameraInputsManager.prototype.addKeyboard = function () { this.add(new BABYLON.FreeCameraKeyboardMoveInput()); return this; }; FreeCameraInputsManager.prototype.addMouse = function (touchEnabled) { if (touchEnabled === void 0) { touchEnabled = true; } this.add(new BABYLON.FreeCameraMouseInput(touchEnabled)); return this; }; FreeCameraInputsManager.prototype.addGamepad = function () { this.add(new BABYLON.FreeCameraGamepadInput()); return this; }; FreeCameraInputsManager.prototype.addDeviceOrientation = function () { this.add(new BABYLON.FreeCameraDeviceOrientationInput()); return this; }; FreeCameraInputsManager.prototype.addTouch = function () { this.add(new BABYLON.FreeCameraTouchInput()); return this; }; FreeCameraInputsManager.prototype.addVirtualJoystick = function () { this.add(new BABYLON.FreeCameraVirtualJoystickInput()); return this; }; return FreeCameraInputsManager; }(BABYLON.CameraInputsManager)); BABYLON.FreeCameraInputsManager = FreeCameraInputsManager; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Cameras/babylon.freeCameraInputsManager.js.map var BABYLON; (function (BABYLON) { var FollowCamera = (function (_super) { __extends(FollowCamera, _super); function FollowCamera(name, position, scene, target) { _super.call(this, name, position, scene); this.radius = 12; this.rotationOffset = 0; this.heightOffset = 4; this.cameraAcceleration = 0.05; this.maxCameraSpeed = 20; this.target = target; } FollowCamera.prototype.getRadians = function (degrees) { return degrees * Math.PI / 180; }; FollowCamera.prototype.follow = function (cameraTarget) { if (!cameraTarget) return; var yRotation; if (cameraTarget.rotationQuaternion) { var rotMatrix = new BABYLON.Matrix(); cameraTarget.rotationQuaternion.toRotationMatrix(rotMatrix); yRotation = Math.atan2(rotMatrix.m[8], rotMatrix.m[10]); } else { yRotation = cameraTarget.rotation.y; } var radians = this.getRadians(this.rotationOffset) + yRotation; var targetX = cameraTarget.position.x + Math.sin(radians) * this.radius; var targetZ = cameraTarget.position.z + Math.cos(radians) * this.radius; var dx = targetX - this.position.x; var dy = (cameraTarget.position.y + this.heightOffset) - this.position.y; var dz = (targetZ) - this.position.z; var vx = dx * this.cameraAcceleration * 2; //this is set to .05 var vy = dy * this.cameraAcceleration; var vz = dz * this.cameraAcceleration * 2; if (vx > this.maxCameraSpeed || vx < -this.maxCameraSpeed) { vx = vx < 1 ? -this.maxCameraSpeed : this.maxCameraSpeed; } if (vy > this.maxCameraSpeed || vy < -this.maxCameraSpeed) { vy = vy < 1 ? -this.maxCameraSpeed : this.maxCameraSpeed; } if (vz > this.maxCameraSpeed || vz < -this.maxCameraSpeed) { vz = vz < 1 ? -this.maxCameraSpeed : this.maxCameraSpeed; } this.position = new BABYLON.Vector3(this.position.x + vx, this.position.y + vy, this.position.z + vz); this.setTarget(cameraTarget.position); }; FollowCamera.prototype._checkInputs = function () { _super.prototype._checkInputs.call(this); this.follow(this.target); }; FollowCamera.prototype.getTypeName = function () { return "FollowCamera"; }; __decorate([ BABYLON.serialize() ], FollowCamera.prototype, "radius", void 0); __decorate([ BABYLON.serialize() ], FollowCamera.prototype, "rotationOffset", void 0); __decorate([ BABYLON.serialize() ], FollowCamera.prototype, "heightOffset", void 0); __decorate([ BABYLON.serialize() ], FollowCamera.prototype, "cameraAcceleration", void 0); __decorate([ BABYLON.serialize() ], FollowCamera.prototype, "maxCameraSpeed", void 0); __decorate([ BABYLON.serializeAsMeshReference("lockedTargetId") ], FollowCamera.prototype, "target", void 0); return FollowCamera; }(BABYLON.TargetCamera)); BABYLON.FollowCamera = FollowCamera; var ArcFollowCamera = (function (_super) { __extends(ArcFollowCamera, _super); function ArcFollowCamera(name, alpha, beta, radius, target, scene) { _super.call(this, name, BABYLON.Vector3.Zero(), scene); this.alpha = alpha; this.beta = beta; this.radius = radius; this.target = target; this._cartesianCoordinates = BABYLON.Vector3.Zero(); this.follow(); } ArcFollowCamera.prototype.follow = function () { this._cartesianCoordinates.x = this.radius * Math.cos(this.alpha) * Math.cos(this.beta); this._cartesianCoordinates.y = this.radius * Math.sin(this.beta); this._cartesianCoordinates.z = this.radius * Math.sin(this.alpha) * Math.cos(this.beta); this.position = this.target.position.add(this._cartesianCoordinates); this.setTarget(this.target.position); }; ArcFollowCamera.prototype._checkInputs = function () { _super.prototype._checkInputs.call(this); this.follow(); }; ArcFollowCamera.prototype.getTypeName = function () { return "ArcFollowCamera"; }; return ArcFollowCamera; }(BABYLON.TargetCamera)); BABYLON.ArcFollowCamera = ArcFollowCamera; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Cameras/babylon.followCamera.js.map var BABYLON; (function (BABYLON) { // We're mainly based on the logic defined into the FreeCamera code var TouchCamera = (function (_super) { __extends(TouchCamera, _super); //-- end properties for backward compatibility for inputs function TouchCamera(name, position, scene) { _super.call(this, name, position, scene); this.inputs.addTouch(); this._setupInputs(); } Object.defineProperty(TouchCamera.prototype, "touchAngularSensibility", { //-- Begin properties for backward compatibility for inputs get: function () { var touch = this.inputs.attached["touch"]; if (touch) return touch.touchAngularSensibility; }, set: function (value) { var touch = this.inputs.attached["touch"]; if (touch) touch.touchAngularSensibility = value; }, enumerable: true, configurable: true }); Object.defineProperty(TouchCamera.prototype, "touchMoveSensibility", { get: function () { var touch = this.inputs.attached["touch"]; if (touch) return touch.touchMoveSensibility; }, set: function (value) { var touch = this.inputs.attached["touch"]; if (touch) touch.touchMoveSensibility = value; }, enumerable: true, configurable: true }); TouchCamera.prototype.getTypeName = function () { return "TouchCamera"; }; TouchCamera.prototype._setupInputs = function () { var mouse = this.inputs.attached["mouse"]; if (mouse) { mouse.touchEnabled = false; } }; return TouchCamera; }(BABYLON.FreeCamera)); BABYLON.TouchCamera = TouchCamera; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Cameras/babylon.touchCamera.js.map var BABYLON; (function (BABYLON) { var ArcRotateCamera = (function (_super) { __extends(ArcRotateCamera, _super); function ArcRotateCamera(name, alpha, beta, radius, target, scene) { var _this = this; _super.call(this, name, BABYLON.Vector3.Zero(), scene); this.inertialAlphaOffset = 0; this.inertialBetaOffset = 0; this.inertialRadiusOffset = 0; this.lowerAlphaLimit = null; this.upperAlphaLimit = null; this.lowerBetaLimit = 0.01; this.upperBetaLimit = Math.PI; this.lowerRadiusLimit = null; this.upperRadiusLimit = null; this.inertialPanningX = 0; this.inertialPanningY = 0; //-- end properties for backward compatibility for inputs this.zoomOnFactor = 1; this.targetScreenOffset = BABYLON.Vector2.Zero(); this.allowUpsideDown = true; this._viewMatrix = new BABYLON.Matrix(); // Panning this.panningAxis = new BABYLON.Vector3(1, 1, 0); this.checkCollisions = false; this.collisionRadius = new BABYLON.Vector3(0.5, 0.5, 0.5); this._collider = new BABYLON.Collider(); this._previousPosition = BABYLON.Vector3.Zero(); this._collisionVelocity = BABYLON.Vector3.Zero(); this._newPosition = BABYLON.Vector3.Zero(); this._onCollisionPositionChange = function (collisionId, newPosition, collidedMesh) { if (collidedMesh === void 0) { collidedMesh = null; } if (_this.getScene().workerCollisions && _this.checkCollisions) { newPosition.multiplyInPlace(_this._collider.radius); } if (!collidedMesh) { _this._previousPosition.copyFrom(_this.position); } else { _this.setPosition(newPosition); if (_this.onCollide) { _this.onCollide(collidedMesh); } } // Recompute because of constraints var cosa = Math.cos(_this.alpha); var sina = Math.sin(_this.alpha); var cosb = Math.cos(_this.beta); var sinb = Math.sin(_this.beta); if (sinb === 0) { sinb = 0.0001; } var target = _this._getTargetPosition(); target.addToRef(new BABYLON.Vector3(_this.radius * cosa * sinb, _this.radius * cosb, _this.radius * sina * sinb), _this._newPosition); _this.position.copyFrom(_this._newPosition); var up = _this.upVector; if (_this.allowUpsideDown && _this.beta < 0) { up = up.clone(); up = up.negate(); } BABYLON.Matrix.LookAtLHToRef(_this.position, target, up, _this._viewMatrix); _this._viewMatrix.m[12] += _this.targetScreenOffset.x; _this._viewMatrix.m[13] += _this.targetScreenOffset.y; _this._collisionTriggered = false; }; if (!target) { this.target = BABYLON.Vector3.Zero(); } else { this.target = target; } this.alpha = alpha; this.beta = beta; this.radius = radius; this.getViewMatrix(); this.inputs = new BABYLON.ArcRotateCameraInputsManager(this); this.inputs.addKeyboard().addMouseWheel().addPointers().addGamepad(); } Object.defineProperty(ArcRotateCamera.prototype, "angularSensibilityX", { //-- begin properties for backward compatibility for inputs get: function () { var pointers = this.inputs.attached["pointers"]; if (pointers) return pointers.angularSensibilityX; }, set: function (value) { var pointers = this.inputs.attached["pointers"]; if (pointers) { pointers.angularSensibilityX = value; } }, enumerable: true, configurable: true }); Object.defineProperty(ArcRotateCamera.prototype, "angularSensibilityY", { get: function () { var pointers = this.inputs.attached["pointers"]; if (pointers) return pointers.angularSensibilityY; }, set: function (value) { var pointers = this.inputs.attached["pointers"]; if (pointers) { pointers.angularSensibilityY = value; } }, enumerable: true, configurable: true }); Object.defineProperty(ArcRotateCamera.prototype, "pinchPrecision", { get: function () { var pointers = this.inputs.attached["pointers"]; if (pointers) return pointers.pinchPrecision; }, set: function (value) { var pointers = this.inputs.attached["pointers"]; if (pointers) { pointers.pinchPrecision = value; } }, enumerable: true, configurable: true }); Object.defineProperty(ArcRotateCamera.prototype, "panningSensibility", { get: function () { var pointers = this.inputs.attached["pointers"]; if (pointers) return pointers.panningSensibility; }, set: function (value) { var pointers = this.inputs.attached["pointers"]; if (pointers) { pointers.panningSensibility = value; } }, enumerable: true, configurable: true }); Object.defineProperty(ArcRotateCamera.prototype, "keysUp", { get: function () { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) return keyboard.keysUp; }, set: function (value) { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) keyboard.keysUp = value; }, enumerable: true, configurable: true }); Object.defineProperty(ArcRotateCamera.prototype, "keysDown", { get: function () { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) return keyboard.keysDown; }, set: function (value) { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) keyboard.keysDown = value; }, enumerable: true, configurable: true }); Object.defineProperty(ArcRotateCamera.prototype, "keysLeft", { get: function () { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) return keyboard.keysLeft; }, set: function (value) { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) keyboard.keysLeft = value; }, enumerable: true, configurable: true }); Object.defineProperty(ArcRotateCamera.prototype, "keysRight", { get: function () { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) return keyboard.keysRight; }, set: function (value) { var keyboard = this.inputs.attached["keyboard"]; if (keyboard) keyboard.keysRight = value; }, enumerable: true, configurable: true }); Object.defineProperty(ArcRotateCamera.prototype, "wheelPrecision", { get: function () { var mousewheel = this.inputs.attached["mousewheel"]; if (mousewheel) return mousewheel.wheelPrecision; }, set: function (value) { var mousewheel = this.inputs.attached["mousewheel"]; if (mousewheel) mousewheel.wheelPrecision = value; }, enumerable: true, configurable: true }); // Cache ArcRotateCamera.prototype._initCache = function () { _super.prototype._initCache.call(this); this._cache.target = new BABYLON.Vector3(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE); this._cache.alpha = undefined; this._cache.beta = undefined; this._cache.radius = undefined; this._cache.targetScreenOffset = BABYLON.Vector2.Zero(); }; ArcRotateCamera.prototype._updateCache = function (ignoreParentClass) { if (!ignoreParentClass) { _super.prototype._updateCache.call(this); } this._cache.target.copyFrom(this._getTargetPosition()); this._cache.alpha = this.alpha; this._cache.beta = this.beta; this._cache.radius = this.radius; this._cache.targetScreenOffset.copyFrom(this.targetScreenOffset); }; ArcRotateCamera.prototype._getTargetPosition = function () { if (this.target.getAbsolutePosition) { var pos = this.target.getAbsolutePosition(); return this._targetBoundingCenter ? pos.add(this._targetBoundingCenter) : pos; } return this.target; }; // Synchronized ArcRotateCamera.prototype._isSynchronizedViewMatrix = function () { if (!_super.prototype._isSynchronizedViewMatrix.call(this)) return false; return this._cache.target.equals(this.target) && this._cache.alpha === this.alpha && this._cache.beta === this.beta && this._cache.radius === this.radius && this._cache.targetScreenOffset.equals(this.targetScreenOffset); }; // Methods ArcRotateCamera.prototype.attachControl = function (element, noPreventDefault, useCtrlForPanning, panningMouseButton) { var _this = this; if (useCtrlForPanning === void 0) { useCtrlForPanning = true; } if (panningMouseButton === void 0) { panningMouseButton = 2; } this._useCtrlForPanning = useCtrlForPanning; this._panningMouseButton = panningMouseButton; this.inputs.attachElement(element, noPreventDefault); this._reset = function () { _this.inertialAlphaOffset = 0; _this.inertialBetaOffset = 0; _this.inertialRadiusOffset = 0; }; }; ArcRotateCamera.prototype.detachControl = function (element) { this.inputs.detachElement(element); if (this._reset) { this._reset(); } }; ArcRotateCamera.prototype._checkInputs = function () { //if (async) collision inspection was triggered, don't update the camera's position - until the collision callback was called. if (this._collisionTriggered) { return; } this.inputs.checkInputs(); // Inertia if (this.inertialAlphaOffset !== 0 || this.inertialBetaOffset !== 0 || this.inertialRadiusOffset !== 0) { this.beta += this.inertialBetaOffset; if (this.getScene().useRightHandedSystem) { this.alpha -= this.beta <= 0 ? -this.inertialAlphaOffset : this.inertialAlphaOffset; } else { this.alpha += this.beta <= 0 ? -this.inertialAlphaOffset : this.inertialAlphaOffset; } this.radius -= this.inertialRadiusOffset; this.inertialAlphaOffset *= this.inertia; this.inertialBetaOffset *= this.inertia; this.inertialRadiusOffset *= this.inertia; if (Math.abs(this.inertialAlphaOffset) < BABYLON.Epsilon) this.inertialAlphaOffset = 0; if (Math.abs(this.inertialBetaOffset) < BABYLON.Epsilon) this.inertialBetaOffset = 0; if (Math.abs(this.inertialRadiusOffset) < BABYLON.Epsilon) this.inertialRadiusOffset = 0; } // Panning inertia if (this.inertialPanningX !== 0 || this.inertialPanningY !== 0) { if (!this._localDirection) { this._localDirection = BABYLON.Vector3.Zero(); this._transformedDirection = BABYLON.Vector3.Zero(); } this.inertialPanningX *= this.inertia; this.inertialPanningY *= this.inertia; if (Math.abs(this.inertialPanningX) < BABYLON.Epsilon) this.inertialPanningX = 0; if (Math.abs(this.inertialPanningY) < BABYLON.Epsilon) this.inertialPanningY = 0; this._localDirection.copyFromFloats(this.inertialPanningX, this.inertialPanningY, this.inertialPanningY); this._localDirection.multiplyInPlace(this.panningAxis); this._viewMatrix.invertToRef(this._cameraTransformMatrix); BABYLON.Vector3.TransformNormalToRef(this._localDirection, this._cameraTransformMatrix, this._transformedDirection); //Eliminate y if map panning is enabled (panningAxis == 1,0,1) if (!this.panningAxis.y) { this._transformedDirection.y = 0; } if (!this.target.getAbsolutePosition) { this.target.addInPlace(this._transformedDirection); } } // Limits this._checkLimits(); _super.prototype._checkInputs.call(this); }; ArcRotateCamera.prototype._checkLimits = function () { if (this.lowerBetaLimit === null || this.lowerBetaLimit === undefined) { if (this.allowUpsideDown && this.beta > Math.PI) { this.beta = this.beta - (2 * Math.PI); } } else { if (this.beta < this.lowerBetaLimit) { this.beta = this.lowerBetaLimit; } } if (this.upperBetaLimit === null || this.upperBetaLimit === undefined) { if (this.allowUpsideDown && this.beta < -Math.PI) { this.beta = this.beta + (2 * Math.PI); } } else { if (this.beta > this.upperBetaLimit) { this.beta = this.upperBetaLimit; } } if (this.lowerAlphaLimit && this.alpha < this.lowerAlphaLimit) { this.alpha = this.lowerAlphaLimit; } if (this.upperAlphaLimit && this.alpha > this.upperAlphaLimit) { this.alpha = this.upperAlphaLimit; } if (this.lowerRadiusLimit && this.radius < this.lowerRadiusLimit) { this.radius = this.lowerRadiusLimit; } if (this.upperRadiusLimit && this.radius > this.upperRadiusLimit) { this.radius = this.upperRadiusLimit; } }; ArcRotateCamera.prototype.rebuildAnglesAndRadius = function () { var radiusv3 = this.position.subtract(this._getTargetPosition()); this.radius = radiusv3.length(); // Alpha this.alpha = Math.acos(radiusv3.x / Math.sqrt(Math.pow(radiusv3.x, 2) + Math.pow(radiusv3.z, 2))); if (radiusv3.z < 0) { this.alpha = 2 * Math.PI - this.alpha; } // Beta this.beta = Math.acos(radiusv3.y / this.radius); this._checkLimits(); }; ArcRotateCamera.prototype.setPosition = function (position) { if (this.position.equals(position)) { return; } this.position.copyFrom(position); this.rebuildAnglesAndRadius(); }; ArcRotateCamera.prototype.setTarget = function (target, toBoundingCenter) { if (toBoundingCenter === void 0) { toBoundingCenter = false; } if (this._getTargetPosition().equals(target)) { return; } if (toBoundingCenter && target.getBoundingInfo) { this._targetBoundingCenter = target.getBoundingInfo().boundingBox.center.clone(); } else { this._targetBoundingCenter = null; } this.target = target; this.rebuildAnglesAndRadius(); }; ArcRotateCamera.prototype._getViewMatrix = function () { // Compute var cosa = Math.cos(this.alpha); var sina = Math.sin(this.alpha); var cosb = Math.cos(this.beta); var sinb = Math.sin(this.beta); if (sinb === 0) { sinb = 0.0001; } var target = this._getTargetPosition(); target.addToRef(new BABYLON.Vector3(this.radius * cosa * sinb, this.radius * cosb, this.radius * sina * sinb), this._newPosition); if (this.getScene().collisionsEnabled && this.checkCollisions) { this._collider.radius = this.collisionRadius; this._newPosition.subtractToRef(this.position, this._collisionVelocity); this._collisionTriggered = true; this.getScene().collisionCoordinator.getNewPosition(this.position, this._collisionVelocity, this._collider, 3, null, this._onCollisionPositionChange, this.uniqueId); } else { this.position.copyFrom(this._newPosition); var up = this.upVector; if (this.allowUpsideDown && this.beta < 0) { up = up.clone(); up = up.negate(); } if (this.getScene().useRightHandedSystem) { BABYLON.Matrix.LookAtRHToRef(this.position, target, up, this._viewMatrix); } else { BABYLON.Matrix.LookAtLHToRef(this.position, target, up, this._viewMatrix); } this._viewMatrix.m[12] += this.targetScreenOffset.x; this._viewMatrix.m[13] += this.targetScreenOffset.y; } this._currentTarget = target; return this._viewMatrix; }; ArcRotateCamera.prototype.zoomOn = function (meshes, doNotUpdateMaxZ) { if (doNotUpdateMaxZ === void 0) { doNotUpdateMaxZ = false; } meshes = meshes || this.getScene().meshes; var minMaxVector = BABYLON.Mesh.MinMax(meshes); var distance = BABYLON.Vector3.Distance(minMaxVector.min, minMaxVector.max); this.radius = distance * this.zoomOnFactor; this.focusOn({ min: minMaxVector.min, max: minMaxVector.max, distance: distance }, doNotUpdateMaxZ); }; ArcRotateCamera.prototype.focusOn = function (meshesOrMinMaxVectorAndDistance, doNotUpdateMaxZ) { if (doNotUpdateMaxZ === void 0) { doNotUpdateMaxZ = false; } var meshesOrMinMaxVector; var distance; if (meshesOrMinMaxVectorAndDistance.min === undefined) { meshesOrMinMaxVector = meshesOrMinMaxVectorAndDistance || this.getScene().meshes; meshesOrMinMaxVector = BABYLON.Mesh.MinMax(meshesOrMinMaxVector); distance = BABYLON.Vector3.Distance(meshesOrMinMaxVector.min, meshesOrMinMaxVector.max); } else { meshesOrMinMaxVector = meshesOrMinMaxVectorAndDistance; distance = meshesOrMinMaxVectorAndDistance.distance; } this.target = BABYLON.Mesh.Center(meshesOrMinMaxVector); if (!doNotUpdateMaxZ) { this.maxZ = distance * 2; } }; /** * @override * Override Camera.createRigCamera */ ArcRotateCamera.prototype.createRigCamera = function (name, cameraIndex) { var alphaShift; switch (this.cameraRigMode) { case BABYLON.Camera.RIG_MODE_STEREOSCOPIC_ANAGLYPH: case BABYLON.Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_PARALLEL: case BABYLON.Camera.RIG_MODE_STEREOSCOPIC_OVERUNDER: case BABYLON.Camera.RIG_MODE_VR: alphaShift = this._cameraRigParams.stereoHalfAngle * (cameraIndex === 0 ? 1 : -1); break; case BABYLON.Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_CROSSEYED: alphaShift = this._cameraRigParams.stereoHalfAngle * (cameraIndex === 0 ? -1 : 1); break; } var rigCam = new ArcRotateCamera(name, this.alpha + alphaShift, this.beta, this.radius, this.target, this.getScene()); rigCam._cameraRigParams = {}; return rigCam; }; /** * @override * Override Camera._updateRigCameras */ ArcRotateCamera.prototype._updateRigCameras = function () { var camLeft = this._rigCameras[0]; var camRight = this._rigCameras[1]; camLeft.beta = camRight.beta = this.beta; camLeft.radius = camRight.radius = this.radius; switch (this.cameraRigMode) { case BABYLON.Camera.RIG_MODE_STEREOSCOPIC_ANAGLYPH: case BABYLON.Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_PARALLEL: case BABYLON.Camera.RIG_MODE_STEREOSCOPIC_OVERUNDER: case BABYLON.Camera.RIG_MODE_VR: camLeft.alpha = this.alpha - this._cameraRigParams.stereoHalfAngle; camRight.alpha = this.alpha + this._cameraRigParams.stereoHalfAngle; break; case BABYLON.Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_CROSSEYED: camLeft.alpha = this.alpha + this._cameraRigParams.stereoHalfAngle; camRight.alpha = this.alpha - this._cameraRigParams.stereoHalfAngle; break; } _super.prototype._updateRigCameras.call(this); }; ArcRotateCamera.prototype.dispose = function () { this.inputs.clear(); _super.prototype.dispose.call(this); }; ArcRotateCamera.prototype.getTypeName = function () { return "ArcRotateCamera"; }; __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "alpha", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "beta", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "radius", void 0); __decorate([ BABYLON.serializeAsVector3() ], ArcRotateCamera.prototype, "target", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "inertialAlphaOffset", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "inertialBetaOffset", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "inertialRadiusOffset", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "lowerAlphaLimit", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "upperAlphaLimit", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "lowerBetaLimit", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "upperBetaLimit", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "lowerRadiusLimit", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "upperRadiusLimit", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "inertialPanningX", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "inertialPanningY", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "zoomOnFactor", void 0); __decorate([ BABYLON.serialize() ], ArcRotateCamera.prototype, "allowUpsideDown", void 0); return ArcRotateCamera; }(BABYLON.TargetCamera)); BABYLON.ArcRotateCamera = ArcRotateCamera; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Cameras/babylon.arcRotateCamera.js.map var BABYLON; (function (BABYLON) { var ArcRotateCameraInputsManager = (function (_super) { __extends(ArcRotateCameraInputsManager, _super); function ArcRotateCameraInputsManager(camera) { _super.call(this, camera); } ArcRotateCameraInputsManager.prototype.addMouseWheel = function () { this.add(new BABYLON.ArcRotateCameraMouseWheelInput()); return this; }; ArcRotateCameraInputsManager.prototype.addPointers = function () { this.add(new BABYLON.ArcRotateCameraPointersInput()); return this; }; ArcRotateCameraInputsManager.prototype.addKeyboard = function () { this.add(new BABYLON.ArcRotateCameraKeyboardMoveInput()); return this; }; ArcRotateCameraInputsManager.prototype.addGamepad = function () { this.add(new BABYLON.ArcRotateCameraGamepadInput()); return this; }; ArcRotateCameraInputsManager.prototype.addVRDeviceOrientation = function () { this.add(new BABYLON.ArcRotateCameraVRDeviceOrientationInput()); return this; }; return ArcRotateCameraInputsManager; }(BABYLON.CameraInputsManager)); BABYLON.ArcRotateCameraInputsManager = ArcRotateCameraInputsManager; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Cameras/babylon.arcRotateCameraInputsManager.js.map var BABYLON; (function (BABYLON) { var RenderingManager = (function () { function RenderingManager(scene) { this._renderingGroups = new Array(); this._autoClearDepthStencil = {}; this._customOpaqueSortCompareFn = {}; this._customAlphaTestSortCompareFn = {}; this._customTransparentSortCompareFn = {}; this._renderinGroupInfo = null; this._scene = scene; for (var i = RenderingManager.MIN_RENDERINGGROUPS; i < RenderingManager.MAX_RENDERINGGROUPS; i++) { this._autoClearDepthStencil[i] = true; } } RenderingManager.prototype._renderParticles = function (index, activeMeshes) { if (this._scene._activeParticleSystems.length === 0) { return; } // Particles var activeCamera = this._scene.activeCamera; this._scene._particlesDuration.beginMonitoring(); for (var particleIndex = 0; particleIndex < this._scene._activeParticleSystems.length; particleIndex++) { var particleSystem = this._scene._activeParticleSystems.data[particleIndex]; if (particleSystem.renderingGroupId !== index) { continue; } if ((activeCamera.layerMask & particleSystem.layerMask) === 0) { continue; } this._clearDepthStencilBuffer(); if (!particleSystem.emitter.position || !activeMeshes || activeMeshes.indexOf(particleSystem.emitter) !== -1) { this._scene._activeParticles.addCount(particleSystem.render(), false); } } this._scene._particlesDuration.endMonitoring(false); }; RenderingManager.prototype._renderSprites = function (index) { if (!this._scene.spritesEnabled || this._scene.spriteManagers.length === 0) { return; } // Sprites var activeCamera = this._scene.activeCamera; this._scene._spritesDuration.beginMonitoring(); for (var id = 0; id < this._scene.spriteManagers.length; id++) { var spriteManager = this._scene.spriteManagers[id]; if (spriteManager.renderingGroupId === index && ((activeCamera.layerMask & spriteManager.layerMask) !== 0)) { this._clearDepthStencilBuffer(); spriteManager.render(); } } this._scene._spritesDuration.endMonitoring(false); }; RenderingManager.prototype._clearDepthStencilBuffer = function () { if (this._depthStencilBufferAlreadyCleaned) { return; } this._scene.getEngine().clear(0, false, true, true); this._depthStencilBufferAlreadyCleaned = true; }; RenderingManager.prototype._renderSpritesAndParticles = function () { if (this._currentRenderSprites) { this._renderSprites(this._currentIndex); } if (this._currentRenderParticles) { this._renderParticles(this._currentIndex, this._currentActiveMeshes); } }; RenderingManager.prototype.render = function (customRenderFunction, activeMeshes, renderParticles, renderSprites) { // Check if there's at least on observer on the onRenderingGroupObservable and initialize things to fire it var observable = this._scene.onRenderingGroupObservable.hasObservers() ? this._scene.onRenderingGroupObservable : null; var info = null; if (observable) { if (!this._renderinGroupInfo) { this._renderinGroupInfo = new BABYLON.RenderingGroupInfo(); } info = this._renderinGroupInfo; info.scene = this._scene; info.camera = this._scene.activeCamera; } this._currentActiveMeshes = activeMeshes; this._currentRenderParticles = renderParticles; this._currentRenderSprites = renderSprites; for (var index = RenderingManager.MIN_RENDERINGGROUPS; index < RenderingManager.MAX_RENDERINGGROUPS; index++) { this._depthStencilBufferAlreadyCleaned = index === RenderingManager.MIN_RENDERINGGROUPS; var renderingGroup = this._renderingGroups[index]; var needToStepBack = false; this._currentIndex = index; if (renderingGroup) { var renderingGroupMask = 0; // Fire PRECLEAR stage if (observable) { renderingGroupMask = Math.pow(2, index); info.renderStage = BABYLON.RenderingGroupInfo.STAGE_PRECLEAR; info.renderingGroupId = index; observable.notifyObservers(info, renderingGroupMask); } // Clear depth/stencil if needed if (this._autoClearDepthStencil[index]) { this._clearDepthStencilBuffer(); } // Fire PREOPAQUE stage if (observable) { info.renderStage = BABYLON.RenderingGroupInfo.STAGE_PREOPAQUE; observable.notifyObservers(info, renderingGroupMask); } if (!renderingGroup.onBeforeTransparentRendering) { renderingGroup.onBeforeTransparentRendering = this._renderSpritesAndParticles.bind(this); } // Fire PRETRANSPARENT stage if (observable) { info.renderStage = BABYLON.RenderingGroupInfo.STAGE_PRETRANSPARENT; observable.notifyObservers(info, renderingGroupMask); } if (!renderingGroup.render(customRenderFunction)) { this._renderingGroups.splice(index, 1); needToStepBack = true; this._renderSpritesAndParticles(); } // Fire POSTTRANSPARENT stage if (observable) { info.renderStage = BABYLON.RenderingGroupInfo.STAGE_POSTTRANSPARENT; observable.notifyObservers(info, renderingGroupMask); } } else { this._renderSpritesAndParticles(); if (observable) { var renderingGroupMask = Math.pow(2, index); info.renderStage = BABYLON.RenderingGroupInfo.STAGE_PRECLEAR; info.renderingGroupId = index; observable.notifyObservers(info, renderingGroupMask); info.renderStage = BABYLON.RenderingGroupInfo.STAGE_POSTTRANSPARENT; observable.notifyObservers(info, renderingGroupMask); } } if (needToStepBack) { index--; } } }; RenderingManager.prototype.reset = function () { for (var index = RenderingManager.MIN_RENDERINGGROUPS; index < RenderingManager.MAX_RENDERINGGROUPS; index++) { var renderingGroup = this._renderingGroups[index]; if (renderingGroup) { renderingGroup.prepare(); } } }; RenderingManager.prototype.dispatch = function (subMesh) { var mesh = subMesh.getMesh(); var renderingGroupId = mesh.renderingGroupId || 0; if (!this._renderingGroups[renderingGroupId]) { this._renderingGroups[renderingGroupId] = new BABYLON.RenderingGroup(renderingGroupId, this._scene, this._customOpaqueSortCompareFn[renderingGroupId], this._customAlphaTestSortCompareFn[renderingGroupId], this._customTransparentSortCompareFn[renderingGroupId]); } this._renderingGroups[renderingGroupId].dispatch(subMesh); }; /** * Overrides the default sort function applied in the renderging group to prepare the meshes. * This allowed control for front to back rendering or reversly depending of the special needs. * * @param renderingGroupId The rendering group id corresponding to its index * @param opaqueSortCompareFn The opaque queue comparison function use to sort. * @param alphaTestSortCompareFn The alpha test queue comparison function use to sort. * @param transparentSortCompareFn The transparent queue comparison function use to sort. */ RenderingManager.prototype.setRenderingOrder = function (renderingGroupId, opaqueSortCompareFn, alphaTestSortCompareFn, transparentSortCompareFn) { if (opaqueSortCompareFn === void 0) { opaqueSortCompareFn = null; } if (alphaTestSortCompareFn === void 0) { alphaTestSortCompareFn = null; } if (transparentSortCompareFn === void 0) { transparentSortCompareFn = null; } this._customOpaqueSortCompareFn[renderingGroupId] = opaqueSortCompareFn; this._customAlphaTestSortCompareFn[renderingGroupId] = alphaTestSortCompareFn; this._customTransparentSortCompareFn[renderingGroupId] = transparentSortCompareFn; if (this._renderingGroups[renderingGroupId]) { var group = this._renderingGroups[renderingGroupId]; group.opaqueSortCompareFn = this._customOpaqueSortCompareFn[renderingGroupId]; group.alphaTestSortCompareFn = this._customAlphaTestSortCompareFn[renderingGroupId]; group.transparentSortCompareFn = this._customTransparentSortCompareFn[renderingGroupId]; } }; /** * Specifies whether or not the stencil and depth buffer are cleared between two rendering groups. * * @param renderingGroupId The rendering group id corresponding to its index * @param autoClearDepthStencil Automatically clears depth and stencil between groups if true. */ RenderingManager.prototype.setRenderingAutoClearDepthStencil = function (renderingGroupId, autoClearDepthStencil) { this._autoClearDepthStencil[renderingGroupId] = autoClearDepthStencil; }; /** * The max id used for rendering groups (not included) */ RenderingManager.MAX_RENDERINGGROUPS = 4; /** * The min id used for rendering groups (included) */ RenderingManager.MIN_RENDERINGGROUPS = 0; return RenderingManager; }()); BABYLON.RenderingManager = RenderingManager; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Rendering/babylon.renderingManager.js.map var BABYLON; (function (BABYLON) { var RenderingGroup = (function () { /** * Creates a new rendering group. * @param index The rendering group index * @param opaqueSortCompareFn The opaque sort comparison function. If null no order is applied * @param alphaTestSortCompareFn The alpha test sort comparison function. If null no order is applied * @param transparentSortCompareFn The transparent sort comparison function. If null back to front + alpha index sort is applied */ function RenderingGroup(index, scene, opaqueSortCompareFn, alphaTestSortCompareFn, transparentSortCompareFn) { if (opaqueSortCompareFn === void 0) { opaqueSortCompareFn = null; } if (alphaTestSortCompareFn === void 0) { alphaTestSortCompareFn = null; } if (transparentSortCompareFn === void 0) { transparentSortCompareFn = null; } this.index = index; this._opaqueSubMeshes = new BABYLON.SmartArray(256); this._transparentSubMeshes = new BABYLON.SmartArray(256); this._alphaTestSubMeshes = new BABYLON.SmartArray(256); this._scene = scene; this.opaqueSortCompareFn = opaqueSortCompareFn; this.alphaTestSortCompareFn = alphaTestSortCompareFn; this.transparentSortCompareFn = transparentSortCompareFn; } Object.defineProperty(RenderingGroup.prototype, "opaqueSortCompareFn", { /** * Set the opaque sort comparison function. * If null the sub meshes will be render in the order they were created */ set: function (value) { this._opaqueSortCompareFn = value; if (value) { this._renderOpaque = this.renderOpaqueSorted; } else { this._renderOpaque = RenderingGroup.renderUnsorted; } }, enumerable: true, configurable: true }); Object.defineProperty(RenderingGroup.prototype, "alphaTestSortCompareFn", { /** * Set the alpha test sort comparison function. * If null the sub meshes will be render in the order they were created */ set: function (value) { this._alphaTestSortCompareFn = value; if (value) { this._renderAlphaTest = this.renderAlphaTestSorted; } else { this._renderAlphaTest = RenderingGroup.renderUnsorted; } }, enumerable: true, configurable: true }); Object.defineProperty(RenderingGroup.prototype, "transparentSortCompareFn", { /** * Set the transparent sort comparison function. * If null the sub meshes will be render in the order they were created */ set: function (value) { if (value) { this._transparentSortCompareFn = value; } else { this._transparentSortCompareFn = RenderingGroup.defaultTransparentSortCompare; } this._renderTransparent = this.renderTransparentSorted; }, enumerable: true, configurable: true }); /** * Render all the sub meshes contained in the group. * @param customRenderFunction Used to override the default render behaviour of the group. * @returns true if rendered some submeshes. */ RenderingGroup.prototype.render = function (customRenderFunction) { if (customRenderFunction) { customRenderFunction(this._opaqueSubMeshes, this._alphaTestSubMeshes, this._transparentSubMeshes); return true; } if (this._opaqueSubMeshes.length === 0 && this._alphaTestSubMeshes.length === 0 && this._transparentSubMeshes.length === 0) { if (this.onBeforeTransparentRendering) { this.onBeforeTransparentRendering(); } return false; } var engine = this._scene.getEngine(); // Opaque this._renderOpaque(this._opaqueSubMeshes); // Alpha test engine.setAlphaTesting(true); this._renderAlphaTest(this._alphaTestSubMeshes); engine.setAlphaTesting(false); if (this.onBeforeTransparentRendering) { this.onBeforeTransparentRendering(); } // Transparent this._renderTransparent(this._transparentSubMeshes); engine.setAlphaMode(BABYLON.Engine.ALPHA_DISABLE); return true; }; /** * Renders the opaque submeshes in the order from the opaqueSortCompareFn. * @param subMeshes The submeshes to render */ RenderingGroup.prototype.renderOpaqueSorted = function (subMeshes) { return RenderingGroup.renderSorted(subMeshes, this._opaqueSortCompareFn, this._scene.activeCamera.globalPosition, false); }; /** * Renders the opaque submeshes in the order from the alphatestSortCompareFn. * @param subMeshes The submeshes to render */ RenderingGroup.prototype.renderAlphaTestSorted = function (subMeshes) { return RenderingGroup.renderSorted(subMeshes, this._alphaTestSortCompareFn, this._scene.activeCamera.globalPosition, false); }; /** * Renders the opaque submeshes in the order from the transparentSortCompareFn. * @param subMeshes The submeshes to render */ RenderingGroup.prototype.renderTransparentSorted = function (subMeshes) { return RenderingGroup.renderSorted(subMeshes, this._transparentSortCompareFn, this._scene.activeCamera.globalPosition, true); }; /** * Renders the submeshes in a specified order. * @param subMeshes The submeshes to sort before render * @param sortCompareFn The comparison function use to sort * @param cameraPosition The camera position use to preprocess the submeshes to help sorting * @param transparent Specifies to activate blending if true */ RenderingGroup.renderSorted = function (subMeshes, sortCompareFn, cameraPosition, transparent) { var subIndex = 0; var subMesh; for (; subIndex < subMeshes.length; subIndex++) { subMesh = subMeshes.data[subIndex]; subMesh._alphaIndex = subMesh.getMesh().alphaIndex; subMesh._distanceToCamera = subMesh.getBoundingInfo().boundingSphere.centerWorld.subtract(cameraPosition).length(); } var sortedArray = subMeshes.data.slice(0, subMeshes.length); sortedArray.sort(sortCompareFn); for (subIndex = 0; subIndex < sortedArray.length; subIndex++) { subMesh = sortedArray[subIndex]; subMesh.render(transparent); } }; /** * Renders the submeshes in the order they were dispatched (no sort applied). * @param subMeshes The submeshes to render */ RenderingGroup.renderUnsorted = function (subMeshes) { for (var subIndex = 0; subIndex < subMeshes.length; subIndex++) { var submesh = subMeshes.data[subIndex]; submesh.render(false); } }; /** * Build in function which can be applied to ensure meshes of a special queue (opaque, alpha test, transparent) * are rendered back to front if in the same alpha index. * * @param a The first submesh * @param b The second submesh * @returns The result of the comparison */ RenderingGroup.defaultTransparentSortCompare = function (a, b) { // Alpha index first if (a._alphaIndex > b._alphaIndex) { return 1; } if (a._alphaIndex < b._alphaIndex) { return -1; } // Then distance to camera return RenderingGroup.backToFrontSortCompare(a, b); }; /** * Build in function which can be applied to ensure meshes of a special queue (opaque, alpha test, transparent) * are rendered back to front. * * @param a The first submesh * @param b The second submesh * @returns The result of the comparison */ RenderingGroup.backToFrontSortCompare = function (a, b) { // Then distance to camera if (a._distanceToCamera < b._distanceToCamera) { return 1; } if (a._distanceToCamera > b._distanceToCamera) { return -1; } return 0; }; /** * Build in function which can be applied to ensure meshes of a special queue (opaque, alpha test, transparent) * are rendered front to back (prevent overdraw). * * @param a The first submesh * @param b The second submesh * @returns The result of the comparison */ RenderingGroup.frontToBackSortCompare = function (a, b) { // Then distance to camera if (a._distanceToCamera < b._distanceToCamera) { return -1; } if (a._distanceToCamera > b._distanceToCamera) { return 1; } return 0; }; /** * Resets the different lists of submeshes to prepare a new frame. */ RenderingGroup.prototype.prepare = function () { this._opaqueSubMeshes.reset(); this._transparentSubMeshes.reset(); this._alphaTestSubMeshes.reset(); }; /** * Inserts the submesh in its correct queue depending on its material. * @param subMesh The submesh to dispatch */ RenderingGroup.prototype.dispatch = function (subMesh) { var material = subMesh.getMaterial(); var mesh = subMesh.getMesh(); if (material.needAlphaBlending() || mesh.visibility < 1.0 || mesh.hasVertexAlpha) { this._transparentSubMeshes.push(subMesh); } else if (material.needAlphaTesting()) { this._alphaTestSubMeshes.push(subMesh); } else { this._opaqueSubMeshes.push(subMesh); // Opaque } }; return RenderingGroup; }()); BABYLON.RenderingGroup = RenderingGroup; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Rendering/babylon.renderingGroup.js.map var BABYLON; (function (BABYLON) { var PointerEventTypes = (function () { function PointerEventTypes() { } Object.defineProperty(PointerEventTypes, "POINTERDOWN", { get: function () { return PointerEventTypes._POINTERDOWN; }, enumerable: true, configurable: true }); Object.defineProperty(PointerEventTypes, "POINTERUP", { get: function () { return PointerEventTypes._POINTERUP; }, enumerable: true, configurable: true }); Object.defineProperty(PointerEventTypes, "POINTERMOVE", { get: function () { return PointerEventTypes._POINTERMOVE; }, enumerable: true, configurable: true }); Object.defineProperty(PointerEventTypes, "POINTERWHEEL", { get: function () { return PointerEventTypes._POINTERWHEEL; }, enumerable: true, configurable: true }); Object.defineProperty(PointerEventTypes, "POINTERPICK", { get: function () { return PointerEventTypes._POINTERPICK; }, enumerable: true, configurable: true }); PointerEventTypes._POINTERDOWN = 0x01; PointerEventTypes._POINTERUP = 0x02; PointerEventTypes._POINTERMOVE = 0x04; PointerEventTypes._POINTERWHEEL = 0x08; PointerEventTypes._POINTERPICK = 0x10; return PointerEventTypes; }()); BABYLON.PointerEventTypes = PointerEventTypes; var PointerInfoBase = (function () { function PointerInfoBase(type, event) { this.type = type; this.event = event; } return PointerInfoBase; }()); BABYLON.PointerInfoBase = PointerInfoBase; /** * This class is used to store pointer related info for the onPrePointerObservable event. * Set the skipOnPointerObservable property to true if you want the engine to stop any process after this event is triggered, even not calling onPointerObservable */ var PointerInfoPre = (function (_super) { __extends(PointerInfoPre, _super); function PointerInfoPre(type, event, localX, localY) { _super.call(this, type, event); this.skipOnPointerObservable = false; this.localPosition = new BABYLON.Vector2(localX, localY); } return PointerInfoPre; }(PointerInfoBase)); BABYLON.PointerInfoPre = PointerInfoPre; /** * This type contains all the data related to a pointer event in Babylon.js. * The event member is an instance of PointerEvent for all types except PointerWheel and is of type MouseWheelEvent when type equals PointerWheel. The different event types can be found in the PointerEventTypes class. */ var PointerInfo = (function (_super) { __extends(PointerInfo, _super); function PointerInfo(type, event, pickInfo) { _super.call(this, type, event); this.pickInfo = pickInfo; } return PointerInfo; }(PointerInfoBase)); BABYLON.PointerInfo = PointerInfo; /** * This class is used by the onRenderingGroupObservable */ var RenderingGroupInfo = (function () { function RenderingGroupInfo() { } /** * Stage corresponding to the very first hook in the renderingGroup phase: before the render buffer may be cleared * This stage will be fired no matter what */ RenderingGroupInfo.STAGE_PRECLEAR = 1; /** * Called before opaque object are rendered. * This stage will be fired only if there's 3D Opaque content to render */ RenderingGroupInfo.STAGE_PREOPAQUE = 2; /** * Called after the opaque objects are rendered and before the transparent ones * This stage will be fired only if there's 3D transparent content to render */ RenderingGroupInfo.STAGE_PRETRANSPARENT = 3; /** * Called after the transparent object are rendered, last hook of the renderingGroup phase * This stage will be fired no matter what */ RenderingGroupInfo.STAGE_POSTTRANSPARENT = 4; return RenderingGroupInfo; }()); BABYLON.RenderingGroupInfo = RenderingGroupInfo; /** * Represents a scene to be rendered by the engine. * @see http://doc.babylonjs.com/page.php?p=21911 */ var Scene = (function () { /** * @constructor * @param {BABYLON.Engine} engine - the engine to be used to render this scene. */ function Scene(engine) { // Members this.autoClear = true; this.clearColor = new BABYLON.Color3(0.2, 0.2, 0.3); this.ambientColor = new BABYLON.Color3(0, 0, 0); this.forceWireframe = false; this.forcePointsCloud = false; this.forceShowBoundingBoxes = false; this.animationsEnabled = true; this.constantlyUpdateMeshUnderPointer = false; this.useRightHandedSystem = false; this.hoverCursor = "pointer"; // Metadata this.metadata = null; // Events /** * An event triggered when the scene is disposed. * @type {BABYLON.Observable} */ this.onDisposeObservable = new BABYLON.Observable(); /** * An event triggered before rendering the scene * @type {BABYLON.Observable} */ this.onBeforeRenderObservable = new BABYLON.Observable(); /** * An event triggered after rendering the scene * @type {BABYLON.Observable} */ this.onAfterRenderObservable = new BABYLON.Observable(); /** * An event triggered when the scene is ready * @type {BABYLON.Observable} */ this.onReadyObservable = new BABYLON.Observable(); /** * An event triggered before rendering a camera * @type {BABYLON.Observable} */ this.onBeforeCameraRenderObservable = new BABYLON.Observable(); /** * An event triggered after rendering a camera * @type {BABYLON.Observable} */ this.onAfterCameraRenderObservable = new BABYLON.Observable(); /** * An event triggered when a camera is created * @type {BABYLON.Observable} */ this.onNewCameraAddedObservable = new BABYLON.Observable(); /** * An event triggered when a camera is removed * @type {BABYLON.Observable} */ this.onCameraRemovedObservable = new BABYLON.Observable(); /** * An event triggered when a light is created * @type {BABYLON.Observable} */ this.onNewLightAddedObservable = new BABYLON.Observable(); /** * An event triggered when a light is removed * @type {BABYLON.Observable} */ this.onLightRemovedObservable = new BABYLON.Observable(); /** * An event triggered when a geometry is created * @type {BABYLON.Observable} */ this.onNewGeometryAddedObservable = new BABYLON.Observable(); /** * An event triggered when a geometry is removed * @type {BABYLON.Observable} */ this.onGeometryRemovedObservable = new BABYLON.Observable(); /** * An event triggered when a mesh is created * @type {BABYLON.Observable} */ this.onNewMeshAddedObservable = new BABYLON.Observable(); /** * An event triggered when a mesh is removed * @type {BABYLON.Observable} */ this.onMeshRemovedObservable = new BABYLON.Observable(); /** * This Observable will be triggered for each stage of each renderingGroup of each rendered camera. * The RenderinGroupInfo class contains all the information about the context in which the observable is called * If you wish to register an Observer only for a given set of renderingGroup, use the mask with a combination of the renderingGroup index elevated to the power of two (1 for renderingGroup 0, 2 for renderingrOup1, 4 for 2 and 8 for 3) */ this.onRenderingGroupObservable = new BABYLON.Observable(); // Animations this.animations = []; /** * This observable event is triggered when any mouse event registered during Scene.attach() is called BEFORE the 3D engine to process anything (mesh/sprite picking for instance). * You have the possibility to skip the 3D Engine process and the call to onPointerObservable by setting PointerInfoBase.skipOnPointerObservable to true */ this.onPrePointerObservable = new BABYLON.Observable(); /** * Observable event triggered each time an input event is received from the rendering canvas */ this.onPointerObservable = new BABYLON.Observable(); this.cameraToUseForPointers = null; // Define this parameter if you are using multiple cameras and you want to specify which one should be used for pointer position this._startingPointerPosition = new BABYLON.Vector2(0, 0); this._startingPointerTime = 0; // Fog /** * is fog enabled on this scene. * @type {boolean} */ this.fogEnabled = true; this.fogMode = Scene.FOGMODE_NONE; this.fogColor = new BABYLON.Color3(0.2, 0.2, 0.3); this.fogDensity = 0.1; this.fogStart = 0; this.fogEnd = 1000.0; // Lights /** * is shadow enabled on this scene. * @type {boolean} */ this.shadowsEnabled = true; /** * is light enabled on this scene. * @type {boolean} */ this.lightsEnabled = true; /** * All of the lights added to this scene. * @see BABYLON.Light * @type {BABYLON.Light[]} */ this.lights = new Array(); // Cameras /** * All of the cameras added to this scene. * @see BABYLON.Camera * @type {BABYLON.Camera[]} */ this.cameras = new Array(); this.activeCameras = new Array(); // Meshes /** * All of the (abstract) meshes added to this scene. * @see BABYLON.AbstractMesh * @type {BABYLON.AbstractMesh[]} */ this.meshes = new Array(); // Geometries this._geometries = new Array(); this.materials = new Array(); this.multiMaterials = new Array(); // Textures this.texturesEnabled = true; this.textures = new Array(); // Particles this.particlesEnabled = true; this.particleSystems = new Array(); // Sprites this.spritesEnabled = true; this.spriteManagers = new Array(); // Layers this.layers = new Array(); this.highlightLayers = new Array(); // Skeletons this.skeletonsEnabled = true; this.skeletons = new Array(); // Lens flares this.lensFlaresEnabled = true; this.lensFlareSystems = new Array(); // Collisions this.collisionsEnabled = true; this.gravity = new BABYLON.Vector3(0, -9.807, 0); // Postprocesses this.postProcessesEnabled = true; // Customs render targets this.renderTargetsEnabled = true; this.dumpNextRenderTargets = false; this.customRenderTargets = new Array(); // Imported meshes this.importedMeshesFiles = new Array(); // Probes this.probesEnabled = true; this.reflectionProbes = new Array(); this._actionManagers = new Array(); this._meshesForIntersections = new BABYLON.SmartArray(256); // Procedural textures this.proceduralTexturesEnabled = true; this._proceduralTextures = new Array(); this.soundTracks = new Array(); this._audioEnabled = true; this._headphone = false; // Performance counters this._totalMeshesCounter = new BABYLON.PerfCounter(); this._totalLightsCounter = new BABYLON.PerfCounter(); this._totalMaterialsCounter = new BABYLON.PerfCounter(); this._totalTexturesCounter = new BABYLON.PerfCounter(); this._totalVertices = new BABYLON.PerfCounter(); this._activeIndices = new BABYLON.PerfCounter(); this._activeParticles = new BABYLON.PerfCounter(); this._lastFrameDuration = new BABYLON.PerfCounter(); this._evaluateActiveMeshesDuration = new BABYLON.PerfCounter(); this._renderTargetsDuration = new BABYLON.PerfCounter(); this._particlesDuration = new BABYLON.PerfCounter(); this._renderDuration = new BABYLON.PerfCounter(); this._spritesDuration = new BABYLON.PerfCounter(); this._activeBones = new BABYLON.PerfCounter(); this._renderId = 0; this._executeWhenReadyTimeoutId = -1; this._intermediateRendering = false; this._toBeDisposed = new BABYLON.SmartArray(256); this._pendingData = []; //ANY this._activeMeshes = new BABYLON.SmartArray(256); this._processedMaterials = new BABYLON.SmartArray(256); this._renderTargets = new BABYLON.SmartArray(256); this._activeParticleSystems = new BABYLON.SmartArray(256); this._activeSkeletons = new BABYLON.SmartArray(32); this._softwareSkinnedMeshes = new BABYLON.SmartArray(32); this._activeAnimatables = new Array(); this._transformMatrix = BABYLON.Matrix.Zero(); this._edgesRenderers = new BABYLON.SmartArray(16); this._uniqueIdCounter = 0; this._engine = engine; engine.scenes.push(this); this._externalData = new BABYLON.StringDictionary(); this._uid = null; this._renderingManager = new BABYLON.RenderingManager(this); this.postProcessManager = new BABYLON.PostProcessManager(this); this.postProcessRenderPipelineManager = new BABYLON.PostProcessRenderPipelineManager(); this._boundingBoxRenderer = new BABYLON.BoundingBoxRenderer(this); if (BABYLON.OutlineRenderer) { this._outlineRenderer = new BABYLON.OutlineRenderer(this); } this.attachControl(); if (BABYLON.SoundTrack) { this.mainSoundTrack = new BABYLON.SoundTrack(this, { mainTrack: true }); } //simplification queue if (BABYLON.SimplificationQueue) { this.simplificationQueue = new BABYLON.SimplificationQueue(); } //collision coordinator initialization. For now legacy per default. this.workerCollisions = false; //(!!Worker && (!!BABYLON.CollisionWorker || BABYLON.WorkerIncluded)); } Object.defineProperty(Scene, "FOGMODE_NONE", { get: function () { return Scene._FOGMODE_NONE; }, enumerable: true, configurable: true }); Object.defineProperty(Scene, "FOGMODE_EXP", { get: function () { return Scene._FOGMODE_EXP; }, enumerable: true, configurable: true }); Object.defineProperty(Scene, "FOGMODE_EXP2", { get: function () { return Scene._FOGMODE_EXP2; }, enumerable: true, configurable: true }); Object.defineProperty(Scene, "FOGMODE_LINEAR", { get: function () { return Scene._FOGMODE_LINEAR; }, enumerable: true, configurable: true }); Object.defineProperty(Scene.prototype, "onDispose", { set: function (callback) { if (this._onDisposeObserver) { this.onDisposeObservable.remove(this._onDisposeObserver); } this._onDisposeObserver = this.onDisposeObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(Scene.prototype, "beforeRender", { set: function (callback) { if (this._onBeforeRenderObserver) { this.onBeforeRenderObservable.remove(this._onBeforeRenderObserver); } this._onBeforeRenderObserver = this.onBeforeRenderObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(Scene.prototype, "afterRender", { set: function (callback) { if (this._onAfterRenderObserver) { this.onAfterRenderObservable.remove(this._onAfterRenderObserver); } this._onAfterRenderObserver = this.onAfterRenderObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(Scene.prototype, "beforeCameraRender", { set: function (callback) { if (this._onBeforeCameraRenderObserver) { this.onBeforeCameraRenderObservable.remove(this._onBeforeCameraRenderObserver); } this._onBeforeCameraRenderObserver = this.onBeforeCameraRenderObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(Scene.prototype, "afterCameraRender", { set: function (callback) { if (this._onAfterCameraRenderObserver) { this.onAfterCameraRenderObservable.remove(this._onAfterCameraRenderObserver); } this._onAfterCameraRenderObserver = this.onAfterCameraRenderObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(Scene.prototype, "unTranslatedPointer", { get: function () { return new BABYLON.Vector2(this._unTranslatedPointerX, this._unTranslatedPointerY); }, enumerable: true, configurable: true }); Object.defineProperty(Scene.prototype, "defaultMaterial", { get: function () { if (!this._defaultMaterial) { this._defaultMaterial = new BABYLON.StandardMaterial("default material", this); } return this._defaultMaterial; }, enumerable: true, configurable: true }); Object.defineProperty(Scene.prototype, "debugLayer", { // Properties get: function () { if (!this._debugLayer) { this._debugLayer = new BABYLON.DebugLayer(this); } return this._debugLayer; }, enumerable: true, configurable: true }); Object.defineProperty(Scene.prototype, "workerCollisions", { get: function () { return this._workerCollisions; }, set: function (enabled) { enabled = (enabled && !!Worker); this._workerCollisions = enabled; if (this.collisionCoordinator) { this.collisionCoordinator.destroy(); } this.collisionCoordinator = enabled ? new BABYLON.CollisionCoordinatorWorker() : new BABYLON.CollisionCoordinatorLegacy(); this.collisionCoordinator.init(this); }, enumerable: true, configurable: true }); Object.defineProperty(Scene.prototype, "SelectionOctree", { get: function () { return this._selectionOctree; }, enumerable: true, configurable: true }); Object.defineProperty(Scene.prototype, "meshUnderPointer", { /** * The mesh that is currently under the pointer. * @return {BABYLON.AbstractMesh} mesh under the pointer/mouse cursor or null if none. */ get: function () { return this._pointerOverMesh; }, enumerable: true, configurable: true }); Object.defineProperty(Scene.prototype, "pointerX", { /** * Current on-screen X position of the pointer * @return {number} X position of the pointer */ get: function () { return this._pointerX; }, enumerable: true, configurable: true }); Object.defineProperty(Scene.prototype, "pointerY", { /** * Current on-screen Y position of the pointer * @return {number} Y position of the pointer */ get: function () { return this._pointerY; }, enumerable: true, configurable: true }); Scene.prototype.getCachedMaterial = function () { return this._cachedMaterial; }; Scene.prototype.getBoundingBoxRenderer = function () { return this._boundingBoxRenderer; }; Scene.prototype.getOutlineRenderer = function () { return this._outlineRenderer; }; Scene.prototype.getEngine = function () { return this._engine; }; Scene.prototype.getTotalVertices = function () { return this._totalVertices.current; }; Object.defineProperty(Scene.prototype, "totalVerticesPerfCounter", { get: function () { return this._totalVertices; }, enumerable: true, configurable: true }); Scene.prototype.getActiveIndices = function () { return this._activeIndices.current; }; Object.defineProperty(Scene.prototype, "totalActiveIndicesPerfCounter", { get: function () { return this._activeIndices; }, enumerable: true, configurable: true }); Scene.prototype.getActiveParticles = function () { return this._activeParticles.current; }; Object.defineProperty(Scene.prototype, "activeParticlesPerfCounter", { get: function () { return this._activeParticles; }, enumerable: true, configurable: true }); Scene.prototype.getActiveBones = function () { return this._activeBones.current; }; Object.defineProperty(Scene.prototype, "activeBonesPerfCounter", { get: function () { return this._activeBones; }, enumerable: true, configurable: true }); // Stats Scene.prototype.getLastFrameDuration = function () { return this._lastFrameDuration.current; }; Object.defineProperty(Scene.prototype, "lastFramePerfCounter", { get: function () { return this._lastFrameDuration; }, enumerable: true, configurable: true }); Scene.prototype.getEvaluateActiveMeshesDuration = function () { return this._evaluateActiveMeshesDuration.current; }; Object.defineProperty(Scene.prototype, "evaluateActiveMeshesDurationPerfCounter", { get: function () { return this._evaluateActiveMeshesDuration; }, enumerable: true, configurable: true }); Scene.prototype.getActiveMeshes = function () { return this._activeMeshes; }; Scene.prototype.getRenderTargetsDuration = function () { return this._renderTargetsDuration.current; }; Scene.prototype.getRenderDuration = function () { return this._renderDuration.current; }; Object.defineProperty(Scene.prototype, "renderDurationPerfCounter", { get: function () { return this._renderDuration; }, enumerable: true, configurable: true }); Scene.prototype.getParticlesDuration = function () { return this._particlesDuration.current; }; Object.defineProperty(Scene.prototype, "particlesDurationPerfCounter", { get: function () { return this._particlesDuration; }, enumerable: true, configurable: true }); Scene.prototype.getSpritesDuration = function () { return this._spritesDuration.current; }; Object.defineProperty(Scene.prototype, "spriteDuractionPerfCounter", { get: function () { return this._spritesDuration; }, enumerable: true, configurable: true }); Scene.prototype.getAnimationRatio = function () { return this._animationRatio; }; Scene.prototype.getRenderId = function () { return this._renderId; }; Scene.prototype.incrementRenderId = function () { this._renderId++; }; Scene.prototype._updatePointerPosition = function (evt) { var canvasRect = this._engine.getRenderingCanvasClientRect(); this._pointerX = evt.clientX - canvasRect.left; this._pointerY = evt.clientY - canvasRect.top; this._unTranslatedPointerX = this._pointerX; this._unTranslatedPointerY = this._pointerY; if (this.cameraToUseForPointers) { this._pointerX = this._pointerX - this.cameraToUseForPointers.viewport.x * this._engine.getRenderWidth(); this._pointerY = this._pointerY - this.cameraToUseForPointers.viewport.y * this._engine.getRenderHeight(); } }; // Pointers handling /** * Attach events to the canvas (To handle actionManagers triggers and raise onPointerMove, onPointerDown and onPointerUp * @param attachUp defines if you want to attach events to pointerup * @param attachDown defines if you want to attach events to pointerdown * @param attachMove defines if you want to attach events to pointermove */ Scene.prototype.attachControl = function (attachUp, attachDown, attachMove) { var _this = this; if (attachUp === void 0) { attachUp = true; } if (attachDown === void 0) { attachDown = true; } if (attachMove === void 0) { attachMove = true; } var spritePredicate = function (sprite) { return sprite.isPickable && sprite.actionManager && sprite.actionManager.hasPointerTriggers; }; this._onPointerMove = function (evt) { _this._updatePointerPosition(evt); // PreObservable support if (_this.onPrePointerObservable.hasObservers()) { var type = evt.type === "mousewheel" || evt.type === "DOMMouseScroll" ? PointerEventTypes.POINTERWHEEL : PointerEventTypes.POINTERMOVE; var pi = new PointerInfoPre(type, evt, _this._unTranslatedPointerX, _this._unTranslatedPointerY); _this.onPrePointerObservable.notifyObservers(pi, type); if (pi.skipOnPointerObservable) { return; } } if (!_this.cameraToUseForPointers && !_this.activeCamera) { return; } var canvas = _this._engine.getRenderingCanvas(); if (!_this.pointerMovePredicate) { _this.pointerMovePredicate = function (mesh) { return mesh.isPickable && mesh.isVisible && mesh.isReady() && (_this.constantlyUpdateMeshUnderPointer || mesh.actionManager !== null && mesh.actionManager !== undefined); }; } // Meshes var pickResult = _this.pick(_this._unTranslatedPointerX, _this._unTranslatedPointerY, _this.pointerMovePredicate, false, _this.cameraToUseForPointers); if (pickResult.hit && pickResult.pickedMesh) { _this.setPointerOverSprite(null); _this.setPointerOverMesh(pickResult.pickedMesh); if (_this._pointerOverMesh.actionManager && _this._pointerOverMesh.actionManager.hasPointerTriggers) { if (_this._pointerOverMesh.actionManager.hoverCursor) { canvas.style.cursor = _this._pointerOverMesh.actionManager.hoverCursor; } else { canvas.style.cursor = _this.hoverCursor; } } else { canvas.style.cursor = ""; } } else { _this.setPointerOverMesh(null); // Sprites pickResult = _this.pickSprite(_this._unTranslatedPointerX, _this._unTranslatedPointerY, spritePredicate, false, _this.cameraToUseForPointers); if (pickResult.hit && pickResult.pickedSprite) { _this.setPointerOverSprite(pickResult.pickedSprite); if (_this._pointerOverSprite.actionManager && _this._pointerOverSprite.actionManager.hoverCursor) { canvas.style.cursor = _this._pointerOverSprite.actionManager.hoverCursor; } else { canvas.style.cursor = _this.hoverCursor; } } else { _this.setPointerOverSprite(null); // Restore pointer canvas.style.cursor = ""; } } if (_this.onPointerMove) { _this.onPointerMove(evt, pickResult); } if (_this.onPointerObservable.hasObservers()) { var type = evt.type === "mousewheel" || evt.type === "DOMMouseScroll" ? PointerEventTypes.POINTERWHEEL : PointerEventTypes.POINTERMOVE; var pi = new PointerInfo(type, evt, pickResult); _this.onPointerObservable.notifyObservers(pi, type); } }; this._onPointerDown = function (evt) { _this._updatePointerPosition(evt); // PreObservable support if (_this.onPrePointerObservable.hasObservers()) { var type = PointerEventTypes.POINTERDOWN; var pi = new PointerInfoPre(type, evt, _this._unTranslatedPointerX, _this._unTranslatedPointerY); _this.onPrePointerObservable.notifyObservers(pi, type); if (pi.skipOnPointerObservable) { return; } } if (!_this.cameraToUseForPointers && !_this.activeCamera) { return; } _this._startingPointerPosition.x = _this._pointerX; _this._startingPointerPosition.y = _this._pointerY; _this._startingPointerTime = new Date().getTime(); if (!_this.pointerDownPredicate) { _this.pointerDownPredicate = function (mesh) { return mesh.isPickable && mesh.isVisible && mesh.isReady(); }; } // Meshes _this._pickedDownMesh = null; var pickResult = _this.pick(_this._unTranslatedPointerX, _this._unTranslatedPointerY, _this.pointerDownPredicate, false, _this.cameraToUseForPointers); if (pickResult.hit && pickResult.pickedMesh) { if (pickResult.pickedMesh.actionManager) { _this._pickedDownMesh = pickResult.pickedMesh; if (pickResult.pickedMesh.actionManager.hasPickTriggers) { switch (evt.button) { case 0: pickResult.pickedMesh.actionManager.processTrigger(BABYLON.ActionManager.OnLeftPickTrigger, BABYLON.ActionEvent.CreateNew(pickResult.pickedMesh, evt)); break; case 1: pickResult.pickedMesh.actionManager.processTrigger(BABYLON.ActionManager.OnCenterPickTrigger, BABYLON.ActionEvent.CreateNew(pickResult.pickedMesh, evt)); break; case 2: pickResult.pickedMesh.actionManager.processTrigger(BABYLON.ActionManager.OnRightPickTrigger, BABYLON.ActionEvent.CreateNew(pickResult.pickedMesh, evt)); break; } if (pickResult.pickedMesh.actionManager) { pickResult.pickedMesh.actionManager.processTrigger(BABYLON.ActionManager.OnPickDownTrigger, BABYLON.ActionEvent.CreateNew(pickResult.pickedMesh, evt)); } } if (pickResult.pickedMesh.actionManager && pickResult.pickedMesh.actionManager.hasSpecificTrigger(BABYLON.ActionManager.OnLongPressTrigger)) { var that = _this; window.setTimeout(function () { var pickResult = that.pick(that._unTranslatedPointerX, that._unTranslatedPointerY, function (mesh) { return mesh.isPickable && mesh.isVisible && mesh.isReady() && mesh.actionManager && mesh.actionManager.hasSpecificTrigger(BABYLON.ActionManager.OnLongPressTrigger); }, false, that.cameraToUseForPointers); if (pickResult.hit && pickResult.pickedMesh) { if (pickResult.pickedMesh.actionManager) { if (that._startingPointerTime !== 0 && ((new Date().getTime() - that._startingPointerTime) > BABYLON.ActionManager.LongPressDelay) && (Math.abs(that._startingPointerPosition.x - that._pointerX) < BABYLON.ActionManager.DragMovementThreshold && Math.abs(that._startingPointerPosition.y - that._pointerY) < BABYLON.ActionManager.DragMovementThreshold)) { that._startingPointerTime = 0; pickResult.pickedMesh.actionManager.processTrigger(BABYLON.ActionManager.OnLongPressTrigger, BABYLON.ActionEvent.CreateNew(pickResult.pickedMesh, evt)); } } } }, BABYLON.ActionManager.LongPressDelay); } } } if (_this.onPointerDown) { _this.onPointerDown(evt, pickResult); } if (_this.onPointerObservable.hasObservers()) { var type = PointerEventTypes.POINTERDOWN; var pi = new PointerInfo(type, evt, pickResult); _this.onPointerObservable.notifyObservers(pi, type); } // Sprites _this._pickedDownSprite = null; if (_this.spriteManagers.length > 0) { pickResult = _this.pickSprite(_this._unTranslatedPointerX, _this._unTranslatedPointerY, spritePredicate, false, _this.cameraToUseForPointers); if (pickResult.hit && pickResult.pickedSprite) { if (pickResult.pickedSprite.actionManager) { _this._pickedDownSprite = pickResult.pickedSprite; switch (evt.button) { case 0: pickResult.pickedSprite.actionManager.processTrigger(BABYLON.ActionManager.OnLeftPickTrigger, BABYLON.ActionEvent.CreateNewFromSprite(pickResult.pickedSprite, _this, evt)); break; case 1: pickResult.pickedSprite.actionManager.processTrigger(BABYLON.ActionManager.OnCenterPickTrigger, BABYLON.ActionEvent.CreateNewFromSprite(pickResult.pickedSprite, _this, evt)); break; case 2: pickResult.pickedSprite.actionManager.processTrigger(BABYLON.ActionManager.OnRightPickTrigger, BABYLON.ActionEvent.CreateNewFromSprite(pickResult.pickedSprite, _this, evt)); break; } if (pickResult.pickedSprite.actionManager) { pickResult.pickedSprite.actionManager.processTrigger(BABYLON.ActionManager.OnPickDownTrigger, BABYLON.ActionEvent.CreateNewFromSprite(pickResult.pickedSprite, _this, evt)); } } } } }; this._onPointerUp = function (evt) { _this._updatePointerPosition(evt); // PreObservable support if (_this.onPrePointerObservable.hasObservers()) { var type = PointerEventTypes.POINTERUP; var pi = new PointerInfoPre(type, evt, _this._unTranslatedPointerX, _this._unTranslatedPointerY); _this.onPrePointerObservable.notifyObservers(pi, type); if (pi.skipOnPointerObservable) { return; } } if (!_this.cameraToUseForPointers && !_this.activeCamera) { return; } if (!_this.pointerUpPredicate) { _this.pointerUpPredicate = function (mesh) { return mesh.isPickable && mesh.isVisible && mesh.isReady(); }; } // Meshes var pickResult = _this.pick(_this._unTranslatedPointerX, _this._unTranslatedPointerY, _this.pointerUpPredicate, false, _this.cameraToUseForPointers); if (pickResult.hit && pickResult.pickedMesh) { if (_this._pickedDownMesh != null && pickResult.pickedMesh == _this._pickedDownMesh) { if (_this.onPointerPick) { _this.onPointerPick(evt, pickResult); } if (_this.onPointerObservable.hasObservers()) { var type = PointerEventTypes.POINTERPICK; var pi = new PointerInfo(type, evt, pickResult); _this.onPointerObservable.notifyObservers(pi, type); } } if (pickResult.pickedMesh.actionManager) { pickResult.pickedMesh.actionManager.processTrigger(BABYLON.ActionManager.OnPickUpTrigger, BABYLON.ActionEvent.CreateNew(pickResult.pickedMesh, evt)); if (pickResult.pickedMesh.actionManager) { if (Math.abs(_this._startingPointerPosition.x - _this._pointerX) < BABYLON.ActionManager.DragMovementThreshold && Math.abs(_this._startingPointerPosition.y - _this._pointerY) < BABYLON.ActionManager.DragMovementThreshold) { pickResult.pickedMesh.actionManager.processTrigger(BABYLON.ActionManager.OnPickTrigger, BABYLON.ActionEvent.CreateNew(pickResult.pickedMesh, evt)); } } } } if (_this._pickedDownMesh && _this._pickedDownMesh.actionManager && _this._pickedDownMesh !== pickResult.pickedMesh) { _this._pickedDownMesh.actionManager.processTrigger(BABYLON.ActionManager.OnPickOutTrigger, BABYLON.ActionEvent.CreateNew(_this._pickedDownMesh, evt)); } if (_this.onPointerUp) { _this.onPointerUp(evt, pickResult); } if (_this.onPointerObservable.hasObservers()) { var type = PointerEventTypes.POINTERUP; var pi = new PointerInfo(type, evt, pickResult); _this.onPointerObservable.notifyObservers(pi, type); } _this._startingPointerTime = 0; // Sprites if (_this.spriteManagers.length > 0) { pickResult = _this.pickSprite(_this._unTranslatedPointerX, _this._unTranslatedPointerY, spritePredicate, false, _this.cameraToUseForPointers); if (pickResult.hit && pickResult.pickedSprite) { if (pickResult.pickedSprite.actionManager) { pickResult.pickedSprite.actionManager.processTrigger(BABYLON.ActionManager.OnPickUpTrigger, BABYLON.ActionEvent.CreateNewFromSprite(pickResult.pickedSprite, _this, evt)); if (pickResult.pickedSprite.actionManager) { if (Math.abs(_this._startingPointerPosition.x - _this._pointerX) < BABYLON.ActionManager.DragMovementThreshold && Math.abs(_this._startingPointerPosition.y - _this._pointerY) < BABYLON.ActionManager.DragMovementThreshold) { pickResult.pickedSprite.actionManager.processTrigger(BABYLON.ActionManager.OnPickTrigger, BABYLON.ActionEvent.CreateNewFromSprite(pickResult.pickedSprite, _this, evt)); } } } } if (_this._pickedDownSprite && _this._pickedDownSprite.actionManager && _this._pickedDownSprite !== pickResult.pickedSprite) { _this._pickedDownSprite.actionManager.processTrigger(BABYLON.ActionManager.OnPickOutTrigger, BABYLON.ActionEvent.CreateNewFromSprite(_this._pickedDownSprite, _this, evt)); } } }; this._onKeyDown = function (evt) { if (_this.actionManager) { _this.actionManager.processTrigger(BABYLON.ActionManager.OnKeyDownTrigger, BABYLON.ActionEvent.CreateNewFromScene(_this, evt)); } }; this._onKeyUp = function (evt) { if (_this.actionManager) { _this.actionManager.processTrigger(BABYLON.ActionManager.OnKeyUpTrigger, BABYLON.ActionEvent.CreateNewFromScene(_this, evt)); } }; var eventPrefix = BABYLON.Tools.GetPointerPrefix(); var canvas = this._engine.getRenderingCanvas(); if (attachMove) { canvas.addEventListener(eventPrefix + "move", this._onPointerMove, false); // Wheel canvas.addEventListener('mousewheel', this._onPointerMove, false); canvas.addEventListener('DOMMouseScroll', this._onPointerMove, false); } if (attachDown) { canvas.addEventListener(eventPrefix + "down", this._onPointerDown, false); } if (attachUp) { canvas.addEventListener(eventPrefix + "up", this._onPointerUp, false); } canvas.tabIndex = 1; canvas.addEventListener("keydown", this._onKeyDown, false); canvas.addEventListener("keyup", this._onKeyUp, false); }; Scene.prototype.detachControl = function () { var eventPrefix = BABYLON.Tools.GetPointerPrefix(); var canvas = this._engine.getRenderingCanvas(); canvas.removeEventListener(eventPrefix + "move", this._onPointerMove); canvas.removeEventListener(eventPrefix + "down", this._onPointerDown); canvas.removeEventListener(eventPrefix + "up", this._onPointerUp); // Wheel canvas.removeEventListener('mousewheel', this._onPointerMove); canvas.removeEventListener('DOMMouseScroll', this._onPointerMove); canvas.removeEventListener("keydown", this._onKeyDown); canvas.removeEventListener("keyup", this._onKeyUp); }; // Ready Scene.prototype.isReady = function () { if (this._pendingData.length > 0) { return false; } var index; for (index = 0; index < this._geometries.length; index++) { var geometry = this._geometries[index]; if (geometry.delayLoadState === BABYLON.Engine.DELAYLOADSTATE_LOADING) { return false; } } for (index = 0; index < this.meshes.length; index++) { var mesh = this.meshes[index]; if (!mesh.isReady()) { return false; } var mat = mesh.material; if (mat) { if (!mat.isReady(mesh)) { return false; } } } return true; }; Scene.prototype.resetCachedMaterial = function () { this._cachedMaterial = null; }; Scene.prototype.registerBeforeRender = function (func) { this.onBeforeRenderObservable.add(func); }; Scene.prototype.unregisterBeforeRender = function (func) { this.onBeforeRenderObservable.removeCallback(func); }; Scene.prototype.registerAfterRender = function (func) { this.onAfterRenderObservable.add(func); }; Scene.prototype.unregisterAfterRender = function (func) { this.onAfterRenderObservable.removeCallback(func); }; Scene.prototype._addPendingData = function (data) { this._pendingData.push(data); }; Scene.prototype._removePendingData = function (data) { var index = this._pendingData.indexOf(data); if (index !== -1) { this._pendingData.splice(index, 1); } }; Scene.prototype.getWaitingItemsCount = function () { return this._pendingData.length; }; /** * Registers a function to be executed when the scene is ready. * @param {Function} func - the function to be executed. */ Scene.prototype.executeWhenReady = function (func) { var _this = this; this.onReadyObservable.add(func); if (this._executeWhenReadyTimeoutId !== -1) { return; } this._executeWhenReadyTimeoutId = setTimeout(function () { _this._checkIsReady(); }, 150); }; Scene.prototype._checkIsReady = function () { var _this = this; if (this.isReady()) { this.onReadyObservable.notifyObservers(this); this.onReadyObservable.clear(); this._executeWhenReadyTimeoutId = -1; return; } this._executeWhenReadyTimeoutId = setTimeout(function () { _this._checkIsReady(); }, 150); }; // Animations /** * Will start the animation sequence of a given target * @param target - the target * @param {number} from - from which frame should animation start * @param {number} to - till which frame should animation run. * @param {boolean} [loop] - should the animation loop * @param {number} [speedRatio] - the speed in which to run the animation * @param {Function} [onAnimationEnd] function to be executed when the animation ended. * @param {BABYLON.Animatable} [animatable] an animatable object. If not provided a new one will be created from the given params. * @return {BABYLON.Animatable} the animatable object created for this animation * @see BABYLON.Animatable * @see http://doc.babylonjs.com/page.php?p=22081 */ Scene.prototype.beginAnimation = function (target, from, to, loop, speedRatio, onAnimationEnd, animatable) { if (speedRatio === void 0) { speedRatio = 1.0; } this.stopAnimation(target); if (!animatable) { animatable = new BABYLON.Animatable(this, target, from, to, loop, speedRatio, onAnimationEnd); } // Local animations if (target.animations) { animatable.appendAnimations(target, target.animations); } // Children animations if (target.getAnimatables) { var animatables = target.getAnimatables(); for (var index = 0; index < animatables.length; index++) { this.beginAnimation(animatables[index], from, to, loop, speedRatio, onAnimationEnd, animatable); } } animatable.reset(); return animatable; }; Scene.prototype.beginDirectAnimation = function (target, animations, from, to, loop, speedRatio, onAnimationEnd) { if (speedRatio === undefined) { speedRatio = 1.0; } var animatable = new BABYLON.Animatable(this, target, from, to, loop, speedRatio, onAnimationEnd, animations); return animatable; }; Scene.prototype.getAnimatableByTarget = function (target) { for (var index = 0; index < this._activeAnimatables.length; index++) { if (this._activeAnimatables[index].target === target) { return this._activeAnimatables[index]; } } return null; }; Object.defineProperty(Scene.prototype, "Animatables", { get: function () { return this._activeAnimatables; }, enumerable: true, configurable: true }); /** * Will stop the animation of the given target * @param target - the target * @param animationName - the name of the animation to stop (all animations will be stopped is empty) * @see beginAnimation */ Scene.prototype.stopAnimation = function (target, animationName) { var animatable = this.getAnimatableByTarget(target); if (animatable) { animatable.stop(animationName); } }; Scene.prototype._animate = function () { if (!this.animationsEnabled || this._activeAnimatables.length === 0) { return; } if (!this._animationStartDate) { if (this._pendingData.length > 0) { return; } this._animationStartDate = BABYLON.Tools.Now; } // Getting time var now = BABYLON.Tools.Now; var delay = now - this._animationStartDate; for (var index = 0; index < this._activeAnimatables.length; index++) { this._activeAnimatables[index]._animate(delay); } }; // Matrix Scene.prototype.getViewMatrix = function () { return this._viewMatrix; }; Scene.prototype.getProjectionMatrix = function () { return this._projectionMatrix; }; Scene.prototype.getTransformMatrix = function () { return this._transformMatrix; }; Scene.prototype.setTransformMatrix = function (view, projection) { this._viewMatrix = view; this._projectionMatrix = projection; this._viewMatrix.multiplyToRef(this._projectionMatrix, this._transformMatrix); // Update frustum if (!this._frustumPlanes) { this._frustumPlanes = BABYLON.Frustum.GetPlanes(this._transformMatrix); } else { BABYLON.Frustum.GetPlanesToRef(this._transformMatrix, this._frustumPlanes); } }; // Methods Scene.prototype.addMesh = function (newMesh) { newMesh.uniqueId = this._uniqueIdCounter++; var position = this.meshes.push(newMesh); //notify the collision coordinator this.collisionCoordinator.onMeshAdded(newMesh); this.onNewMeshAddedObservable.notifyObservers(newMesh); }; Scene.prototype.removeMesh = function (toRemove) { var index = this.meshes.indexOf(toRemove); if (index !== -1) { // Remove from the scene if mesh found this.meshes.splice(index, 1); } //notify the collision coordinator this.collisionCoordinator.onMeshRemoved(toRemove); this.onMeshRemovedObservable.notifyObservers(toRemove); return index; }; Scene.prototype.removeSkeleton = function (toRemove) { var index = this.skeletons.indexOf(toRemove); if (index !== -1) { // Remove from the scene if mesh found this.skeletons.splice(index, 1); } return index; }; Scene.prototype.removeLight = function (toRemove) { var index = this.lights.indexOf(toRemove); if (index !== -1) { // Remove from the scene if mesh found this.lights.splice(index, 1); } this.onLightRemovedObservable.notifyObservers(toRemove); return index; }; Scene.prototype.removeCamera = function (toRemove) { var index = this.cameras.indexOf(toRemove); if (index !== -1) { // Remove from the scene if mesh found this.cameras.splice(index, 1); } // Remove from activeCameras var index2 = this.activeCameras.indexOf(toRemove); if (index2 !== -1) { // Remove from the scene if mesh found this.activeCameras.splice(index2, 1); } // Reset the activeCamera if (this.activeCamera === toRemove) { if (this.cameras.length > 0) { this.activeCamera = this.cameras[0]; } else { this.activeCamera = null; } } this.onCameraRemovedObservable.notifyObservers(toRemove); return index; }; Scene.prototype.addLight = function (newLight) { newLight.uniqueId = this._uniqueIdCounter++; var position = this.lights.push(newLight); this.onNewLightAddedObservable.notifyObservers(newLight); }; Scene.prototype.addCamera = function (newCamera) { newCamera.uniqueId = this._uniqueIdCounter++; var position = this.cameras.push(newCamera); this.onNewCameraAddedObservable.notifyObservers(newCamera); }; /** * Switch active camera * @param {Camera} newCamera - new active camera * @param {boolean} attachControl - call attachControl for the new active camera (default: true) */ Scene.prototype.switchActiveCamera = function (newCamera, attachControl) { if (attachControl === void 0) { attachControl = true; } var canvas = this._engine.getRenderingCanvas(); this.activeCamera.detachControl(canvas); this.activeCamera = newCamera; if (attachControl) { newCamera.attachControl(canvas); } }; /** * sets the active camera of the scene using its ID * @param {string} id - the camera's ID * @return {BABYLON.Camera|null} the new active camera or null if none found. * @see activeCamera */ Scene.prototype.setActiveCameraByID = function (id) { var camera = this.getCameraByID(id); if (camera) { this.activeCamera = camera; return camera; } return null; }; /** * sets the active camera of the scene using its name * @param {string} name - the camera's name * @return {BABYLON.Camera|null} the new active camera or null if none found. * @see activeCamera */ Scene.prototype.setActiveCameraByName = function (name) { var camera = this.getCameraByName(name); if (camera) { this.activeCamera = camera; return camera; } return null; }; /** * get a material using its id * @param {string} the material's ID * @return {BABYLON.Material|null} the material or null if none found. */ Scene.prototype.getMaterialByID = function (id) { for (var index = 0; index < this.materials.length; index++) { if (this.materials[index].id === id) { return this.materials[index]; } } return null; }; /** * get a material using its name * @param {string} the material's name * @return {BABYLON.Material|null} the material or null if none found. */ Scene.prototype.getMaterialByName = function (name) { for (var index = 0; index < this.materials.length; index++) { if (this.materials[index].name === name) { return this.materials[index]; } } return null; }; Scene.prototype.getLensFlareSystemByName = function (name) { for (var index = 0; index < this.lensFlareSystems.length; index++) { if (this.lensFlareSystems[index].name === name) { return this.lensFlareSystems[index]; } } return null; }; Scene.prototype.getLensFlareSystemByID = function (id) { for (var index = 0; index < this.lensFlareSystems.length; index++) { if (this.lensFlareSystems[index].id === id) { return this.lensFlareSystems[index]; } } return null; }; Scene.prototype.getCameraByID = function (id) { for (var index = 0; index < this.cameras.length; index++) { if (this.cameras[index].id === id) { return this.cameras[index]; } } return null; }; Scene.prototype.getCameraByUniqueID = function (uniqueId) { for (var index = 0; index < this.cameras.length; index++) { if (this.cameras[index].uniqueId === uniqueId) { return this.cameras[index]; } } return null; }; /** * get a camera using its name * @param {string} the camera's name * @return {BABYLON.Camera|null} the camera or null if none found. */ Scene.prototype.getCameraByName = function (name) { for (var index = 0; index < this.cameras.length; index++) { if (this.cameras[index].name === name) { return this.cameras[index]; } } return null; }; /** * get a bone using its id * @param {string} the bone's id * @return {BABYLON.Bone|null} the bone or null if not found */ Scene.prototype.getBoneByID = function (id) { for (var skeletonIndex = 0; skeletonIndex < this.skeletons.length; skeletonIndex++) { var skeleton = this.skeletons[skeletonIndex]; for (var boneIndex = 0; boneIndex < skeleton.bones.length; boneIndex++) { if (skeleton.bones[boneIndex].id === id) { return skeleton.bones[boneIndex]; } } } return null; }; /** * get a bone using its id * @param {string} the bone's name * @return {BABYLON.Bone|null} the bone or null if not found */ Scene.prototype.getBoneByName = function (name) { for (var skeletonIndex = 0; skeletonIndex < this.skeletons.length; skeletonIndex++) { var skeleton = this.skeletons[skeletonIndex]; for (var boneIndex = 0; boneIndex < skeleton.bones.length; boneIndex++) { if (skeleton.bones[boneIndex].name === name) { return skeleton.bones[boneIndex]; } } } return null; }; /** * get a light node using its name * @param {string} the light's name * @return {BABYLON.Light|null} the light or null if none found. */ Scene.prototype.getLightByName = function (name) { for (var index = 0; index < this.lights.length; index++) { if (this.lights[index].name === name) { return this.lights[index]; } } return null; }; /** * get a light node using its ID * @param {string} the light's id * @return {BABYLON.Light|null} the light or null if none found. */ Scene.prototype.getLightByID = function (id) { for (var index = 0; index < this.lights.length; index++) { if (this.lights[index].id === id) { return this.lights[index]; } } return null; }; /** * get a light node using its scene-generated unique ID * @param {number} the light's unique id * @return {BABYLON.Light|null} the light or null if none found. */ Scene.prototype.getLightByUniqueID = function (uniqueId) { for (var index = 0; index < this.lights.length; index++) { if (this.lights[index].uniqueId === uniqueId) { return this.lights[index]; } } return null; }; /** * get a particle system by id * @param id {number} the particle system id * @return {BABYLON.ParticleSystem|null} the corresponding system or null if none found. */ Scene.prototype.getParticleSystemByID = function (id) { for (var index = 0; index < this.particleSystems.length; index++) { if (this.particleSystems[index].id === id) { return this.particleSystems[index]; } } return null; }; /** * get a geometry using its ID * @param {string} the geometry's id * @return {BABYLON.Geometry|null} the geometry or null if none found. */ Scene.prototype.getGeometryByID = function (id) { for (var index = 0; index < this._geometries.length; index++) { if (this._geometries[index].id === id) { return this._geometries[index]; } } return null; }; /** * add a new geometry to this scene. * @param {BABYLON.Geometry} geometry - the geometry to be added to the scene. * @param {boolean} [force] - force addition, even if a geometry with this ID already exists * @return {boolean} was the geometry added or not */ Scene.prototype.pushGeometry = function (geometry, force) { if (!force && this.getGeometryByID(geometry.id)) { return false; } this._geometries.push(geometry); //notify the collision coordinator this.collisionCoordinator.onGeometryAdded(geometry); this.onNewGeometryAddedObservable.notifyObservers(geometry); return true; }; /** * Removes an existing geometry * @param {BABYLON.Geometry} geometry - the geometry to be removed from the scene. * @return {boolean} was the geometry removed or not */ Scene.prototype.removeGeometry = function (geometry) { var index = this._geometries.indexOf(geometry); if (index > -1) { this._geometries.splice(index, 1); //notify the collision coordinator this.collisionCoordinator.onGeometryDeleted(geometry); this.onGeometryRemovedObservable.notifyObservers(geometry); return true; } return false; }; Scene.prototype.getGeometries = function () { return this._geometries; }; /** * Get the first added mesh found of a given ID * @param {string} id - the id to search for * @return {BABYLON.AbstractMesh|null} the mesh found or null if not found at all. */ Scene.prototype.getMeshByID = function (id) { for (var index = 0; index < this.meshes.length; index++) { if (this.meshes[index].id === id) { return this.meshes[index]; } } return null; }; Scene.prototype.getMeshesByID = function (id) { return this.meshes.filter(function (m) { return m.id === id; }); }; /** * Get a mesh with its auto-generated unique id * @param {number} uniqueId - the unique id to search for * @return {BABYLON.AbstractMesh|null} the mesh found or null if not found at all. */ Scene.prototype.getMeshByUniqueID = function (uniqueId) { for (var index = 0; index < this.meshes.length; index++) { if (this.meshes[index].uniqueId === uniqueId) { return this.meshes[index]; } } return null; }; /** * Get a the last added mesh found of a given ID * @param {string} id - the id to search for * @return {BABYLON.AbstractMesh|null} the mesh found or null if not found at all. */ Scene.prototype.getLastMeshByID = function (id) { for (var index = this.meshes.length - 1; index >= 0; index--) { if (this.meshes[index].id === id) { return this.meshes[index]; } } return null; }; /** * Get a the last added node (Mesh, Camera, Light) found of a given ID * @param {string} id - the id to search for * @return {BABYLON.Node|null} the node found or null if not found at all. */ Scene.prototype.getLastEntryByID = function (id) { var index; for (index = this.meshes.length - 1; index >= 0; index--) { if (this.meshes[index].id === id) { return this.meshes[index]; } } for (index = this.cameras.length - 1; index >= 0; index--) { if (this.cameras[index].id === id) { return this.cameras[index]; } } for (index = this.lights.length - 1; index >= 0; index--) { if (this.lights[index].id === id) { return this.lights[index]; } } return null; }; Scene.prototype.getNodeByID = function (id) { var mesh = this.getMeshByID(id); if (mesh) { return mesh; } var light = this.getLightByID(id); if (light) { return light; } var camera = this.getCameraByID(id); if (camera) { return camera; } var bone = this.getBoneByID(id); return bone; }; Scene.prototype.getNodeByName = function (name) { var mesh = this.getMeshByName(name); if (mesh) { return mesh; } var light = this.getLightByName(name); if (light) { return light; } var camera = this.getCameraByName(name); if (camera) { return camera; } var bone = this.getBoneByName(name); return bone; }; Scene.prototype.getMeshByName = function (name) { for (var index = 0; index < this.meshes.length; index++) { if (this.meshes[index].name === name) { return this.meshes[index]; } } return null; }; Scene.prototype.getSoundByName = function (name) { var index; if (BABYLON.AudioEngine) { for (index = 0; index < this.mainSoundTrack.soundCollection.length; index++) { if (this.mainSoundTrack.soundCollection[index].name === name) { return this.mainSoundTrack.soundCollection[index]; } } for (var sdIndex = 0; sdIndex < this.soundTracks.length; sdIndex++) { for (index = 0; index < this.soundTracks[sdIndex].soundCollection.length; index++) { if (this.soundTracks[sdIndex].soundCollection[index].name === name) { return this.soundTracks[sdIndex].soundCollection[index]; } } } } return null; }; Scene.prototype.getLastSkeletonByID = function (id) { for (var index = this.skeletons.length - 1; index >= 0; index--) { if (this.skeletons[index].id === id) { return this.skeletons[index]; } } return null; }; Scene.prototype.getSkeletonById = function (id) { for (var index = 0; index < this.skeletons.length; index++) { if (this.skeletons[index].id === id) { return this.skeletons[index]; } } return null; }; Scene.prototype.getSkeletonByName = function (name) { for (var index = 0; index < this.skeletons.length; index++) { if (this.skeletons[index].name === name) { return this.skeletons[index]; } } return null; }; Scene.prototype.isActiveMesh = function (mesh) { return (this._activeMeshes.indexOf(mesh) !== -1); }; Object.defineProperty(Scene.prototype, "uid", { /** * Return a unique id as a string which can serve as an identifier for the scene */ get: function () { if (!this._uid) { this._uid = BABYLON.Tools.RandomId(); } return this._uid; }, enumerable: true, configurable: true }); /** * Add an externaly attached data from its key. * This method call will fail and return false, if such key already exists. * If you don't care and just want to get the data no matter what, use the more convenient getOrAddExternalDataWithFactory() method. * @param key the unique key that identifies the data * @param data the data object to associate to the key for this Engine instance * @return true if no such key were already present and the data was added successfully, false otherwise */ Scene.prototype.addExternalData = function (key, data) { return this._externalData.add(key, data); }; /** * Get an externaly attached data from its key * @param key the unique key that identifies the data * @return the associated data, if present (can be null), or undefined if not present */ Scene.prototype.getExternalData = function (key) { return this._externalData.get(key); }; /** * Get an externaly attached data from its key, create it using a factory if it's not already present * @param key the unique key that identifies the data * @param factory the factory that will be called to create the instance if and only if it doesn't exists * @return the associated data, can be null if the factory returned null. */ Scene.prototype.getOrAddExternalDataWithFactory = function (key, factory) { return this._externalData.getOrAddWithFactory(key, factory); }; /** * Remove an externaly attached data from the Engine instance * @param key the unique key that identifies the data * @return true if the data was successfully removed, false if it doesn't exist */ Scene.prototype.removeExternalData = function (key) { return this._externalData.remove(key); }; Scene.prototype._evaluateSubMesh = function (subMesh, mesh) { if (mesh.alwaysSelectAsActiveMesh || mesh.subMeshes.length === 1 || subMesh.isInFrustum(this._frustumPlanes)) { var material = subMesh.getMaterial(); if (mesh.showSubMeshesBoundingBox) { this._boundingBoxRenderer.renderList.push(subMesh.getBoundingInfo().boundingBox); } if (material) { // Render targets if (material.getRenderTargetTextures) { if (this._processedMaterials.indexOf(material) === -1) { this._processedMaterials.push(material); this._renderTargets.concatWithNoDuplicate(material.getRenderTargetTextures()); } } // Dispatch this._activeIndices.addCount(subMesh.indexCount, false); this._renderingManager.dispatch(subMesh); } } }; Scene.prototype._isInIntermediateRendering = function () { return this._intermediateRendering; }; Scene.prototype._evaluateActiveMeshes = function () { this.activeCamera._activeMeshes.reset(); this._activeMeshes.reset(); this._renderingManager.reset(); this._processedMaterials.reset(); this._activeParticleSystems.reset(); this._activeSkeletons.reset(); this._softwareSkinnedMeshes.reset(); this._boundingBoxRenderer.reset(); this._edgesRenderers.reset(); // Meshes var meshes; var len; if (this._selectionOctree) { var selection = this._selectionOctree.select(this._frustumPlanes); meshes = selection.data; len = selection.length; } else { len = this.meshes.length; meshes = this.meshes; } for (var meshIndex = 0; meshIndex < len; meshIndex++) { var mesh = meshes[meshIndex]; if (mesh.isBlocked) { continue; } this._totalVertices.addCount(mesh.getTotalVertices(), false); if (!mesh.isReady() || !mesh.isEnabled()) { continue; } mesh.computeWorldMatrix(); // Intersections if (mesh.actionManager && mesh.actionManager.hasSpecificTriggers([BABYLON.ActionManager.OnIntersectionEnterTrigger, BABYLON.ActionManager.OnIntersectionExitTrigger])) { this._meshesForIntersections.pushNoDuplicate(mesh); } // Switch to current LOD var meshLOD = mesh.getLOD(this.activeCamera); if (!meshLOD) { continue; } mesh._preActivate(); if (mesh.alwaysSelectAsActiveMesh || mesh.isVisible && mesh.visibility > 0 && ((mesh.layerMask & this.activeCamera.layerMask) !== 0) && mesh.isInFrustum(this._frustumPlanes)) { this._activeMeshes.push(mesh); this.activeCamera._activeMeshes.push(mesh); mesh._activate(this._renderId); this._activeMesh(mesh, meshLOD); } } // Particle systems this._particlesDuration.beginMonitoring(); var beforeParticlesDate = BABYLON.Tools.Now; if (this.particlesEnabled) { BABYLON.Tools.StartPerformanceCounter("Particles", this.particleSystems.length > 0); for (var particleIndex = 0; particleIndex < this.particleSystems.length; particleIndex++) { var particleSystem = this.particleSystems[particleIndex]; if (!particleSystem.isStarted()) { continue; } if (!particleSystem.emitter.position || (particleSystem.emitter && particleSystem.emitter.isEnabled())) { this._activeParticleSystems.push(particleSystem); particleSystem.animate(); } } BABYLON.Tools.EndPerformanceCounter("Particles", this.particleSystems.length > 0); } this._particlesDuration.endMonitoring(false); }; Scene.prototype._activeMesh = function (sourceMesh, mesh) { if (mesh.skeleton && this.skeletonsEnabled) { if (this._activeSkeletons.pushNoDuplicate(mesh.skeleton)) { mesh.skeleton.prepare(); } if (!mesh.computeBonesUsingShaders) { this._softwareSkinnedMeshes.pushNoDuplicate(mesh); } } if (sourceMesh.showBoundingBox || this.forceShowBoundingBoxes) { this._boundingBoxRenderer.renderList.push(sourceMesh.getBoundingInfo().boundingBox); } if (sourceMesh._edgesRenderer) { this._edgesRenderers.push(sourceMesh._edgesRenderer); } if (mesh && mesh.subMeshes) { // Submeshes Octrees var len; var subMeshes; if (mesh._submeshesOctree && mesh.useOctreeForRenderingSelection) { var intersections = mesh._submeshesOctree.select(this._frustumPlanes); len = intersections.length; subMeshes = intersections.data; } else { subMeshes = mesh.subMeshes; len = subMeshes.length; } for (var subIndex = 0; subIndex < len; subIndex++) { var subMesh = subMeshes[subIndex]; this._evaluateSubMesh(subMesh, mesh); } } }; Scene.prototype.updateTransformMatrix = function (force) { this.setTransformMatrix(this.activeCamera.getViewMatrix(), this.activeCamera.getProjectionMatrix(force)); }; Scene.prototype._renderForCamera = function (camera) { var engine = this._engine; var startTime = BABYLON.Tools.Now; this.activeCamera = camera; if (!this.activeCamera) throw new Error("Active camera not set"); BABYLON.Tools.StartPerformanceCounter("Rendering camera " + this.activeCamera.name); // Viewport engine.setViewport(this.activeCamera.viewport); // Camera this.resetCachedMaterial(); this._renderId++; this.updateTransformMatrix(); this.onBeforeCameraRenderObservable.notifyObservers(this.activeCamera); // Meshes this._evaluateActiveMeshesDuration.beginMonitoring(); BABYLON.Tools.StartPerformanceCounter("Active meshes evaluation"); this._evaluateActiveMeshes(); this._evaluateActiveMeshesDuration.endMonitoring(false); BABYLON.Tools.EndPerformanceCounter("Active meshes evaluation"); // Software skinning for (var softwareSkinnedMeshIndex = 0; softwareSkinnedMeshIndex < this._softwareSkinnedMeshes.length; softwareSkinnedMeshIndex++) { var mesh = this._softwareSkinnedMeshes.data[softwareSkinnedMeshIndex]; mesh.applySkeleton(mesh.skeleton); } // Render targets this._renderTargetsDuration.beginMonitoring(); var needsRestoreFrameBuffer = false; var beforeRenderTargetDate = BABYLON.Tools.Now; if (this.renderTargetsEnabled && this._renderTargets.length > 0) { this._intermediateRendering = true; BABYLON.Tools.StartPerformanceCounter("Render targets", this._renderTargets.length > 0); for (var renderIndex = 0; renderIndex < this._renderTargets.length; renderIndex++) { var renderTarget = this._renderTargets.data[renderIndex]; if (renderTarget._shouldRender()) { this._renderId++; var hasSpecialRenderTargetCamera = renderTarget.activeCamera && renderTarget.activeCamera !== this.activeCamera; renderTarget.render(hasSpecialRenderTargetCamera, this.dumpNextRenderTargets); } } BABYLON.Tools.EndPerformanceCounter("Render targets", this._renderTargets.length > 0); this._intermediateRendering = false; this._renderId++; needsRestoreFrameBuffer = true; // Restore back buffer } // Render HighlightLayer Texture var stencilState = this._engine.getStencilBuffer(); var renderhighlights = false; if (this.renderTargetsEnabled && this.highlightLayers && this.highlightLayers.length > 0) { this._intermediateRendering = true; for (var i = 0; i < this.highlightLayers.length; i++) { var highlightLayer = this.highlightLayers[i]; if (highlightLayer.shouldRender() && (!highlightLayer.camera || (highlightLayer.camera.cameraRigMode === BABYLON.Camera.RIG_MODE_NONE && camera === highlightLayer.camera) || (highlightLayer.camera.cameraRigMode !== BABYLON.Camera.RIG_MODE_NONE && highlightLayer.camera._rigCameras.indexOf(camera) > -1))) { renderhighlights = true; var renderTarget = highlightLayer._mainTexture; if (renderTarget._shouldRender()) { this._renderId++; renderTarget.render(false, false); needsRestoreFrameBuffer = true; } } } this._intermediateRendering = false; this._renderId++; } if (needsRestoreFrameBuffer) { engine.restoreDefaultFramebuffer(); } this._renderTargetsDuration.endMonitoring(false); // Prepare Frame this.postProcessManager._prepareFrame(); this._renderDuration.beginMonitoring(); // Backgrounds var layerIndex; var layer; if (this.layers.length) { engine.setDepthBuffer(false); for (layerIndex = 0; layerIndex < this.layers.length; layerIndex++) { layer = this.layers[layerIndex]; if (layer.isBackground) { layer.render(); } } engine.setDepthBuffer(true); } // Render BABYLON.Tools.StartPerformanceCounter("Main render"); // Activate HighlightLayer stencil if (renderhighlights) { this._engine.setStencilBuffer(true); } this._renderingManager.render(null, null, true, true); // Restore HighlightLayer stencil if (renderhighlights) { this._engine.setStencilBuffer(stencilState); } BABYLON.Tools.EndPerformanceCounter("Main render"); // Bounding boxes this._boundingBoxRenderer.render(); // Edges for (var edgesRendererIndex = 0; edgesRendererIndex < this._edgesRenderers.length; edgesRendererIndex++) { this._edgesRenderers.data[edgesRendererIndex].render(); } // Lens flares if (this.lensFlaresEnabled) { BABYLON.Tools.StartPerformanceCounter("Lens flares", this.lensFlareSystems.length > 0); for (var lensFlareSystemIndex = 0; lensFlareSystemIndex < this.lensFlareSystems.length; lensFlareSystemIndex++) { var lensFlareSystem = this.lensFlareSystems[lensFlareSystemIndex]; if ((camera.layerMask & lensFlareSystem.layerMask) !== 0) { lensFlareSystem.render(); } } BABYLON.Tools.EndPerformanceCounter("Lens flares", this.lensFlareSystems.length > 0); } // Foregrounds if (this.layers.length) { engine.setDepthBuffer(false); for (layerIndex = 0; layerIndex < this.layers.length; layerIndex++) { layer = this.layers[layerIndex]; if (!layer.isBackground) { layer.render(); } } engine.setDepthBuffer(true); } // Highlight Layer if (renderhighlights) { engine.setDepthBuffer(false); for (var i = 0; i < this.highlightLayers.length; i++) { if (this.highlightLayers[i].shouldRender()) { this.highlightLayers[i].render(); } } engine.setDepthBuffer(true); } this._renderDuration.endMonitoring(false); // Finalize frame this.postProcessManager._finalizeFrame(camera.isIntermediate); // Update camera this.activeCamera._updateFromScene(); // Reset some special arrays this._renderTargets.reset(); this.onAfterCameraRenderObservable.notifyObservers(this.activeCamera); BABYLON.Tools.EndPerformanceCounter("Rendering camera " + this.activeCamera.name); }; Scene.prototype._processSubCameras = function (camera) { if (camera.cameraRigMode === BABYLON.Camera.RIG_MODE_NONE) { this._renderForCamera(camera); return; } // rig cameras for (var index = 0; index < camera._rigCameras.length; index++) { this._renderForCamera(camera._rigCameras[index]); } this.activeCamera = camera; this.setTransformMatrix(this.activeCamera.getViewMatrix(), this.activeCamera.getProjectionMatrix()); // Update camera this.activeCamera._updateFromScene(); }; Scene.prototype._checkIntersections = function () { for (var index = 0; index < this._meshesForIntersections.length; index++) { var sourceMesh = this._meshesForIntersections.data[index]; for (var actionIndex = 0; actionIndex < sourceMesh.actionManager.actions.length; actionIndex++) { var action = sourceMesh.actionManager.actions[actionIndex]; if (action.trigger === BABYLON.ActionManager.OnIntersectionEnterTrigger || action.trigger === BABYLON.ActionManager.OnIntersectionExitTrigger) { var parameters = action.getTriggerParameter(); var otherMesh = parameters instanceof BABYLON.AbstractMesh ? parameters : parameters.mesh; var areIntersecting = otherMesh.intersectsMesh(sourceMesh, parameters.usePreciseIntersection); var currentIntersectionInProgress = sourceMesh._intersectionsInProgress.indexOf(otherMesh); if (areIntersecting && currentIntersectionInProgress === -1) { if (action.trigger === BABYLON.ActionManager.OnIntersectionEnterTrigger) { action._executeCurrent(BABYLON.ActionEvent.CreateNew(sourceMesh, null, otherMesh)); sourceMesh._intersectionsInProgress.push(otherMesh); } else if (action.trigger === BABYLON.ActionManager.OnIntersectionExitTrigger) { sourceMesh._intersectionsInProgress.push(otherMesh); } } else if (!areIntersecting && currentIntersectionInProgress > -1) { //They intersected, and now they don't. //is this trigger an exit trigger? execute an event. if (action.trigger === BABYLON.ActionManager.OnIntersectionExitTrigger) { action._executeCurrent(BABYLON.ActionEvent.CreateNew(sourceMesh, null, otherMesh)); } //if this is an exit trigger, or no exit trigger exists, remove the id from the intersection in progress array. if (!sourceMesh.actionManager.hasSpecificTrigger(BABYLON.ActionManager.OnIntersectionExitTrigger) || action.trigger === BABYLON.ActionManager.OnIntersectionExitTrigger) { sourceMesh._intersectionsInProgress.splice(currentIntersectionInProgress, 1); } } } } } }; Scene.prototype.render = function () { this._lastFrameDuration.beginMonitoring(); this._particlesDuration.fetchNewFrame(); this._spritesDuration.fetchNewFrame(); this._activeParticles.fetchNewFrame(); this._renderDuration.fetchNewFrame(); this._renderTargetsDuration.fetchNewFrame(); this._evaluateActiveMeshesDuration.fetchNewFrame(); this._totalVertices.fetchNewFrame(); this._activeIndices.fetchNewFrame(); this._activeBones.fetchNewFrame(); this.getEngine().drawCallsPerfCounter.fetchNewFrame(); this._meshesForIntersections.reset(); this.resetCachedMaterial(); BABYLON.Tools.StartPerformanceCounter("Scene rendering"); // Actions if (this.actionManager) { this.actionManager.processTrigger(BABYLON.ActionManager.OnEveryFrameTrigger, null); } //Simplification Queue if (this.simplificationQueue && !this.simplificationQueue.running) { this.simplificationQueue.executeNext(); } // Animations var deltaTime = Math.max(Scene.MinDeltaTime, Math.min(this._engine.getDeltaTime(), Scene.MaxDeltaTime)); this._animationRatio = deltaTime * (60.0 / 1000.0); this._animate(); // Physics if (this._physicsEngine) { BABYLON.Tools.StartPerformanceCounter("Physics"); this._physicsEngine._step(deltaTime / 1000.0); BABYLON.Tools.EndPerformanceCounter("Physics"); } // Before render this.onBeforeRenderObservable.notifyObservers(this); // Customs render targets this._renderTargetsDuration.beginMonitoring(); var beforeRenderTargetDate = BABYLON.Tools.Now; var engine = this.getEngine(); var currentActiveCamera = this.activeCamera; if (this.renderTargetsEnabled) { BABYLON.Tools.StartPerformanceCounter("Custom render targets", this.customRenderTargets.length > 0); for (var customIndex = 0; customIndex < this.customRenderTargets.length; customIndex++) { var renderTarget = this.customRenderTargets[customIndex]; if (renderTarget._shouldRender()) { this._renderId++; this.activeCamera = renderTarget.activeCamera || this.activeCamera; if (!this.activeCamera) throw new Error("Active camera not set"); // Viewport engine.setViewport(this.activeCamera.viewport); // Camera this.updateTransformMatrix(); renderTarget.render(currentActiveCamera !== this.activeCamera, this.dumpNextRenderTargets); } } BABYLON.Tools.EndPerformanceCounter("Custom render targets", this.customRenderTargets.length > 0); this._renderId++; } if (this.customRenderTargets.length > 0) { engine.restoreDefaultFramebuffer(); } this._renderTargetsDuration.endMonitoring(); this.activeCamera = currentActiveCamera; // Procedural textures if (this.proceduralTexturesEnabled) { BABYLON.Tools.StartPerformanceCounter("Procedural textures", this._proceduralTextures.length > 0); for (var proceduralIndex = 0; proceduralIndex < this._proceduralTextures.length; proceduralIndex++) { var proceduralTexture = this._proceduralTextures[proceduralIndex]; if (proceduralTexture._shouldRender()) { proceduralTexture.render(); } } BABYLON.Tools.EndPerformanceCounter("Procedural textures", this._proceduralTextures.length > 0); } // Clear this._engine.clear(this.clearColor, this.autoClear || this.forceWireframe || this.forcePointsCloud, true, true); // Shadows if (this.shadowsEnabled) { for (var lightIndex = 0; lightIndex < this.lights.length; lightIndex++) { var light = this.lights[lightIndex]; var shadowGenerator = light.getShadowGenerator(); if (light.isEnabled() && shadowGenerator && shadowGenerator.getShadowMap().getScene().textures.indexOf(shadowGenerator.getShadowMap()) !== -1) { this._renderTargets.push(shadowGenerator.getShadowMap()); } } } // Depth renderer if (this._depthRenderer) { this._renderTargets.push(this._depthRenderer.getDepthMap()); } // RenderPipeline this.postProcessRenderPipelineManager.update(); // Multi-cameras? if (this.activeCameras.length > 0) { for (var cameraIndex = 0; cameraIndex < this.activeCameras.length; cameraIndex++) { if (cameraIndex > 0) { this._engine.clear(0, false, true, true); } this._processSubCameras(this.activeCameras[cameraIndex]); } } else { if (!this.activeCamera) { throw new Error("No camera defined"); } this._processSubCameras(this.activeCamera); } // Intersection checks this._checkIntersections(); // Update the audio listener attached to the camera if (BABYLON.AudioEngine) { this._updateAudioParameters(); } // After render if (this.afterRender) { this.afterRender(); } this.onAfterRenderObservable.notifyObservers(this); // Cleaning for (var index = 0; index < this._toBeDisposed.length; index++) { this._toBeDisposed.data[index].dispose(); this._toBeDisposed[index] = null; } this._toBeDisposed.reset(); if (this.dumpNextRenderTargets) { this.dumpNextRenderTargets = false; } BABYLON.Tools.EndPerformanceCounter("Scene rendering"); this._lastFrameDuration.endMonitoring(); this._totalMeshesCounter.addCount(this.meshes.length, true); this._totalLightsCounter.addCount(this.lights.length, true); this._totalMaterialsCounter.addCount(this.materials.length, true); this._totalTexturesCounter.addCount(this.textures.length, true); this._activeBones.addCount(0, true); this._activeIndices.addCount(0, true); this._activeParticles.addCount(0, true); }; Scene.prototype._updateAudioParameters = function () { if (!this.audioEnabled || (this.mainSoundTrack.soundCollection.length === 0 && this.soundTracks.length === 1)) { return; } var listeningCamera; var audioEngine = BABYLON.Engine.audioEngine; if (this.activeCameras.length > 0) { listeningCamera = this.activeCameras[0]; } else { listeningCamera = this.activeCamera; } if (listeningCamera && audioEngine.canUseWebAudio) { audioEngine.audioContext.listener.setPosition(listeningCamera.position.x, listeningCamera.position.y, listeningCamera.position.z); var mat = BABYLON.Matrix.Invert(listeningCamera.getViewMatrix()); var cameraDirection = BABYLON.Vector3.TransformNormal(new BABYLON.Vector3(0, 0, -1), mat); cameraDirection.normalize(); audioEngine.audioContext.listener.setOrientation(cameraDirection.x, cameraDirection.y, cameraDirection.z, 0, 1, 0); var i; for (i = 0; i < this.mainSoundTrack.soundCollection.length; i++) { var sound = this.mainSoundTrack.soundCollection[i]; if (sound.useCustomAttenuation) { sound.updateDistanceFromListener(); } } for (i = 0; i < this.soundTracks.length; i++) { for (var j = 0; j < this.soundTracks[i].soundCollection.length; j++) { sound = this.soundTracks[i].soundCollection[j]; if (sound.useCustomAttenuation) { sound.updateDistanceFromListener(); } } } } }; Object.defineProperty(Scene.prototype, "audioEnabled", { // Audio get: function () { return this._audioEnabled; }, set: function (value) { this._audioEnabled = value; if (BABYLON.AudioEngine) { if (this._audioEnabled) { this._enableAudio(); } else { this._disableAudio(); } } }, enumerable: true, configurable: true }); Scene.prototype._disableAudio = function () { var i; for (i = 0; i < this.mainSoundTrack.soundCollection.length; i++) { this.mainSoundTrack.soundCollection[i].pause(); } for (i = 0; i < this.soundTracks.length; i++) { for (var j = 0; j < this.soundTracks[i].soundCollection.length; j++) { this.soundTracks[i].soundCollection[j].pause(); } } }; Scene.prototype._enableAudio = function () { var i; for (i = 0; i < this.mainSoundTrack.soundCollection.length; i++) { if (this.mainSoundTrack.soundCollection[i].isPaused) { this.mainSoundTrack.soundCollection[i].play(); } } for (i = 0; i < this.soundTracks.length; i++) { for (var j = 0; j < this.soundTracks[i].soundCollection.length; j++) { if (this.soundTracks[i].soundCollection[j].isPaused) { this.soundTracks[i].soundCollection[j].play(); } } } }; Object.defineProperty(Scene.prototype, "headphone", { get: function () { return this._headphone; }, set: function (value) { this._headphone = value; if (BABYLON.AudioEngine) { if (this._headphone) { this._switchAudioModeForHeadphones(); } else { this._switchAudioModeForNormalSpeakers(); } } }, enumerable: true, configurable: true }); Scene.prototype._switchAudioModeForHeadphones = function () { this.mainSoundTrack.switchPanningModelToHRTF(); for (var i = 0; i < this.soundTracks.length; i++) { this.soundTracks[i].switchPanningModelToHRTF(); } }; Scene.prototype._switchAudioModeForNormalSpeakers = function () { this.mainSoundTrack.switchPanningModelToEqualPower(); for (var i = 0; i < this.soundTracks.length; i++) { this.soundTracks[i].switchPanningModelToEqualPower(); } }; Scene.prototype.enableDepthRenderer = function () { if (this._depthRenderer) { return this._depthRenderer; } this._depthRenderer = new BABYLON.DepthRenderer(this); return this._depthRenderer; }; Scene.prototype.disableDepthRenderer = function () { if (!this._depthRenderer) { return; } this._depthRenderer.dispose(); this._depthRenderer = null; }; Scene.prototype.freezeMaterials = function () { for (var i = 0; i < this.materials.length; i++) { this.materials[i].freeze(); } }; Scene.prototype.unfreezeMaterials = function () { for (var i = 0; i < this.materials.length; i++) { this.materials[i].unfreeze(); } }; Scene.prototype.dispose = function () { this.beforeRender = null; this.afterRender = null; this.skeletons = []; this._boundingBoxRenderer.dispose(); if (this._depthRenderer) { this._depthRenderer.dispose(); } // Debug layer if (this._debugLayer) { this._debugLayer.hide(); } // Events this.onDisposeObservable.notifyObservers(this); this.onDisposeObservable.clear(); this.onBeforeRenderObservable.clear(); this.onAfterRenderObservable.clear(); this.detachControl(); // Release sounds & sounds tracks if (BABYLON.AudioEngine) { this.disposeSounds(); } // Detach cameras var canvas = this._engine.getRenderingCanvas(); var index; for (index = 0; index < this.cameras.length; index++) { this.cameras[index].detachControl(canvas); } // Release lights while (this.lights.length) { this.lights[0].dispose(); } // Release meshes while (this.meshes.length) { this.meshes[0].dispose(true); } // Release cameras while (this.cameras.length) { this.cameras[0].dispose(); } // Release materials while (this.materials.length) { this.materials[0].dispose(); } // Release particles while (this.particleSystems.length) { this.particleSystems[0].dispose(); } // Release sprites while (this.spriteManagers.length) { this.spriteManagers[0].dispose(); } // Release layers while (this.layers.length) { this.layers[0].dispose(); } while (this.highlightLayers.length) { this.highlightLayers[0].dispose(); } // Release textures while (this.textures.length) { this.textures[0].dispose(); } // Post-processes this.postProcessManager.dispose(); // Physics if (this._physicsEngine) { this.disablePhysicsEngine(); } // Remove from engine index = this._engine.scenes.indexOf(this); if (index > -1) { this._engine.scenes.splice(index, 1); } this._engine.wipeCaches(); }; // Release sounds & sounds tracks Scene.prototype.disposeSounds = function () { this.mainSoundTrack.dispose(); for (var scIndex = 0; scIndex < this.soundTracks.length; scIndex++) { this.soundTracks[scIndex].dispose(); } }; // Octrees Scene.prototype.getWorldExtends = function () { var min = new BABYLON.Vector3(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE); var max = new BABYLON.Vector3(-Number.MAX_VALUE, -Number.MAX_VALUE, -Number.MAX_VALUE); for (var index = 0; index < this.meshes.length; index++) { var mesh = this.meshes[index]; mesh.computeWorldMatrix(true); var minBox = mesh.getBoundingInfo().boundingBox.minimumWorld; var maxBox = mesh.getBoundingInfo().boundingBox.maximumWorld; BABYLON.Tools.CheckExtends(minBox, min, max); BABYLON.Tools.CheckExtends(maxBox, min, max); } return { min: min, max: max }; }; Scene.prototype.createOrUpdateSelectionOctree = function (maxCapacity, maxDepth) { if (maxCapacity === void 0) { maxCapacity = 64; } if (maxDepth === void 0) { maxDepth = 2; } if (!this._selectionOctree) { this._selectionOctree = new BABYLON.Octree(BABYLON.Octree.CreationFuncForMeshes, maxCapacity, maxDepth); } var worldExtends = this.getWorldExtends(); // Update octree this._selectionOctree.update(worldExtends.min, worldExtends.max, this.meshes); return this._selectionOctree; }; // Picking Scene.prototype.createPickingRay = function (x, y, world, camera, cameraViewSpace) { if (cameraViewSpace === void 0) { cameraViewSpace = false; } var engine = this._engine; if (!camera) { if (!this.activeCamera) throw new Error("Active camera not set"); camera = this.activeCamera; } var cameraViewport = camera.viewport; var viewport = cameraViewport.toGlobal(engine.getRenderWidth(), engine.getRenderHeight()); // Moving coordinates to local viewport world x = x / this._engine.getHardwareScalingLevel() - viewport.x; y = y / this._engine.getHardwareScalingLevel() - (this._engine.getRenderHeight() - viewport.y - viewport.height); return BABYLON.Ray.CreateNew(x, y, viewport.width, viewport.height, world ? world : BABYLON.Matrix.Identity(), cameraViewSpace ? BABYLON.Matrix.Identity() : camera.getViewMatrix(), camera.getProjectionMatrix()); // return BABYLON.Ray.CreateNew(x / window.devicePixelRatio, y / window.devicePixelRatio, viewport.width, viewport.height, world ? world : BABYLON.Matrix.Identity(), camera.getViewMatrix(), camera.getProjectionMatrix()); }; Scene.prototype.createPickingRayInCameraSpace = function (x, y, camera) { var engine = this._engine; if (!camera) { if (!this.activeCamera) throw new Error("Active camera not set"); camera = this.activeCamera; } var cameraViewport = camera.viewport; var viewport = cameraViewport.toGlobal(engine.getRenderWidth(), engine.getRenderHeight()); var identity = BABYLON.Matrix.Identity(); // Moving coordinates to local viewport world x = x / this._engine.getHardwareScalingLevel() - viewport.x; y = y / this._engine.getHardwareScalingLevel() - (this._engine.getRenderHeight() - viewport.y - viewport.height); return BABYLON.Ray.CreateNew(x, y, viewport.width, viewport.height, identity, identity, camera.getProjectionMatrix()); }; Scene.prototype._internalPick = function (rayFunction, predicate, fastCheck) { var pickingInfo = null; for (var meshIndex = 0; meshIndex < this.meshes.length; meshIndex++) { var mesh = this.meshes[meshIndex]; if (predicate) { if (!predicate(mesh)) { continue; } } else if (!mesh.isEnabled() || !mesh.isVisible || !mesh.isPickable) { continue; } var world = mesh.getWorldMatrix(); var ray = rayFunction(world); var result = mesh.intersects(ray, fastCheck); if (!result || !result.hit) continue; if (!fastCheck && pickingInfo != null && result.distance >= pickingInfo.distance) continue; pickingInfo = result; if (fastCheck) { break; } } return pickingInfo || new BABYLON.PickingInfo(); }; Scene.prototype._internalMultiPick = function (rayFunction, predicate) { var pickingInfos = new Array(); for (var meshIndex = 0; meshIndex < this.meshes.length; meshIndex++) { var mesh = this.meshes[meshIndex]; if (predicate) { if (!predicate(mesh)) { continue; } } else if (!mesh.isEnabled() || !mesh.isVisible || !mesh.isPickable) { continue; } var world = mesh.getWorldMatrix(); var ray = rayFunction(world); var result = mesh.intersects(ray, false); if (!result || !result.hit) continue; pickingInfos.push(result); } return pickingInfos; }; Scene.prototype._internalPickSprites = function (ray, predicate, fastCheck, camera) { var pickingInfo = null; camera = camera || this.activeCamera; if (this.spriteManagers.length > 0) { for (var spriteIndex = 0; spriteIndex < this.spriteManagers.length; spriteIndex++) { var spriteManager = this.spriteManagers[spriteIndex]; if (!spriteManager.isPickable) { continue; } var result = spriteManager.intersects(ray, camera, predicate, fastCheck); if (!result || !result.hit) continue; if (!fastCheck && pickingInfo != null && result.distance >= pickingInfo.distance) continue; pickingInfo = result; if (fastCheck) { break; } } } return pickingInfo || new BABYLON.PickingInfo(); }; /// Launch a ray to try to pick a mesh in the scene /// X position on screen /// Y position on screen /// Predicate function used to determine eligible meshes. Can be set to null. In this case, a mesh must be enabled, visible and with isPickable set to true /// Launch a fast check only using the bounding boxes. Can be set to null. /// camera to use for computing the picking ray. Can be set to null. In this case, the scene.activeCamera will be used Scene.prototype.pick = function (x, y, predicate, fastCheck, camera) { var _this = this; return this._internalPick(function (world) { return _this.createPickingRay(x, y, world, camera); }, predicate, fastCheck); }; /// Launch a ray to try to pick a mesh in the scene /// X position on screen /// Y position on screen /// Predicate function used to determine eligible sprites. Can be set to null. In this case, a sprite must have isPickable set to true /// Launch a fast check only using the bounding boxes. Can be set to null. /// camera to use for computing the picking ray. Can be set to null. In this case, the scene.activeCamera will be used Scene.prototype.pickSprite = function (x, y, predicate, fastCheck, camera) { return this._internalPickSprites(this.createPickingRayInCameraSpace(x, y, camera), predicate, fastCheck, camera); }; Scene.prototype.pickWithRay = function (ray, predicate, fastCheck) { var _this = this; return this._internalPick(function (world) { if (!_this._pickWithRayInverseMatrix) { _this._pickWithRayInverseMatrix = BABYLON.Matrix.Identity(); } world.invertToRef(_this._pickWithRayInverseMatrix); return BABYLON.Ray.Transform(ray, _this._pickWithRayInverseMatrix); }, predicate, fastCheck); }; /// Launch a ray to try to pick a mesh in the scene /// X position on screen /// Y position on screen /// Predicate function used to determine eligible meshes. Can be set to null. In this case, a mesh must be enabled, visible and with isPickable set to true /// camera to use for computing the picking ray. Can be set to null. In this case, the scene.activeCamera will be used Scene.prototype.multiPick = function (x, y, predicate, camera) { var _this = this; return this._internalMultiPick(function (world) { return _this.createPickingRay(x, y, world, camera); }, predicate); }; /// Launch a ray to try to pick a mesh in the scene /// Ray to use /// Predicate function used to determine eligible meshes. Can be set to null. In this case, a mesh must be enabled, visible and with isPickable set to true Scene.prototype.multiPickWithRay = function (ray, predicate) { var _this = this; return this._internalMultiPick(function (world) { if (!_this._pickWithRayInverseMatrix) { _this._pickWithRayInverseMatrix = BABYLON.Matrix.Identity(); } world.invertToRef(_this._pickWithRayInverseMatrix); return BABYLON.Ray.Transform(ray, _this._pickWithRayInverseMatrix); }, predicate); }; Scene.prototype.setPointerOverMesh = function (mesh) { if (this._pointerOverMesh === mesh) { return; } if (this._pointerOverMesh && this._pointerOverMesh.actionManager) { this._pointerOverMesh.actionManager.processTrigger(BABYLON.ActionManager.OnPointerOutTrigger, BABYLON.ActionEvent.CreateNew(this._pointerOverMesh)); } this._pointerOverMesh = mesh; if (this._pointerOverMesh && this._pointerOverMesh.actionManager) { this._pointerOverMesh.actionManager.processTrigger(BABYLON.ActionManager.OnPointerOverTrigger, BABYLON.ActionEvent.CreateNew(this._pointerOverMesh)); } }; Scene.prototype.getPointerOverMesh = function () { return this._pointerOverMesh; }; Scene.prototype.setPointerOverSprite = function (sprite) { if (this._pointerOverSprite === sprite) { return; } if (this._pointerOverSprite && this._pointerOverSprite.actionManager) { this._pointerOverSprite.actionManager.processTrigger(BABYLON.ActionManager.OnPointerOutTrigger, BABYLON.ActionEvent.CreateNewFromSprite(this._pointerOverSprite, this)); } this._pointerOverSprite = sprite; if (this._pointerOverSprite && this._pointerOverSprite.actionManager) { this._pointerOverSprite.actionManager.processTrigger(BABYLON.ActionManager.OnPointerOverTrigger, BABYLON.ActionEvent.CreateNewFromSprite(this._pointerOverSprite, this)); } }; Scene.prototype.getPointerOverSprite = function () { return this._pointerOverSprite; }; // Physics Scene.prototype.getPhysicsEngine = function () { return this._physicsEngine; }; /** * Enables physics to the current scene * @param {BABYLON.Vector3} [gravity] - the scene's gravity for the physics engine * @param {BABYLON.IPhysicsEnginePlugin} [plugin] - The physics engine to be used. defaults to OimoJS. * @return {boolean} was the physics engine initialized */ Scene.prototype.enablePhysics = function (gravity, plugin) { if (this._physicsEngine) { return true; } try { this._physicsEngine = new BABYLON.PhysicsEngine(gravity, plugin); return true; } catch (e) { BABYLON.Tools.Error(e.message); return false; } }; Scene.prototype.disablePhysicsEngine = function () { if (!this._physicsEngine) { return; } this._physicsEngine.dispose(); this._physicsEngine = undefined; }; Scene.prototype.isPhysicsEnabled = function () { return this._physicsEngine !== undefined; }; /** * * Sets the gravity of the physics engine (and NOT of the scene) * @param {BABYLON.Vector3} [gravity] - the new gravity to be used */ Scene.prototype.setGravity = function (gravity) { BABYLON.Tools.Warn("Deprecated, please use 'scene.getPhysicsEngine().setGravity()'"); if (!this._physicsEngine) { return; } this._physicsEngine.setGravity(gravity); }; /** * Legacy support, using the new API * @Deprecated */ Scene.prototype.createCompoundImpostor = function (parts, options) { BABYLON.Tools.Warn("Scene.createCompoundImpostor is deprecated. Please use PhysicsImpostor parent/child"); if (parts.parts) { options = parts; parts = parts.parts; } var mainMesh = parts[0].mesh; mainMesh.physicsImpostor = new BABYLON.PhysicsImpostor(mainMesh, parts[0].impostor, options, this); for (var index = 1; index < parts.length; index++) { var mesh = parts[index].mesh; if (mesh.parent !== mainMesh) { mesh.position = mesh.position.subtract(mainMesh.position); mesh.parent = mainMesh; } mesh.physicsImpostor = new BABYLON.PhysicsImpostor(mesh, parts[index].impostor, options, this); } mainMesh.physicsImpostor.forceUpdate(); }; Scene.prototype.deleteCompoundImpostor = function (compound) { var mesh = compound.parts[0].mesh; mesh.physicsImpostor.dispose(); mesh.physicsImpostor = null; }; // Misc. Scene.prototype.createDefaultCameraOrLight = function () { // Light if (this.lights.length === 0) { new BABYLON.HemisphericLight("default light", BABYLON.Vector3.Up(), this); } // Camera if (!this.activeCamera) { var camera = new BABYLON.FreeCamera("default camera", BABYLON.Vector3.Zero(), this); // Compute position var worldExtends = this.getWorldExtends(); var worldCenter = worldExtends.min.add(worldExtends.max.subtract(worldExtends.min).scale(0.5)); camera.position = new BABYLON.Vector3(worldCenter.x, worldCenter.y, worldExtends.min.z - (worldExtends.max.z - worldExtends.min.z)); camera.setTarget(worldCenter); this.activeCamera = camera; } }; // Tags Scene.prototype._getByTags = function (list, tagsQuery, forEach) { if (tagsQuery === undefined) { // returns the complete list (could be done with BABYLON.Tags.MatchesQuery but no need to have a for-loop here) return list; } var listByTags = []; forEach = forEach || (function (item) { return; }); for (var i in list) { var item = list[i]; if (BABYLON.Tags.MatchesQuery(item, tagsQuery)) { listByTags.push(item); forEach(item); } } return listByTags; }; Scene.prototype.getMeshesByTags = function (tagsQuery, forEach) { return this._getByTags(this.meshes, tagsQuery, forEach); }; Scene.prototype.getCamerasByTags = function (tagsQuery, forEach) { return this._getByTags(this.cameras, tagsQuery, forEach); }; Scene.prototype.getLightsByTags = function (tagsQuery, forEach) { return this._getByTags(this.lights, tagsQuery, forEach); }; Scene.prototype.getMaterialByTags = function (tagsQuery, forEach) { return this._getByTags(this.materials, tagsQuery, forEach).concat(this._getByTags(this.multiMaterials, tagsQuery, forEach)); }; /** * Overrides the default sort function applied in the renderging group to prepare the meshes. * This allowed control for front to back rendering or reversly depending of the special needs. * * @param renderingGroupId The rendering group id corresponding to its index * @param opaqueSortCompareFn The opaque queue comparison function use to sort. * @param alphaTestSortCompareFn The alpha test queue comparison function use to sort. * @param transparentSortCompareFn The transparent queue comparison function use to sort. */ Scene.prototype.setRenderingOrder = function (renderingGroupId, opaqueSortCompareFn, alphaTestSortCompareFn, transparentSortCompareFn) { if (opaqueSortCompareFn === void 0) { opaqueSortCompareFn = null; } if (alphaTestSortCompareFn === void 0) { alphaTestSortCompareFn = null; } if (transparentSortCompareFn === void 0) { transparentSortCompareFn = null; } this._renderingManager.setRenderingOrder(renderingGroupId, opaqueSortCompareFn, alphaTestSortCompareFn, transparentSortCompareFn); }; /** * Specifies whether or not the stencil and depth buffer are cleared between two rendering groups. * * @param renderingGroupId The rendering group id corresponding to its index * @param autoClearDepthStencil Automatically clears depth and stencil between groups if true. */ Scene.prototype.setRenderingAutoClearDepthStencil = function (renderingGroupId, autoClearDepthStencil) { this._renderingManager.setRenderingAutoClearDepthStencil(renderingGroupId, autoClearDepthStencil); }; // Statics Scene._FOGMODE_NONE = 0; Scene._FOGMODE_EXP = 1; Scene._FOGMODE_EXP2 = 2; Scene._FOGMODE_LINEAR = 3; Scene.MinDeltaTime = 1.0; Scene.MaxDeltaTime = 1000.0; return Scene; }()); BABYLON.Scene = Scene; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=babylon.scene.js.map var BABYLON; (function (BABYLON) { var Buffer = (function () { function Buffer(engine, data, updatable, stride, postponeInternalCreation, instanced) { if (engine instanceof BABYLON.Mesh) { this._engine = engine.getScene().getEngine(); } else { this._engine = engine; } this._updatable = updatable; this._data = data; this._strideSize = stride; if (!postponeInternalCreation) { this.create(); } this._instanced = instanced; } Buffer.prototype.createVertexBuffer = function (kind, offset, size, stride) { // a lot of these parameters are ignored as they are overriden by the buffer return new BABYLON.VertexBuffer(this._engine, this, kind, this._updatable, true, stride ? stride : this._strideSize, this._instanced, offset, size); }; // Properties Buffer.prototype.isUpdatable = function () { return this._updatable; }; Buffer.prototype.getData = function () { return this._data; }; Buffer.prototype.getBuffer = function () { return this._buffer; }; Buffer.prototype.getStrideSize = function () { return this._strideSize; }; Buffer.prototype.getIsInstanced = function () { return this._instanced; }; // Methods Buffer.prototype.create = function (data) { if (!data && this._buffer) { return; // nothing to do } data = data || this._data; if (!this._buffer) { if (this._updatable) { this._buffer = this._engine.createDynamicVertexBuffer(data); this._data = data; } else { this._buffer = this._engine.createVertexBuffer(data); } } else if (this._updatable) { this._engine.updateDynamicVertexBuffer(this._buffer, data); this._data = data; } }; Buffer.prototype.update = function (data) { this.create(data); }; Buffer.prototype.updateDirectly = function (data, offset, vertexCount) { if (!this._buffer) { return; } if (this._updatable) { this._engine.updateDynamicVertexBuffer(this._buffer, data, offset, (vertexCount ? vertexCount * this.getStrideSize() : undefined)); this._data = null; } }; Buffer.prototype.dispose = function () { if (!this._buffer) { return; } if (this._engine._releaseBuffer(this._buffer)) { this._buffer = null; } }; return Buffer; }()); BABYLON.Buffer = Buffer; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Mesh/babylon.buffer.js.map var BABYLON; (function (BABYLON) { var VertexBuffer = (function () { function VertexBuffer(engine, data, kind, updatable, postponeInternalCreation, stride, instanced, offset, size) { if (!stride) { // Deduce stride from kind switch (kind) { case VertexBuffer.PositionKind: stride = 3; break; case VertexBuffer.NormalKind: stride = 3; break; case VertexBuffer.UVKind: case VertexBuffer.UV2Kind: case VertexBuffer.UV3Kind: case VertexBuffer.UV4Kind: case VertexBuffer.UV5Kind: case VertexBuffer.UV6Kind: stride = 2; break; case VertexBuffer.ColorKind: stride = 4; break; case VertexBuffer.MatricesIndicesKind: case VertexBuffer.MatricesIndicesExtraKind: stride = 4; break; case VertexBuffer.MatricesWeightsKind: case VertexBuffer.MatricesWeightsExtraKind: stride = 4; break; } } if (data instanceof BABYLON.Buffer) { if (!stride) { stride = data.getStrideSize(); } this._buffer = data; this._ownsBuffer = false; } else { this._buffer = new BABYLON.Buffer(engine, data, updatable, stride, postponeInternalCreation, instanced); this._ownsBuffer = true; } this._stride = stride; this._offset = offset ? offset : 0; this._size = size ? size : stride; this._kind = kind; } VertexBuffer.prototype.getKind = function () { return this._kind; }; // Properties VertexBuffer.prototype.isUpdatable = function () { return this._buffer.isUpdatable(); }; VertexBuffer.prototype.getData = function () { return this._buffer.getData(); }; VertexBuffer.prototype.getBuffer = function () { return this._buffer.getBuffer(); }; VertexBuffer.prototype.getStrideSize = function () { return this._stride; }; VertexBuffer.prototype.getOffset = function () { return this._offset; }; VertexBuffer.prototype.getSize = function () { return this._size; }; VertexBuffer.prototype.getIsInstanced = function () { return this._buffer.getIsInstanced(); }; // Methods VertexBuffer.prototype.create = function (data) { return this._buffer.create(data); }; VertexBuffer.prototype.update = function (data) { return this._buffer.update(data); }; VertexBuffer.prototype.updateDirectly = function (data, offset) { return this._buffer.updateDirectly(data, offset); }; VertexBuffer.prototype.dispose = function () { if (this._ownsBuffer) { this._buffer.dispose(); } }; Object.defineProperty(VertexBuffer, "PositionKind", { get: function () { return VertexBuffer._PositionKind; }, enumerable: true, configurable: true }); Object.defineProperty(VertexBuffer, "NormalKind", { get: function () { return VertexBuffer._NormalKind; }, enumerable: true, configurable: true }); Object.defineProperty(VertexBuffer, "UVKind", { get: function () { return VertexBuffer._UVKind; }, enumerable: true, configurable: true }); Object.defineProperty(VertexBuffer, "UV2Kind", { get: function () { return VertexBuffer._UV2Kind; }, enumerable: true, configurable: true }); Object.defineProperty(VertexBuffer, "UV3Kind", { get: function () { return VertexBuffer._UV3Kind; }, enumerable: true, configurable: true }); Object.defineProperty(VertexBuffer, "UV4Kind", { get: function () { return VertexBuffer._UV4Kind; }, enumerable: true, configurable: true }); Object.defineProperty(VertexBuffer, "UV5Kind", { get: function () { return VertexBuffer._UV5Kind; }, enumerable: true, configurable: true }); Object.defineProperty(VertexBuffer, "UV6Kind", { get: function () { return VertexBuffer._UV6Kind; }, enumerable: true, configurable: true }); Object.defineProperty(VertexBuffer, "ColorKind", { get: function () { return VertexBuffer._ColorKind; }, enumerable: true, configurable: true }); Object.defineProperty(VertexBuffer, "MatricesIndicesKind", { get: function () { return VertexBuffer._MatricesIndicesKind; }, enumerable: true, configurable: true }); Object.defineProperty(VertexBuffer, "MatricesWeightsKind", { get: function () { return VertexBuffer._MatricesWeightsKind; }, enumerable: true, configurable: true }); Object.defineProperty(VertexBuffer, "MatricesIndicesExtraKind", { get: function () { return VertexBuffer._MatricesIndicesExtraKind; }, enumerable: true, configurable: true }); Object.defineProperty(VertexBuffer, "MatricesWeightsExtraKind", { get: function () { return VertexBuffer._MatricesWeightsExtraKind; }, enumerable: true, configurable: true }); // Enums VertexBuffer._PositionKind = "position"; VertexBuffer._NormalKind = "normal"; VertexBuffer._UVKind = "uv"; VertexBuffer._UV2Kind = "uv2"; VertexBuffer._UV3Kind = "uv3"; VertexBuffer._UV4Kind = "uv4"; VertexBuffer._UV5Kind = "uv5"; VertexBuffer._UV6Kind = "uv6"; VertexBuffer._ColorKind = "color"; VertexBuffer._MatricesIndicesKind = "matricesIndices"; VertexBuffer._MatricesWeightsKind = "matricesWeights"; VertexBuffer._MatricesIndicesExtraKind = "matricesIndicesExtra"; VertexBuffer._MatricesWeightsExtraKind = "matricesWeightsExtra"; return VertexBuffer; }()); BABYLON.VertexBuffer = VertexBuffer; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Mesh/babylon.vertexBuffer.js.map var BABYLON; (function (BABYLON) { /** * Creates an instance based on a source mesh. */ var InstancedMesh = (function (_super) { __extends(InstancedMesh, _super); function InstancedMesh(name, source) { _super.call(this, name, source.getScene()); source.instances.push(this); this._sourceMesh = source; this.position.copyFrom(source.position); this.rotation.copyFrom(source.rotation); this.scaling.copyFrom(source.scaling); if (source.rotationQuaternion) { this.rotationQuaternion = source.rotationQuaternion.clone(); } this.infiniteDistance = source.infiniteDistance; this.setPivotMatrix(source.getPivotMatrix()); this.refreshBoundingInfo(); this._syncSubMeshes(); } Object.defineProperty(InstancedMesh.prototype, "receiveShadows", { // Methods get: function () { return this._sourceMesh.receiveShadows; }, enumerable: true, configurable: true }); Object.defineProperty(InstancedMesh.prototype, "material", { get: function () { return this._sourceMesh.material; }, enumerable: true, configurable: true }); Object.defineProperty(InstancedMesh.prototype, "visibility", { get: function () { return this._sourceMesh.visibility; }, enumerable: true, configurable: true }); Object.defineProperty(InstancedMesh.prototype, "skeleton", { get: function () { return this._sourceMesh.skeleton; }, enumerable: true, configurable: true }); Object.defineProperty(InstancedMesh.prototype, "renderingGroupId", { get: function () { return this._sourceMesh.renderingGroupId; }, enumerable: true, configurable: true }); InstancedMesh.prototype.getTotalVertices = function () { return this._sourceMesh.getTotalVertices(); }; Object.defineProperty(InstancedMesh.prototype, "sourceMesh", { get: function () { return this._sourceMesh; }, enumerable: true, configurable: true }); InstancedMesh.prototype.getVerticesData = function (kind, copyWhenShared) { return this._sourceMesh.getVerticesData(kind, copyWhenShared); }; InstancedMesh.prototype.isVerticesDataPresent = function (kind) { return this._sourceMesh.isVerticesDataPresent(kind); }; InstancedMesh.prototype.getIndices = function () { return this._sourceMesh.getIndices(); }; Object.defineProperty(InstancedMesh.prototype, "_positions", { get: function () { return this._sourceMesh._positions; }, enumerable: true, configurable: true }); InstancedMesh.prototype.refreshBoundingInfo = function () { var meshBB = this._sourceMesh.getBoundingInfo(); this._boundingInfo = new BABYLON.BoundingInfo(meshBB.minimum.clone(), meshBB.maximum.clone()); this._updateBoundingInfo(); }; InstancedMesh.prototype._preActivate = function () { if (this._currentLOD) { this._currentLOD._preActivate(); } }; InstancedMesh.prototype._activate = function (renderId) { if (this._currentLOD) { this._currentLOD._registerInstanceForRenderId(this, renderId); } }; InstancedMesh.prototype.getLOD = function (camera) { this._currentLOD = this.sourceMesh.getLOD(this.getScene().activeCamera, this.getBoundingInfo().boundingSphere); if (this._currentLOD === this.sourceMesh) { return this; } return this._currentLOD; }; InstancedMesh.prototype._syncSubMeshes = function () { this.releaseSubMeshes(); if (this._sourceMesh.subMeshes) { for (var index = 0; index < this._sourceMesh.subMeshes.length; index++) { this._sourceMesh.subMeshes[index].clone(this, this._sourceMesh); } } }; InstancedMesh.prototype._generatePointsArray = function () { return this._sourceMesh._generatePointsArray(); }; // Clone InstancedMesh.prototype.clone = function (name, newParent, doNotCloneChildren) { var result = this._sourceMesh.createInstance(name); // Deep copy BABYLON.Tools.DeepCopy(this, result, ["name", "subMeshes"], []); // Bounding info this.refreshBoundingInfo(); // Parent if (newParent) { result.parent = newParent; } if (!doNotCloneChildren) { // Children for (var index = 0; index < this.getScene().meshes.length; index++) { var mesh = this.getScene().meshes[index]; if (mesh.parent === this) { mesh.clone(mesh.name, result); } } } result.computeWorldMatrix(true); return result; }; // Dispoe InstancedMesh.prototype.dispose = function (doNotRecurse) { // Remove from mesh var index = this._sourceMesh.instances.indexOf(this); this._sourceMesh.instances.splice(index, 1); _super.prototype.dispose.call(this, doNotRecurse); }; return InstancedMesh; }(BABYLON.AbstractMesh)); BABYLON.InstancedMesh = InstancedMesh; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Mesh/babylon.instancedMesh.js.map var BABYLON; (function (BABYLON) { var _InstancesBatch = (function () { function _InstancesBatch() { this.mustReturn = false; this.visibleInstances = new Array(); this.renderSelf = new Array(); } return _InstancesBatch; }()); BABYLON._InstancesBatch = _InstancesBatch; var Mesh = (function (_super) { __extends(Mesh, _super); /** * @constructor * @param {string} name The value used by scene.getMeshByName() to do a lookup. * @param {Scene} scene The scene to add this mesh to. * @param {Node} parent The parent of this mesh, if it has one * @param {Mesh} source An optional Mesh from which geometry is shared, cloned. * @param {boolean} doNotCloneChildren When cloning, skip cloning child meshes of source, default False. * When false, achieved by calling a clone(), also passing False. * This will make creation of children, recursive. */ function Mesh(name, scene, parent, source, doNotCloneChildren, clonePhysicsImpostor) { if (parent === void 0) { parent = null; } if (clonePhysicsImpostor === void 0) { clonePhysicsImpostor = true; } _super.call(this, name, scene); // Events /** * An event triggered before rendering the mesh * @type {BABYLON.Observable} */ this.onBeforeRenderObservable = new BABYLON.Observable(); /** * An event triggered after rendering the mesh * @type {BABYLON.Observable} */ this.onAfterRenderObservable = new BABYLON.Observable(); /** * An event triggered before drawing the mesh * @type {BABYLON.Observable} */ this.onBeforeDrawObservable = new BABYLON.Observable(); // Members this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_NONE; this.instances = new Array(); this._LODLevels = new Array(); this._visibleInstances = {}; this._renderIdForInstances = new Array(); this._batchCache = new _InstancesBatch(); this._instancesBufferSize = 32 * 16 * 4; // let's start with a maximum of 32 instances this._sideOrientation = Mesh._DEFAULTSIDE; this._areNormalsFrozen = false; // Will be used by ribbons mainly if (source) { // Geometry if (source._geometry) { source._geometry.applyToMesh(this); } // Deep copy BABYLON.Tools.DeepCopy(source, this, ["name", "material", "skeleton", "instances", "parent"], ["_poseMatrix"]); // Parent this.parent = source.parent; // Pivot this.setPivotMatrix(source.getPivotMatrix()); this.id = name + "." + source.id; // Material this.material = source.material; var index; if (!doNotCloneChildren) { // Children for (index = 0; index < scene.meshes.length; index++) { var mesh = scene.meshes[index]; if (mesh.parent === source) { // doNotCloneChildren is always going to be False var newChild = mesh.clone(name + "." + mesh.name, this, doNotCloneChildren); } } } // Physics clone var physicsEngine = this.getScene().getPhysicsEngine(); if (clonePhysicsImpostor && physicsEngine) { var impostor = physicsEngine.getImpostorForPhysicsObject(source); if (impostor) { this.physicsImpostor = impostor.clone(this); } } // Particles for (index = 0; index < scene.particleSystems.length; index++) { var system = scene.particleSystems[index]; if (system.emitter === source) { system.clone(system.name, this); } } this.computeWorldMatrix(true); } // Parent if (parent !== null) { this.parent = parent; } } Object.defineProperty(Mesh, "FRONTSIDE", { /** * Mesh side orientation : usually the external or front surface */ get: function () { return Mesh._FRONTSIDE; }, enumerable: true, configurable: true }); Object.defineProperty(Mesh, "BACKSIDE", { /** * Mesh side orientation : usually the internal or back surface */ get: function () { return Mesh._BACKSIDE; }, enumerable: true, configurable: true }); Object.defineProperty(Mesh, "DOUBLESIDE", { /** * Mesh side orientation : both internal and external or front and back surfaces */ get: function () { return Mesh._DOUBLESIDE; }, enumerable: true, configurable: true }); Object.defineProperty(Mesh, "DEFAULTSIDE", { /** * Mesh side orientation : by default, `FRONTSIDE` */ get: function () { return Mesh._DEFAULTSIDE; }, enumerable: true, configurable: true }); Object.defineProperty(Mesh, "NO_CAP", { /** * Mesh cap setting : no cap */ get: function () { return Mesh._NO_CAP; }, enumerable: true, configurable: true }); Object.defineProperty(Mesh, "CAP_START", { /** * Mesh cap setting : one cap at the beginning of the mesh */ get: function () { return Mesh._CAP_START; }, enumerable: true, configurable: true }); Object.defineProperty(Mesh, "CAP_END", { /** * Mesh cap setting : one cap at the end of the mesh */ get: function () { return Mesh._CAP_END; }, enumerable: true, configurable: true }); Object.defineProperty(Mesh, "CAP_ALL", { /** * Mesh cap setting : two caps, one at the beginning and one at the end of the mesh */ get: function () { return Mesh._CAP_ALL; }, enumerable: true, configurable: true }); Object.defineProperty(Mesh.prototype, "onBeforeDraw", { set: function (callback) { if (this._onBeforeDrawObserver) { this.onBeforeDrawObservable.remove(this._onBeforeDrawObserver); } this._onBeforeDrawObserver = this.onBeforeDrawObservable.add(callback); }, enumerable: true, configurable: true }); // Methods /** * @param {boolean} fullDetails - support for multiple levels of logging within scene loading */ Mesh.prototype.toString = function (fullDetails) { var ret = _super.prototype.toString.call(this, fullDetails); ret += ", n vertices: " + this.getTotalVertices(); ret += ", parent: " + (this._waitingParentId ? this._waitingParentId : (this.parent ? this.parent.name : "NONE")); if (this.animations) { for (var i = 0; i < this.animations.length; i++) { ret += ", animation[0]: " + this.animations[i].toString(fullDetails); } } if (fullDetails) { ret += ", flat shading: " + (this._geometry ? (this.getVerticesData(BABYLON.VertexBuffer.PositionKind).length / 3 === this.getIndices().length ? "YES" : "NO") : "UNKNOWN"); } return ret; }; Object.defineProperty(Mesh.prototype, "hasLODLevels", { get: function () { return this._LODLevels.length > 0; }, enumerable: true, configurable: true }); Mesh.prototype._sortLODLevels = function () { this._LODLevels.sort(function (a, b) { if (a.distance < b.distance) { return 1; } if (a.distance > b.distance) { return -1; } return 0; }); }; /** * Add a mesh as LOD level triggered at the given distance. * tuto : http://doc.babylonjs.com/tutorials/How_to_use_LOD * @param {number} distance The distance from the center of the object to show this level * @param {Mesh} mesh The mesh to be added as LOD level * @return {Mesh} This mesh (for chaining) */ Mesh.prototype.addLODLevel = function (distance, mesh) { if (mesh && mesh._masterMesh) { BABYLON.Tools.Warn("You cannot use a mesh as LOD level twice"); return this; } var level = new BABYLON.Internals.MeshLODLevel(distance, mesh); this._LODLevels.push(level); if (mesh) { mesh._masterMesh = this; } this._sortLODLevels(); return this; }; /** * Returns the LOD level mesh at the passed distance or null if not found. * It is related to the method `addLODLevel(distance, mesh)`. * tuto : http://doc.babylonjs.com/tutorials/How_to_use_LOD */ Mesh.prototype.getLODLevelAtDistance = function (distance) { for (var index = 0; index < this._LODLevels.length; index++) { var level = this._LODLevels[index]; if (level.distance === distance) { return level.mesh; } } return null; }; /** * Remove a mesh from the LOD array * tuto : http://doc.babylonjs.com/tutorials/How_to_use_LOD * @param {Mesh} mesh The mesh to be removed. * @return {Mesh} This mesh (for chaining) */ Mesh.prototype.removeLODLevel = function (mesh) { for (var index = 0; index < this._LODLevels.length; index++) { if (this._LODLevels[index].mesh === mesh) { this._LODLevels.splice(index, 1); if (mesh) { mesh._masterMesh = null; } } } this._sortLODLevels(); return this; }; /** * Returns the registered LOD mesh distant from the parameter `camera` position if any, else returns the current mesh. * tuto : http://doc.babylonjs.com/tutorials/How_to_use_LOD */ Mesh.prototype.getLOD = function (camera, boundingSphere) { if (!this._LODLevels || this._LODLevels.length === 0) { return this; } var distanceToCamera = (boundingSphere ? boundingSphere : this.getBoundingInfo().boundingSphere).centerWorld.subtract(camera.globalPosition).length(); if (this._LODLevels[this._LODLevels.length - 1].distance > distanceToCamera) { if (this.onLODLevelSelection) { this.onLODLevelSelection(distanceToCamera, this, this._LODLevels[this._LODLevels.length - 1].mesh); } return this; } for (var index = 0; index < this._LODLevels.length; index++) { var level = this._LODLevels[index]; if (level.distance < distanceToCamera) { if (level.mesh) { level.mesh._preActivate(); level.mesh._updateSubMeshesBoundingInfo(this.worldMatrixFromCache); } if (this.onLODLevelSelection) { this.onLODLevelSelection(distanceToCamera, this, level.mesh); } return level.mesh; } } if (this.onLODLevelSelection) { this.onLODLevelSelection(distanceToCamera, this, this); } return this; }; Object.defineProperty(Mesh.prototype, "geometry", { /** * Returns the mesh internal Geometry object. */ get: function () { return this._geometry; }, enumerable: true, configurable: true }); /** * Returns a positive integer : the total number of vertices within the mesh geometry or zero if the mesh has no geometry. */ Mesh.prototype.getTotalVertices = function () { if (!this._geometry) { return 0; } return this._geometry.getTotalVertices(); }; /** * Returns an array of integers or floats, or a Float32Array, depending on the requested `kind` (positions, indices, normals, etc). * If `copywhenShared` is true (default false) and if the mesh geometry is shared among some other meshes, the returned array is a copy of the internal one. * Returns null if the mesh has no geometry or no vertex buffer. * Possible `kind` values : * - BABYLON.VertexBuffer.PositionKind * - BABYLON.VertexBuffer.UVKind * - BABYLON.VertexBuffer.UV2Kind * - BABYLON.VertexBuffer.UV3Kind * - BABYLON.VertexBuffer.UV4Kind * - BABYLON.VertexBuffer.UV5Kind * - BABYLON.VertexBuffer.UV6Kind * - BABYLON.VertexBuffer.ColorKind * - BABYLON.VertexBuffer.MatricesIndicesKind * - BABYLON.VertexBuffer.MatricesIndicesExtraKind * - BABYLON.VertexBuffer.MatricesWeightsKind * - BABYLON.VertexBuffer.MatricesWeightsExtraKind */ Mesh.prototype.getVerticesData = function (kind, copyWhenShared) { if (!this._geometry) { return null; } return this._geometry.getVerticesData(kind, copyWhenShared); }; /** * Returns the mesh VertexBuffer object from the requested `kind` : positions, indices, normals, etc. * Returns `undefined` if the mesh has no geometry. * Possible `kind` values : * - BABYLON.VertexBuffer.PositionKind * - BABYLON.VertexBuffer.UVKind * - BABYLON.VertexBuffer.UV2Kind * - BABYLON.VertexBuffer.UV3Kind * - BABYLON.VertexBuffer.UV4Kind * - BABYLON.VertexBuffer.UV5Kind * - BABYLON.VertexBuffer.UV6Kind * - BABYLON.VertexBuffer.ColorKind * - BABYLON.VertexBuffer.MatricesIndicesKind * - BABYLON.VertexBuffer.MatricesIndicesExtraKind * - BABYLON.VertexBuffer.MatricesWeightsKind * - BABYLON.VertexBuffer.MatricesWeightsExtraKind */ Mesh.prototype.getVertexBuffer = function (kind) { if (!this._geometry) { return undefined; } return this._geometry.getVertexBuffer(kind); }; /** * Returns a boolean depending on the existence of the Vertex Data for the requested `kind`. * Possible `kind` values : * - BABYLON.VertexBuffer.PositionKind * - BABYLON.VertexBuffer.UVKind * - BABYLON.VertexBuffer.UV2Kind * - BABYLON.VertexBuffer.UV3Kind * - BABYLON.VertexBuffer.UV4Kind * - BABYLON.VertexBuffer.UV5Kind * - BABYLON.VertexBuffer.UV6Kind * - BABYLON.VertexBuffer.ColorKind * - BABYLON.VertexBuffer.MatricesIndicesKind * - BABYLON.VertexBuffer.MatricesIndicesExtraKind * - BABYLON.VertexBuffer.MatricesWeightsKind * - BABYLON.VertexBuffer.MatricesWeightsExtraKind */ Mesh.prototype.isVerticesDataPresent = function (kind) { if (!this._geometry) { if (this._delayInfo) { return this._delayInfo.indexOf(kind) !== -1; } return false; } return this._geometry.isVerticesDataPresent(kind); }; /** * Returns a string : the list of existing `kinds` of Vertex Data for this mesh. * Possible `kind` values : * - BABYLON.VertexBuffer.PositionKind * - BABYLON.VertexBuffer.UVKind * - BABYLON.VertexBuffer.UV2Kind * - BABYLON.VertexBuffer.UV3Kind * - BABYLON.VertexBuffer.UV4Kind * - BABYLON.VertexBuffer.UV5Kind * - BABYLON.VertexBuffer.UV6Kind * - BABYLON.VertexBuffer.ColorKind * - BABYLON.VertexBuffer.MatricesIndicesKind * - BABYLON.VertexBuffer.MatricesIndicesExtraKind * - BABYLON.VertexBuffer.MatricesWeightsKind * - BABYLON.VertexBuffer.MatricesWeightsExtraKind */ Mesh.prototype.getVerticesDataKinds = function () { if (!this._geometry) { var result = []; if (this._delayInfo) { this._delayInfo.forEach(function (kind, index, array) { result.push(kind); }); } return result; } return this._geometry.getVerticesDataKinds(); }; /** * Returns a positive integer : the total number of indices in this mesh geometry. * Returns zero if the mesh has no geometry. */ Mesh.prototype.getTotalIndices = function () { if (!this._geometry) { return 0; } return this._geometry.getTotalIndices(); }; /** * Returns an array of integers or a Int32Array populated with the mesh indices. * If the parameter `copyWhenShared` is true (default false) and and if the mesh geometry is shared among some other meshes, the returned array is a copy of the internal one. * Returns an empty array if the mesh has no geometry. */ Mesh.prototype.getIndices = function (copyWhenShared) { if (!this._geometry) { return []; } return this._geometry.getIndices(copyWhenShared); }; Object.defineProperty(Mesh.prototype, "isBlocked", { get: function () { return this._masterMesh !== null && this._masterMesh !== undefined; }, enumerable: true, configurable: true }); /** * Boolean : true once the mesh is ready after all the delayed process (loading, etc) are complete. */ Mesh.prototype.isReady = function () { if (this.delayLoadState === BABYLON.Engine.DELAYLOADSTATE_LOADING) { return false; } return _super.prototype.isReady.call(this); }; /** * Boolean : true if the mesh has been disposed. */ Mesh.prototype.isDisposed = function () { return this._isDisposed; }; Object.defineProperty(Mesh.prototype, "sideOrientation", { get: function () { return this._sideOrientation; }, /** * Sets the mesh side orientation : BABYLON.Mesh.FRONTSIDE, BABYLON.Mesh.BACKSIDE, BABYLON.Mesh.DOUBLESIDE or BABYLON.Mesh.DEFAULTSIDE * tuto : http://doc.babylonjs.com/tutorials/Discover_Basic_Elements#side-orientation */ set: function (sideO) { this._sideOrientation = sideO; }, enumerable: true, configurable: true }); Object.defineProperty(Mesh.prototype, "areNormalsFrozen", { /** * Boolean : true if the normals aren't to be recomputed on next mesh `positions` array update. * This property is pertinent only for updatable parametric shapes. */ get: function () { return this._areNormalsFrozen; }, enumerable: true, configurable: true }); /** * This function affects parametric shapes on vertex position update only : ribbons, tubes, etc. * It has no effect at all on other shapes. * It prevents the mesh normals from being recomputed on next `positions` array update. */ Mesh.prototype.freezeNormals = function () { this._areNormalsFrozen = true; }; /** * This function affects parametric shapes on vertex position update only : ribbons, tubes, etc. * It has no effect at all on other shapes. * It reactivates the mesh normals computation if it was previously frozen. */ Mesh.prototype.unfreezeNormals = function () { this._areNormalsFrozen = false; }; Object.defineProperty(Mesh.prototype, "overridenInstanceCount", { /** * Overrides instance count. Only applicable when custom instanced InterleavedVertexBuffer are used rather than InstancedMeshs */ set: function (count) { this._overridenInstanceCount = count; }, enumerable: true, configurable: true }); // Methods Mesh.prototype._preActivate = function () { var sceneRenderId = this.getScene().getRenderId(); if (this._preActivateId === sceneRenderId) { return; } this._preActivateId = sceneRenderId; this._visibleInstances = null; }; Mesh.prototype._preActivateForIntermediateRendering = function (renderId) { if (this._visibleInstances) { this._visibleInstances.intermediateDefaultRenderId = renderId; } }; Mesh.prototype._registerInstanceForRenderId = function (instance, renderId) { if (!this._visibleInstances) { this._visibleInstances = {}; this._visibleInstances.defaultRenderId = renderId; this._visibleInstances.selfDefaultRenderId = this._renderId; } if (!this._visibleInstances[renderId]) { this._visibleInstances[renderId] = new Array(); } this._visibleInstances[renderId].push(instance); }; /** * This method recomputes and sets a new BoundingInfo to the mesh unless it is locked. * This means the mesh underlying bounding box and sphere are recomputed. */ Mesh.prototype.refreshBoundingInfo = function () { if (this._boundingInfo.isLocked) { return; } var data = this.getVerticesData(BABYLON.VertexBuffer.PositionKind); if (data) { var extend = BABYLON.Tools.ExtractMinAndMax(data, 0, this.getTotalVertices()); this._boundingInfo = new BABYLON.BoundingInfo(extend.minimum, extend.maximum); } if (this.subMeshes) { for (var index = 0; index < this.subMeshes.length; index++) { this.subMeshes[index].refreshBoundingInfo(); } } this._updateBoundingInfo(); }; Mesh.prototype._createGlobalSubMesh = function () { var totalVertices = this.getTotalVertices(); if (!totalVertices || !this.getIndices()) { return null; } this.releaseSubMeshes(); return new BABYLON.SubMesh(0, 0, totalVertices, 0, this.getTotalIndices(), this); }; Mesh.prototype.subdivide = function (count) { if (count < 1) { return; } var totalIndices = this.getTotalIndices(); var subdivisionSize = (totalIndices / count) | 0; var offset = 0; // Ensure that subdivisionSize is a multiple of 3 while (subdivisionSize % 3 !== 0) { subdivisionSize++; } this.releaseSubMeshes(); for (var index = 0; index < count; index++) { if (offset >= totalIndices) { break; } BABYLON.SubMesh.CreateFromIndices(0, offset, Math.min(subdivisionSize, totalIndices - offset), this); offset += subdivisionSize; } this.synchronizeInstances(); }; /** * Sets the vertex data of the mesh geometry for the requested `kind`. * If the mesh has no geometry, a new Geometry object is set to the mesh and then passed this vertex data. * The `data` are either a numeric array either a Float32Array. * The parameter `updatable` is passed as is to the underlying Geometry object constructor (if initianilly none) or updater. * The parameter `stride` is an optional positive integer, it is usually automatically deducted from the `kind` (3 for positions or normals, 2 for UV, etc). * Note that a new underlying VertexBuffer object is created each call. * If the `kind` is the `PositionKind`, the mesh BoundingInfo is renewed, so the bounding box and sphere, and the mesh World Matrix is recomputed. * * Possible `kind` values : * - BABYLON.VertexBuffer.PositionKind * - BABYLON.VertexBuffer.UVKind * - BABYLON.VertexBuffer.UV2Kind * - BABYLON.VertexBuffer.UV3Kind * - BABYLON.VertexBuffer.UV4Kind * - BABYLON.VertexBuffer.UV5Kind * - BABYLON.VertexBuffer.UV6Kind * - BABYLON.VertexBuffer.ColorKind * - BABYLON.VertexBuffer.MatricesIndicesKind * - BABYLON.VertexBuffer.MatricesIndicesExtraKind * - BABYLON.VertexBuffer.MatricesWeightsKind * - BABYLON.VertexBuffer.MatricesWeightsExtraKind */ Mesh.prototype.setVerticesData = function (kind, data, updatable, stride) { if (!this._geometry) { var vertexData = new BABYLON.VertexData(); vertexData.set(data, kind); var scene = this.getScene(); new BABYLON.Geometry(BABYLON.Geometry.RandomId(), scene, vertexData, updatable, this); } else { this._geometry.setVerticesData(kind, data, updatable, stride); } }; Mesh.prototype.setVerticesBuffer = function (buffer) { if (!this._geometry) { var scene = this.getScene(); new BABYLON.Geometry(BABYLON.Geometry.RandomId(), scene).applyToMesh(this); } this._geometry.setVerticesBuffer(buffer); }; /** * Updates the existing vertex data of the mesh geometry for the requested `kind`. * If the mesh has no geometry, it is simply returned as it is. * The `data` are either a numeric array either a Float32Array. * No new underlying VertexBuffer object is created. * If the `kind` is the `PositionKind` and if `updateExtends` is true, the mesh BoundingInfo is renewed, so the bounding box and sphere, and the mesh World Matrix is recomputed. * If the parameter `makeItUnique` is true, a new global geometry is created from this positions and is set to the mesh. * * Possible `kind` values : * - BABYLON.VertexBuffer.PositionKind * - BABYLON.VertexBuffer.UVKind * - BABYLON.VertexBuffer.UV2Kind * - BABYLON.VertexBuffer.UV3Kind * - BABYLON.VertexBuffer.UV4Kind * - BABYLON.VertexBuffer.UV5Kind * - BABYLON.VertexBuffer.UV6Kind * - BABYLON.VertexBuffer.ColorKind * - BABYLON.VertexBuffer.MatricesIndicesKind * - BABYLON.VertexBuffer.MatricesIndicesExtraKind * - BABYLON.VertexBuffer.MatricesWeightsKind * - BABYLON.VertexBuffer.MatricesWeightsExtraKind */ Mesh.prototype.updateVerticesData = function (kind, data, updateExtends, makeItUnique) { if (!this._geometry) { return; } if (!makeItUnique) { this._geometry.updateVerticesData(kind, data, updateExtends); } else { this.makeGeometryUnique(); this.updateVerticesData(kind, data, updateExtends, false); } }; /** * Deprecated since BabylonJS v2.3 */ Mesh.prototype.updateVerticesDataDirectly = function (kind, data, offset, makeItUnique) { BABYLON.Tools.Warn("Mesh.updateVerticesDataDirectly deprecated since 2.3."); if (!this._geometry) { return; } if (!makeItUnique) { this._geometry.updateVerticesDataDirectly(kind, data, offset); } else { this.makeGeometryUnique(); this.updateVerticesDataDirectly(kind, data, offset, false); } }; /** * This method updates the vertex positions of an updatable mesh according to the `positionFunction` returned values. * tuto : http://doc.babylonjs.com/tutorials/How_to_dynamically_morph_a_mesh#other-shapes-updatemeshpositions * The parameter `positionFunction` is a simple JS function what is passed the mesh `positions` array. It doesn't need to return anything. * The parameter `computeNormals` is a boolean (default true) to enable/disable the mesh normal recomputation after the vertex position update. */ Mesh.prototype.updateMeshPositions = function (positionFunction, computeNormals) { if (computeNormals === void 0) { computeNormals = true; } var positions = this.getVerticesData(BABYLON.VertexBuffer.PositionKind); positionFunction(positions); this.updateVerticesData(BABYLON.VertexBuffer.PositionKind, positions, false, false); if (computeNormals) { var indices = this.getIndices(); var normals = this.getVerticesData(BABYLON.VertexBuffer.NormalKind); BABYLON.VertexData.ComputeNormals(positions, indices, normals); this.updateVerticesData(BABYLON.VertexBuffer.NormalKind, normals, false, false); } }; Mesh.prototype.makeGeometryUnique = function () { if (!this._geometry) { return; } var oldGeometry = this._geometry; var geometry = this._geometry.copy(BABYLON.Geometry.RandomId()); oldGeometry.releaseForMesh(this, true); geometry.applyToMesh(this); }; /** * Sets the mesh indices. * Expects an array populated with integers or a Int32Array. * If the mesh has no geometry, a new Geometry object is created and set to the mesh. * This method creates a new index buffer each call. */ Mesh.prototype.setIndices = function (indices, totalVertices) { if (!this._geometry) { var vertexData = new BABYLON.VertexData(); vertexData.indices = indices; var scene = this.getScene(); new BABYLON.Geometry(BABYLON.Geometry.RandomId(), scene, vertexData, false, this); } else { this._geometry.setIndices(indices, totalVertices); } }; /** * Invert the geometry to move from a right handed system to a left handed one. */ Mesh.prototype.toLeftHanded = function () { if (!this._geometry) { return; } this._geometry.toLeftHanded(); }; Mesh.prototype._bind = function (subMesh, effect, fillMode) { var engine = this.getScene().getEngine(); // Wireframe var indexToBind; if (this._unIndexed) { indexToBind = null; } else { switch (fillMode) { case BABYLON.Material.PointFillMode: indexToBind = null; break; case BABYLON.Material.WireFrameFillMode: indexToBind = subMesh.getLinesIndexBuffer(this.getIndices(), engine); break; default: case BABYLON.Material.TriangleFillMode: indexToBind = this._unIndexed ? null : this._geometry.getIndexBuffer(); break; } } // VBOs engine.bindBuffers(this._geometry.getVertexBuffers(), indexToBind, effect); }; Mesh.prototype._draw = function (subMesh, fillMode, instancesCount) { if (!this._geometry || !this._geometry.getVertexBuffers() || !this._geometry.getIndexBuffer()) { return; } this.onBeforeDrawObservable.notifyObservers(this); var engine = this.getScene().getEngine(); // Draw order switch (fillMode) { case BABYLON.Material.PointFillMode: engine.drawPointClouds(subMesh.verticesStart, subMesh.verticesCount, instancesCount); break; case BABYLON.Material.WireFrameFillMode: if (this._unIndexed) { engine.drawUnIndexed(false, subMesh.verticesStart, subMesh.verticesCount, instancesCount); } else { engine.draw(false, 0, instancesCount > 0 ? subMesh.linesIndexCount / 2 : subMesh.linesIndexCount, instancesCount); } break; default: if (this._unIndexed) { engine.drawUnIndexed(true, subMesh.verticesStart, subMesh.verticesCount, instancesCount); } else { engine.draw(true, subMesh.indexStart, subMesh.indexCount, instancesCount); } } }; /** * Registers for this mesh a javascript function called just before the rendering process. * This function is passed the current mesh and doesn't return anything. */ Mesh.prototype.registerBeforeRender = function (func) { this.onBeforeRenderObservable.add(func); }; /** * Disposes a previously registered javascript function called before the rendering. * This function is passed the current mesh and doesn't return anything. */ Mesh.prototype.unregisterBeforeRender = function (func) { this.onBeforeRenderObservable.removeCallback(func); }; /** * Registers for this mesh a javascript function called just after the rendering is complete. * This function is passed the current mesh and doesn't return anything. */ Mesh.prototype.registerAfterRender = function (func) { this.onAfterRenderObservable.add(func); }; /** * Disposes a previously registered javascript function called after the rendering. * This function is passed the current mesh and doesn't return anything. */ Mesh.prototype.unregisterAfterRender = function (func) { this.onAfterRenderObservable.removeCallback(func); }; Mesh.prototype._getInstancesRenderList = function (subMeshId) { var scene = this.getScene(); this._batchCache.mustReturn = false; this._batchCache.renderSelf[subMeshId] = this.isEnabled() && this.isVisible; this._batchCache.visibleInstances[subMeshId] = null; if (this._visibleInstances) { var currentRenderId = scene.getRenderId(); var defaultRenderId = (scene._isInIntermediateRendering() ? this._visibleInstances.intermediateDefaultRenderId : this._visibleInstances.defaultRenderId); this._batchCache.visibleInstances[subMeshId] = this._visibleInstances[currentRenderId]; var selfRenderId = this._renderId; if (!this._batchCache.visibleInstances[subMeshId] && defaultRenderId) { this._batchCache.visibleInstances[subMeshId] = this._visibleInstances[defaultRenderId]; currentRenderId = Math.max(defaultRenderId, currentRenderId); selfRenderId = Math.max(this._visibleInstances.selfDefaultRenderId, currentRenderId); } if (this._batchCache.visibleInstances[subMeshId] && this._batchCache.visibleInstances[subMeshId].length) { if (this._renderIdForInstances[subMeshId] === currentRenderId) { this._batchCache.mustReturn = true; return this._batchCache; } if (currentRenderId !== selfRenderId) { this._batchCache.renderSelf[subMeshId] = false; } } this._renderIdForInstances[subMeshId] = currentRenderId; } return this._batchCache; }; Mesh.prototype._renderWithInstances = function (subMesh, fillMode, batch, effect, engine) { var visibleInstances = batch.visibleInstances[subMesh._id]; var matricesCount = visibleInstances.length + 1; var bufferSize = matricesCount * 16 * 4; var currentInstancesBufferSize = this._instancesBufferSize; var instancesBuffer = this._instancesBuffer; while (this._instancesBufferSize < bufferSize) { this._instancesBufferSize *= 2; } if (!this._instancesData || currentInstancesBufferSize != this._instancesBufferSize) { this._instancesData = new Float32Array(this._instancesBufferSize / 4); } var offset = 0; var instancesCount = 0; var world = this.getWorldMatrix(); if (batch.renderSelf[subMesh._id]) { world.copyToArray(this._instancesData, offset); offset += 16; instancesCount++; } if (visibleInstances) { for (var instanceIndex = 0; instanceIndex < visibleInstances.length; instanceIndex++) { var instance = visibleInstances[instanceIndex]; instance.getWorldMatrix().copyToArray(this._instancesData, offset); offset += 16; instancesCount++; } } if (!instancesBuffer || currentInstancesBufferSize != this._instancesBufferSize) { if (instancesBuffer) { instancesBuffer.dispose(); } instancesBuffer = new BABYLON.Buffer(engine, this._instancesData, true, 16, false, true); this._instancesBuffer = instancesBuffer; this.setVerticesBuffer(instancesBuffer.createVertexBuffer("world0", 0, 4)); this.setVerticesBuffer(instancesBuffer.createVertexBuffer("world1", 4, 4)); this.setVerticesBuffer(instancesBuffer.createVertexBuffer("world2", 8, 4)); this.setVerticesBuffer(instancesBuffer.createVertexBuffer("world3", 12, 4)); } else { instancesBuffer.updateDirectly(this._instancesData, 0, instancesCount); } engine.bindBuffers(this.geometry.getVertexBuffers(), this.geometry.getIndexBuffer(), effect); this._draw(subMesh, fillMode, instancesCount); engine.unbindInstanceAttributes(); }; Mesh.prototype._processRendering = function (subMesh, effect, fillMode, batch, hardwareInstancedRendering, onBeforeDraw, effectiveMaterial) { var scene = this.getScene(); var engine = scene.getEngine(); if (hardwareInstancedRendering) { this._renderWithInstances(subMesh, fillMode, batch, effect, engine); } else { if (batch.renderSelf[subMesh._id]) { // Draw if (onBeforeDraw) { onBeforeDraw(false, this.getWorldMatrix(), effectiveMaterial); } this._draw(subMesh, fillMode, this._overridenInstanceCount); } if (batch.visibleInstances[subMesh._id]) { for (var instanceIndex = 0; instanceIndex < batch.visibleInstances[subMesh._id].length; instanceIndex++) { var instance = batch.visibleInstances[subMesh._id][instanceIndex]; // World var world = instance.getWorldMatrix(); if (onBeforeDraw) { onBeforeDraw(true, world, effectiveMaterial); } // Draw this._draw(subMesh, fillMode); } } } }; /** * Triggers the draw call for the mesh. * Usually, you don't need to call this method by your own because the mesh rendering is handled by the scene rendering manager. */ Mesh.prototype.render = function (subMesh, enableAlphaMode) { var scene = this.getScene(); // Managing instances var batch = this._getInstancesRenderList(subMesh._id); if (batch.mustReturn) { return; } // Checking geometry state if (!this._geometry || !this._geometry.getVertexBuffers() || !this._geometry.getIndexBuffer()) { return; } var callbackIndex; this.onBeforeRenderObservable.notifyObservers(this); var engine = scene.getEngine(); var hardwareInstancedRendering = (engine.getCaps().instancedArrays !== null) && (batch.visibleInstances[subMesh._id] !== null) && (batch.visibleInstances[subMesh._id] !== undefined); // Material var effectiveMaterial = subMesh.getMaterial(); if (!effectiveMaterial || !effectiveMaterial.isReady(this, hardwareInstancedRendering)) { return; } // Outline - step 1 var savedDepthWrite = engine.getDepthWrite(); if (this.renderOutline) { engine.setDepthWrite(false); scene.getOutlineRenderer().render(subMesh, batch); engine.setDepthWrite(savedDepthWrite); } effectiveMaterial._preBind(); var effect = effectiveMaterial.getEffect(); // Bind var fillMode = scene.forcePointsCloud ? BABYLON.Material.PointFillMode : (scene.forceWireframe ? BABYLON.Material.WireFrameFillMode : effectiveMaterial.fillMode); this._bind(subMesh, effect, fillMode); var world = this.getWorldMatrix(); effectiveMaterial.bind(world, this); // Alpha mode if (enableAlphaMode) { engine.setAlphaMode(effectiveMaterial.alphaMode); } // Draw this._processRendering(subMesh, effect, fillMode, batch, hardwareInstancedRendering, this._onBeforeDraw, effectiveMaterial); // Unbind effectiveMaterial.unbind(); // Outline - step 2 if (this.renderOutline && savedDepthWrite) { engine.setDepthWrite(true); engine.setColorWrite(false); scene.getOutlineRenderer().render(subMesh, batch); engine.setColorWrite(true); } // Overlay if (this.renderOverlay) { var currentMode = engine.getAlphaMode(); engine.setAlphaMode(BABYLON.Engine.ALPHA_COMBINE); scene.getOutlineRenderer().render(subMesh, batch, true); engine.setAlphaMode(currentMode); } this.onAfterRenderObservable.notifyObservers(this); }; Mesh.prototype._onBeforeDraw = function (isInstance, world, effectiveMaterial) { if (isInstance) { effectiveMaterial.bindOnlyWorldMatrix(world); } }; /** * Returns an array populated with ParticleSystem objects whose the mesh is the emitter. */ Mesh.prototype.getEmittedParticleSystems = function () { var results = new Array(); for (var index = 0; index < this.getScene().particleSystems.length; index++) { var particleSystem = this.getScene().particleSystems[index]; if (particleSystem.emitter === this) { results.push(particleSystem); } } return results; }; /** * Returns an array populated with ParticleSystem objects whose the mesh or its children are the emitter. */ Mesh.prototype.getHierarchyEmittedParticleSystems = function () { var results = new Array(); var descendants = this.getDescendants(); descendants.push(this); for (var index = 0; index < this.getScene().particleSystems.length; index++) { var particleSystem = this.getScene().particleSystems[index]; if (descendants.indexOf(particleSystem.emitter) !== -1) { results.push(particleSystem); } } return results; }; Mesh.prototype._checkDelayState = function () { var scene = this.getScene(); if (this._geometry) { this._geometry.load(scene); } else if (this.delayLoadState === BABYLON.Engine.DELAYLOADSTATE_NOTLOADED) { this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_LOADING; this._queueLoad(this, scene); } }; Mesh.prototype._queueLoad = function (mesh, scene) { var _this = this; scene._addPendingData(mesh); var getBinaryData = (this.delayLoadingFile.indexOf(".babylonbinarymeshdata") !== -1); BABYLON.Tools.LoadFile(this.delayLoadingFile, function (data) { if (data instanceof ArrayBuffer) { _this._delayLoadingFunction(data, _this); } else { _this._delayLoadingFunction(JSON.parse(data), _this); } _this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_LOADED; scene._removePendingData(_this); }, function () { }, scene.database, getBinaryData); }; /** * Boolean, true is the mesh in the frustum defined by the Plane objects from the `frustumPlanes` array parameter. */ Mesh.prototype.isInFrustum = function (frustumPlanes) { if (this.delayLoadState === BABYLON.Engine.DELAYLOADSTATE_LOADING) { return false; } if (!_super.prototype.isInFrustum.call(this, frustumPlanes)) { return false; } this._checkDelayState(); return true; }; /** * Sets the mesh material by the material or multiMaterial `id` property. * The material `id` is a string identifying the material or the multiMaterial. * This method returns nothing. */ Mesh.prototype.setMaterialByID = function (id) { var materials = this.getScene().materials; var index; for (index = 0; index < materials.length; index++) { if (materials[index].id === id) { this.material = materials[index]; return; } } // Multi var multiMaterials = this.getScene().multiMaterials; for (index = 0; index < multiMaterials.length; index++) { if (multiMaterials[index].id === id) { this.material = multiMaterials[index]; return; } } }; /** * Returns as a new array populated with the mesh material and/or skeleton, if any. */ Mesh.prototype.getAnimatables = function () { var results = []; if (this.material) { results.push(this.material); } if (this.skeleton) { results.push(this.skeleton); } return results; }; /** * Modifies the mesh geometry according to the passed transformation matrix. * This method returns nothing but it really modifies the mesh even if it's originally not set as updatable. * The mesh normals are modified accordingly the same transformation. * tuto : http://doc.babylonjs.com/tutorials/How_Rotations_and_Translations_Work#baking-transform * Note that, under the hood, this method sets a new VertexBuffer each call. */ Mesh.prototype.bakeTransformIntoVertices = function (transform) { // Position if (!this.isVerticesDataPresent(BABYLON.VertexBuffer.PositionKind)) { return; } var submeshes = this.subMeshes.splice(0); this._resetPointsArrayCache(); var data = this.getVerticesData(BABYLON.VertexBuffer.PositionKind); var temp = []; var index; for (index = 0; index < data.length; index += 3) { BABYLON.Vector3.TransformCoordinates(BABYLON.Vector3.FromArray(data, index), transform).toArray(temp, index); } this.setVerticesData(BABYLON.VertexBuffer.PositionKind, temp, this.getVertexBuffer(BABYLON.VertexBuffer.PositionKind).isUpdatable()); // Normals if (!this.isVerticesDataPresent(BABYLON.VertexBuffer.NormalKind)) { return; } data = this.getVerticesData(BABYLON.VertexBuffer.NormalKind); temp = []; for (index = 0; index < data.length; index += 3) { BABYLON.Vector3.TransformNormal(BABYLON.Vector3.FromArray(data, index), transform).normalize().toArray(temp, index); } this.setVerticesData(BABYLON.VertexBuffer.NormalKind, temp, this.getVertexBuffer(BABYLON.VertexBuffer.NormalKind).isUpdatable()); // flip faces? if (transform.m[0] * transform.m[5] * transform.m[10] < 0) { this.flipFaces(); } // Restore submeshes this.releaseSubMeshes(); this.subMeshes = submeshes; }; /** * Modifies the mesh geometry according to its own current World Matrix. * The mesh World Matrix is then reset. * This method returns nothing but really modifies the mesh even if it's originally not set as updatable. * tuto : tuto : http://doc.babylonjs.com/tutorials/How_Rotations_and_Translations_Work#baking-transform * Note that, under the hood, this method sets a new VertexBuffer each call. */ Mesh.prototype.bakeCurrentTransformIntoVertices = function () { this.bakeTransformIntoVertices(this.computeWorldMatrix(true)); this.scaling.copyFromFloats(1, 1, 1); this.position.copyFromFloats(0, 0, 0); this.rotation.copyFromFloats(0, 0, 0); //only if quaternion is already set if (this.rotationQuaternion) { this.rotationQuaternion = BABYLON.Quaternion.Identity(); } this._worldMatrix = BABYLON.Matrix.Identity(); }; // Cache Mesh.prototype._resetPointsArrayCache = function () { this._positions = null; }; Mesh.prototype._generatePointsArray = function () { if (this._positions) return true; this._positions = []; var data = this.getVerticesData(BABYLON.VertexBuffer.PositionKind); if (!data) { return false; } for (var index = 0; index < data.length; index += 3) { this._positions.push(BABYLON.Vector3.FromArray(data, index)); } return true; }; /** * Returns a new Mesh object generated from the current mesh properties. * This method must not get confused with createInstance(). * The parameter `name` is a string, the name given to the new mesh. * The optional parameter `newParent` can be any Node object (default `null`). * The optional parameter `doNotCloneChildren` (default `false`) allows/denies the recursive cloning of the original mesh children if any. * The parameter `clonePhysicsImpostor` (default `true`) allows/denies the cloning in the same time of the original mesh `body` used by the physics engine, if any. */ Mesh.prototype.clone = function (name, newParent, doNotCloneChildren, clonePhysicsImpostor) { if (clonePhysicsImpostor === void 0) { clonePhysicsImpostor = true; } return new Mesh(name, this.getScene(), newParent, this, doNotCloneChildren, clonePhysicsImpostor); }; /** * Disposes the mesh. * This also frees the memory allocated under the hood to all the buffers used by WebGL. */ Mesh.prototype.dispose = function (doNotRecurse) { if (this._geometry) { this._geometry.releaseForMesh(this, true); } // Instances if (this._instancesBuffer) { this._instancesBuffer.dispose(); this._instancesBuffer = null; } while (this.instances.length) { this.instances[0].dispose(); } // Highlight layers. var highlightLayers = this.getScene().highlightLayers; for (var i = 0; i < highlightLayers.length; i++) { var highlightLayer = highlightLayers[i]; if (highlightLayer) { highlightLayer.removeMesh(this); highlightLayer.removeExcludedMesh(this); } } _super.prototype.dispose.call(this, doNotRecurse); }; /** * Modifies the mesh geometry according to a displacement map. * A displacement map is a colored image. Each pixel color value (actually a gradient computed from red, green, blue values) will give the displacement to apply to each mesh vertex. * The mesh must be set as updatable. Its internal geometry is directly modified, no new buffer are allocated. * This method returns nothing. * The parameter `url` is a string, the URL from the image file is to be downloaded. * The parameters `minHeight` and `maxHeight` are the lower and upper limits of the displacement. * The parameter `onSuccess` is an optional Javascript function to be called just after the mesh is modified. It is passed the modified mesh and must return nothing. */ Mesh.prototype.applyDisplacementMap = function (url, minHeight, maxHeight, onSuccess) { var _this = this; var scene = this.getScene(); var onload = function (img) { // Getting height map data var canvas = document.createElement("canvas"); var context = canvas.getContext("2d"); var heightMapWidth = img.width; var heightMapHeight = img.height; canvas.width = heightMapWidth; canvas.height = heightMapHeight; context.drawImage(img, 0, 0); // Create VertexData from map data //Cast is due to wrong definition in lib.d.ts from ts 1.3 - https://github.com/Microsoft/TypeScript/issues/949 var buffer = context.getImageData(0, 0, heightMapWidth, heightMapHeight).data; _this.applyDisplacementMapFromBuffer(buffer, heightMapWidth, heightMapHeight, minHeight, maxHeight); //execute success callback, if set if (onSuccess) { onSuccess(_this); } }; BABYLON.Tools.LoadImage(url, onload, function () { }, scene.database); }; /** * Modifies the mesh geometry according to a displacementMap buffer. * A displacement map is a colored image. Each pixel color value (actually a gradient computed from red, green, blue values) will give the displacement to apply to each mesh vertex. * The mesh must be set as updatable. Its internal geometry is directly modified, no new buffer are allocated. * This method returns nothing. * The parameter `buffer` is a `Uint8Array` buffer containing series of `Uint8` lower than 255, the red, green, blue and alpha values of each successive pixel. * The parameters `heightMapWidth` and `heightMapHeight` are positive integers to set the width and height of the buffer image. * The parameters `minHeight` and `maxHeight` are the lower and upper limits of the displacement. */ Mesh.prototype.applyDisplacementMapFromBuffer = function (buffer, heightMapWidth, heightMapHeight, minHeight, maxHeight) { if (!this.isVerticesDataPresent(BABYLON.VertexBuffer.PositionKind) || !this.isVerticesDataPresent(BABYLON.VertexBuffer.NormalKind) || !this.isVerticesDataPresent(BABYLON.VertexBuffer.UVKind)) { BABYLON.Tools.Warn("Cannot call applyDisplacementMap: Given mesh is not complete. Position, Normal or UV are missing"); return; } var positions = this.getVerticesData(BABYLON.VertexBuffer.PositionKind); var normals = this.getVerticesData(BABYLON.VertexBuffer.NormalKind); var uvs = this.getVerticesData(BABYLON.VertexBuffer.UVKind); var position = BABYLON.Vector3.Zero(); var normal = BABYLON.Vector3.Zero(); var uv = BABYLON.Vector2.Zero(); for (var index = 0; index < positions.length; index += 3) { BABYLON.Vector3.FromArrayToRef(positions, index, position); BABYLON.Vector3.FromArrayToRef(normals, index, normal); BABYLON.Vector2.FromArrayToRef(uvs, (index / 3) * 2, uv); // Compute height var u = ((Math.abs(uv.x) * heightMapWidth) % heightMapWidth) | 0; var v = ((Math.abs(uv.y) * heightMapHeight) % heightMapHeight) | 0; var pos = (u + v * heightMapWidth) * 4; var r = buffer[pos] / 255.0; var g = buffer[pos + 1] / 255.0; var b = buffer[pos + 2] / 255.0; var gradient = r * 0.3 + g * 0.59 + b * 0.11; normal.normalize(); normal.scaleInPlace(minHeight + (maxHeight - minHeight) * gradient); position = position.add(normal); position.toArray(positions, index); } BABYLON.VertexData.ComputeNormals(positions, this.getIndices(), normals); this.updateVerticesData(BABYLON.VertexBuffer.PositionKind, positions); this.updateVerticesData(BABYLON.VertexBuffer.NormalKind, normals); }; /** * Modify the mesh to get a flat shading rendering. * This means each mesh facet will then have its own normals. Usually new vertices are added in the mesh geometry to get this result. * This method returns nothing. * Warning : the mesh is really modified even if not set originally as updatable and, under the hood, a new VertexBuffer is allocated. */ Mesh.prototype.convertToFlatShadedMesh = function () { /// Update normals and vertices to get a flat shading rendering. /// Warning: This may imply adding vertices to the mesh in order to get exactly 3 vertices per face var kinds = this.getVerticesDataKinds(); var vbs = []; var data = []; var newdata = []; var updatableNormals = false; var kindIndex; var kind; for (kindIndex = 0; kindIndex < kinds.length; kindIndex++) { kind = kinds[kindIndex]; var vertexBuffer = this.getVertexBuffer(kind); if (kind === BABYLON.VertexBuffer.NormalKind) { updatableNormals = vertexBuffer.isUpdatable(); kinds.splice(kindIndex, 1); kindIndex--; continue; } vbs[kind] = vertexBuffer; data[kind] = vbs[kind].getData(); newdata[kind] = []; } // Save previous submeshes var previousSubmeshes = this.subMeshes.slice(0); var indices = this.getIndices(); var totalIndices = this.getTotalIndices(); // Generating unique vertices per face var index; for (index = 0; index < totalIndices; index++) { var vertexIndex = indices[index]; for (kindIndex = 0; kindIndex < kinds.length; kindIndex++) { kind = kinds[kindIndex]; var stride = vbs[kind].getStrideSize(); for (var offset = 0; offset < stride; offset++) { newdata[kind].push(data[kind][vertexIndex * stride + offset]); } } } // Updating faces & normal var normals = []; var positions = newdata[BABYLON.VertexBuffer.PositionKind]; for (index = 0; index < totalIndices; index += 3) { indices[index] = index; indices[index + 1] = index + 1; indices[index + 2] = index + 2; var p1 = BABYLON.Vector3.FromArray(positions, index * 3); var p2 = BABYLON.Vector3.FromArray(positions, (index + 1) * 3); var p3 = BABYLON.Vector3.FromArray(positions, (index + 2) * 3); var p1p2 = p1.subtract(p2); var p3p2 = p3.subtract(p2); var normal = BABYLON.Vector3.Normalize(BABYLON.Vector3.Cross(p1p2, p3p2)); // Store same normals for every vertex for (var localIndex = 0; localIndex < 3; localIndex++) { normals.push(normal.x); normals.push(normal.y); normals.push(normal.z); } } this.setIndices(indices); this.setVerticesData(BABYLON.VertexBuffer.NormalKind, normals, updatableNormals); // Updating vertex buffers for (kindIndex = 0; kindIndex < kinds.length; kindIndex++) { kind = kinds[kindIndex]; this.setVerticesData(kind, newdata[kind], vbs[kind].isUpdatable()); } // Updating submeshes this.releaseSubMeshes(); for (var submeshIndex = 0; submeshIndex < previousSubmeshes.length; submeshIndex++) { var previousOne = previousSubmeshes[submeshIndex]; var subMesh = new BABYLON.SubMesh(previousOne.materialIndex, previousOne.indexStart, previousOne.indexCount, previousOne.indexStart, previousOne.indexCount, this); } this.synchronizeInstances(); }; /** * This method removes all the mesh indices and add new vertices (duplication) in order to unfold facets into buffers. * In other words, more vertices, no more indices and a single bigger VBO. * This method returns nothing. * The mesh is really modified even if not set originally as updatable. Under the hood, a new VertexBuffer is allocated. * */ Mesh.prototype.convertToUnIndexedMesh = function () { /// Remove indices by unfolding faces into buffers /// Warning: This implies adding vertices to the mesh in order to get exactly 3 vertices per face var kinds = this.getVerticesDataKinds(); var vbs = []; var data = []; var newdata = []; var updatableNormals = false; var kindIndex; var kind; for (kindIndex = 0; kindIndex < kinds.length; kindIndex++) { kind = kinds[kindIndex]; var vertexBuffer = this.getVertexBuffer(kind); vbs[kind] = vertexBuffer; data[kind] = vbs[kind].getData(); newdata[kind] = []; } // Save previous submeshes var previousSubmeshes = this.subMeshes.slice(0); var indices = this.getIndices(); var totalIndices = this.getTotalIndices(); // Generating unique vertices per face var index; for (index = 0; index < totalIndices; index++) { var vertexIndex = indices[index]; for (kindIndex = 0; kindIndex < kinds.length; kindIndex++) { kind = kinds[kindIndex]; var stride = vbs[kind].getStrideSize(); for (var offset = 0; offset < stride; offset++) { newdata[kind].push(data[kind][vertexIndex * stride + offset]); } } } // Updating indices for (index = 0; index < totalIndices; index += 3) { indices[index] = index; indices[index + 1] = index + 1; indices[index + 2] = index + 2; } this.setIndices(indices); // Updating vertex buffers for (kindIndex = 0; kindIndex < kinds.length; kindIndex++) { kind = kinds[kindIndex]; this.setVerticesData(kind, newdata[kind], vbs[kind].isUpdatable()); } // Updating submeshes this.releaseSubMeshes(); for (var submeshIndex = 0; submeshIndex < previousSubmeshes.length; submeshIndex++) { var previousOne = previousSubmeshes[submeshIndex]; var subMesh = new BABYLON.SubMesh(previousOne.materialIndex, previousOne.indexStart, previousOne.indexCount, previousOne.indexStart, previousOne.indexCount, this); } this._unIndexed = true; this.synchronizeInstances(); }; /** * Inverses facet orientations and inverts also the normals with `flipNormals` (default `false`) if true. * This method returns nothing. * Warning : the mesh is really modified even if not set originally as updatable. A new VertexBuffer is created under the hood each call. */ Mesh.prototype.flipFaces = function (flipNormals) { if (flipNormals === void 0) { flipNormals = false; } var vertex_data = BABYLON.VertexData.ExtractFromMesh(this); var i; if (flipNormals && this.isVerticesDataPresent(BABYLON.VertexBuffer.NormalKind)) { for (i = 0; i < vertex_data.normals.length; i++) { vertex_data.normals[i] *= -1; } } var temp; for (i = 0; i < vertex_data.indices.length; i += 3) { // reassign indices temp = vertex_data.indices[i + 1]; vertex_data.indices[i + 1] = vertex_data.indices[i + 2]; vertex_data.indices[i + 2] = temp; } vertex_data.applyToMesh(this); }; // Instances /** * Creates a new InstancedMesh object from the mesh model. * An instance shares the same properties and the same material than its model. * Only these properties of each instance can then be set individually : * - position * - rotation * - rotationQuaternion * - setPivotMatrix * - scaling * tuto : http://doc.babylonjs.com/tutorials/How_to_use_Instances * Warning : this method is not supported for Line mesh and LineSystem */ Mesh.prototype.createInstance = function (name) { return new BABYLON.InstancedMesh(name, this); }; /** * Synchronises all the mesh instance submeshes to the current mesh submeshes, if any. * After this call, all the mesh instances have the same submeshes than the current mesh. * This method returns nothing. */ Mesh.prototype.synchronizeInstances = function () { for (var instanceIndex = 0; instanceIndex < this.instances.length; instanceIndex++) { var instance = this.instances[instanceIndex]; instance._syncSubMeshes(); } }; /** * Simplify the mesh according to the given array of settings. * Function will return immediately and will simplify async. It returns nothing. * @param settings a collection of simplification settings. * @param parallelProcessing should all levels calculate parallel or one after the other. * @param type the type of simplification to run. * @param successCallback optional success callback to be called after the simplification finished processing all settings. */ Mesh.prototype.simplify = function (settings, parallelProcessing, simplificationType, successCallback) { if (parallelProcessing === void 0) { parallelProcessing = true; } if (simplificationType === void 0) { simplificationType = BABYLON.SimplificationType.QUADRATIC; } this.getScene().simplificationQueue.addTask({ settings: settings, parallelProcessing: parallelProcessing, mesh: this, simplificationType: simplificationType, successCallback: successCallback }); }; /** * Optimization of the mesh's indices, in case a mesh has duplicated vertices. * The function will only reorder the indices and will not remove unused vertices to avoid problems with submeshes. * This should be used together with the simplification to avoid disappearing triangles. * @param successCallback an optional success callback to be called after the optimization finished. */ Mesh.prototype.optimizeIndices = function (successCallback) { var _this = this; var indices = this.getIndices(); var positions = this.getVerticesData(BABYLON.VertexBuffer.PositionKind); var vectorPositions = []; for (var pos = 0; pos < positions.length; pos = pos + 3) { vectorPositions.push(BABYLON.Vector3.FromArray(positions, pos)); } var dupes = []; BABYLON.AsyncLoop.SyncAsyncForLoop(vectorPositions.length, 40, function (iteration) { var realPos = vectorPositions.length - 1 - iteration; var testedPosition = vectorPositions[realPos]; for (var j = 0; j < realPos; ++j) { var againstPosition = vectorPositions[j]; if (testedPosition.equals(againstPosition)) { dupes[realPos] = j; break; } } }, function () { for (var i = 0; i < indices.length; ++i) { indices[i] = dupes[indices[i]] || indices[i]; } //indices are now reordered var originalSubMeshes = _this.subMeshes.slice(0); _this.setIndices(indices); _this.subMeshes = originalSubMeshes; if (successCallback) { successCallback(_this); } }); }; // Statics /** * Returns a new Mesh object what is a deep copy of the passed mesh. * The parameter `parsedMesh` is the mesh to be copied. * The parameter `rootUrl` is a string, it's the root URL to prefix the `delayLoadingFile` property with */ Mesh.Parse = function (parsedMesh, scene, rootUrl) { var mesh = new Mesh(parsedMesh.name, scene); mesh.id = parsedMesh.id; BABYLON.Tags.AddTagsTo(mesh, parsedMesh.tags); mesh.position = BABYLON.Vector3.FromArray(parsedMesh.position); if (parsedMesh.metadata !== undefined) { mesh.metadata = parsedMesh.metadata; } if (parsedMesh.rotationQuaternion) { mesh.rotationQuaternion = BABYLON.Quaternion.FromArray(parsedMesh.rotationQuaternion); } else if (parsedMesh.rotation) { mesh.rotation = BABYLON.Vector3.FromArray(parsedMesh.rotation); } mesh.scaling = BABYLON.Vector3.FromArray(parsedMesh.scaling); if (parsedMesh.localMatrix) { mesh.setPivotMatrix(BABYLON.Matrix.FromArray(parsedMesh.localMatrix)); } else if (parsedMesh.pivotMatrix) { mesh.setPivotMatrix(BABYLON.Matrix.FromArray(parsedMesh.pivotMatrix)); } mesh.setEnabled(parsedMesh.isEnabled); mesh.isVisible = parsedMesh.isVisible; mesh.infiniteDistance = parsedMesh.infiniteDistance; mesh.showBoundingBox = parsedMesh.showBoundingBox; mesh.showSubMeshesBoundingBox = parsedMesh.showSubMeshesBoundingBox; if (parsedMesh.applyFog !== undefined) { mesh.applyFog = parsedMesh.applyFog; } if (parsedMesh.pickable !== undefined) { mesh.isPickable = parsedMesh.pickable; } if (parsedMesh.alphaIndex !== undefined) { mesh.alphaIndex = parsedMesh.alphaIndex; } mesh.receiveShadows = parsedMesh.receiveShadows; mesh.billboardMode = parsedMesh.billboardMode; if (parsedMesh.visibility !== undefined) { mesh.visibility = parsedMesh.visibility; } mesh.checkCollisions = parsedMesh.checkCollisions; if (parsedMesh.isBlocker !== undefined) { mesh.isBlocker = parsedMesh.isBlocker; } mesh._shouldGenerateFlatShading = parsedMesh.useFlatShading; // freezeWorldMatrix if (parsedMesh.freezeWorldMatrix) { mesh._waitingFreezeWorldMatrix = parsedMesh.freezeWorldMatrix; } // Parent if (parsedMesh.parentId) { mesh._waitingParentId = parsedMesh.parentId; } // Actions if (parsedMesh.actions !== undefined) { mesh._waitingActions = parsedMesh.actions; } // Geometry mesh.hasVertexAlpha = parsedMesh.hasVertexAlpha; if (parsedMesh.delayLoadingFile) { mesh.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_NOTLOADED; mesh.delayLoadingFile = rootUrl + parsedMesh.delayLoadingFile; mesh._boundingInfo = new BABYLON.BoundingInfo(BABYLON.Vector3.FromArray(parsedMesh.boundingBoxMinimum), BABYLON.Vector3.FromArray(parsedMesh.boundingBoxMaximum)); if (parsedMesh._binaryInfo) { mesh._binaryInfo = parsedMesh._binaryInfo; } mesh._delayInfo = []; if (parsedMesh.hasUVs) { mesh._delayInfo.push(BABYLON.VertexBuffer.UVKind); } if (parsedMesh.hasUVs2) { mesh._delayInfo.push(BABYLON.VertexBuffer.UV2Kind); } if (parsedMesh.hasUVs3) { mesh._delayInfo.push(BABYLON.VertexBuffer.UV3Kind); } if (parsedMesh.hasUVs4) { mesh._delayInfo.push(BABYLON.VertexBuffer.UV4Kind); } if (parsedMesh.hasUVs5) { mesh._delayInfo.push(BABYLON.VertexBuffer.UV5Kind); } if (parsedMesh.hasUVs6) { mesh._delayInfo.push(BABYLON.VertexBuffer.UV6Kind); } if (parsedMesh.hasColors) { mesh._delayInfo.push(BABYLON.VertexBuffer.ColorKind); } if (parsedMesh.hasMatricesIndices) { mesh._delayInfo.push(BABYLON.VertexBuffer.MatricesIndicesKind); } if (parsedMesh.hasMatricesWeights) { mesh._delayInfo.push(BABYLON.VertexBuffer.MatricesWeightsKind); } mesh._delayLoadingFunction = BABYLON.Geometry.ImportGeometry; if (BABYLON.SceneLoader.ForceFullSceneLoadingForIncremental) { mesh._checkDelayState(); } } else { BABYLON.Geometry.ImportGeometry(parsedMesh, mesh); } // Material if (parsedMesh.materialId) { mesh.setMaterialByID(parsedMesh.materialId); } else { mesh.material = null; } // Skeleton if (parsedMesh.skeletonId > -1) { mesh.skeleton = scene.getLastSkeletonByID(parsedMesh.skeletonId); if (parsedMesh.numBoneInfluencers) { mesh.numBoneInfluencers = parsedMesh.numBoneInfluencers; } } // Animations if (parsedMesh.animations) { for (var animationIndex = 0; animationIndex < parsedMesh.animations.length; animationIndex++) { var parsedAnimation = parsedMesh.animations[animationIndex]; mesh.animations.push(BABYLON.Animation.Parse(parsedAnimation)); } BABYLON.Node.ParseAnimationRanges(mesh, parsedMesh, scene); } if (parsedMesh.autoAnimate) { scene.beginAnimation(mesh, parsedMesh.autoAnimateFrom, parsedMesh.autoAnimateTo, parsedMesh.autoAnimateLoop, parsedMesh.autoAnimateSpeed || 1.0); } // Layer Mask if (parsedMesh.layerMask && (!isNaN(parsedMesh.layerMask))) { mesh.layerMask = Math.abs(parseInt(parsedMesh.layerMask)); } else { mesh.layerMask = 0x0FFFFFFF; } //(Deprecated) physics if (parsedMesh.physicsImpostor) { mesh.physicsImpostor = new BABYLON.PhysicsImpostor(mesh, parsedMesh.physicsImpostor, { mass: parsedMesh.physicsMass, friction: parsedMesh.physicsFriction, restitution: parsedMesh.physicsRestitution }, scene); } // Instances if (parsedMesh.instances) { for (var index = 0; index < parsedMesh.instances.length; index++) { var parsedInstance = parsedMesh.instances[index]; var instance = mesh.createInstance(parsedInstance.name); BABYLON.Tags.AddTagsTo(instance, parsedInstance.tags); instance.position = BABYLON.Vector3.FromArray(parsedInstance.position); if (parsedInstance.parentId) { instance._waitingParentId = parsedInstance.parentId; } if (parsedInstance.rotationQuaternion) { instance.rotationQuaternion = BABYLON.Quaternion.FromArray(parsedInstance.rotationQuaternion); } else if (parsedInstance.rotation) { instance.rotation = BABYLON.Vector3.FromArray(parsedInstance.rotation); } instance.scaling = BABYLON.Vector3.FromArray(parsedInstance.scaling); instance.checkCollisions = mesh.checkCollisions; if (parsedMesh.animations) { for (animationIndex = 0; animationIndex < parsedMesh.animations.length; animationIndex++) { parsedAnimation = parsedMesh.animations[animationIndex]; instance.animations.push(BABYLON.Animation.Parse(parsedAnimation)); } BABYLON.Node.ParseAnimationRanges(instance, parsedMesh, scene); } } } return mesh; }; /** * Creates a ribbon mesh. * Please consider using the same method from the MeshBuilder class instead. * The ribbon is a parametric shape : http://doc.babylonjs.com/tutorials/Parametric_Shapes. It has no predefined shape. Its final shape will depend on the input parameters. * * Please read this full tutorial to understand how to design a ribbon : http://doc.babylonjs.com/tutorials/Ribbon_Tutorial * The parameter `pathArray` is a required array of paths, what are each an array of successive Vector3. The pathArray parameter depicts the ribbon geometry. * The parameter `closeArray` (boolean, default false) creates a seam between the first and the last paths of the path array. * The parameter `closePath` (boolean, default false) creates a seam between the first and the last points of each path of the path array. * The parameter `offset` (positive integer, default : rounded half size of the pathArray length), is taken in account only if the `pathArray` is containing a single path. * It's the offset to join together the points from the same path. Ex : offset = 10 means the point 1 is joined to the point 11. * The optional parameter `instance` is an instance of an existing Ribbon object to be updated with the passed `pathArray` parameter : http://doc.babylonjs.com/tutorials/How_to_dynamically_morph_a_mesh#ribbon * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreateRibbon = function (name, pathArray, closeArray, closePath, offset, scene, updatable, sideOrientation, instance) { return BABYLON.MeshBuilder.CreateRibbon(name, { pathArray: pathArray, closeArray: closeArray, closePath: closePath, offset: offset, updatable: updatable, sideOrientation: sideOrientation, instance: instance }, scene); }; /** * Creates a plane polygonal mesh. By default, this is a disc. * Please consider using the same method from the MeshBuilder class instead. * The parameter `radius` sets the radius size (float) of the polygon (default 0.5). * The parameter `tessellation` sets the number of polygon sides (positive integer, default 64). So a tessellation valued to 3 will build a triangle, to 4 a square, etc. * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreateDisc = function (name, radius, tessellation, scene, updatable, sideOrientation) { var options = { radius: radius, tessellation: tessellation, sideOrientation: sideOrientation, updatable: updatable }; return BABYLON.MeshBuilder.CreateDisc(name, options, scene); }; /** * Creates a box mesh. * Please consider using the same method from the MeshBuilder class instead. * The parameter `size` sets the size (float) of each box side (default 1). * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreateBox = function (name, size, scene, updatable, sideOrientation) { var options = { size: size, sideOrientation: sideOrientation, updatable: updatable }; return BABYLON.MeshBuilder.CreateBox(name, options, scene); }; /** * Creates a sphere mesh. * Please consider using the same method from the MeshBuilder class instead. * The parameter `diameter` sets the diameter size (float) of the sphere (default 1). * The parameter `segments` sets the sphere number of horizontal stripes (positive integer, default 32). * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreateSphere = function (name, segments, diameter, scene, updatable, sideOrientation) { var options = { segments: segments, diameterX: diameter, diameterY: diameter, diameterZ: diameter, sideOrientation: sideOrientation, updatable: updatable }; return BABYLON.MeshBuilder.CreateSphere(name, options, scene); }; /** * Creates a cylinder or a cone mesh. * Please consider using the same method from the MeshBuilder class instead. * The parameter `height` sets the height size (float) of the cylinder/cone (float, default 2). * The parameter `diameter` sets the diameter of the top and bottom cap at once (float, default 1). * The parameters `diameterTop` and `diameterBottom` overwrite the parameter `diameter` and set respectively the top cap and bottom cap diameter (floats, default 1). The parameter "diameterBottom" can't be zero. * The parameter `tessellation` sets the number of cylinder sides (positive integer, default 24). Set it to 3 to get a prism for instance. * The parameter `subdivisions` sets the number of rings along the cylinder height (positive integer, default 1). * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreateCylinder = function (name, height, diameterTop, diameterBottom, tessellation, subdivisions, scene, updatable, sideOrientation) { if (scene === undefined || !(scene instanceof BABYLON.Scene)) { if (scene !== undefined) { sideOrientation = updatable || Mesh.DEFAULTSIDE; updatable = scene; } scene = subdivisions; subdivisions = 1; } var options = { height: height, diameterTop: diameterTop, diameterBottom: diameterBottom, tessellation: tessellation, subdivisions: subdivisions, sideOrientation: sideOrientation, updatable: updatable }; return BABYLON.MeshBuilder.CreateCylinder(name, options, scene); }; // Torus (Code from SharpDX.org) /** * Creates a torus mesh. * Please consider using the same method from the MeshBuilder class instead. * The parameter `diameter` sets the diameter size (float) of the torus (default 1). * The parameter `thickness` sets the diameter size of the tube of the torus (float, default 0.5). * The parameter `tessellation` sets the number of torus sides (postive integer, default 16). * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreateTorus = function (name, diameter, thickness, tessellation, scene, updatable, sideOrientation) { var options = { diameter: diameter, thickness: thickness, tessellation: tessellation, sideOrientation: sideOrientation, updatable: updatable }; return BABYLON.MeshBuilder.CreateTorus(name, options, scene); }; /** * Creates a torus knot mesh. * Please consider using the same method from the MeshBuilder class instead. * The parameter `radius` sets the global radius size (float) of the torus knot (default 2). * The parameter `radialSegments` sets the number of sides on each tube segments (positive integer, default 32). * The parameter `tubularSegments` sets the number of tubes to decompose the knot into (positive integer, default 32). * The parameters `p` and `q` are the number of windings on each axis (positive integers, default 2 and 3). * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreateTorusKnot = function (name, radius, tube, radialSegments, tubularSegments, p, q, scene, updatable, sideOrientation) { var options = { radius: radius, tube: tube, radialSegments: radialSegments, tubularSegments: tubularSegments, p: p, q: q, sideOrientation: sideOrientation, updatable: updatable }; return BABYLON.MeshBuilder.CreateTorusKnot(name, options, scene); }; /** * Creates a line mesh. * Please consider using the same method from the MeshBuilder class instead. * A line mesh is considered as a parametric shape since it has no predefined original shape. Its shape is determined by the passed array of points as an input parameter. * Like every other parametric shape, it is dynamically updatable by passing an existing instance of LineMesh to this static function. * The parameter `points` is an array successive Vector3. * The optional parameter `instance` is an instance of an existing LineMesh object to be updated with the passed `points` parameter : http://doc.babylonjs.com/tutorials/How_to_dynamically_morph_a_mesh#lines-and-dashedlines * When updating an instance, remember that only point positions can change, not the number of points. * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreateLines = function (name, points, scene, updatable, instance) { var options = { points: points, updatable: updatable, instance: instance }; return BABYLON.MeshBuilder.CreateLines(name, options, scene); }; /** * Creates a dashed line mesh. * Please consider using the same method from the MeshBuilder class instead. * A dashed line mesh is considered as a parametric shape since it has no predefined original shape. Its shape is determined by the passed array of points as an input parameter. * Like every other parametric shape, it is dynamically updatable by passing an existing instance of LineMesh to this static function. * The parameter `points` is an array successive Vector3. * The parameter `dashNb` is the intended total number of dashes (positive integer, default 200). * The parameter `dashSize` is the size of the dashes relatively the dash number (positive float, default 3). * The parameter `gapSize` is the size of the gap between two successive dashes relatively the dash number (positive float, default 1). * The optional parameter `instance` is an instance of an existing LineMesh object to be updated with the passed `points` parameter : http://doc.babylonjs.com/tutorials/How_to_dynamically_morph_a_mesh#lines-and-dashedlines * When updating an instance, remember that only point positions can change, not the number of points. * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreateDashedLines = function (name, points, dashSize, gapSize, dashNb, scene, updatable, instance) { var options = { points: points, dashSize: dashSize, gapSize: gapSize, dashNb: dashNb, updatable: updatable, instance: instance }; return BABYLON.MeshBuilder.CreateDashedLines(name, options, scene); }; /** * Creates an extruded shape mesh. * The extrusion is a parametric shape : http://doc.babylonjs.com/tutorials/Parametric_Shapes. It has no predefined shape. Its final shape will depend on the input parameters. * Please consider using the same method from the MeshBuilder class instead. * * Please read this full tutorial to understand how to design an extruded shape : http://doc.babylonjs.com/tutorials/Parametric_Shapes#extrusion * The parameter `shape` is a required array of successive Vector3. This array depicts the shape to be extruded in its local space : the shape must be designed in the xOy plane and will be * extruded along the Z axis. * The parameter `path` is a required array of successive Vector3. This is the axis curve the shape is extruded along. * The parameter `rotation` (float, default 0 radians) is the angle value to rotate the shape each step (each path point), from the former step (so rotation added each step) along the curve. * The parameter `scale` (float, default 1) is the value to scale the shape. * The parameter `cap` sets the way the extruded shape is capped. Possible values : BABYLON.Mesh.NO_CAP (default), BABYLON.Mesh.CAP_START, BABYLON.Mesh.CAP_END, BABYLON.Mesh.CAP_ALL * The optional parameter `instance` is an instance of an existing ExtrudedShape object to be updated with the passed `shape`, `path`, `scale` or `rotation` parameters : http://doc.babylonjs.com/tutorials/How_to_dynamically_morph_a_mesh#extruded-shape * Remember you can only change the shape or path point positions, not their number when updating an extruded shape. * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.ExtrudeShape = function (name, shape, path, scale, rotation, cap, scene, updatable, sideOrientation, instance) { var options = { shape: shape, path: path, scale: scale, rotation: rotation, cap: (cap === 0) ? 0 : cap || Mesh.NO_CAP, sideOrientation: sideOrientation, instance: instance, updatable: updatable }; return BABYLON.MeshBuilder.ExtrudeShape(name, options, scene); }; /** * Creates an custom extruded shape mesh. * The custom extrusion is a parametric shape : http://doc.babylonjs.com/tutorials/Parametric_Shapes. It has no predefined shape. Its final shape will depend on the input parameters. * Please consider using the same method from the MeshBuilder class instead. * * Please read this full tutorial to understand how to design a custom extruded shape : http://doc.babylonjs.com/tutorials/Parametric_Shapes#extrusion * The parameter `shape` is a required array of successive Vector3. This array depicts the shape to be extruded in its local space : the shape must be designed in the xOy plane and will be * extruded along the Z axis. * The parameter `path` is a required array of successive Vector3. This is the axis curve the shape is extruded along. * The parameter `rotationFunction` (JS function) is a custom Javascript function called on each path point. This function is passed the position i of the point in the path * and the distance of this point from the begining of the path : * ```javascript * var rotationFunction = function(i, distance) { * // do things * return rotationValue; } * ``` * It must returns a float value that will be the rotation in radians applied to the shape on each path point. * The parameter `scaleFunction` (JS function) is a custom Javascript function called on each path point. This function is passed the position i of the point in the path * and the distance of this point from the begining of the path : * ```javascript * var scaleFunction = function(i, distance) { * // do things * return scaleValue;} * ``` * It must returns a float value that will be the scale value applied to the shape on each path point. * The parameter `ribbonClosePath` (boolean, default false) forces the extrusion underlying ribbon to close all the paths in its `pathArray`. * The parameter `ribbonCloseArray` (boolean, default false) forces the extrusion underlying ribbon to close its `pathArray`. * The parameter `cap` sets the way the extruded shape is capped. Possible values : BABYLON.Mesh.NO_CAP (default), BABYLON.Mesh.CAP_START, BABYLON.Mesh.CAP_END, BABYLON.Mesh.CAP_ALL * The optional parameter `instance` is an instance of an existing ExtrudedShape object to be updated with the passed `shape`, `path`, `scale` or `rotation` parameters : http://doc.babylonjs.com/tutorials/How_to_dynamically_morph_a_mesh#extruded-shape * Remember you can only change the shape or path point positions, not their number when updating an extruded shape. * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.ExtrudeShapeCustom = function (name, shape, path, scaleFunction, rotationFunction, ribbonCloseArray, ribbonClosePath, cap, scene, updatable, sideOrientation, instance) { var options = { shape: shape, path: path, scaleFunction: scaleFunction, rotationFunction: rotationFunction, ribbonCloseArray: ribbonCloseArray, ribbonClosePath: ribbonClosePath, cap: (cap === 0) ? 0 : cap || Mesh.NO_CAP, sideOrientation: sideOrientation, instance: instance, updatable: updatable }; return BABYLON.MeshBuilder.ExtrudeShapeCustom(name, options, scene); }; /** * Creates lathe mesh. * The lathe is a shape with a symetry axis : a 2D model shape is rotated around this axis to design the lathe. * Please consider using the same method from the MeshBuilder class instead. * The parameter `shape` is a required array of successive Vector3. This array depicts the shape to be rotated in its local space : the shape must be designed in the xOy plane and will be * rotated around the Y axis. It's usually a 2D shape, so the Vector3 z coordinates are often set to zero. * The parameter `radius` (positive float, default 1) is the radius value of the lathe. * The parameter `tessellation` (positive integer, default 64) is the side number of the lathe. * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreateLathe = function (name, shape, radius, tessellation, scene, updatable, sideOrientation) { var options = { shape: shape, radius: radius, tessellation: tessellation, sideOrientation: sideOrientation, updatable: updatable }; return BABYLON.MeshBuilder.CreateLathe(name, options, scene); }; /** * Creates a plane mesh. * Please consider using the same method from the MeshBuilder class instead. * The parameter `size` sets the size (float) of both sides of the plane at once (default 1). * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreatePlane = function (name, size, scene, updatable, sideOrientation) { var options = { size: size, width: size, height: size, sideOrientation: sideOrientation, updatable: updatable }; return BABYLON.MeshBuilder.CreatePlane(name, options, scene); }; /** * Creates a ground mesh. * Please consider using the same method from the MeshBuilder class instead. * The parameters `width` and `height` (floats, default 1) set the width and height sizes of the ground. * The parameter `subdivisions` (positive integer) sets the number of subdivisions per side. * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreateGround = function (name, width, height, subdivisions, scene, updatable) { var options = { width: width, height: height, subdivisions: subdivisions, updatable: updatable }; return BABYLON.MeshBuilder.CreateGround(name, options, scene); }; /** * Creates a tiled ground mesh. * Please consider using the same method from the MeshBuilder class instead. * The parameters `xmin` and `xmax` (floats, default -1 and 1) set the ground minimum and maximum X coordinates. * The parameters `zmin` and `zmax` (floats, default -1 and 1) set the ground minimum and maximum Z coordinates. * The parameter `subdivisions` is a javascript object `{w: positive integer, h: positive integer}` (default `{w: 6, h: 6}`). `w` and `h` are the * numbers of subdivisions on the ground width and height. Each subdivision is called a tile. * The parameter `precision` is a javascript object `{w: positive integer, h: positive integer}` (default `{w: 2, h: 2}`). `w` and `h` are the * numbers of subdivisions on the ground width and height of each tile. * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreateTiledGround = function (name, xmin, zmin, xmax, zmax, subdivisions, precision, scene, updatable) { var options = { xmin: xmin, zmin: zmin, xmax: xmax, zmax: zmax, subdivisions: subdivisions, precision: precision, updatable: updatable }; return BABYLON.MeshBuilder.CreateTiledGround(name, options, scene); }; /** * Creates a ground mesh from a height map. * tuto : http://doc.babylonjs.com/tutorials/14._Height_Map * Please consider using the same method from the MeshBuilder class instead. * The parameter `url` sets the URL of the height map image resource. * The parameters `width` and `height` (positive floats, default 10) set the ground width and height sizes. * The parameter `subdivisions` (positive integer, default 1) sets the number of subdivision per side. * The parameter `minHeight` (float, default 0) is the minimum altitude on the ground. * The parameter `maxHeight` (float, default 1) is the maximum altitude on the ground. * The parameter `onReady` is a javascript callback function that will be called once the mesh is just built (the height map download can last some time). * This function is passed the newly built mesh : * ```javascript * function(mesh) { // do things * return; } * ``` * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreateGroundFromHeightMap = function (name, url, width, height, subdivisions, minHeight, maxHeight, scene, updatable, onReady) { var options = { width: width, height: height, subdivisions: subdivisions, minHeight: minHeight, maxHeight: maxHeight, updatable: updatable, onReady: onReady }; return BABYLON.MeshBuilder.CreateGroundFromHeightMap(name, url, options, scene); }; /** * Creates a tube mesh. * The tube is a parametric shape : http://doc.babylonjs.com/tutorials/Parametric_Shapes. It has no predefined shape. Its final shape will depend on the input parameters. * Please consider using the same method from the MeshBuilder class instead. * The parameter `path` is a required array of successive Vector3. It is the curve used as the axis of the tube. * The parameter `radius` (positive float, default 1) sets the tube radius size. * The parameter `tessellation` (positive float, default 64) is the number of sides on the tubular surface. * The parameter `radiusFunction` (javascript function, default null) is a vanilla javascript function. If it is not null, it overwrittes the parameter `radius`. * This function is called on each point of the tube path and is passed the index `i` of the i-th point and the distance of this point from the first point of the path. * It must return a radius value (positive float) : * ```javascript * var radiusFunction = function(i, distance) { * // do things * return radius; } * ``` * The parameter `cap` sets the way the extruded shape is capped. Possible values : BABYLON.Mesh.NO_CAP (default), BABYLON.Mesh.CAP_START, BABYLON.Mesh.CAP_END, BABYLON.Mesh.CAP_ALL * The optional parameter `instance` is an instance of an existing Tube object to be updated with the passed `pathArray` parameter : http://doc.babylonjs.com/tutorials/How_to_dynamically_morph_a_mesh#tube * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreateTube = function (name, path, radius, tessellation, radiusFunction, cap, scene, updatable, sideOrientation, instance) { var options = { path: path, radius: radius, tessellation: tessellation, radiusFunction: radiusFunction, arc: 1, cap: cap, updatable: updatable, sideOrientation: sideOrientation, instance: instance }; return BABYLON.MeshBuilder.CreateTube(name, options, scene); }; /** * Creates a polyhedron mesh. * Please consider using the same method from the MeshBuilder class instead. * The parameter `type` (positive integer, max 14, default 0) sets the polyhedron type to build among the 15 embbeded types. Please refer to the type sheet in the tutorial * to choose the wanted type. * The parameter `size` (positive float, default 1) sets the polygon size. * You can overwrite the `size` on each dimension bu using the parameters `sizeX`, `sizeY` or `sizeZ` (positive floats, default to `size` value). * You can build other polyhedron types than the 15 embbeded ones by setting the parameter `custom` (`polyhedronObject`, default null). If you set the parameter `custom`, this overwrittes the parameter `type`. * A `polyhedronObject` is a formatted javascript object. You'll find a full file with pre-set polyhedra here : https://github.com/BabylonJS/Extensions/tree/master/Polyhedron * You can set the color and the UV of each side of the polyhedron with the parameters `faceColors` (Color4, default `(1, 1, 1, 1)`) and faceUV (Vector4, default `(0, 0, 1, 1)`). * To understand how to set `faceUV` or `faceColors`, please read this by considering the right number of faces of your polyhedron, instead of only 6 for the box : http://doc.babylonjs.com/tutorials/CreateBox_Per_Face_Textures_And_Colors * The parameter `flat` (boolean, default true). If set to false, it gives the polyhedron a single global face, so less vertices and shared normals. In this case, `faceColors` and `faceUV` are ignored. * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreatePolyhedron = function (name, options, scene) { return BABYLON.MeshBuilder.CreatePolyhedron(name, options, scene); }; /** * Creates a sphere based upon an icosahedron with 20 triangular faces which can be subdivided. * Please consider using the same method from the MeshBuilder class instead. * The parameter `radius` sets the radius size (float) of the icosphere (default 1). * You can set some different icosphere dimensions, for instance to build an ellipsoid, by using the parameters `radiusX`, `radiusY` and `radiusZ` (all by default have the same value than `radius`). * The parameter `subdivisions` sets the number of subdivisions (postive integer, default 4). The more subdivisions, the more faces on the icosphere whatever its size. * The parameter `flat` (boolean, default true) gives each side its own normals. Set it to false to get a smooth continuous light reflection on the surface. * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ Mesh.CreateIcoSphere = function (name, options, scene) { return BABYLON.MeshBuilder.CreateIcoSphere(name, options, scene); }; /** * Creates a decal mesh. * Please consider using the same method from the MeshBuilder class instead. * A decal is a mesh usually applied as a model onto the surface of another mesh. So don't forget the parameter `sourceMesh` depicting the decal. * The parameter `position` (Vector3, default `(0, 0, 0)`) sets the position of the decal in World coordinates. * The parameter `normal` (Vector3, default Vector3.Up) sets the normal of the mesh where the decal is applied onto in World coordinates. * The parameter `size` (Vector3, default `(1, 1, 1)`) sets the decal scaling. * The parameter `angle` (float in radian, default 0) sets the angle to rotate the decal. */ Mesh.CreateDecal = function (name, sourceMesh, position, normal, size, angle) { var options = { position: position, normal: normal, size: size, angle: angle }; return BABYLON.MeshBuilder.CreateDecal(name, sourceMesh, options); }; // Skeletons /** * @returns original positions used for CPU skinning. Useful for integrating Morphing with skeletons in same mesh. */ Mesh.prototype.setPositionsForCPUSkinning = function () { var source; if (!this._sourcePositions) { source = this.getVerticesData(BABYLON.VertexBuffer.PositionKind); this._sourcePositions = new Float32Array(source); if (!this.getVertexBuffer(BABYLON.VertexBuffer.PositionKind).isUpdatable()) { this.setVerticesData(BABYLON.VertexBuffer.PositionKind, source, true); } } return this._sourcePositions; }; /** * @returns original normals used for CPU skinning. Useful for integrating Morphing with skeletons in same mesh. */ Mesh.prototype.setNormalsForCPUSkinning = function () { var source; if (!this._sourceNormals) { source = this.getVerticesData(BABYLON.VertexBuffer.NormalKind); this._sourceNormals = new Float32Array(source); if (!this.getVertexBuffer(BABYLON.VertexBuffer.NormalKind).isUpdatable()) { this.setVerticesData(BABYLON.VertexBuffer.NormalKind, source, true); } } return this._sourceNormals; }; /** * Update the vertex buffers by applying transformation from the bones * @param {skeleton} skeleton to apply */ Mesh.prototype.applySkeleton = function (skeleton) { if (!this.geometry) { return; } if (this.geometry._softwareSkinningRenderId == this.getScene().getRenderId()) { return; } this.geometry._softwareSkinningRenderId = this.getScene().getRenderId(); if (!this.isVerticesDataPresent(BABYLON.VertexBuffer.PositionKind)) { return this; } if (!this.isVerticesDataPresent(BABYLON.VertexBuffer.NormalKind)) { return this; } if (!this.isVerticesDataPresent(BABYLON.VertexBuffer.MatricesIndicesKind)) { return this; } if (!this.isVerticesDataPresent(BABYLON.VertexBuffer.MatricesWeightsKind)) { return this; } if (!this._sourcePositions) { var submeshes = this.subMeshes.slice(); this.setPositionsForCPUSkinning(); this.subMeshes = submeshes; } if (!this._sourceNormals) { this.setNormalsForCPUSkinning(); } // positionsData checks for not being Float32Array will only pass at most once var positionsData = this.getVerticesData(BABYLON.VertexBuffer.PositionKind); if (!(positionsData instanceof Float32Array)) { positionsData = new Float32Array(positionsData); } // normalsData checks for not being Float32Array will only pass at most once var normalsData = this.getVerticesData(BABYLON.VertexBuffer.NormalKind); if (!(normalsData instanceof Float32Array)) { normalsData = new Float32Array(normalsData); } var matricesIndicesData = this.getVerticesData(BABYLON.VertexBuffer.MatricesIndicesKind); var matricesWeightsData = this.getVerticesData(BABYLON.VertexBuffer.MatricesWeightsKind); var needExtras = this.numBoneInfluencers > 4; var matricesIndicesExtraData = needExtras ? this.getVerticesData(BABYLON.VertexBuffer.MatricesIndicesExtraKind) : null; var matricesWeightsExtraData = needExtras ? this.getVerticesData(BABYLON.VertexBuffer.MatricesWeightsExtraKind) : null; var skeletonMatrices = skeleton.getTransformMatrices(this); var tempVector3 = BABYLON.Vector3.Zero(); var finalMatrix = new BABYLON.Matrix(); var tempMatrix = new BABYLON.Matrix(); var matWeightIdx = 0; var inf; for (var index = 0; index < positionsData.length; index += 3, matWeightIdx += 4) { var weight; for (inf = 0; inf < 4; inf++) { weight = matricesWeightsData[matWeightIdx + inf]; if (weight > 0) { BABYLON.Matrix.FromFloat32ArrayToRefScaled(skeletonMatrices, matricesIndicesData[matWeightIdx + inf] * 16, weight, tempMatrix); finalMatrix.addToSelf(tempMatrix); } else break; } if (needExtras) { for (inf = 0; inf < 4; inf++) { weight = matricesWeightsExtraData[matWeightIdx + inf]; if (weight > 0) { BABYLON.Matrix.FromFloat32ArrayToRefScaled(skeletonMatrices, matricesIndicesExtraData[matWeightIdx + inf] * 16, weight, tempMatrix); finalMatrix.addToSelf(tempMatrix); } else break; } } BABYLON.Vector3.TransformCoordinatesFromFloatsToRef(this._sourcePositions[index], this._sourcePositions[index + 1], this._sourcePositions[index + 2], finalMatrix, tempVector3); tempVector3.toArray(positionsData, index); BABYLON.Vector3.TransformNormalFromFloatsToRef(this._sourceNormals[index], this._sourceNormals[index + 1], this._sourceNormals[index + 2], finalMatrix, tempVector3); tempVector3.toArray(normalsData, index); finalMatrix.reset(); } this.updateVerticesData(BABYLON.VertexBuffer.PositionKind, positionsData); this.updateVerticesData(BABYLON.VertexBuffer.NormalKind, normalsData); return this; }; // Tools /** * Returns an object `{min:` Vector3`, max:` Vector3`}` * This min and max Vector3 are the minimum and maximum vectors of each mesh bounding box from the passed array, in the World system */ Mesh.MinMax = function (meshes) { var minVector = null; var maxVector = null; meshes.forEach(function (mesh, index, array) { var boundingBox = mesh.getBoundingInfo().boundingBox; if (!minVector) { minVector = boundingBox.minimumWorld; maxVector = boundingBox.maximumWorld; } else { minVector.MinimizeInPlace(boundingBox.minimumWorld); maxVector.MaximizeInPlace(boundingBox.maximumWorld); } }); return { min: minVector, max: maxVector }; }; /** * Returns a Vector3, the center of the `{min:` Vector3`, max:` Vector3`}` or the center of MinMax vector3 computed from a mesh array. */ Mesh.Center = function (meshesOrMinMaxVector) { var minMaxVector = (meshesOrMinMaxVector instanceof Array) ? BABYLON.Mesh.MinMax(meshesOrMinMaxVector) : meshesOrMinMaxVector; return BABYLON.Vector3.Center(minMaxVector.min, minMaxVector.max); }; /** * Merge the array of meshes into a single mesh for performance reasons. * @param {Array} meshes - The vertices source. They should all be of the same material. Entries can empty * @param {boolean} disposeSource - When true (default), dispose of the vertices from the source meshes * @param {boolean} allow32BitsIndices - When the sum of the vertices > 64k, this must be set to true. * @param {Mesh} meshSubclass - When set, vertices inserted into this Mesh. Meshes can then be merged into a Mesh sub-class. */ Mesh.MergeMeshes = function (meshes, disposeSource, allow32BitsIndices, meshSubclass) { if (disposeSource === void 0) { disposeSource = true; } var index; if (!allow32BitsIndices) { var totalVertices = 0; // Counting vertices for (index = 0; index < meshes.length; index++) { if (meshes[index]) { totalVertices += meshes[index].getTotalVertices(); if (totalVertices > 65536) { BABYLON.Tools.Warn("Cannot merge meshes because resulting mesh will have more than 65536 vertices. Please use allow32BitsIndices = true to use 32 bits indices"); return null; } } } } // Merge var vertexData; var otherVertexData; var source; for (index = 0; index < meshes.length; index++) { if (meshes[index]) { meshes[index].computeWorldMatrix(true); otherVertexData = BABYLON.VertexData.ExtractFromMesh(meshes[index], true); otherVertexData.transform(meshes[index].getWorldMatrix()); if (vertexData) { vertexData.merge(otherVertexData); } else { vertexData = otherVertexData; source = meshes[index]; } } } if (!meshSubclass) { meshSubclass = new Mesh(source.name + "_merged", source.getScene()); } vertexData.applyToMesh(meshSubclass); // Setting properties meshSubclass.material = source.material; meshSubclass.checkCollisions = source.checkCollisions; // Cleaning if (disposeSource) { for (index = 0; index < meshes.length; index++) { if (meshes[index]) { meshes[index].dispose(); } } } return meshSubclass; }; // Consts Mesh._FRONTSIDE = 0; Mesh._BACKSIDE = 1; Mesh._DOUBLESIDE = 2; Mesh._DEFAULTSIDE = 0; Mesh._NO_CAP = 0; Mesh._CAP_START = 1; Mesh._CAP_END = 2; Mesh._CAP_ALL = 3; return Mesh; }(BABYLON.AbstractMesh)); BABYLON.Mesh = Mesh; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Mesh/babylon.mesh.js.map var BABYLON; (function (BABYLON) { var SubMesh = (function () { function SubMesh(materialIndex, verticesStart, verticesCount, indexStart, indexCount, mesh, renderingMesh, createBoundingBox) { if (createBoundingBox === void 0) { createBoundingBox = true; } this.materialIndex = materialIndex; this.verticesStart = verticesStart; this.verticesCount = verticesCount; this.indexStart = indexStart; this.indexCount = indexCount; this._renderId = 0; this._mesh = mesh; this._renderingMesh = renderingMesh || mesh; mesh.subMeshes.push(this); this._trianglePlanes = []; this._id = mesh.subMeshes.length - 1; if (createBoundingBox) { this.refreshBoundingInfo(); mesh.computeWorldMatrix(true); } } Object.defineProperty(SubMesh.prototype, "IsGlobal", { get: function () { return (this.verticesStart === 0 && this.verticesCount == this._mesh.getTotalVertices()); }, enumerable: true, configurable: true }); SubMesh.prototype.getBoundingInfo = function () { if (this.IsGlobal) { return this._mesh.getBoundingInfo(); } return this._boundingInfo; }; SubMesh.prototype.getMesh = function () { return this._mesh; }; SubMesh.prototype.getRenderingMesh = function () { return this._renderingMesh; }; SubMesh.prototype.getMaterial = function () { var rootMaterial = this._renderingMesh.material; if (rootMaterial && rootMaterial instanceof BABYLON.MultiMaterial) { var multiMaterial = rootMaterial; return multiMaterial.getSubMaterial(this.materialIndex); } if (!rootMaterial) { return this._mesh.getScene().defaultMaterial; } return rootMaterial; }; // Methods SubMesh.prototype.refreshBoundingInfo = function () { this._lastColliderWorldVertices = null; if (this.IsGlobal) { return; } var data = this._renderingMesh.getVerticesData(BABYLON.VertexBuffer.PositionKind); if (!data) { this._boundingInfo = this._mesh._boundingInfo; return; } var indices = this._renderingMesh.getIndices(); var extend; //is this the only submesh? if (this.indexStart === 0 && this.indexCount === indices.length) { //the rendering mesh's bounding info can be used, it is the standard submesh for all indices. extend = { minimum: this._renderingMesh.getBoundingInfo().minimum.clone(), maximum: this._renderingMesh.getBoundingInfo().maximum.clone() }; } else { extend = BABYLON.Tools.ExtractMinAndMaxIndexed(data, indices, this.indexStart, this.indexCount, this._renderingMesh.geometry.boundingBias); } this._boundingInfo = new BABYLON.BoundingInfo(extend.minimum, extend.maximum); }; SubMesh.prototype._checkCollision = function (collider) { return this.getBoundingInfo()._checkCollision(collider); }; SubMesh.prototype.updateBoundingInfo = function (world) { if (!this.getBoundingInfo()) { this.refreshBoundingInfo(); } this.getBoundingInfo().update(world); }; SubMesh.prototype.isInFrustum = function (frustumPlanes) { return this.getBoundingInfo().isInFrustum(frustumPlanes); }; SubMesh.prototype.isCompletelyInFrustum = function (frustumPlanes) { return this.getBoundingInfo().isCompletelyInFrustum(frustumPlanes); }; SubMesh.prototype.render = function (enableAlphaMode) { this._renderingMesh.render(this, enableAlphaMode); }; SubMesh.prototype.getLinesIndexBuffer = function (indices, engine) { if (!this._linesIndexBuffer) { var linesIndices = []; for (var index = this.indexStart; index < this.indexStart + this.indexCount; index += 3) { linesIndices.push(indices[index], indices[index + 1], indices[index + 1], indices[index + 2], indices[index + 2], indices[index]); } this._linesIndexBuffer = engine.createIndexBuffer(linesIndices); this.linesIndexCount = linesIndices.length; } return this._linesIndexBuffer; }; SubMesh.prototype.canIntersects = function (ray) { return ray.intersectsBox(this.getBoundingInfo().boundingBox); }; SubMesh.prototype.intersects = function (ray, positions, indices, fastCheck) { var intersectInfo = null; // LineMesh first as it's also a Mesh... if (this._mesh instanceof BABYLON.LinesMesh) { var lineMesh = this._mesh; // Line test for (var index = this.indexStart; index < this.indexStart + this.indexCount; index += 2) { var p0 = positions[indices[index]]; var p1 = positions[indices[index + 1]]; var length = ray.intersectionSegment(p0, p1, lineMesh.intersectionThreshold); if (length < 0) { continue; } if (fastCheck || !intersectInfo || length < intersectInfo.distance) { intersectInfo = new BABYLON.IntersectionInfo(null, null, length); if (fastCheck) { break; } } } } else { // Triangles test for (var index = this.indexStart; index < this.indexStart + this.indexCount; index += 3) { var p0 = positions[indices[index]]; var p1 = positions[indices[index + 1]]; var p2 = positions[indices[index + 2]]; var currentIntersectInfo = ray.intersectsTriangle(p0, p1, p2); if (currentIntersectInfo) { if (currentIntersectInfo.distance < 0) { continue; } if (fastCheck || !intersectInfo || currentIntersectInfo.distance < intersectInfo.distance) { intersectInfo = currentIntersectInfo; intersectInfo.faceId = index / 3; if (fastCheck) { break; } } } } } return intersectInfo; }; // Clone SubMesh.prototype.clone = function (newMesh, newRenderingMesh) { var result = new SubMesh(this.materialIndex, this.verticesStart, this.verticesCount, this.indexStart, this.indexCount, newMesh, newRenderingMesh, false); if (!this.IsGlobal) { result._boundingInfo = new BABYLON.BoundingInfo(this.getBoundingInfo().minimum, this.getBoundingInfo().maximum); } return result; }; // Dispose SubMesh.prototype.dispose = function () { if (this._linesIndexBuffer) { this._mesh.getScene().getEngine()._releaseBuffer(this._linesIndexBuffer); this._linesIndexBuffer = null; } // Remove from mesh var index = this._mesh.subMeshes.indexOf(this); this._mesh.subMeshes.splice(index, 1); }; // Statics SubMesh.CreateFromIndices = function (materialIndex, startIndex, indexCount, mesh, renderingMesh) { var minVertexIndex = Number.MAX_VALUE; var maxVertexIndex = -Number.MAX_VALUE; renderingMesh = renderingMesh || mesh; var indices = renderingMesh.getIndices(); for (var index = startIndex; index < startIndex + indexCount; index++) { var vertexIndex = indices[index]; if (vertexIndex < minVertexIndex) minVertexIndex = vertexIndex; if (vertexIndex > maxVertexIndex) maxVertexIndex = vertexIndex; } return new SubMesh(materialIndex, minVertexIndex, maxVertexIndex - minVertexIndex + 1, startIndex, indexCount, mesh, renderingMesh); }; return SubMesh; }()); BABYLON.SubMesh = SubMesh; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Mesh/babylon.subMesh.js.map var BABYLON; (function (BABYLON) { var MeshBuilder = (function () { function MeshBuilder() { } MeshBuilder.updateSideOrientation = function (orientation, scene) { if (orientation == BABYLON.Mesh.DOUBLESIDE) { return BABYLON.Mesh.DOUBLESIDE; } if (orientation === undefined || orientation === null) { return BABYLON.Mesh.FRONTSIDE; } return orientation; }; /** * Creates a box mesh. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#box * The parameter `size` sets the size (float) of each box side (default 1). * You can set some different box dimensions by using the parameters `width`, `height` and `depth` (all by default have the same value than `size`). * You can set different colors and different images to each box side by using the parameters `faceColors` (an array of 6 Color3 elements) and `faceUV` (an array of 6 Vector4 elements). * Please read this tutorial : http://doc.babylonjs.com/tutorials/CreateBox_Per_Face_Textures_And_Colors * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateBox = function (name, options, scene) { var box = new BABYLON.Mesh(name, scene); options.sideOrientation = this.updateSideOrientation(options.sideOrientation, scene); var vertexData = BABYLON.VertexData.CreateBox(options); vertexData.applyToMesh(box, options.updatable); return box; }; /** * Creates a sphere mesh. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#sphere * The parameter `diameter` sets the diameter size (float) of the sphere (default 1). * You can set some different sphere dimensions, for instance to build an ellipsoid, by using the parameters `diameterX`, `diameterY` and `diameterZ` (all by default have the same value than `diameter`). * The parameter `segments` sets the sphere number of horizontal stripes (positive integer, default 32). * You can create an unclosed sphere with the parameter `arc` (positive float, default 1), valued between 0 and 1, what is the ratio of the circumference (latitude) : 2 x PI x ratio * You can create an unclosed sphere on its height with the parameter `slice` (positive float, default1), valued between 0 and 1, what is the height ratio (longitude). * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateSphere = function (name, options, scene) { var sphere = new BABYLON.Mesh(name, scene); options.sideOrientation = this.updateSideOrientation(options.sideOrientation, scene); var vertexData = BABYLON.VertexData.CreateSphere(options); vertexData.applyToMesh(sphere, options.updatable); return sphere; }; /** * Creates a plane polygonal mesh. By default, this is a disc. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#disc * The parameter `radius` sets the radius size (float) of the polygon (default 0.5). * The parameter `tessellation` sets the number of polygon sides (positive integer, default 64). So a tessellation valued to 3 will build a triangle, to 4 a square, etc. * You can create an unclosed polygon with the parameter `arc` (positive float, default 1), valued between 0 and 1, what is the ratio of the circumference : 2 x PI x ratio * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateDisc = function (name, options, scene) { var disc = new BABYLON.Mesh(name, scene); options.sideOrientation = this.updateSideOrientation(options.sideOrientation, scene); var vertexData = BABYLON.VertexData.CreateDisc(options); vertexData.applyToMesh(disc, options.updatable); return disc; }; /** * Creates a sphere based upon an icosahedron with 20 triangular faces which can be subdivided. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#icosphere * The parameter `radius` sets the radius size (float) of the icosphere (default 1). * You can set some different icosphere dimensions, for instance to build an ellipsoid, by using the parameters `radiusX`, `radiusY` and `radiusZ` (all by default have the same value than `radius`). * The parameter `subdivisions` sets the number of subdivisions (postive integer, default 4). The more subdivisions, the more faces on the icosphere whatever its size. * The parameter `flat` (boolean, default true) gives each side its own normals. Set it to false to get a smooth continuous light reflection on the surface. * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateIcoSphere = function (name, options, scene) { var sphere = new BABYLON.Mesh(name, scene); options.sideOrientation = this.updateSideOrientation(options.sideOrientation, scene); var vertexData = BABYLON.VertexData.CreateIcoSphere(options); vertexData.applyToMesh(sphere, options.updatable); return sphere; }; ; /** * Creates a ribbon mesh. * The ribbon is a parametric shape : http://doc.babylonjs.com/tutorials/Parametric_Shapes. It has no predefined shape. Its final shape will depend on the input parameters. * * Please read this full tutorial to understand how to design a ribbon : http://doc.babylonjs.com/tutorials/Ribbon_Tutorial * The parameter `pathArray` is a required array of paths, what are each an array of successive Vector3. The pathArray parameter depicts the ribbon geometry. * The parameter `closeArray` (boolean, default false) creates a seam between the first and the last paths of the path array. * The parameter `closePath` (boolean, default false) creates a seam between the first and the last points of each path of the path array. * The parameter `offset` (positive integer, default : rounded half size of the pathArray length), is taken in account only if the `pathArray` is containing a single path. * It's the offset to join the points from the same path. Ex : offset = 10 means the point 1 is joined to the point 11. * The optional parameter `instance` is an instance of an existing Ribbon object to be updated with the passed `pathArray` parameter : http://doc.babylonjs.com/tutorials/How_to_dynamically_morph_a_mesh#ribbon * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The optional parameter `invertUV` (boolean, default false) swaps in the geometry the U and V coordinates to apply a texture. * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateRibbon = function (name, options, scene) { var pathArray = options.pathArray; var closeArray = options.closeArray; var closePath = options.closePath; var offset = options.offset; var sideOrientation = this.updateSideOrientation(options.sideOrientation, scene); var instance = options.instance; var updatable = options.updatable; if (instance) { // positionFunction : ribbon case // only pathArray and sideOrientation parameters are taken into account for positions update BABYLON.Vector3.FromFloatsToRef(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE, BABYLON.Tmp.Vector3[0]); // minimum BABYLON.Vector3.FromFloatsToRef(-Number.MAX_VALUE, -Number.MAX_VALUE, -Number.MAX_VALUE, BABYLON.Tmp.Vector3[1]); var positionFunction = function (positions) { var minlg = pathArray[0].length; var i = 0; var ns = (instance.sideOrientation === BABYLON.Mesh.DOUBLESIDE) ? 2 : 1; for (var si = 1; si <= ns; si++) { for (var p = 0; p < pathArray.length; p++) { var path = pathArray[p]; var l = path.length; minlg = (minlg < l) ? minlg : l; var j = 0; while (j < minlg) { positions[i] = path[j].x; positions[i + 1] = path[j].y; positions[i + 2] = path[j].z; if (path[j].x < BABYLON.Tmp.Vector3[0].x) { BABYLON.Tmp.Vector3[0].x = path[j].x; } if (path[j].x > BABYLON.Tmp.Vector3[1].x) { BABYLON.Tmp.Vector3[1].x = path[j].x; } if (path[j].y < BABYLON.Tmp.Vector3[0].y) { BABYLON.Tmp.Vector3[0].y = path[j].y; } if (path[j].y > BABYLON.Tmp.Vector3[1].y) { BABYLON.Tmp.Vector3[1].y = path[j].y; } if (path[j].z < BABYLON.Tmp.Vector3[0].z) { BABYLON.Tmp.Vector3[0].z = path[j].z; } if (path[j].z > BABYLON.Tmp.Vector3[1].z) { BABYLON.Tmp.Vector3[1].z = path[j].z; } j++; i += 3; } if (instance._closePath) { positions[i] = path[0].x; positions[i + 1] = path[0].y; positions[i + 2] = path[0].z; i += 3; } } } }; var positions = instance.getVerticesData(BABYLON.VertexBuffer.PositionKind); positionFunction(positions); instance._boundingInfo = new BABYLON.BoundingInfo(BABYLON.Tmp.Vector3[0], BABYLON.Tmp.Vector3[1]); instance._boundingInfo.update(instance._worldMatrix); instance.updateVerticesData(BABYLON.VertexBuffer.PositionKind, positions, false, false); if (!(instance.areNormalsFrozen)) { var indices = instance.getIndices(); var normals = instance.getVerticesData(BABYLON.VertexBuffer.NormalKind); BABYLON.VertexData.ComputeNormals(positions, indices, normals); if (instance._closePath) { var indexFirst = 0; var indexLast = 0; for (var p = 0; p < pathArray.length; p++) { indexFirst = instance._idx[p] * 3; if (p + 1 < pathArray.length) { indexLast = (instance._idx[p + 1] - 1) * 3; } else { indexLast = normals.length - 3; } normals[indexFirst] = (normals[indexFirst] + normals[indexLast]) * 0.5; normals[indexFirst + 1] = (normals[indexFirst + 1] + normals[indexLast + 1]) * 0.5; normals[indexFirst + 2] = (normals[indexFirst + 2] + normals[indexLast + 2]) * 0.5; normals[indexLast] = normals[indexFirst]; normals[indexLast + 1] = normals[indexFirst + 1]; normals[indexLast + 2] = normals[indexFirst + 2]; } } instance.updateVerticesData(BABYLON.VertexBuffer.NormalKind, normals, false, false); } return instance; } else { var ribbon = new BABYLON.Mesh(name, scene); ribbon.sideOrientation = sideOrientation; var vertexData = BABYLON.VertexData.CreateRibbon(options); if (closePath) { ribbon._idx = vertexData._idx; } ribbon._closePath = closePath; ribbon._closeArray = closeArray; vertexData.applyToMesh(ribbon, updatable); return ribbon; } }; /** * Creates a cylinder or a cone mesh. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#cylinder-or-cone * The parameter `height` sets the height size (float) of the cylinder/cone (float, default 2). * The parameter `diameter` sets the diameter of the top and bottom cap at once (float, default 1). * The parameters `diameterTop` and `diameterBottom` overwrite the parameter `diameter` and set respectively the top cap and bottom cap diameter (floats, default 1). The parameter "diameterBottom" can't be zero. * The parameter `tessellation` sets the number of cylinder sides (positive integer, default 24). Set it to 3 to get a prism for instance. * The parameter `subdivisions` sets the number of rings along the cylinder height (positive integer, default 1). * The parameter `hasRings` (boolean, default false) makes the subdivisions independent from each other, so they become different faces. * The parameter `enclose` (boolean, default false) adds two extra faces per subdivision to a sliced cylinder to close it around its height axis. * The parameter `arc` (float, default 1) is the ratio (max 1) to apply to the circumference to slice the cylinder. * You can set different colors and different images to each box side by using the parameters `faceColors` (an array of n Color3 elements) and `faceUV` (an array of n Vector4 elements). * The value of n is the number of cylinder faces. If the cylinder has only 1 subdivisions, n equals : top face + cylinder surface + bottom face = 3 * Now, if the cylinder has 5 independent subdivisions (hasRings = true), n equals : top face + 5 stripe surfaces + bottom face = 2 + 5 = 7 * Finally, if the cylinder has 5 independent subdivisions and is enclose, n equals : top face + 5 x (stripe surface + 2 closing faces) + bottom face = 2 + 5 * 3 = 17 * Each array (color or UVs) is always ordered the same way : the first element is the bottom cap, the last element is the top cap. The other elements are each a ring surface. * If `enclose` is false, a ring surface is one element. * If `enclose` is true, a ring surface is 3 successive elements in the array : the tubular surface, then the two closing faces. * Example how to set colors and textures on a sliced cylinder : http://www.html5gamedevs.com/topic/17945-creating-a-closed-slice-of-a-cylinder/#comment-106379 * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateCylinder = function (name, options, scene) { var cylinder = new BABYLON.Mesh(name, scene); options.sideOrientation = this.updateSideOrientation(options.sideOrientation, scene); var vertexData = BABYLON.VertexData.CreateCylinder(options); vertexData.applyToMesh(cylinder, options.updatable); return cylinder; }; /** * Creates a torus mesh. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#torus * The parameter `diameter` sets the diameter size (float) of the torus (default 1). * The parameter `thickness` sets the diameter size of the tube of the torus (float, default 0.5). * The parameter `tessellation` sets the number of torus sides (postive integer, default 16). * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateTorus = function (name, options, scene) { var torus = new BABYLON.Mesh(name, scene); options.sideOrientation = this.updateSideOrientation(options.sideOrientation, scene); var vertexData = BABYLON.VertexData.CreateTorus(options); vertexData.applyToMesh(torus, options.updatable); return torus; }; /** * Creates a torus knot mesh. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#torus-knot * The parameter `radius` sets the global radius size (float) of the torus knot (default 2). * The parameter `radialSegments` sets the number of sides on each tube segments (positive integer, default 32). * The parameter `tubularSegments` sets the number of tubes to decompose the knot into (positive integer, default 32). * The parameters `p` and `q` are the number of windings on each axis (positive integers, default 2 and 3). * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateTorusKnot = function (name, options, scene) { var torusKnot = new BABYLON.Mesh(name, scene); options.sideOrientation = this.updateSideOrientation(options.sideOrientation, scene); var vertexData = BABYLON.VertexData.CreateTorusKnot(options); vertexData.applyToMesh(torusKnot, options.updatable); return torusKnot; }; /** * Creates a line system mesh. * A line system is a pool of many lines gathered in a single mesh. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#linesystem * A line system mesh is considered as a parametric shape since it has no predefined original shape. Its shape is determined by the passed array of lines as an input parameter. * Like every other parametric shape, it is dynamically updatable by passing an existing instance of LineSystem to this static function. * The parameter `lines` is an array of lines, each line being an array of successive Vector3. * The optional parameter `instance` is an instance of an existing LineSystem object to be updated with the passed `lines` parameter. The way to update it is the same than for * updating a simple Line mesh, you just need to update every line in the `lines` array : http://doc.babylonjs.com/tutorials/How_to_dynamically_morph_a_mesh#lines-and-dashedlines * When updating an instance, remember that only line point positions can change, not the number of points, neither the number of lines. * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateLineSystem = function (name, options, scene) { var instance = options.instance; var lines = options.lines; if (instance) { var positionFunction = function (positions) { var i = 0; for (var l = 0; l < lines.length; l++) { var points = lines[l]; for (var p = 0; p < points.length; p++) { positions[i] = points[p].x; positions[i + 1] = points[p].y; positions[i + 2] = points[p].z; i += 3; } } }; instance.updateMeshPositions(positionFunction, false); return instance; } // line system creation var lineSystem = new BABYLON.LinesMesh(name, scene); var vertexData = BABYLON.VertexData.CreateLineSystem(options); vertexData.applyToMesh(lineSystem, options.updatable); return lineSystem; }; /** * Creates a line mesh. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#lines * A line mesh is considered as a parametric shape since it has no predefined original shape. Its shape is determined by the passed array of points as an input parameter. * Like every other parametric shape, it is dynamically updatable by passing an existing instance of LineMesh to this static function. * The parameter `points` is an array successive Vector3. * The optional parameter `instance` is an instance of an existing LineMesh object to be updated with the passed `points` parameter : http://doc.babylonjs.com/tutorials/How_to_dynamically_morph_a_mesh#lines-and-dashedlines * When updating an instance, remember that only point positions can change, not the number of points. * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateLines = function (name, options, scene) { var lines = MeshBuilder.CreateLineSystem(name, { lines: [options.points], updatable: options.updatable, instance: options.instance }, scene); return lines; }; /** * Creates a dashed line mesh. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#dashed-lines * A dashed line mesh is considered as a parametric shape since it has no predefined original shape. Its shape is determined by the passed array of points as an input parameter. * Like every other parametric shape, it is dynamically updatable by passing an existing instance of LineMesh to this static function. * The parameter `points` is an array successive Vector3. * The parameter `dashNb` is the intended total number of dashes (positive integer, default 200). * The parameter `dashSize` is the size of the dashes relatively the dash number (positive float, default 3). * The parameter `gapSize` is the size of the gap between two successive dashes relatively the dash number (positive float, default 1). * The optional parameter `instance` is an instance of an existing LineMesh object to be updated with the passed `points` parameter : http://doc.babylonjs.com/tutorials/How_to_dynamically_morph_a_mesh#lines-and-dashedlines * When updating an instance, remember that only point positions can change, not the number of points. * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateDashedLines = function (name, options, scene) { var points = options.points; var instance = options.instance; var gapSize = options.gapSize; var dashNb = options.dashNb; var dashSize = options.dashSize; if (instance) { var positionFunction = function (positions) { var curvect = BABYLON.Vector3.Zero(); var nbSeg = positions.length / 6; var lg = 0; var nb = 0; var shft = 0; var dashshft = 0; var curshft = 0; var p = 0; var i = 0; var j = 0; for (i = 0; i < points.length - 1; i++) { points[i + 1].subtractToRef(points[i], curvect); lg += curvect.length(); } shft = lg / nbSeg; dashshft = instance.dashSize * shft / (instance.dashSize + instance.gapSize); for (i = 0; i < points.length - 1; i++) { points[i + 1].subtractToRef(points[i], curvect); nb = Math.floor(curvect.length() / shft); curvect.normalize(); j = 0; while (j < nb && p < positions.length) { curshft = shft * j; positions[p] = points[i].x + curshft * curvect.x; positions[p + 1] = points[i].y + curshft * curvect.y; positions[p + 2] = points[i].z + curshft * curvect.z; positions[p + 3] = points[i].x + (curshft + dashshft) * curvect.x; positions[p + 4] = points[i].y + (curshft + dashshft) * curvect.y; positions[p + 5] = points[i].z + (curshft + dashshft) * curvect.z; p += 6; j++; } } while (p < positions.length) { positions[p] = points[i].x; positions[p + 1] = points[i].y; positions[p + 2] = points[i].z; p += 3; } }; instance.updateMeshPositions(positionFunction, false); return instance; } // dashed lines creation var dashedLines = new BABYLON.LinesMesh(name, scene); var vertexData = BABYLON.VertexData.CreateDashedLines(options); vertexData.applyToMesh(dashedLines, options.updatable); dashedLines.dashSize = dashSize; dashedLines.gapSize = gapSize; return dashedLines; }; /** * Creates an extruded shape mesh. * The extrusion is a parametric shape : http://doc.babylonjs.com/tutorials/Parametric_Shapes. It has no predefined shape. Its final shape will depend on the input parameters. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#extruded-shapes * * Please read this full tutorial to understand how to design an extruded shape : http://doc.babylonjs.com/tutorials/Parametric_Shapes#extrusion * The parameter `shape` is a required array of successive Vector3. This array depicts the shape to be extruded in its local space : the shape must be designed in the xOy plane and will be * extruded along the Z axis. * The parameter `path` is a required array of successive Vector3. This is the axis curve the shape is extruded along. * The parameter `rotation` (float, default 0 radians) is the angle value to rotate the shape each step (each path point), from the former step (so rotation added each step) along the curve. * The parameter `scale` (float, default 1) is the value to scale the shape. * The parameter `cap` sets the way the extruded shape is capped. Possible values : BABYLON.Mesh.NO_CAP (default), BABYLON.Mesh.CAP_START, BABYLON.Mesh.CAP_END, BABYLON.Mesh.CAP_ALL * The optional parameter `instance` is an instance of an existing ExtrudedShape object to be updated with the passed `shape`, `path`, `scale` or `rotation` parameters : http://doc.babylonjs.com/tutorials/How_to_dynamically_morph_a_mesh#extruded-shape * Remember you can only change the shape or path point positions, not their number when updating an extruded shape. * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The optional parameter `invertUV` (boolean, default false) swaps in the geometry the U and V coordinates to apply a texture. * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.ExtrudeShape = function (name, options, scene) { var path = options.path; var shape = options.shape; var scale = options.scale || 1; var rotation = options.rotation || 0; var cap = (options.cap === 0) ? 0 : options.cap || BABYLON.Mesh.NO_CAP; var updatable = options.updatable; var sideOrientation = this.updateSideOrientation(options.sideOrientation, scene); var instance = options.instance; var invertUV = options.invertUV || false; return MeshBuilder._ExtrudeShapeGeneric(name, shape, path, scale, rotation, null, null, false, false, cap, false, scene, updatable, sideOrientation, instance, invertUV); }; /** * Creates an custom extruded shape mesh. * The custom extrusion is a parametric shape : http://doc.babylonjs.com/tutorials/Parametric_Shapes. It has no predefined shape. Its final shape will depend on the input parameters. * tuto :http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#custom-extruded-shapes * * Please read this full tutorial to understand how to design a custom extruded shape : http://doc.babylonjs.com/tutorials/Parametric_Shapes#extrusion * The parameter `shape` is a required array of successive Vector3. This array depicts the shape to be extruded in its local space : the shape must be designed in the xOy plane and will be * extruded along the Z axis. * The parameter `path` is a required array of successive Vector3. This is the axis curve the shape is extruded along. * The parameter `rotationFunction` (JS function) is a custom Javascript function called on each path point. This function is passed the position i of the point in the path * and the distance of this point from the begining of the path : * ```javascript * var rotationFunction = function(i, distance) { * // do things * return rotationValue; } * ``` * It must returns a float value that will be the rotation in radians applied to the shape on each path point. * The parameter `scaleFunction` (JS function) is a custom Javascript function called on each path point. This function is passed the position i of the point in the path * and the distance of this point from the begining of the path : * ```javascript * var scaleFunction = function(i, distance) { * // do things * return scaleValue;} * ``` * It must returns a float value that will be the scale value applied to the shape on each path point. * The parameter `ribbonClosePath` (boolean, default false) forces the extrusion underlying ribbon to close all the paths in its `pathArray`. * The parameter `ribbonCloseArray` (boolean, default false) forces the extrusion underlying ribbon to close its `pathArray`. * The parameter `cap` sets the way the extruded shape is capped. Possible values : BABYLON.Mesh.NO_CAP (default), BABYLON.Mesh.CAP_START, BABYLON.Mesh.CAP_END, BABYLON.Mesh.CAP_ALL * The optional parameter `instance` is an instance of an existing ExtrudedShape object to be updated with the passed `shape`, `path`, `scale` or `rotation` parameters : http://doc.babylonjs.com/tutorials/How_to_dynamically_morph_a_mesh#extruded-shape * Remember you can only change the shape or path point positions, not their number when updating an extruded shape. * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The optional parameter `invertUV` (boolean, default false) swaps in the geometry the U and V coordinates to apply a texture. * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.ExtrudeShapeCustom = function (name, options, scene) { var path = options.path; var shape = options.shape; var scaleFunction = options.scaleFunction || (function () { return 1; }); var rotationFunction = options.rotationFunction || (function () { return 0; }); var ribbonCloseArray = options.ribbonCloseArray || false; var ribbonClosePath = options.ribbonClosePath || false; var cap = (options.cap === 0) ? 0 : options.cap || BABYLON.Mesh.NO_CAP; var updatable = options.updatable; var sideOrientation = this.updateSideOrientation(options.sideOrientation, scene); var instance = options.instance; var invertUV = options.invertUV || false; return MeshBuilder._ExtrudeShapeGeneric(name, shape, path, null, null, scaleFunction, rotationFunction, ribbonCloseArray, ribbonClosePath, cap, true, scene, updatable, sideOrientation, instance, invertUV); }; /** * Creates lathe mesh. * The lathe is a shape with a symetry axis : a 2D model shape is rotated around this axis to design the lathe. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#lathe * * The parameter `shape` is a required array of successive Vector3. This array depicts the shape to be rotated in its local space : the shape must be designed in the xOy plane and will be * rotated around the Y axis. It's usually a 2D shape, so the Vector3 z coordinates are often set to zero. * The parameter `radius` (positive float, default 1) is the radius value of the lathe. * The parameter `tessellation` (positive integer, default 64) is the side number of the lathe. * The parameter `arc` (positive float, default 1) is the ratio of the lathe. 0.5 builds for instance half a lathe, so an opened shape. * The parameter `closed` (boolean, default true) opens/closes the lathe circumference. This should be set to false when used with the parameter "arc". * The parameter `cap` sets the way the extruded shape is capped. Possible values : BABYLON.Mesh.NO_CAP (default), BABYLON.Mesh.CAP_START, BABYLON.Mesh.CAP_END, BABYLON.Mesh.CAP_ALL * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The optional parameter `invertUV` (boolean, default false) swaps in the geometry the U and V coordinates to apply a texture. * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateLathe = function (name, options, scene) { var arc = (options.arc <= 0 || options.arc > 1) ? 1.0 : options.arc || 1.0; var closed = (options.closed === undefined) ? true : options.closed; var shape = options.shape; var radius = options.radius || 1; var tessellation = options.tessellation || 64; var updatable = options.updatable; var sideOrientation = this.updateSideOrientation(options.sideOrientation, scene); var cap = options.cap || BABYLON.Mesh.NO_CAP; var pi2 = Math.PI * 2; var paths = new Array(); var invertUV = options.invertUV || false; var i = 0; var p = 0; var step = pi2 / tessellation * arc; var rotated; var path = new Array(); ; for (i = 0; i <= tessellation; i++) { var path = []; if (cap == BABYLON.Mesh.CAP_START || cap == BABYLON.Mesh.CAP_ALL) { path.push(new BABYLON.Vector3(0, shape[0].y, 0)); path.push(new BABYLON.Vector3(Math.cos(i * step) * shape[0].x * radius, shape[0].y, Math.sin(i * step) * shape[0].x * radius)); } for (p = 0; p < shape.length; p++) { rotated = new BABYLON.Vector3(Math.cos(i * step) * shape[p].x * radius, shape[p].y, Math.sin(i * step) * shape[p].x * radius); path.push(rotated); } if (cap == BABYLON.Mesh.CAP_END || cap == BABYLON.Mesh.CAP_ALL) { path.push(new BABYLON.Vector3(Math.cos(i * step) * shape[shape.length - 1].x * radius, shape[shape.length - 1].y, Math.sin(i * step) * shape[shape.length - 1].x * radius)); path.push(new BABYLON.Vector3(0, shape[shape.length - 1].y, 0)); } paths.push(path); } // lathe ribbon var lathe = MeshBuilder.CreateRibbon(name, { pathArray: paths, closeArray: closed, sideOrientation: sideOrientation, updatable: updatable, invertUV: invertUV }, scene); return lathe; }; /** * Creates a plane mesh. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#plane * The parameter `size` sets the size (float) of both sides of the plane at once (default 1). * You can set some different plane dimensions by using the parameters `width` and `height` (both by default have the same value than `size`). * The parameter `sourcePlane` is a Plane instance. It builds a mesh plane from a Math plane. * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreatePlane = function (name, options, scene) { var plane = new BABYLON.Mesh(name, scene); options.sideOrientation = this.updateSideOrientation(options.sideOrientation, scene); var vertexData = BABYLON.VertexData.CreatePlane(options); vertexData.applyToMesh(plane, options.updatable); if (options.sourcePlane) { plane.translate(options.sourcePlane.normal, options.sourcePlane.d); var product = Math.acos(BABYLON.Vector3.Dot(options.sourcePlane.normal, BABYLON.Axis.Z)); var vectorProduct = BABYLON.Vector3.Cross(BABYLON.Axis.Z, options.sourcePlane.normal); plane.rotate(vectorProduct, product); } return plane; }; /** * Creates a ground mesh. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#plane * The parameters `width` and `height` (floats, default 1) set the width and height sizes of the ground. * The parameter `subdivisions` (positive integer) sets the number of subdivisions per side. * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateGround = function (name, options, scene) { var ground = new BABYLON.GroundMesh(name, scene); ground._setReady(false); ground._subdivisionsX = options.subdivisionsX || options.subdivisions || 1; ground._subdivisionsY = options.subdivisionsY || options.subdivisions || 1; ground._width = options.width || 1; ground._height = options.height || 1; ground._maxX = ground._width / 2; ground._maxZ = ground._height / 2; ground._minX = -ground._maxX; ground._minZ = -ground._maxZ; var vertexData = BABYLON.VertexData.CreateGround(options); vertexData.applyToMesh(ground, options.updatable); ground._setReady(true); return ground; }; /** * Creates a tiled ground mesh. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#tiled-ground * The parameters `xmin` and `xmax` (floats, default -1 and 1) set the ground minimum and maximum X coordinates. * The parameters `zmin` and `zmax` (floats, default -1 and 1) set the ground minimum and maximum Z coordinates. * The parameter `subdivisions` is a javascript object `{w: positive integer, h: positive integer}` (default `{w: 6, h: 6}`). `w` and `h` are the * numbers of subdivisions on the ground width and height. Each subdivision is called a tile. * The parameter `precision` is a javascript object `{w: positive integer, h: positive integer}` (default `{w: 2, h: 2}`). `w` and `h` are the * numbers of subdivisions on the ground width and height of each tile. * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateTiledGround = function (name, options, scene) { var tiledGround = new BABYLON.Mesh(name, scene); var vertexData = BABYLON.VertexData.CreateTiledGround(options); vertexData.applyToMesh(tiledGround, options.updatable); return tiledGround; }; /** * Creates a ground mesh from a height map. * tuto : http://doc.babylonjs.com/tutorials/14._Height_Map * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#ground-from-a-height-map * The parameter `url` sets the URL of the height map image resource. * The parameters `width` and `height` (positive floats, default 10) set the ground width and height sizes. * The parameter `subdivisions` (positive integer, default 1) sets the number of subdivision per side. * The parameter `minHeight` (float, default 0) is the minimum altitude on the ground. * The parameter `maxHeight` (float, default 1) is the maximum altitude on the ground. * The parameter `onReady` is a javascript callback function that will be called once the mesh is just built (the height map download can last some time). * This function is passed the newly built mesh : * ```javascript * function(mesh) { // do things * return; } * ``` * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateGroundFromHeightMap = function (name, url, options, scene) { var width = options.width || 10.0; var height = options.height || 10.0; var subdivisions = options.subdivisions || 1 | 0; var minHeight = options.minHeight || 0.0; var maxHeight = options.maxHeight || 10.0; var updatable = options.updatable; var onReady = options.onReady; var ground = new BABYLON.GroundMesh(name, scene); ground._subdivisionsX = subdivisions; ground._subdivisionsY = subdivisions; ground._width = width; ground._height = height; ground._maxX = ground._width / 2.0; ground._maxZ = ground._height / 2.0; ground._minX = -ground._maxX; ground._minZ = -ground._maxZ; ground._setReady(false); var onload = function (img) { // Getting height map data var canvas = document.createElement("canvas"); var context = canvas.getContext("2d"); var bufferWidth = img.width; var bufferHeight = img.height; canvas.width = bufferWidth; canvas.height = bufferHeight; context.drawImage(img, 0, 0); // Create VertexData from map data // Cast is due to wrong definition in lib.d.ts from ts 1.3 - https://github.com/Microsoft/TypeScript/issues/949 var buffer = context.getImageData(0, 0, bufferWidth, bufferHeight).data; var vertexData = BABYLON.VertexData.CreateGroundFromHeightMap({ width: width, height: height, subdivisions: subdivisions, minHeight: minHeight, maxHeight: maxHeight, buffer: buffer, bufferWidth: bufferWidth, bufferHeight: bufferHeight }); vertexData.applyToMesh(ground, updatable); ground._setReady(true); //execute ready callback, if set if (onReady) { onReady(ground); } }; BABYLON.Tools.LoadImage(url, onload, function () { }, scene.database); return ground; }; /** * Creates a tube mesh. * The tube is a parametric shape : http://doc.babylonjs.com/tutorials/Parametric_Shapes. It has no predefined shape. Its final shape will depend on the input parameters. * * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#tube * The parameter `path` is a required array of successive Vector3. It is the curve used as the axis of the tube. * The parameter `radius` (positive float, default 1) sets the tube radius size. * The parameter `tessellation` (positive float, default 64) is the number of sides on the tubular surface. * The parameter `radiusFunction` (javascript function, default null) is a vanilla javascript function. If it is not null, it overwrittes the parameter `radius`. * This function is called on each point of the tube path and is passed the index `i` of the i-th point and the distance of this point from the first point of the path. * It must return a radius value (positive float) : * ```javascript * var radiusFunction = function(i, distance) { * // do things * return radius; } * ``` * The parameter `arc` (positive float, maximum 1, default 1) is the ratio to apply to the tube circumference : 2 x PI x arc. * The parameter `cap` sets the way the extruded shape is capped. Possible values : BABYLON.Mesh.NO_CAP (default), BABYLON.Mesh.CAP_START, BABYLON.Mesh.CAP_END, BABYLON.Mesh.CAP_ALL * The optional parameter `instance` is an instance of an existing Tube object to be updated with the passed `pathArray` parameter : http://doc.babylonjs.com/tutorials/How_to_dynamically_morph_a_mesh#tube * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The optional parameter `invertUV` (boolean, default false) swaps in the geometry the U and V coordinates to apply a texture. * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreateTube = function (name, options, scene) { var path = options.path; var radius = options.radius || 1.0; var tessellation = options.tessellation || 64 | 0; var radiusFunction = options.radiusFunction; var cap = options.cap || BABYLON.Mesh.NO_CAP; var invertUV = options.invertUV || false; var updatable = options.updatable; var sideOrientation = this.updateSideOrientation(options.sideOrientation, scene); var instance = options.instance; options.arc = (options.arc <= 0.0 || options.arc > 1.0) ? 1.0 : options.arc || 1.0; // tube geometry var tubePathArray = function (path, path3D, circlePaths, radius, tessellation, radiusFunction, cap, arc) { var tangents = path3D.getTangents(); var normals = path3D.getNormals(); var distances = path3D.getDistances(); var pi2 = Math.PI * 2; var step = pi2 / tessellation * arc; var returnRadius = function () { return radius; }; var radiusFunctionFinal = radiusFunction || returnRadius; var circlePath; var rad; var normal; var rotated; var rotationMatrix = BABYLON.Tmp.Matrix[0]; var index = (cap === BABYLON.Mesh._NO_CAP || cap === BABYLON.Mesh.CAP_END) ? 0 : 2; for (var i = 0; i < path.length; i++) { rad = radiusFunctionFinal(i, distances[i]); // current radius circlePath = Array(); // current circle array normal = normals[i]; // current normal for (var t = 0; t < tessellation; t++) { BABYLON.Matrix.RotationAxisToRef(tangents[i], step * t, rotationMatrix); rotated = circlePath[t] ? circlePath[t] : BABYLON.Vector3.Zero(); BABYLON.Vector3.TransformCoordinatesToRef(normal, rotationMatrix, rotated); rotated.scaleInPlace(rad).addInPlace(path[i]); circlePath[t] = rotated; } circlePaths[index] = circlePath; index++; } // cap var capPath = function (nbPoints, pathIndex) { var pointCap = Array(); for (var i = 0; i < nbPoints; i++) { pointCap.push(path[pathIndex]); } return pointCap; }; switch (cap) { case BABYLON.Mesh.NO_CAP: break; case BABYLON.Mesh.CAP_START: circlePaths[0] = capPath(tessellation, 0); circlePaths[1] = circlePaths[2].slice(0); break; case BABYLON.Mesh.CAP_END: circlePaths[index] = circlePaths[index - 1].slice(0); circlePaths[index + 1] = capPath(tessellation, path.length - 1); break; case BABYLON.Mesh.CAP_ALL: circlePaths[0] = capPath(tessellation, 0); circlePaths[1] = circlePaths[2].slice(0); circlePaths[index] = circlePaths[index - 1].slice(0); circlePaths[index + 1] = capPath(tessellation, path.length - 1); break; default: break; } return circlePaths; }; var path3D; var pathArray; if (instance) { var arc = options.arc || instance.arc; path3D = (instance.path3D).update(path); pathArray = tubePathArray(path, path3D, instance.pathArray, radius, instance.tessellation, radiusFunction, instance.cap, arc); instance = MeshBuilder.CreateRibbon(null, { pathArray: pathArray, instance: instance }); instance.path3D = path3D; instance.pathArray = pathArray; instance.arc = arc; return instance; } // tube creation path3D = new BABYLON.Path3D(path); var newPathArray = new Array(); cap = (cap < 0 || cap > 3) ? 0 : cap; pathArray = tubePathArray(path, path3D, newPathArray, radius, tessellation, radiusFunction, cap, options.arc); var tube = MeshBuilder.CreateRibbon(name, { pathArray: pathArray, closePath: true, closeArray: false, updatable: updatable, sideOrientation: sideOrientation, invertUV: invertUV }, scene); tube.pathArray = pathArray; tube.path3D = path3D; tube.tessellation = tessellation; tube.cap = cap; tube.arc = options.arc; return tube; }; /** * Creates a polyhedron mesh. * * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#polyhedron * The parameter `type` (positive integer, max 14, default 0) sets the polyhedron type to build among the 15 embbeded types. Please refer to the type sheet in the tutorial * to choose the wanted type. * The parameter `size` (positive float, default 1) sets the polygon size. * You can overwrite the `size` on each dimension bu using the parameters `sizeX`, `sizeY` or `sizeZ` (positive floats, default to `size` value). * You can build other polyhedron types than the 15 embbeded ones by setting the parameter `custom` (`polyhedronObject`, default null). If you set the parameter `custom`, this overwrittes the parameter `type`. * A `polyhedronObject` is a formatted javascript object. You'll find a full file with pre-set polyhedra here : https://github.com/BabylonJS/Extensions/tree/master/Polyhedron * You can set the color and the UV of each side of the polyhedron with the parameters `faceColors` (Color4, default `(1, 1, 1, 1)`) and faceUV (Vector4, default `(0, 0, 1, 1)`). * To understand how to set `faceUV` or `faceColors`, please read this by considering the right number of faces of your polyhedron, instead of only 6 for the box : http://doc.babylonjs.com/tutorials/CreateBox_Per_Face_Textures_And_Colors * The parameter `flat` (boolean, default true). If set to false, it gives the polyhedron a single global face, so less vertices and shared normals. In this case, `faceColors` and `faceUV` are ignored. * You can also set the mesh side orientation with the values : BABYLON.Mesh.FRONTSIDE (default), BABYLON.Mesh.BACKSIDE or BABYLON.Mesh.DOUBLESIDE * Detail here : http://doc.babylonjs.com/tutorials/02._Discover_Basic_Elements#side-orientation * The mesh can be set to updatable with the boolean parameter `updatable` (default false) if its internal geometry is supposed to change once created. */ MeshBuilder.CreatePolyhedron = function (name, options, scene) { var polyhedron = new BABYLON.Mesh(name, scene); options.sideOrientation = this.updateSideOrientation(options.sideOrientation, scene); var vertexData = BABYLON.VertexData.CreatePolyhedron(options); vertexData.applyToMesh(polyhedron, options.updatable); return polyhedron; }; /** * Creates a decal mesh. * tuto : http://doc.babylonjs.com/tutorials/Mesh_CreateXXX_Methods_With_Options_Parameter#decals * A decal is a mesh usually applied as a model onto the surface of another mesh. So don't forget the parameter `sourceMesh` depicting the decal. * The parameter `position` (Vector3, default `(0, 0, 0)`) sets the position of the decal in World coordinates. * The parameter `normal` (Vector3, default `Vector3.Up`) sets the normal of the mesh where the decal is applied onto in World coordinates. * The parameter `size` (Vector3, default `(1, 1, 1)`) sets the decal scaling. * The parameter `angle` (float in radian, default 0) sets the angle to rotate the decal. */ MeshBuilder.CreateDecal = function (name, sourceMesh, options) { var indices = sourceMesh.getIndices(); var positions = sourceMesh.getVerticesData(BABYLON.VertexBuffer.PositionKind); var normals = sourceMesh.getVerticesData(BABYLON.VertexBuffer.NormalKind); var position = options.position || BABYLON.Vector3.Zero(); var normal = options.normal || BABYLON.Vector3.Up(); var size = options.size || new BABYLON.Vector3(1, 1, 1); var angle = options.angle || 0; // Getting correct rotation if (!normal) { var target = new BABYLON.Vector3(0, 0, 1); var camera = sourceMesh.getScene().activeCamera; var cameraWorldTarget = BABYLON.Vector3.TransformCoordinates(target, camera.getWorldMatrix()); normal = camera.globalPosition.subtract(cameraWorldTarget); } var yaw = -Math.atan2(normal.z, normal.x) - Math.PI / 2; var len = Math.sqrt(normal.x * normal.x + normal.z * normal.z); var pitch = Math.atan2(normal.y, len); // Matrix var decalWorldMatrix = BABYLON.Matrix.RotationYawPitchRoll(yaw, pitch, angle).multiply(BABYLON.Matrix.Translation(position.x, position.y, position.z)); var inverseDecalWorldMatrix = BABYLON.Matrix.Invert(decalWorldMatrix); var meshWorldMatrix = sourceMesh.getWorldMatrix(); var transformMatrix = meshWorldMatrix.multiply(inverseDecalWorldMatrix); var vertexData = new BABYLON.VertexData(); vertexData.indices = []; vertexData.positions = []; vertexData.normals = []; vertexData.uvs = []; var currentVertexDataIndex = 0; var extractDecalVector3 = function (indexId) { var vertexId = indices[indexId]; var result = new BABYLON.PositionNormalVertex(); result.position = new BABYLON.Vector3(positions[vertexId * 3], positions[vertexId * 3 + 1], positions[vertexId * 3 + 2]); // Send vector to decal local world result.position = BABYLON.Vector3.TransformCoordinates(result.position, transformMatrix); // Get normal result.normal = new BABYLON.Vector3(normals[vertexId * 3], normals[vertexId * 3 + 1], normals[vertexId * 3 + 2]); return result; }; // Inspired by https://github.com/mrdoob/three.js/blob/eee231960882f6f3b6113405f524956145148146/examples/js/geometries/DecalGeometry.js var clip = function (vertices, axis) { if (vertices.length === 0) { return vertices; } var clipSize = 0.5 * Math.abs(BABYLON.Vector3.Dot(size, axis)); var clipVertices = function (v0, v1) { var clipFactor = BABYLON.Vector3.GetClipFactor(v0.position, v1.position, axis, clipSize); return new BABYLON.PositionNormalVertex(BABYLON.Vector3.Lerp(v0.position, v1.position, clipFactor), BABYLON.Vector3.Lerp(v0.normal, v1.normal, clipFactor)); }; var result = new Array(); for (var index = 0; index < vertices.length; index += 3) { var v1Out; var v2Out; var v3Out; var total = 0; var nV1, nV2, nV3, nV4; var d1 = BABYLON.Vector3.Dot(vertices[index].position, axis) - clipSize; var d2 = BABYLON.Vector3.Dot(vertices[index + 1].position, axis) - clipSize; var d3 = BABYLON.Vector3.Dot(vertices[index + 2].position, axis) - clipSize; v1Out = d1 > 0; v2Out = d2 > 0; v3Out = d3 > 0; total = (v1Out ? 1 : 0) + (v2Out ? 1 : 0) + (v3Out ? 1 : 0); switch (total) { case 0: result.push(vertices[index]); result.push(vertices[index + 1]); result.push(vertices[index + 2]); break; case 1: if (v1Out) { nV1 = vertices[index + 1]; nV2 = vertices[index + 2]; nV3 = clipVertices(vertices[index], nV1); nV4 = clipVertices(vertices[index], nV2); } if (v2Out) { nV1 = vertices[index]; nV2 = vertices[index + 2]; nV3 = clipVertices(vertices[index + 1], nV1); nV4 = clipVertices(vertices[index + 1], nV2); result.push(nV3); result.push(nV2.clone()); result.push(nV1.clone()); result.push(nV2.clone()); result.push(nV3.clone()); result.push(nV4); break; } if (v3Out) { nV1 = vertices[index]; nV2 = vertices[index + 1]; nV3 = clipVertices(vertices[index + 2], nV1); nV4 = clipVertices(vertices[index + 2], nV2); } result.push(nV1.clone()); result.push(nV2.clone()); result.push(nV3); result.push(nV4); result.push(nV3.clone()); result.push(nV2.clone()); break; case 2: if (!v1Out) { nV1 = vertices[index].clone(); nV2 = clipVertices(nV1, vertices[index + 1]); nV3 = clipVertices(nV1, vertices[index + 2]); result.push(nV1); result.push(nV2); result.push(nV3); } if (!v2Out) { nV1 = vertices[index + 1].clone(); nV2 = clipVertices(nV1, vertices[index + 2]); nV3 = clipVertices(nV1, vertices[index]); result.push(nV1); result.push(nV2); result.push(nV3); } if (!v3Out) { nV1 = vertices[index + 2].clone(); nV2 = clipVertices(nV1, vertices[index]); nV3 = clipVertices(nV1, vertices[index + 1]); result.push(nV1); result.push(nV2); result.push(nV3); } break; case 3: break; } } return result; }; for (var index = 0; index < indices.length; index += 3) { var faceVertices = new Array(); faceVertices.push(extractDecalVector3(index)); faceVertices.push(extractDecalVector3(index + 1)); faceVertices.push(extractDecalVector3(index + 2)); // Clip faceVertices = clip(faceVertices, new BABYLON.Vector3(1, 0, 0)); faceVertices = clip(faceVertices, new BABYLON.Vector3(-1, 0, 0)); faceVertices = clip(faceVertices, new BABYLON.Vector3(0, 1, 0)); faceVertices = clip(faceVertices, new BABYLON.Vector3(0, -1, 0)); faceVertices = clip(faceVertices, new BABYLON.Vector3(0, 0, 1)); faceVertices = clip(faceVertices, new BABYLON.Vector3(0, 0, -1)); if (faceVertices.length === 0) { continue; } // Add UVs and get back to world for (var vIndex = 0; vIndex < faceVertices.length; vIndex++) { var vertex = faceVertices[vIndex]; //TODO check for Int32Array vertexData.indices.push(currentVertexDataIndex); vertex.position.toArray(vertexData.positions, currentVertexDataIndex * 3); vertex.normal.toArray(vertexData.normals, currentVertexDataIndex * 3); vertexData.uvs.push(0.5 + vertex.position.x / size.x); vertexData.uvs.push(0.5 + vertex.position.y / size.y); currentVertexDataIndex++; } } // Return mesh var decal = new BABYLON.Mesh(name, sourceMesh.getScene()); vertexData.applyToMesh(decal); decal.position = position.clone(); decal.rotation = new BABYLON.Vector3(pitch, yaw, angle); return decal; }; // Privates MeshBuilder._ExtrudeShapeGeneric = function (name, shape, curve, scale, rotation, scaleFunction, rotateFunction, rbCA, rbCP, cap, custom, scene, updtbl, side, instance, invertUV) { // extrusion geometry var extrusionPathArray = function (shape, curve, path3D, shapePaths, scale, rotation, scaleFunction, rotateFunction, cap, custom) { var tangents = path3D.getTangents(); var normals = path3D.getNormals(); var binormals = path3D.getBinormals(); var distances = path3D.getDistances(); var angle = 0; var returnScale = function () { return scale; }; var returnRotation = function () { return rotation; }; var rotate = custom ? rotateFunction : returnRotation; var scl = custom ? scaleFunction : returnScale; var index = (cap === BABYLON.Mesh.NO_CAP || cap === BABYLON.Mesh.CAP_END) ? 0 : 2; var rotationMatrix = BABYLON.Tmp.Matrix[0]; for (var i = 0; i < curve.length; i++) { var shapePath = new Array(); var angleStep = rotate(i, distances[i]); var scaleRatio = scl(i, distances[i]); for (var p = 0; p < shape.length; p++) { BABYLON.Matrix.RotationAxisToRef(tangents[i], angle, rotationMatrix); var planed = ((tangents[i].scale(shape[p].z)).add(normals[i].scale(shape[p].x)).add(binormals[i].scale(shape[p].y))); var rotated = shapePath[p] ? shapePath[p] : BABYLON.Vector3.Zero(); BABYLON.Vector3.TransformCoordinatesToRef(planed, rotationMatrix, rotated); rotated.scaleInPlace(scaleRatio).addInPlace(curve[i]); shapePath[p] = rotated; } shapePaths[index] = shapePath; angle += angleStep; index++; } // cap var capPath = function (shapePath) { var pointCap = Array(); var barycenter = BABYLON.Vector3.Zero(); var i; for (i = 0; i < shapePath.length; i++) { barycenter.addInPlace(shapePath[i]); } barycenter.scaleInPlace(1 / shapePath.length); for (i = 0; i < shapePath.length; i++) { pointCap.push(barycenter); } return pointCap; }; switch (cap) { case BABYLON.Mesh.NO_CAP: break; case BABYLON.Mesh.CAP_START: shapePaths[0] = capPath(shapePaths[2]); shapePaths[1] = shapePaths[2].slice(0); break; case BABYLON.Mesh.CAP_END: shapePaths[index] = shapePaths[index - 1]; shapePaths[index + 1] = capPath(shapePaths[index - 1]); break; case BABYLON.Mesh.CAP_ALL: shapePaths[0] = capPath(shapePaths[2]); shapePaths[1] = shapePaths[2].slice(0); shapePaths[index] = shapePaths[index - 1]; shapePaths[index + 1] = capPath(shapePaths[index - 1]); break; default: break; } return shapePaths; }; var path3D; var pathArray; if (instance) { path3D = (instance.path3D).update(curve); pathArray = extrusionPathArray(shape, curve, instance.path3D, instance.pathArray, scale, rotation, scaleFunction, rotateFunction, instance.cap, custom); instance = BABYLON.Mesh.CreateRibbon(null, pathArray, null, null, null, scene, null, null, instance); return instance; } // extruded shape creation path3D = new BABYLON.Path3D(curve); var newShapePaths = new Array(); cap = (cap < 0 || cap > 3) ? 0 : cap; pathArray = extrusionPathArray(shape, curve, path3D, newShapePaths, scale, rotation, scaleFunction, rotateFunction, cap, custom); var extrudedGeneric = MeshBuilder.CreateRibbon(name, { pathArray: pathArray, closeArray: rbCA, closePath: rbCP, updatable: updtbl, sideOrientation: side, invertUV: invertUV }, scene); extrudedGeneric.pathArray = pathArray; extrudedGeneric.path3D = path3D; extrudedGeneric.cap = cap; return extrudedGeneric; }; return MeshBuilder; }()); BABYLON.MeshBuilder = MeshBuilder; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Mesh/babylon.meshBuilder.js.map var BABYLON; (function (BABYLON) { var BaseTexture = (function () { function BaseTexture(scene) { this.hasAlpha = false; this.getAlphaFromRGB = false; this.level = 1; this.coordinatesIndex = 0; this.coordinatesMode = BABYLON.Texture.EXPLICIT_MODE; this.wrapU = BABYLON.Texture.WRAP_ADDRESSMODE; this.wrapV = BABYLON.Texture.WRAP_ADDRESSMODE; this.anisotropicFilteringLevel = 4; this.isCube = false; this.isRenderTarget = false; this.animations = new Array(); /** * An event triggered when the texture is disposed. * @type {BABYLON.Observable} */ this.onDisposeObservable = new BABYLON.Observable(); this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_NONE; this._scene = scene; this._scene.textures.push(this); this._uid = null; } Object.defineProperty(BaseTexture.prototype, "uid", { get: function () { if (!this._uid) { this._uid = BABYLON.Tools.RandomId(); } return this._uid; }, enumerable: true, configurable: true }); BaseTexture.prototype.toString = function () { return this.name; }; Object.defineProperty(BaseTexture.prototype, "onDispose", { set: function (callback) { if (this._onDisposeObserver) { this.onDisposeObservable.remove(this._onDisposeObserver); } this._onDisposeObserver = this.onDisposeObservable.add(callback); }, enumerable: true, configurable: true }); BaseTexture.prototype.getScene = function () { return this._scene; }; BaseTexture.prototype.getTextureMatrix = function () { return null; }; BaseTexture.prototype.getReflectionTextureMatrix = function () { return null; }; BaseTexture.prototype.getInternalTexture = function () { return this._texture; }; BaseTexture.prototype.isReady = function () { if (this.delayLoadState === BABYLON.Engine.DELAYLOADSTATE_NOTLOADED) { return true; } if (this._texture) { return this._texture.isReady; } return false; }; BaseTexture.prototype.getSize = function () { if (this._texture._width) { return new BABYLON.Size(this._texture._width, this._texture._height); } if (this._texture._size) { return new BABYLON.Size(this._texture._size, this._texture._size); } return BABYLON.Size.Zero(); }; BaseTexture.prototype.getBaseSize = function () { if (!this.isReady() || !this._texture) return BABYLON.Size.Zero(); if (this._texture._size) { return new BABYLON.Size(this._texture._size, this._texture._size); } return new BABYLON.Size(this._texture._baseWidth, this._texture._baseHeight); }; BaseTexture.prototype.scale = function (ratio) { }; Object.defineProperty(BaseTexture.prototype, "canRescale", { get: function () { return false; }, enumerable: true, configurable: true }); BaseTexture.prototype._removeFromCache = function (url, noMipmap) { var texturesCache = this._scene.getEngine().getLoadedTexturesCache(); for (var index = 0; index < texturesCache.length; index++) { var texturesCacheEntry = texturesCache[index]; if (texturesCacheEntry.url === url && texturesCacheEntry.noMipmap === noMipmap) { texturesCache.splice(index, 1); return; } } }; BaseTexture.prototype._getFromCache = function (url, noMipmap, sampling) { var texturesCache = this._scene.getEngine().getLoadedTexturesCache(); for (var index = 0; index < texturesCache.length; index++) { var texturesCacheEntry = texturesCache[index]; if (texturesCacheEntry.url === url && texturesCacheEntry.noMipmap === noMipmap) { if (!sampling || sampling === texturesCacheEntry.samplingMode) { texturesCacheEntry.references++; return texturesCacheEntry; } } } return null; }; BaseTexture.prototype.delayLoad = function () { }; BaseTexture.prototype.clone = function () { return null; }; BaseTexture.prototype.releaseInternalTexture = function () { if (this._texture) { this._scene.getEngine().releaseInternalTexture(this._texture); delete this._texture; } }; BaseTexture.prototype.dispose = function () { // Animations this.getScene().stopAnimation(this); // Remove from scene var index = this._scene.textures.indexOf(this); if (index >= 0) { this._scene.textures.splice(index, 1); } if (this._texture === undefined) { return; } // Release this.releaseInternalTexture(); // Callback this.onDisposeObservable.notifyObservers(this); this.onDisposeObservable.clear(); }; BaseTexture.prototype.serialize = function () { if (!this.name) { return null; } var serializationObject = BABYLON.SerializationHelper.Serialize(this); // Animations BABYLON.Animation.AppendSerializedAnimations(this, serializationObject); return serializationObject; }; __decorate([ BABYLON.serialize() ], BaseTexture.prototype, "name", void 0); __decorate([ BABYLON.serialize() ], BaseTexture.prototype, "hasAlpha", void 0); __decorate([ BABYLON.serialize() ], BaseTexture.prototype, "getAlphaFromRGB", void 0); __decorate([ BABYLON.serialize() ], BaseTexture.prototype, "level", void 0); __decorate([ BABYLON.serialize() ], BaseTexture.prototype, "coordinatesIndex", void 0); __decorate([ BABYLON.serialize() ], BaseTexture.prototype, "coordinatesMode", void 0); __decorate([ BABYLON.serialize() ], BaseTexture.prototype, "wrapU", void 0); __decorate([ BABYLON.serialize() ], BaseTexture.prototype, "wrapV", void 0); __decorate([ BABYLON.serialize() ], BaseTexture.prototype, "anisotropicFilteringLevel", void 0); __decorate([ BABYLON.serialize() ], BaseTexture.prototype, "isCube", void 0); __decorate([ BABYLON.serialize() ], BaseTexture.prototype, "isRenderTarget", void 0); return BaseTexture; }()); BABYLON.BaseTexture = BaseTexture; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Materials/Textures/babylon.baseTexture.js.map var BABYLON; (function (BABYLON) { var Texture = (function (_super) { __extends(Texture, _super); function Texture(urlOrList, scene, noMipmap, invertY, samplingMode, onLoad, onError, buffer, deleteBuffer) { var _this = this; if (noMipmap === void 0) { noMipmap = false; } if (invertY === void 0) { invertY = true; } if (samplingMode === void 0) { samplingMode = Texture.TRILINEAR_SAMPLINGMODE; } if (onLoad === void 0) { onLoad = null; } if (onError === void 0) { onError = null; } if (buffer === void 0) { buffer = null; } if (deleteBuffer === void 0) { deleteBuffer = false; } _super.call(this, scene); this.uOffset = 0; this.vOffset = 0; this.uScale = 1.0; this.vScale = 1.0; this.uAng = 0; this.vAng = 0; this.wAng = 0; var url = ((urlOrList instanceof Array) ? urlOrList[0] : urlOrList); this.name = url; this.url = url; this._delayReloadData = urlOrList; this._noMipmap = noMipmap; this._invertY = invertY; this._samplingMode = samplingMode; this._buffer = buffer; this._deleteBuffer = deleteBuffer; if (!url) { return; } this._texture = this._getFromCache(url, noMipmap, samplingMode); var load = function () { if (_this._onLoadObservarble && _this._onLoadObservarble.hasObservers()) { _this.onLoadObservable.notifyObservers(true); } if (onLoad) { onLoad(); } }; if (!this._texture) { if (!scene.useDelayedTextureLoading) { this._texture = scene.getEngine().createTexture(urlOrList, noMipmap, invertY, scene, this._samplingMode, load, onError, this._buffer); if (deleteBuffer) { delete this._buffer; } } else { this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_NOTLOADED; this._delayedOnLoad = load; this._delayedOnError = onError; } } else { if (this._texture.isReady) { BABYLON.Tools.SetImmediate(function () { return load(); }); } else { this._texture.onLoadedCallbacks.push(load); } } } Object.defineProperty(Texture.prototype, "noMipmap", { get: function () { return this._noMipmap; }, enumerable: true, configurable: true }); Texture.prototype.delayLoad = function () { if (this.delayLoadState !== BABYLON.Engine.DELAYLOADSTATE_NOTLOADED) { return; } this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_LOADED; this._texture = this._getFromCache(this.url, this._noMipmap, this._samplingMode); if (!this._texture) { this._texture = this.getScene().getEngine().createTexture(this._delayReloadData, this._noMipmap, this._invertY, this.getScene(), this._samplingMode, this._delayedOnLoad, this._delayedOnError, this._buffer); if (this._deleteBuffer) { delete this._buffer; } } }; Texture.prototype.updateSamplingMode = function (samplingMode) { if (!this._texture) { return; } this._samplingMode = samplingMode; this.getScene().getEngine().updateTextureSamplingMode(samplingMode, this._texture); }; Texture.prototype._prepareRowForTextureGeneration = function (x, y, z, t) { x *= this.uScale; y *= this.vScale; x -= 0.5 * this.uScale; y -= 0.5 * this.vScale; z -= 0.5; BABYLON.Vector3.TransformCoordinatesFromFloatsToRef(x, y, z, this._rowGenerationMatrix, t); t.x += 0.5 * this.uScale + this.uOffset; t.y += 0.5 * this.vScale + this.vOffset; t.z += 0.5; }; Texture.prototype.getTextureMatrix = function () { if (this.uOffset === this._cachedUOffset && this.vOffset === this._cachedVOffset && this.uScale === this._cachedUScale && this.vScale === this._cachedVScale && this.uAng === this._cachedUAng && this.vAng === this._cachedVAng && this.wAng === this._cachedWAng) { return this._cachedTextureMatrix; } this._cachedUOffset = this.uOffset; this._cachedVOffset = this.vOffset; this._cachedUScale = this.uScale; this._cachedVScale = this.vScale; this._cachedUAng = this.uAng; this._cachedVAng = this.vAng; this._cachedWAng = this.wAng; if (!this._cachedTextureMatrix) { this._cachedTextureMatrix = BABYLON.Matrix.Zero(); this._rowGenerationMatrix = new BABYLON.Matrix(); this._t0 = BABYLON.Vector3.Zero(); this._t1 = BABYLON.Vector3.Zero(); this._t2 = BABYLON.Vector3.Zero(); } BABYLON.Matrix.RotationYawPitchRollToRef(this.vAng, this.uAng, this.wAng, this._rowGenerationMatrix); this._prepareRowForTextureGeneration(0, 0, 0, this._t0); this._prepareRowForTextureGeneration(1.0, 0, 0, this._t1); this._prepareRowForTextureGeneration(0, 1.0, 0, this._t2); this._t1.subtractInPlace(this._t0); this._t2.subtractInPlace(this._t0); BABYLON.Matrix.IdentityToRef(this._cachedTextureMatrix); this._cachedTextureMatrix.m[0] = this._t1.x; this._cachedTextureMatrix.m[1] = this._t1.y; this._cachedTextureMatrix.m[2] = this._t1.z; this._cachedTextureMatrix.m[4] = this._t2.x; this._cachedTextureMatrix.m[5] = this._t2.y; this._cachedTextureMatrix.m[6] = this._t2.z; this._cachedTextureMatrix.m[8] = this._t0.x; this._cachedTextureMatrix.m[9] = this._t0.y; this._cachedTextureMatrix.m[10] = this._t0.z; return this._cachedTextureMatrix; }; Texture.prototype.getReflectionTextureMatrix = function () { if (this.uOffset === this._cachedUOffset && this.vOffset === this._cachedVOffset && this.uScale === this._cachedUScale && this.vScale === this._cachedVScale && this.coordinatesMode === this._cachedCoordinatesMode) { return this._cachedTextureMatrix; } if (!this._cachedTextureMatrix) { this._cachedTextureMatrix = BABYLON.Matrix.Zero(); this._projectionModeMatrix = BABYLON.Matrix.Zero(); } this._cachedCoordinatesMode = this.coordinatesMode; switch (this.coordinatesMode) { case Texture.PLANAR_MODE: BABYLON.Matrix.IdentityToRef(this._cachedTextureMatrix); this._cachedTextureMatrix[0] = this.uScale; this._cachedTextureMatrix[5] = this.vScale; this._cachedTextureMatrix[12] = this.uOffset; this._cachedTextureMatrix[13] = this.vOffset; break; case Texture.PROJECTION_MODE: BABYLON.Matrix.IdentityToRef(this._projectionModeMatrix); this._projectionModeMatrix.m[0] = 0.5; this._projectionModeMatrix.m[5] = -0.5; this._projectionModeMatrix.m[10] = 0.0; this._projectionModeMatrix.m[12] = 0.5; this._projectionModeMatrix.m[13] = 0.5; this._projectionModeMatrix.m[14] = 1.0; this._projectionModeMatrix.m[15] = 1.0; this.getScene().getProjectionMatrix().multiplyToRef(this._projectionModeMatrix, this._cachedTextureMatrix); break; default: BABYLON.Matrix.IdentityToRef(this._cachedTextureMatrix); break; } return this._cachedTextureMatrix; }; Texture.prototype.clone = function () { var _this = this; return BABYLON.SerializationHelper.Clone(function () { return new Texture(_this._texture.url, _this.getScene(), _this._noMipmap, _this._invertY, _this._samplingMode); }, this); }; Object.defineProperty(Texture.prototype, "onLoadObservable", { get: function () { if (!this._onLoadObservarble) { this._onLoadObservarble = new BABYLON.Observable(); } return this._onLoadObservarble; }, enumerable: true, configurable: true }); // Statics Texture.CreateFromBase64String = function (data, name, scene, noMipmap, invertY, samplingMode, onLoad, onError) { if (samplingMode === void 0) { samplingMode = Texture.TRILINEAR_SAMPLINGMODE; } if (onLoad === void 0) { onLoad = null; } if (onError === void 0) { onError = null; } return new Texture("data:" + name, scene, noMipmap, invertY, samplingMode, onLoad, onError, data); }; Texture.Parse = function (parsedTexture, scene, rootUrl) { if (parsedTexture.customType) { var customTexture = BABYLON.Tools.Instantiate(parsedTexture.customType); return customTexture.Parse(parsedTexture, scene, rootUrl); } if (parsedTexture.isCube) { return BABYLON.CubeTexture.Parse(parsedTexture, scene, rootUrl); } if (!parsedTexture.name && !parsedTexture.isRenderTarget) { return null; } var texture = BABYLON.SerializationHelper.Parse(function () { if (parsedTexture.mirrorPlane) { var mirrorTexture = new BABYLON.MirrorTexture(parsedTexture.name, parsedTexture.renderTargetSize, scene); mirrorTexture._waitingRenderList = parsedTexture.renderList; mirrorTexture.mirrorPlane = BABYLON.Plane.FromArray(parsedTexture.mirrorPlane); return mirrorTexture; } else if (parsedTexture.isRenderTarget) { var renderTargetTexture = new BABYLON.RenderTargetTexture(parsedTexture.name, parsedTexture.renderTargetSize, scene); renderTargetTexture._waitingRenderList = parsedTexture.renderList; return renderTargetTexture; } else { var texture; if (parsedTexture.base64String) { texture = Texture.CreateFromBase64String(parsedTexture.base64String, parsedTexture.name, scene); } else if (parsedTexture.name instanceof Array) { for (var i = 0, len = parsedTexture.name.length; i < len; i++) { parsedTexture.name[i] = rootUrl + parsedTexture.name[i]; } texture = new Texture(parsedTexture.name, scene); } else { texture = new Texture(rootUrl + parsedTexture.name, scene); } return texture; } }, parsedTexture, scene); // Animations if (parsedTexture.animations) { for (var animationIndex = 0; animationIndex < parsedTexture.animations.length; animationIndex++) { var parsedAnimation = parsedTexture.animations[animationIndex]; texture.animations.push(BABYLON.Animation.Parse(parsedAnimation)); } } return texture; }; Texture.LoadFromDataString = function (name, buffer, scene, deleteBuffer, noMipmap, invertY, samplingMode, onLoad, onError) { if (deleteBuffer === void 0) { deleteBuffer = false; } if (noMipmap === void 0) { noMipmap = false; } if (invertY === void 0) { invertY = true; } if (samplingMode === void 0) { samplingMode = Texture.TRILINEAR_SAMPLINGMODE; } if (onLoad === void 0) { onLoad = null; } if (onError === void 0) { onError = null; } if (name.substr(0, 5) !== "data:") { name = "data:" + name; } return new Texture(name, scene, noMipmap, invertY, samplingMode, onLoad, onError, buffer, deleteBuffer); }; // Constants Texture.NEAREST_SAMPLINGMODE = 1; Texture.BILINEAR_SAMPLINGMODE = 2; Texture.TRILINEAR_SAMPLINGMODE = 3; Texture.EXPLICIT_MODE = 0; Texture.SPHERICAL_MODE = 1; Texture.PLANAR_MODE = 2; Texture.CUBIC_MODE = 3; Texture.PROJECTION_MODE = 4; Texture.SKYBOX_MODE = 5; Texture.INVCUBIC_MODE = 6; Texture.EQUIRECTANGULAR_MODE = 7; Texture.FIXED_EQUIRECTANGULAR_MODE = 8; Texture.CLAMP_ADDRESSMODE = 0; Texture.WRAP_ADDRESSMODE = 1; Texture.MIRROR_ADDRESSMODE = 2; __decorate([ BABYLON.serialize() ], Texture.prototype, "url", void 0); __decorate([ BABYLON.serialize() ], Texture.prototype, "uOffset", void 0); __decorate([ BABYLON.serialize() ], Texture.prototype, "vOffset", void 0); __decorate([ BABYLON.serialize() ], Texture.prototype, "uScale", void 0); __decorate([ BABYLON.serialize() ], Texture.prototype, "vScale", void 0); __decorate([ BABYLON.serialize() ], Texture.prototype, "uAng", void 0); __decorate([ BABYLON.serialize() ], Texture.prototype, "vAng", void 0); __decorate([ BABYLON.serialize() ], Texture.prototype, "wAng", void 0); return Texture; }(BABYLON.BaseTexture)); BABYLON.Texture = Texture; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Materials/Textures/babylon.texture.js.map var BABYLON; (function (BABYLON) { var CubeTexture = (function (_super) { __extends(CubeTexture, _super); function CubeTexture(rootUrl, scene, extensions, noMipmap, files, onLoad, onError) { if (onLoad === void 0) { onLoad = null; } if (onError === void 0) { onError = null; } _super.call(this, scene); this.coordinatesMode = BABYLON.Texture.CUBIC_MODE; this.name = rootUrl; this.url = rootUrl; this._noMipmap = noMipmap; this.hasAlpha = false; if (!rootUrl && !files) { return; } this._texture = this._getFromCache(rootUrl, noMipmap); if (!files) { if (!extensions) { extensions = ["_px.jpg", "_py.jpg", "_pz.jpg", "_nx.jpg", "_ny.jpg", "_nz.jpg"]; } files = []; for (var index = 0; index < extensions.length; index++) { files.push(rootUrl + extensions[index]); } this._extensions = extensions; } this._files = files; if (!this._texture) { if (!scene.useDelayedTextureLoading) { this._texture = scene.getEngine().createCubeTexture(rootUrl, scene, files, noMipmap, onLoad, onError); } else { this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_NOTLOADED; } } else if (onLoad) { if (this._texture.isReady) { BABYLON.Tools.SetImmediate(function () { return onLoad(); }); } else { this._texture.onLoadedCallbacks.push(onLoad); } } this.isCube = true; this._textureMatrix = BABYLON.Matrix.Identity(); } CubeTexture.CreateFromImages = function (files, scene, noMipmap) { return new CubeTexture("", scene, null, noMipmap, files); }; // Methods CubeTexture.prototype.delayLoad = function () { if (this.delayLoadState !== BABYLON.Engine.DELAYLOADSTATE_NOTLOADED) { return; } this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_LOADED; this._texture = this._getFromCache(this.url, this._noMipmap); if (!this._texture) { this._texture = this.getScene().getEngine().createCubeTexture(this.url, this.getScene(), this._files, this._noMipmap); } }; CubeTexture.prototype.getReflectionTextureMatrix = function () { return this._textureMatrix; }; CubeTexture.Parse = function (parsedTexture, scene, rootUrl) { var texture = BABYLON.SerializationHelper.Parse(function () { return new BABYLON.CubeTexture(rootUrl + parsedTexture.name, scene, parsedTexture.extensions); }, parsedTexture, scene); // Animations if (parsedTexture.animations) { for (var animationIndex = 0; animationIndex < parsedTexture.animations.length; animationIndex++) { var parsedAnimation = parsedTexture.animations[animationIndex]; texture.animations.push(BABYLON.Animation.Parse(parsedAnimation)); } } return texture; }; CubeTexture.prototype.clone = function () { var _this = this; return BABYLON.SerializationHelper.Clone(function () { return new CubeTexture(_this.url, _this.getScene(), _this._extensions, _this._noMipmap, _this._files); }, this); }; return CubeTexture; }(BABYLON.BaseTexture)); BABYLON.CubeTexture = CubeTexture; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Materials/Textures/babylon.cubeTexture.js.map var BABYLON; (function (BABYLON) { var RenderTargetTexture = (function (_super) { __extends(RenderTargetTexture, _super); function RenderTargetTexture(name, size, scene, generateMipMaps, doNotChangeAspectRatio, type, isCube, samplingMode, generateDepthBuffer, generateStencilBuffer) { if (doNotChangeAspectRatio === void 0) { doNotChangeAspectRatio = true; } if (type === void 0) { type = BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT; } if (isCube === void 0) { isCube = false; } if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } if (generateDepthBuffer === void 0) { generateDepthBuffer = true; } if (generateStencilBuffer === void 0) { generateStencilBuffer = false; } _super.call(this, null, scene, !generateMipMaps); this.isCube = isCube; /** * Use this list to define the list of mesh you want to render. */ this.renderList = new Array(); this.renderParticles = true; this.renderSprites = false; this.coordinatesMode = BABYLON.Texture.PROJECTION_MODE; // Events /** * An event triggered when the texture is unbind. * @type {BABYLON.Observable} */ this.onAfterUnbindObservable = new BABYLON.Observable(); /** * An event triggered before rendering the texture * @type {BABYLON.Observable} */ this.onBeforeRenderObservable = new BABYLON.Observable(); /** * An event triggered after rendering the texture * @type {BABYLON.Observable} */ this.onAfterRenderObservable = new BABYLON.Observable(); /** * An event triggered after the texture clear * @type {BABYLON.Observable} */ this.onClearObservable = new BABYLON.Observable(); this._currentRefreshId = -1; this._refreshRate = 1; this.name = name; this.isRenderTarget = true; this._size = size; this._generateMipMaps = generateMipMaps; this._doNotChangeAspectRatio = doNotChangeAspectRatio; if (samplingMode === BABYLON.Texture.NEAREST_SAMPLINGMODE) { this.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE; this.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE; } if (isCube) { this._texture = scene.getEngine().createRenderTargetCubeTexture(size, { generateMipMaps: generateMipMaps, samplingMode: samplingMode, generateDepthBuffer: generateDepthBuffer, generateStencilBuffer: generateStencilBuffer }); this.coordinatesMode = BABYLON.Texture.INVCUBIC_MODE; this._textureMatrix = BABYLON.Matrix.Identity(); } else { this._texture = scene.getEngine().createRenderTargetTexture(size, { generateMipMaps: generateMipMaps, type: type, samplingMode: samplingMode, generateDepthBuffer: generateDepthBuffer, generateStencilBuffer: generateStencilBuffer }); } // Rendering groups this._renderingManager = new BABYLON.RenderingManager(scene); } Object.defineProperty(RenderTargetTexture, "REFRESHRATE_RENDER_ONCE", { get: function () { return RenderTargetTexture._REFRESHRATE_RENDER_ONCE; }, enumerable: true, configurable: true }); Object.defineProperty(RenderTargetTexture, "REFRESHRATE_RENDER_ONEVERYFRAME", { get: function () { return RenderTargetTexture._REFRESHRATE_RENDER_ONEVERYFRAME; }, enumerable: true, configurable: true }); Object.defineProperty(RenderTargetTexture, "REFRESHRATE_RENDER_ONEVERYTWOFRAMES", { get: function () { return RenderTargetTexture._REFRESHRATE_RENDER_ONEVERYTWOFRAMES; }, enumerable: true, configurable: true }); Object.defineProperty(RenderTargetTexture.prototype, "onAfterUnbind", { set: function (callback) { if (this._onAfterUnbindObserver) { this.onAfterUnbindObservable.remove(this._onAfterUnbindObserver); } this._onAfterUnbindObserver = this.onAfterUnbindObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(RenderTargetTexture.prototype, "onBeforeRender", { set: function (callback) { if (this._onBeforeRenderObserver) { this.onBeforeRenderObservable.remove(this._onBeforeRenderObserver); } this._onBeforeRenderObserver = this.onBeforeRenderObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(RenderTargetTexture.prototype, "onAfterRender", { set: function (callback) { if (this._onAfterRenderObserver) { this.onAfterRenderObservable.remove(this._onAfterRenderObserver); } this._onAfterRenderObserver = this.onAfterRenderObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(RenderTargetTexture.prototype, "onClear", { set: function (callback) { if (this._onClearObserver) { this.onClearObservable.remove(this._onClearObserver); } this._onClearObserver = this.onClearObservable.add(callback); }, enumerable: true, configurable: true }); RenderTargetTexture.prototype.resetRefreshCounter = function () { this._currentRefreshId = -1; }; Object.defineProperty(RenderTargetTexture.prototype, "refreshRate", { get: function () { return this._refreshRate; }, // Use 0 to render just once, 1 to render on every frame, 2 to render every two frames and so on... set: function (value) { this._refreshRate = value; this.resetRefreshCounter(); }, enumerable: true, configurable: true }); RenderTargetTexture.prototype._shouldRender = function () { if (this._currentRefreshId === -1) { this._currentRefreshId = 1; return true; } if (this.refreshRate === this._currentRefreshId) { this._currentRefreshId = 1; return true; } this._currentRefreshId++; return false; }; RenderTargetTexture.prototype.isReady = function () { if (!this.getScene().renderTargetsEnabled) { return false; } return _super.prototype.isReady.call(this); }; RenderTargetTexture.prototype.getRenderSize = function () { return this._size; }; Object.defineProperty(RenderTargetTexture.prototype, "canRescale", { get: function () { return true; }, enumerable: true, configurable: true }); RenderTargetTexture.prototype.scale = function (ratio) { var newSize = this._size * ratio; this.resize(newSize, this._generateMipMaps); }; RenderTargetTexture.prototype.getReflectionTextureMatrix = function () { if (this.isCube) { return this._textureMatrix; } return _super.prototype.getReflectionTextureMatrix.call(this); }; RenderTargetTexture.prototype.resize = function (size, generateMipMaps) { this.releaseInternalTexture(); if (this.isCube) { this._texture = this.getScene().getEngine().createRenderTargetCubeTexture(size); } else { this._texture = this.getScene().getEngine().createRenderTargetTexture(size, generateMipMaps); } }; RenderTargetTexture.prototype.render = function (useCameraPostProcess, dumpForDebug) { var scene = this.getScene(); if (this.useCameraPostProcesses !== undefined) { useCameraPostProcess = this.useCameraPostProcesses; } if (this.activeCamera && this.activeCamera !== scene.activeCamera) { scene.setTransformMatrix(this.activeCamera.getViewMatrix(), this.activeCamera.getProjectionMatrix(true)); } if (this._waitingRenderList) { this.renderList = []; for (var index = 0; index < this._waitingRenderList.length; index++) { var id = this._waitingRenderList[index]; this.renderList.push(scene.getMeshByID(id)); } delete this._waitingRenderList; } // Is predicate defined? if (this.renderListPredicate) { this.renderList.splice(0); // Clear previous renderList var sceneMeshes = this.getScene().meshes; for (var index = 0; index < sceneMeshes.length; index++) { var mesh = sceneMeshes[index]; if (this.renderListPredicate(mesh)) { this.renderList.push(mesh); } } } if (this.renderList && this.renderList.length === 0) { return; } // Prepare renderingManager this._renderingManager.reset(); var currentRenderList = this.renderList ? this.renderList : scene.getActiveMeshes().data; var currentRenderListLength = this.renderList ? this.renderList.length : scene.getActiveMeshes().length; var sceneRenderId = scene.getRenderId(); for (var meshIndex = 0; meshIndex < currentRenderListLength; meshIndex++) { var mesh = currentRenderList[meshIndex]; if (mesh) { if (!mesh.isReady()) { // Reset _currentRefreshId this.resetRefreshCounter(); continue; } mesh._preActivateForIntermediateRendering(sceneRenderId); if (mesh.isEnabled() && mesh.isVisible && mesh.subMeshes && ((mesh.layerMask & scene.activeCamera.layerMask) !== 0)) { mesh._activate(sceneRenderId); for (var subIndex = 0; subIndex < mesh.subMeshes.length; subIndex++) { var subMesh = mesh.subMeshes[subIndex]; scene._activeIndices.addCount(subMesh.indexCount, false); this._renderingManager.dispatch(subMesh); } } } } if (this.isCube) { for (var face = 0; face < 6; face++) { this.renderToTarget(face, currentRenderList, currentRenderListLength, useCameraPostProcess, dumpForDebug); scene.incrementRenderId(); scene.resetCachedMaterial(); } } else { this.renderToTarget(0, currentRenderList, currentRenderListLength, useCameraPostProcess, dumpForDebug); } this.onAfterUnbindObservable.notifyObservers(this); if (this.activeCamera && this.activeCamera !== scene.activeCamera) { scene.setTransformMatrix(scene.activeCamera.getViewMatrix(), scene.activeCamera.getProjectionMatrix(true)); } scene.resetCachedMaterial(); }; RenderTargetTexture.prototype.renderToTarget = function (faceIndex, currentRenderList, currentRenderListLength, useCameraPostProcess, dumpForDebug) { var scene = this.getScene(); var engine = scene.getEngine(); // Bind if (!useCameraPostProcess || !scene.postProcessManager._prepareFrame(this._texture)) { if (this.isCube) { engine.bindFramebuffer(this._texture, faceIndex); } else { engine.bindFramebuffer(this._texture); } } this.onBeforeRenderObservable.notifyObservers(faceIndex); // Clear if (this.onClearObservable.hasObservers()) { this.onClearObservable.notifyObservers(engine); } else { engine.clear(scene.clearColor, true, true, true); } if (!this._doNotChangeAspectRatio) { scene.updateTransformMatrix(true); } // Render this._renderingManager.render(this.customRenderFunction, currentRenderList, this.renderParticles, this.renderSprites); if (useCameraPostProcess) { scene.postProcessManager._finalizeFrame(false, this._texture, faceIndex); } if (!this._doNotChangeAspectRatio) { scene.updateTransformMatrix(true); } this.onAfterRenderObservable.notifyObservers(faceIndex); // Dump ? if (dumpForDebug) { BABYLON.Tools.DumpFramebuffer(this._size, this._size, engine); } // Unbind if (!this.isCube || faceIndex === 5) { if (this.isCube) { if (faceIndex === 5) { engine.generateMipMapsForCubemap(this._texture); } } engine.unBindFramebuffer(this._texture, this.isCube); } }; /** * Overrides the default sort function applied in the renderging group to prepare the meshes. * This allowed control for front to back rendering or reversly depending of the special needs. * * @param renderingGroupId The rendering group id corresponding to its index * @param opaqueSortCompareFn The opaque queue comparison function use to sort. * @param alphaTestSortCompareFn The alpha test queue comparison function use to sort. * @param transparentSortCompareFn The transparent queue comparison function use to sort. */ RenderTargetTexture.prototype.setRenderingOrder = function (renderingGroupId, opaqueSortCompareFn, alphaTestSortCompareFn, transparentSortCompareFn) { if (opaqueSortCompareFn === void 0) { opaqueSortCompareFn = null; } if (alphaTestSortCompareFn === void 0) { alphaTestSortCompareFn = null; } if (transparentSortCompareFn === void 0) { transparentSortCompareFn = null; } this._renderingManager.setRenderingOrder(renderingGroupId, opaqueSortCompareFn, alphaTestSortCompareFn, transparentSortCompareFn); }; /** * Specifies whether or not the stencil and depth buffer are cleared between two rendering groups. * * @param renderingGroupId The rendering group id corresponding to its index * @param autoClearDepthStencil Automatically clears depth and stencil between groups if true. */ RenderTargetTexture.prototype.setRenderingAutoClearDepthStencil = function (renderingGroupId, autoClearDepthStencil) { this._renderingManager.setRenderingAutoClearDepthStencil(renderingGroupId, autoClearDepthStencil); }; RenderTargetTexture.prototype.clone = function () { var textureSize = this.getSize(); var newTexture = new RenderTargetTexture(this.name, textureSize.width, this.getScene(), this._generateMipMaps); // Base texture newTexture.hasAlpha = this.hasAlpha; newTexture.level = this.level; // RenderTarget Texture newTexture.coordinatesMode = this.coordinatesMode; newTexture.renderList = this.renderList.slice(0); return newTexture; }; RenderTargetTexture.prototype.serialize = function () { if (!this.name) { return null; } var serializationObject = _super.prototype.serialize.call(this); serializationObject.renderTargetSize = this.getRenderSize(); serializationObject.renderList = []; for (var index = 0; index < this.renderList.length; index++) { serializationObject.renderList.push(this.renderList[index].id); } return serializationObject; }; RenderTargetTexture._REFRESHRATE_RENDER_ONCE = 0; RenderTargetTexture._REFRESHRATE_RENDER_ONEVERYFRAME = 1; RenderTargetTexture._REFRESHRATE_RENDER_ONEVERYTWOFRAMES = 2; return RenderTargetTexture; }(BABYLON.Texture)); BABYLON.RenderTargetTexture = RenderTargetTexture; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Materials/Textures/babylon.renderTargetTexture.js.map var BABYLON; (function (BABYLON) { var ProceduralTexture = (function (_super) { __extends(ProceduralTexture, _super); function ProceduralTexture(name, size, fragment, scene, fallbackTexture, generateMipMaps, isCube) { if (generateMipMaps === void 0) { generateMipMaps = true; } if (isCube === void 0) { isCube = false; } _super.call(this, null, scene, !generateMipMaps); this.isCube = isCube; this.isEnabled = true; this._currentRefreshId = -1; this._refreshRate = 1; this._vertexBuffers = {}; this._uniforms = new Array(); this._samplers = new Array(); this._textures = new Array(); this._floats = new Array(); this._floatsArrays = {}; this._colors3 = new Array(); this._colors4 = new Array(); this._vectors2 = new Array(); this._vectors3 = new Array(); this._matrices = new Array(); this._fallbackTextureUsed = false; scene._proceduralTextures.push(this); this.name = name; this.isRenderTarget = true; this._size = size; this._generateMipMaps = generateMipMaps; this.setFragment(fragment); this._fallbackTexture = fallbackTexture; var engine = scene.getEngine(); if (isCube) { this._texture = engine.createRenderTargetCubeTexture(size, { generateMipMaps: generateMipMaps }); this.setFloat("face", 0); } else { this._texture = engine.createRenderTargetTexture(size, generateMipMaps); } // VBO var vertices = []; vertices.push(1, 1); vertices.push(-1, 1); vertices.push(-1, -1); vertices.push(1, -1); this._vertexBuffers[BABYLON.VertexBuffer.PositionKind] = new BABYLON.VertexBuffer(engine, vertices, BABYLON.VertexBuffer.PositionKind, false, false, 2); // Indices var indices = []; indices.push(0); indices.push(1); indices.push(2); indices.push(0); indices.push(2); indices.push(3); this._indexBuffer = engine.createIndexBuffer(indices); } ProceduralTexture.prototype.reset = function () { if (this._effect === undefined) { return; } var engine = this.getScene().getEngine(); engine._releaseEffect(this._effect); }; ProceduralTexture.prototype.isReady = function () { var _this = this; var engine = this.getScene().getEngine(); var shaders; if (!this._fragment) { return false; } if (this._fallbackTextureUsed) { return true; } if (this._fragment.fragmentElement !== undefined) { shaders = { vertex: "procedural", fragmentElement: this._fragment.fragmentElement }; } else { shaders = { vertex: "procedural", fragment: this._fragment }; } this._effect = engine.createEffect(shaders, [BABYLON.VertexBuffer.PositionKind], this._uniforms, this._samplers, "", null, null, function () { _this.releaseInternalTexture(); if (_this._fallbackTexture) { _this._texture = _this._fallbackTexture._texture; _this._texture.references++; } _this._fallbackTextureUsed = true; }); return this._effect.isReady(); }; ProceduralTexture.prototype.resetRefreshCounter = function () { this._currentRefreshId = -1; }; ProceduralTexture.prototype.setFragment = function (fragment) { this._fragment = fragment; }; Object.defineProperty(ProceduralTexture.prototype, "refreshRate", { get: function () { return this._refreshRate; }, // Use 0 to render just once, 1 to render on every frame, 2 to render every two frames and so on... set: function (value) { this._refreshRate = value; this.resetRefreshCounter(); }, enumerable: true, configurable: true }); ProceduralTexture.prototype._shouldRender = function () { if (!this.isEnabled || !this.isReady() || !this._texture) { return false; } if (this._fallbackTextureUsed) { return false; } if (this._currentRefreshId === -1) { this._currentRefreshId = 1; return true; } if (this.refreshRate === this._currentRefreshId) { this._currentRefreshId = 1; return true; } this._currentRefreshId++; return false; }; ProceduralTexture.prototype.getRenderSize = function () { return this._size; }; ProceduralTexture.prototype.resize = function (size, generateMipMaps) { if (this._fallbackTextureUsed) { return; } this.releaseInternalTexture(); this._texture = this.getScene().getEngine().createRenderTargetTexture(size, generateMipMaps); }; ProceduralTexture.prototype._checkUniform = function (uniformName) { if (this._uniforms.indexOf(uniformName) === -1) { this._uniforms.push(uniformName); } }; ProceduralTexture.prototype.setTexture = function (name, texture) { if (this._samplers.indexOf(name) === -1) { this._samplers.push(name); } this._textures[name] = texture; return this; }; ProceduralTexture.prototype.setFloat = function (name, value) { this._checkUniform(name); this._floats[name] = value; return this; }; ProceduralTexture.prototype.setFloats = function (name, value) { this._checkUniform(name); this._floatsArrays[name] = value; return this; }; ProceduralTexture.prototype.setColor3 = function (name, value) { this._checkUniform(name); this._colors3[name] = value; return this; }; ProceduralTexture.prototype.setColor4 = function (name, value) { this._checkUniform(name); this._colors4[name] = value; return this; }; ProceduralTexture.prototype.setVector2 = function (name, value) { this._checkUniform(name); this._vectors2[name] = value; return this; }; ProceduralTexture.prototype.setVector3 = function (name, value) { this._checkUniform(name); this._vectors3[name] = value; return this; }; ProceduralTexture.prototype.setMatrix = function (name, value) { this._checkUniform(name); this._matrices[name] = value; return this; }; ProceduralTexture.prototype.render = function (useCameraPostProcess) { var scene = this.getScene(); var engine = scene.getEngine(); // Render engine.enableEffect(this._effect); engine.setState(false); // Texture for (var name in this._textures) { this._effect.setTexture(name, this._textures[name]); } // Float for (name in this._floats) { this._effect.setFloat(name, this._floats[name]); } // Floats for (name in this._floatsArrays) { this._effect.setArray(name, this._floatsArrays[name]); } // Color3 for (name in this._colors3) { this._effect.setColor3(name, this._colors3[name]); } // Color4 for (name in this._colors4) { var color = this._colors4[name]; this._effect.setFloat4(name, color.r, color.g, color.b, color.a); } // Vector2 for (name in this._vectors2) { this._effect.setVector2(name, this._vectors2[name]); } // Vector3 for (name in this._vectors3) { this._effect.setVector3(name, this._vectors3[name]); } // Matrix for (name in this._matrices) { this._effect.setMatrix(name, this._matrices[name]); } // VBOs engine.bindBuffers(this._vertexBuffers, this._indexBuffer, this._effect); if (this.isCube) { for (var face = 0; face < 6; face++) { engine.bindFramebuffer(this._texture, face); this._effect.setFloat("face", face); // Clear engine.clear(scene.clearColor, true, true, true); // Draw order engine.draw(true, 0, 6); // Mipmaps if (face === 5) { engine.generateMipMapsForCubemap(this._texture); } } } else { engine.bindFramebuffer(this._texture); // Clear engine.clear(scene.clearColor, true, true, true); // Draw order engine.draw(true, 0, 6); } // Unbind engine.unBindFramebuffer(this._texture, this.isCube); if (this.onGenerated) { this.onGenerated(); } }; ProceduralTexture.prototype.clone = function () { var textureSize = this.getSize(); var newTexture = new ProceduralTexture(this.name, textureSize.width, this._fragment, this.getScene(), this._fallbackTexture, this._generateMipMaps); // Base texture newTexture.hasAlpha = this.hasAlpha; newTexture.level = this.level; // RenderTarget Texture newTexture.coordinatesMode = this.coordinatesMode; return newTexture; }; ProceduralTexture.prototype.dispose = function () { var index = this.getScene()._proceduralTextures.indexOf(this); if (index >= 0) { this.getScene()._proceduralTextures.splice(index, 1); } var vertexBuffer = this._vertexBuffers[BABYLON.VertexBuffer.PositionKind]; if (vertexBuffer) { vertexBuffer.dispose(); this._vertexBuffers[BABYLON.VertexBuffer.PositionKind] = null; } if (this._indexBuffer && this.getScene().getEngine()._releaseBuffer(this._indexBuffer)) { this._indexBuffer = null; } _super.prototype.dispose.call(this); }; return ProceduralTexture; }(BABYLON.Texture)); BABYLON.ProceduralTexture = ProceduralTexture; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../../Materials/Textures/Procedurals/babylon.proceduralTexture.js.map var BABYLON; (function (BABYLON) { var MirrorTexture = (function (_super) { __extends(MirrorTexture, _super); function MirrorTexture(name, size, scene, generateMipMaps) { var _this = this; _super.call(this, name, size, scene, generateMipMaps, true); this.mirrorPlane = new BABYLON.Plane(0, 1, 0, 1); this._transformMatrix = BABYLON.Matrix.Zero(); this._mirrorMatrix = BABYLON.Matrix.Zero(); this.onBeforeRenderObservable.add(function () { BABYLON.Matrix.ReflectionToRef(_this.mirrorPlane, _this._mirrorMatrix); _this._savedViewMatrix = scene.getViewMatrix(); _this._mirrorMatrix.multiplyToRef(_this._savedViewMatrix, _this._transformMatrix); scene.setTransformMatrix(_this._transformMatrix, scene.getProjectionMatrix()); scene.clipPlane = _this.mirrorPlane; scene.getEngine().cullBackFaces = false; scene._mirroredCameraPosition = BABYLON.Vector3.TransformCoordinates(scene.activeCamera.position, _this._mirrorMatrix); }); this.onAfterRenderObservable.add(function () { scene.setTransformMatrix(_this._savedViewMatrix, scene.getProjectionMatrix()); scene.getEngine().cullBackFaces = true; scene._mirroredCameraPosition = null; delete scene.clipPlane; }); } MirrorTexture.prototype.clone = function () { var textureSize = this.getSize(); var newTexture = new MirrorTexture(this.name, textureSize.width, this.getScene(), this._generateMipMaps); // Base texture newTexture.hasAlpha = this.hasAlpha; newTexture.level = this.level; // Mirror Texture newTexture.mirrorPlane = this.mirrorPlane.clone(); newTexture.renderList = this.renderList.slice(0); return newTexture; }; MirrorTexture.prototype.serialize = function () { if (!this.name) { return null; } var serializationObject = _super.prototype.serialize.call(this); serializationObject.mirrorPlane = this.mirrorPlane.asArray(); return serializationObject; }; return MirrorTexture; }(BABYLON.RenderTargetTexture)); BABYLON.MirrorTexture = MirrorTexture; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Materials/Textures/babylon.mirrorTexture.js.map var BABYLON; (function (BABYLON) { /** * Creates a refraction texture used by refraction channel of the standard material. * @param name the texture name * @param size size of the underlying texture * @param scene root scene */ var RefractionTexture = (function (_super) { __extends(RefractionTexture, _super); function RefractionTexture(name, size, scene, generateMipMaps) { var _this = this; _super.call(this, name, size, scene, generateMipMaps, true); this.refractionPlane = new BABYLON.Plane(0, 1, 0, 1); this.depth = 2.0; this.onBeforeRenderObservable.add(function () { scene.clipPlane = _this.refractionPlane; }); this.onAfterRenderObservable.add(function () { delete scene.clipPlane; }); } RefractionTexture.prototype.clone = function () { var textureSize = this.getSize(); var newTexture = new RefractionTexture(this.name, textureSize.width, this.getScene(), this._generateMipMaps); // Base texture newTexture.hasAlpha = this.hasAlpha; newTexture.level = this.level; // Refraction Texture newTexture.refractionPlane = this.refractionPlane.clone(); newTexture.renderList = this.renderList.slice(0); newTexture.depth = this.depth; return newTexture; }; RefractionTexture.prototype.serialize = function () { if (!this.name) { return null; } var serializationObject = _super.prototype.serialize.call(this); serializationObject.mirrorPlane = this.refractionPlane.asArray(); serializationObject.depth = this.depth; return serializationObject; }; return RefractionTexture; }(BABYLON.RenderTargetTexture)); BABYLON.RefractionTexture = RefractionTexture; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Materials/Textures/babylon.refractionTexture.js.map var BABYLON; (function (BABYLON) { var DynamicTexture = (function (_super) { __extends(DynamicTexture, _super); function DynamicTexture(name, options, scene, generateMipMaps, samplingMode) { if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } _super.call(this, null, scene, !generateMipMaps); this.name = name; this.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE; this.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE; this._generateMipMaps = generateMipMaps; if (options.getContext) { this._canvas = options; this._texture = scene.getEngine().createDynamicTexture(options.width, options.height, generateMipMaps, samplingMode); } else { this._canvas = document.createElement("canvas"); if (options.width) { this._texture = scene.getEngine().createDynamicTexture(options.width, options.height, generateMipMaps, samplingMode); } else { this._texture = scene.getEngine().createDynamicTexture(options, options, generateMipMaps, samplingMode); } } var textureSize = this.getSize(); this._canvas.width = textureSize.width; this._canvas.height = textureSize.height; this._context = this._canvas.getContext("2d"); } Object.defineProperty(DynamicTexture.prototype, "canRescale", { get: function () { return true; }, enumerable: true, configurable: true }); DynamicTexture.prototype.scale = function (ratio) { var textureSize = this.getSize(); textureSize.width *= ratio; textureSize.height *= ratio; this._canvas.width = textureSize.width; this._canvas.height = textureSize.height; this.releaseInternalTexture(); this._texture = this.getScene().getEngine().createDynamicTexture(textureSize.width, textureSize.height, this._generateMipMaps, this._samplingMode); }; DynamicTexture.prototype.getContext = function () { return this._context; }; DynamicTexture.prototype.clear = function () { var size = this.getSize(); this._context.fillRect(0, 0, size.width, size.height); }; DynamicTexture.prototype.update = function (invertY) { this.getScene().getEngine().updateDynamicTexture(this._texture, this._canvas, invertY === undefined ? true : invertY); }; DynamicTexture.prototype.drawText = function (text, x, y, font, color, clearColor, invertY, update) { if (update === void 0) { update = true; } var size = this.getSize(); if (clearColor) { this._context.fillStyle = clearColor; this._context.fillRect(0, 0, size.width, size.height); } this._context.font = font; if (x === null) { var textSize = this._context.measureText(text); x = (size.width - textSize.width) / 2; } this._context.fillStyle = color; this._context.fillText(text, x, y); if (update) { this.update(invertY); } }; DynamicTexture.prototype.clone = function () { var textureSize = this.getSize(); var newTexture = new DynamicTexture(this.name, textureSize, this.getScene(), this._generateMipMaps); // Base texture newTexture.hasAlpha = this.hasAlpha; newTexture.level = this.level; // Dynamic Texture newTexture.wrapU = this.wrapU; newTexture.wrapV = this.wrapV; return newTexture; }; return DynamicTexture; }(BABYLON.Texture)); BABYLON.DynamicTexture = DynamicTexture; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Materials/Textures/babylon.dynamicTexture.js.map var BABYLON; (function (BABYLON) { var VideoTexture = (function (_super) { __extends(VideoTexture, _super); /** * Creates a video texture. * Sample : https://doc.babylonjs.com/tutorials/01._Advanced_Texturing * @param {Array} urlsOrVideo can be used to provide an array of urls or an already setup HTML video element. * @param {BABYLON.Scene} scene is obviously the current scene. * @param {boolean} generateMipMaps can be used to turn on mipmaps (Can be expensive for videoTextures because they are often updated). * @param {boolean} invertY is false by default but can be used to invert video on Y axis * @param {number} samplingMode controls the sampling method and is set to TRILINEAR_SAMPLINGMODE by default */ function VideoTexture(name, urlsOrVideo, scene, generateMipMaps, invertY, samplingMode) { var _this = this; if (generateMipMaps === void 0) { generateMipMaps = false; } if (invertY === void 0) { invertY = false; } if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } _super.call(this, null, scene, !generateMipMaps, invertY); this._autoLaunch = true; var urls; this.name = name; if (urlsOrVideo instanceof HTMLVideoElement) { this.video = urlsOrVideo; } else { urls = urlsOrVideo; this.video = document.createElement("video"); this.video.autoplay = false; this.video.loop = true; } this._generateMipMaps = generateMipMaps; this._samplingMode = samplingMode; if (BABYLON.Tools.IsExponentOfTwo(this.video.videoWidth) && BABYLON.Tools.IsExponentOfTwo(this.video.videoHeight)) { this.wrapU = BABYLON.Texture.WRAP_ADDRESSMODE; this.wrapV = BABYLON.Texture.WRAP_ADDRESSMODE; } else { this.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE; this.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE; this._generateMipMaps = false; } if (urls) { this.video.addEventListener("canplaythrough", function () { _this._createTexture(); }); urls.forEach(function (url) { var source = document.createElement("source"); source.src = url; _this.video.appendChild(source); }); } else { this._createTexture(); } this._lastUpdate = BABYLON.Tools.Now; } VideoTexture.prototype._createTexture = function () { this._texture = this.getScene().getEngine().createDynamicTexture(this.video.videoWidth, this.video.videoHeight, this._generateMipMaps, this._samplingMode); this._texture.isReady = true; }; VideoTexture.prototype.update = function () { if (this._autoLaunch) { this._autoLaunch = false; this.video.play(); } var now = BABYLON.Tools.Now; if (now - this._lastUpdate < 15 || this.video.readyState !== this.video.HAVE_ENOUGH_DATA) { return false; } this._lastUpdate = now; this.getScene().getEngine().updateVideoTexture(this._texture, this.video, this._invertY); return true; }; return VideoTexture; }(BABYLON.Texture)); BABYLON.VideoTexture = VideoTexture; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Materials/Textures/babylon.videoTexture.js.map var BABYLON; (function (BABYLON) { var CustomProceduralTexture = (function (_super) { __extends(CustomProceduralTexture, _super); function CustomProceduralTexture(name, texturePath, size, scene, fallbackTexture, generateMipMaps) { _super.call(this, name, size, null, scene, fallbackTexture, generateMipMaps); this._animate = true; this._time = 0; this._texturePath = texturePath; //Try to load json this.loadJson(texturePath); this.refreshRate = 1; } CustomProceduralTexture.prototype.loadJson = function (jsonUrl) { var _this = this; var that = this; function noConfigFile() { BABYLON.Tools.Log("No config file found in " + jsonUrl + " trying to use ShadersStore or DOM element"); try { that.setFragment(that._texturePath); } catch (ex) { BABYLON.Tools.Error("No json or ShaderStore or DOM element found for CustomProceduralTexture"); } } var configFileUrl = jsonUrl + "/config.json"; var xhr = new XMLHttpRequest(); xhr.open("GET", configFileUrl, true); xhr.addEventListener("load", function () { if (xhr.status === 200 || BABYLON.Tools.ValidateXHRData(xhr, 1)) { try { _this._config = JSON.parse(xhr.response); _this.updateShaderUniforms(); _this.updateTextures(); _this.setFragment(_this._texturePath + "/custom"); _this._animate = _this._config.animate; _this.refreshRate = _this._config.refreshrate; } catch (ex) { noConfigFile(); } } else { noConfigFile(); } }, false); xhr.addEventListener("error", function () { noConfigFile(); }, false); try { xhr.send(); } catch (ex) { BABYLON.Tools.Error("CustomProceduralTexture: Error on XHR send request."); } }; CustomProceduralTexture.prototype.isReady = function () { if (!_super.prototype.isReady.call(this)) { return false; } for (var name in this._textures) { var texture = this._textures[name]; if (!texture.isReady()) { return false; } } return true; }; CustomProceduralTexture.prototype.render = function (useCameraPostProcess) { if (this._animate) { this._time += this.getScene().getAnimationRatio() * 0.03; this.updateShaderUniforms(); } _super.prototype.render.call(this, useCameraPostProcess); }; CustomProceduralTexture.prototype.updateTextures = function () { for (var i = 0; i < this._config.sampler2Ds.length; i++) { this.setTexture(this._config.sampler2Ds[i].sample2Dname, new BABYLON.Texture(this._texturePath + "/" + this._config.sampler2Ds[i].textureRelativeUrl, this.getScene())); } }; CustomProceduralTexture.prototype.updateShaderUniforms = function () { if (this._config) { for (var j = 0; j < this._config.uniforms.length; j++) { var uniform = this._config.uniforms[j]; switch (uniform.type) { case "float": this.setFloat(uniform.name, uniform.value); break; case "color3": this.setColor3(uniform.name, new BABYLON.Color3(uniform.r, uniform.g, uniform.b)); break; case "color4": this.setColor4(uniform.name, new BABYLON.Color4(uniform.r, uniform.g, uniform.b, uniform.a)); break; case "vector2": this.setVector2(uniform.name, new BABYLON.Vector2(uniform.x, uniform.y)); break; case "vector3": this.setVector3(uniform.name, new BABYLON.Vector3(uniform.x, uniform.y, uniform.z)); break; } } } this.setFloat("time", this._time); }; Object.defineProperty(CustomProceduralTexture.prototype, "animate", { get: function () { return this._animate; }, set: function (value) { this._animate = value; }, enumerable: true, configurable: true }); return CustomProceduralTexture; }(BABYLON.ProceduralTexture)); BABYLON.CustomProceduralTexture = CustomProceduralTexture; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../../Materials/Textures/Procedurals/babylon.customProceduralTexture.js.map var BABYLON; (function (BABYLON) { var EffectFallbacks = (function () { function EffectFallbacks() { this._defines = {}; this._currentRank = 32; this._maxRank = -1; } EffectFallbacks.prototype.addFallback = function (rank, define) { if (!this._defines[rank]) { if (rank < this._currentRank) { this._currentRank = rank; } if (rank > this._maxRank) { this._maxRank = rank; } this._defines[rank] = new Array(); } this._defines[rank].push(define); }; EffectFallbacks.prototype.addCPUSkinningFallback = function (rank, mesh) { this._meshRank = rank; this._mesh = mesh; if (rank > this._maxRank) { this._maxRank = rank; } }; Object.defineProperty(EffectFallbacks.prototype, "isMoreFallbacks", { get: function () { return this._currentRank <= this._maxRank; }, enumerable: true, configurable: true }); EffectFallbacks.prototype.reduce = function (currentDefines) { var currentFallbacks = this._defines[this._currentRank]; for (var index = 0; index < currentFallbacks.length; index++) { currentDefines = currentDefines.replace("#define " + currentFallbacks[index], ""); } if (this._mesh && this._currentRank === this._meshRank) { this._mesh.computeBonesUsingShaders = false; currentDefines = currentDefines.replace("#define NUM_BONE_INFLUENCERS " + this._mesh.numBoneInfluencers, "#define NUM_BONE_INFLUENCERS 0"); BABYLON.Tools.Log("Falling back to CPU skinning for " + this._mesh.name); } this._currentRank++; return currentDefines; }; return EffectFallbacks; }()); BABYLON.EffectFallbacks = EffectFallbacks; var Effect = (function () { function Effect(baseName, attributesNames, uniformsNames, samplers, engine, defines, fallbacks, onCompiled, onError, indexParameters) { var _this = this; this._isReady = false; this._compilationError = ""; this._valueCache = {}; this._engine = engine; this.name = baseName; this.defines = defines; this._uniformsNames = uniformsNames.concat(samplers); this._samplers = samplers; this._attributesNames = attributesNames; this.onError = onError; this.onCompiled = onCompiled; this._indexParameters = indexParameters; var vertexSource; var fragmentSource; if (baseName.vertexElement) { vertexSource = document.getElementById(baseName.vertexElement); if (!vertexSource) { vertexSource = baseName.vertexElement; } } else { vertexSource = baseName.vertex || baseName; } if (baseName.fragmentElement) { fragmentSource = document.getElementById(baseName.fragmentElement); if (!fragmentSource) { fragmentSource = baseName.fragmentElement; } } else { fragmentSource = baseName.fragment || baseName; } this._loadVertexShader(vertexSource, function (vertexCode) { _this._processIncludes(vertexCode, function (vertexCodeWithIncludes) { _this._loadFragmentShader(fragmentSource, function (fragmentCode) { _this._processIncludes(fragmentCode, function (fragmentCodeWithIncludes) { _this._prepareEffect(vertexCodeWithIncludes, fragmentCodeWithIncludes, attributesNames, defines, fallbacks); }); }); }); }); } // Properties Effect.prototype.isReady = function () { return this._isReady; }; Effect.prototype.getProgram = function () { return this._program; }; Effect.prototype.getAttributesNames = function () { return this._attributesNames; }; Effect.prototype.getAttributeLocation = function (index) { return this._attributes[index]; }; Effect.prototype.getAttributeLocationByName = function (name) { var index = this._attributesNames.indexOf(name); return this._attributes[index]; }; Effect.prototype.getAttributesCount = function () { return this._attributes.length; }; Effect.prototype.getUniformIndex = function (uniformName) { return this._uniformsNames.indexOf(uniformName); }; Effect.prototype.getUniform = function (uniformName) { return this._uniforms[this._uniformsNames.indexOf(uniformName)]; }; Effect.prototype.getSamplers = function () { return this._samplers; }; Effect.prototype.getCompilationError = function () { return this._compilationError; }; Effect.prototype.getVertexShaderSource = function () { return this._engine.getVertexShaderSource(this._program); }; Effect.prototype.getFragmentShaderSource = function () { return this._engine.getFragmentShaderSource(this._program); }; // Methods Effect.prototype._loadVertexShader = function (vertex, callback) { // DOM element ? if (vertex instanceof HTMLElement) { var vertexCode = BABYLON.Tools.GetDOMTextContent(vertex); callback(vertexCode); return; } // Base64 encoded ? if (vertex.substr(0, 7) === "base64:") { var vertexBinary = window.atob(vertex.substr(7)); callback(vertexBinary); return; } // Is in local store ? if (Effect.ShadersStore[vertex + "VertexShader"]) { callback(Effect.ShadersStore[vertex + "VertexShader"]); return; } var vertexShaderUrl; if (vertex[0] === "." || vertex[0] === "/" || vertex.indexOf("http") > -1) { vertexShaderUrl = vertex; } else { vertexShaderUrl = BABYLON.Engine.ShadersRepository + vertex; } // Vertex shader BABYLON.Tools.LoadFile(vertexShaderUrl + ".vertex.fx", callback); }; Effect.prototype._loadFragmentShader = function (fragment, callback) { // DOM element ? if (fragment instanceof HTMLElement) { var fragmentCode = BABYLON.Tools.GetDOMTextContent(fragment); callback(fragmentCode); return; } // Base64 encoded ? if (fragment.substr(0, 7) === "base64:") { var fragmentBinary = window.atob(fragment.substr(7)); callback(fragmentBinary); return; } // Is in local store ? if (Effect.ShadersStore[fragment + "PixelShader"]) { callback(Effect.ShadersStore[fragment + "PixelShader"]); return; } if (Effect.ShadersStore[fragment + "FragmentShader"]) { callback(Effect.ShadersStore[fragment + "FragmentShader"]); return; } var fragmentShaderUrl; if (fragment[0] === "." || fragment[0] === "/" || fragment.indexOf("http") > -1) { fragmentShaderUrl = fragment; } else { fragmentShaderUrl = BABYLON.Engine.ShadersRepository + fragment; } // Fragment shader BABYLON.Tools.LoadFile(fragmentShaderUrl + ".fragment.fx", callback); }; Effect.prototype._dumpShadersName = function () { if (this.name.vertexElement) { BABYLON.Tools.Error("Vertex shader:" + this.name.vertexElement); BABYLON.Tools.Error("Fragment shader:" + this.name.fragmentElement); } else if (this.name.vertex) { BABYLON.Tools.Error("Vertex shader:" + this.name.vertex); BABYLON.Tools.Error("Fragment shader:" + this.name.fragment); } else { BABYLON.Tools.Error("Vertex shader:" + this.name); BABYLON.Tools.Error("Fragment shader:" + this.name); } }; Effect.prototype._processIncludes = function (sourceCode, callback) { var _this = this; var regex = /#include<(.+)>(\((.*)\))*(\[(.*)\])*/g; var match = regex.exec(sourceCode); var returnValue = new String(sourceCode); while (match != null) { var includeFile = match[1]; if (Effect.IncludesShadersStore[includeFile]) { // Substitution var includeContent = Effect.IncludesShadersStore[includeFile]; if (match[2]) { var splits = match[3].split(","); for (var index = 0; index < splits.length; index += 2) { var source = new RegExp(splits[index], "g"); var dest = splits[index + 1]; includeContent = includeContent.replace(source, dest); } } if (match[4]) { var indexString = match[5]; if (indexString.indexOf("..") !== -1) { var indexSplits = indexString.split(".."); var minIndex = parseInt(indexSplits[0]); var maxIndex = parseInt(indexSplits[1]); var sourceIncludeContent = includeContent.slice(0); includeContent = ""; if (isNaN(maxIndex)) { maxIndex = this._indexParameters[indexSplits[1]]; } for (var i = minIndex; i <= maxIndex; i++) { includeContent += sourceIncludeContent.replace(/\{X\}/g, i) + "\n"; } } else { includeContent = includeContent.replace(/\{X\}/g, indexString); } } // Replace returnValue = returnValue.replace(match[0], includeContent); } else { var includeShaderUrl = BABYLON.Engine.ShadersRepository + "ShadersInclude/" + includeFile + ".fx"; BABYLON.Tools.LoadFile(includeShaderUrl, function (fileContent) { Effect.IncludesShadersStore[includeFile] = fileContent; _this._processIncludes(returnValue, callback); }); return; } match = regex.exec(sourceCode); } callback(returnValue); }; Effect.prototype._processPrecision = function (source) { if (source.indexOf("precision highp float") === -1) { if (!this._engine.getCaps().highPrecisionShaderSupported) { source = "precision mediump float;\n" + source; } else { source = "precision highp float;\n" + source; } } else { if (!this._engine.getCaps().highPrecisionShaderSupported) { source = source.replace("precision highp float", "precision mediump float"); } } return source; }; Effect.prototype._prepareEffect = function (vertexSourceCode, fragmentSourceCode, attributesNames, defines, fallbacks) { try { var engine = this._engine; // Precision vertexSourceCode = this._processPrecision(vertexSourceCode); fragmentSourceCode = this._processPrecision(fragmentSourceCode); this._program = engine.createShaderProgram(vertexSourceCode, fragmentSourceCode, defines); this._uniforms = engine.getUniforms(this._program, this._uniformsNames); this._attributes = engine.getAttributes(this._program, attributesNames); var index; for (index = 0; index < this._samplers.length; index++) { var sampler = this.getUniform(this._samplers[index]); if (sampler == null) { this._samplers.splice(index, 1); index--; } } engine.bindSamplers(this); this._compilationError = ""; this._isReady = true; if (this.onCompiled) { this.onCompiled(this); } } catch (e) { this._compilationError = e.message; // Let's go through fallbacks then BABYLON.Tools.Error("Unable to compile effect: "); BABYLON.Tools.Error("Defines: " + defines); BABYLON.Tools.Error("Error: " + this._compilationError); this._dumpShadersName(); if (fallbacks && fallbacks.isMoreFallbacks) { BABYLON.Tools.Error("Trying next fallback."); defines = fallbacks.reduce(defines); this._prepareEffect(vertexSourceCode, fragmentSourceCode, attributesNames, defines, fallbacks); } else { if (this.onError) { this.onError(this, this._compilationError); } } } }; Object.defineProperty(Effect.prototype, "isSupported", { get: function () { return this._compilationError === ""; }, enumerable: true, configurable: true }); Effect.prototype._bindTexture = function (channel, texture) { this._engine._bindTexture(this._samplers.indexOf(channel), texture); }; Effect.prototype.setTexture = function (channel, texture) { this._engine.setTexture(this._samplers.indexOf(channel), this.getUniform(channel), texture); }; Effect.prototype.setTextureArray = function (channel, textures) { if (this._samplers.indexOf(channel + "Ex") === -1) { var initialPos = this._samplers.indexOf(channel); for (var index = 1; index < textures.length; index++) { this._samplers.splice(initialPos + index, 0, channel + "Ex"); } } this._engine.setTextureArray(this._samplers.indexOf(channel), this.getUniform(channel), textures); }; Effect.prototype.setTextureFromPostProcess = function (channel, postProcess) { this._engine.setTextureFromPostProcess(this._samplers.indexOf(channel), postProcess); }; Effect.prototype._cacheMatrix = function (uniformName, matrix) { var changed = false; var cache = this._valueCache[uniformName]; if (!cache || !(cache instanceof BABYLON.Matrix)) { changed = true; cache = new BABYLON.Matrix(); } var tm = cache.m; var om = matrix.m; for (var index = 0; index < 16; index++) { if (tm[index] !== om[index]) { tm[index] = om[index]; changed = true; } } this._valueCache[uniformName] = cache; return changed; }; Effect.prototype._cacheFloat2 = function (uniformName, x, y) { var cache = this._valueCache[uniformName]; if (!cache) { cache = [x, y]; this._valueCache[uniformName] = cache; return true; } var changed = false; if (cache[0] !== x) { cache[0] = x; changed = true; } if (cache[1] !== y) { cache[1] = y; changed = true; } return changed; }; Effect.prototype._cacheFloat3 = function (uniformName, x, y, z) { var cache = this._valueCache[uniformName]; if (!cache) { cache = [x, y, z]; this._valueCache[uniformName] = cache; return true; } var changed = false; if (cache[0] !== x) { cache[0] = x; changed = true; } if (cache[1] !== y) { cache[1] = y; changed = true; } if (cache[2] !== z) { cache[2] = z; changed = true; } return changed; }; Effect.prototype._cacheFloat4 = function (uniformName, x, y, z, w) { var cache = this._valueCache[uniformName]; if (!cache) { cache = [x, y, z, w]; this._valueCache[uniformName] = cache; return true; } var changed = false; if (cache[0] !== x) { cache[0] = x; changed = true; } if (cache[1] !== y) { cache[1] = y; changed = true; } if (cache[2] !== z) { cache[2] = z; changed = true; } if (cache[3] !== w) { cache[3] = w; changed = true; } return changed; }; Effect.prototype.setIntArray = function (uniformName, array) { this._valueCache[uniformName] = null; this._engine.setIntArray(this.getUniform(uniformName), array); return this; }; Effect.prototype.setIntArray2 = function (uniformName, array) { this._valueCache[uniformName] = null; this._engine.setIntArray2(this.getUniform(uniformName), array); return this; }; Effect.prototype.setIntArray3 = function (uniformName, array) { this._valueCache[uniformName] = null; this._engine.setIntArray3(this.getUniform(uniformName), array); return this; }; Effect.prototype.setIntArray4 = function (uniformName, array) { this._valueCache[uniformName] = null; this._engine.setIntArray4(this.getUniform(uniformName), array); return this; }; Effect.prototype.setFloatArray = function (uniformName, array) { this._valueCache[uniformName] = null; this._engine.setFloatArray(this.getUniform(uniformName), array); return this; }; Effect.prototype.setFloatArray2 = function (uniformName, array) { this._valueCache[uniformName] = null; this._engine.setFloatArray2(this.getUniform(uniformName), array); return this; }; Effect.prototype.setFloatArray3 = function (uniformName, array) { this._valueCache[uniformName] = null; this._engine.setFloatArray3(this.getUniform(uniformName), array); return this; }; Effect.prototype.setFloatArray4 = function (uniformName, array) { this._valueCache[uniformName] = null; this._engine.setFloatArray4(this.getUniform(uniformName), array); return this; }; Effect.prototype.setArray = function (uniformName, array) { this._valueCache[uniformName] = null; this._engine.setArray(this.getUniform(uniformName), array); return this; }; Effect.prototype.setArray2 = function (uniformName, array) { this._valueCache[uniformName] = null; this._engine.setArray2(this.getUniform(uniformName), array); return this; }; Effect.prototype.setArray3 = function (uniformName, array) { this._valueCache[uniformName] = null; this._engine.setArray3(this.getUniform(uniformName), array); return this; }; Effect.prototype.setArray4 = function (uniformName, array) { this._valueCache[uniformName] = null; this._engine.setArray4(this.getUniform(uniformName), array); return this; }; Effect.prototype.setMatrices = function (uniformName, matrices) { this._valueCache[uniformName] = null; this._engine.setMatrices(this.getUniform(uniformName), matrices); return this; }; Effect.prototype.setMatrix = function (uniformName, matrix) { if (this._cacheMatrix(uniformName, matrix)) { this._engine.setMatrix(this.getUniform(uniformName), matrix); } return this; }; Effect.prototype.setMatrix3x3 = function (uniformName, matrix) { this._valueCache[uniformName] = null; this._engine.setMatrix3x3(this.getUniform(uniformName), matrix); return this; }; Effect.prototype.setMatrix2x2 = function (uniformName, matrix) { this._valueCache[uniformName] = null; this._engine.setMatrix2x2(this.getUniform(uniformName), matrix); return this; }; Effect.prototype.setFloat = function (uniformName, value) { var cache = this._valueCache[uniformName]; if (cache !== undefined && cache === value) return this; this._valueCache[uniformName] = value; this._engine.setFloat(this.getUniform(uniformName), value); return this; }; Effect.prototype.setBool = function (uniformName, bool) { var cache = this._valueCache[uniformName]; if (cache !== undefined && cache === bool) return this; this._valueCache[uniformName] = bool; this._engine.setBool(this.getUniform(uniformName), bool ? 1 : 0); return this; }; Effect.prototype.setVector2 = function (uniformName, vector2) { if (this._cacheFloat2(uniformName, vector2.x, vector2.y)) { this._engine.setFloat2(this.getUniform(uniformName), vector2.x, vector2.y); } return this; }; Effect.prototype.setFloat2 = function (uniformName, x, y) { if (this._cacheFloat2(uniformName, x, y)) { this._engine.setFloat2(this.getUniform(uniformName), x, y); } return this; }; Effect.prototype.setVector3 = function (uniformName, vector3) { if (this._cacheFloat3(uniformName, vector3.x, vector3.y, vector3.z)) { this._engine.setFloat3(this.getUniform(uniformName), vector3.x, vector3.y, vector3.z); } return this; }; Effect.prototype.setFloat3 = function (uniformName, x, y, z) { if (this._cacheFloat3(uniformName, x, y, z)) { this._engine.setFloat3(this.getUniform(uniformName), x, y, z); } return this; }; Effect.prototype.setVector4 = function (uniformName, vector4) { if (this._cacheFloat4(uniformName, vector4.x, vector4.y, vector4.z, vector4.w)) { this._engine.setFloat4(this.getUniform(uniformName), vector4.x, vector4.y, vector4.z, vector4.w); } return this; }; Effect.prototype.setFloat4 = function (uniformName, x, y, z, w) { if (this._cacheFloat4(uniformName, x, y, z, w)) { this._engine.setFloat4(this.getUniform(uniformName), x, y, z, w); } return this; }; Effect.prototype.setColor3 = function (uniformName, color3) { if (this._cacheFloat3(uniformName, color3.r, color3.g, color3.b)) { this._engine.setColor3(this.getUniform(uniformName), color3); } return this; }; Effect.prototype.setColor4 = function (uniformName, color3, alpha) { if (this._cacheFloat4(uniformName, color3.r, color3.g, color3.b, alpha)) { this._engine.setColor4(this.getUniform(uniformName), color3, alpha); } return this; }; // Statics Effect.ShadersStore = {}; Effect.IncludesShadersStore = {}; return Effect; }()); BABYLON.Effect = Effect; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Materials/babylon.effect.js.map var BABYLON; (function (BABYLON) { var MaterialHelper = (function () { function MaterialHelper() { } MaterialHelper.PrepareDefinesForLights = function (scene, mesh, defines, maxSimultaneousLights) { if (maxSimultaneousLights === void 0) { maxSimultaneousLights = 4; } var lightIndex = 0; var needNormals = false; var needRebuild = false; var needShadows = false; var lightmapMode = false; for (var index = 0; index < scene.lights.length; index++) { var light = scene.lights[index]; if (!light.isEnabled()) { continue; } // Excluded check if (light._excludedMeshesIds.length > 0) { for (var excludedIndex = 0; excludedIndex < light._excludedMeshesIds.length; excludedIndex++) { var excludedMesh = scene.getMeshByID(light._excludedMeshesIds[excludedIndex]); if (excludedMesh) { light.excludedMeshes.push(excludedMesh); } } light._excludedMeshesIds = []; } // Included check if (light._includedOnlyMeshesIds.length > 0) { for (var includedOnlyIndex = 0; includedOnlyIndex < light._includedOnlyMeshesIds.length; includedOnlyIndex++) { var includedOnlyMesh = scene.getMeshByID(light._includedOnlyMeshesIds[includedOnlyIndex]); if (includedOnlyMesh) { light.includedOnlyMeshes.push(includedOnlyMesh); } } light._includedOnlyMeshesIds = []; } if (!light.canAffectMesh(mesh)) { continue; } needNormals = true; if (defines["LIGHT" + lightIndex] === undefined) { needRebuild = true; } defines["LIGHT" + lightIndex] = true; var type; if (light instanceof BABYLON.SpotLight) { type = "SPOTLIGHT" + lightIndex; } else if (light instanceof BABYLON.HemisphericLight) { type = "HEMILIGHT" + lightIndex; } else if (light instanceof BABYLON.PointLight) { type = "POINTLIGHT" + lightIndex; } else { type = "DIRLIGHT" + lightIndex; } if (defines[type] === undefined) { needRebuild = true; } defines[type] = true; // Specular if (!light.specular.equalsFloats(0, 0, 0) && defines["SPECULARTERM"] !== undefined) { defines["SPECULARTERM"] = true; } // Shadows if (scene.shadowsEnabled) { var shadowGenerator = light.getShadowGenerator(); if (mesh && mesh.receiveShadows && shadowGenerator) { if (defines["SHADOW" + lightIndex] === undefined) { needRebuild = true; } defines["SHADOW" + lightIndex] = true; defines["SHADOWS"] = true; if (shadowGenerator.useVarianceShadowMap || shadowGenerator.useBlurVarianceShadowMap) { if (defines["SHADOWVSM" + lightIndex] === undefined) { needRebuild = true; } defines["SHADOWVSM" + lightIndex] = true; } if (shadowGenerator.usePoissonSampling) { if (defines["SHADOWPCF" + lightIndex] === undefined) { needRebuild = true; } defines["SHADOWPCF" + lightIndex] = true; } needShadows = true; } } if (light.lightmapMode != BABYLON.Light.LIGHTMAP_DEFAULT) { lightmapMode = true; if (defines["LIGHTMAPEXCLUDED" + lightIndex] === undefined) { needRebuild = true; } if (defines["LIGHTMAPNOSPECULAR" + lightIndex] === undefined) { needRebuild = true; } defines["LIGHTMAPEXCLUDED" + lightIndex] = true; if (light.lightmapMode == BABYLON.Light.LIGHTMAP_SHADOWSONLY) { defines["LIGHTMAPNOSPECULAR" + lightIndex] = true; } } lightIndex++; if (lightIndex === maxSimultaneousLights) break; } var caps = scene.getEngine().getCaps(); if (needShadows && caps.textureFloat && caps.textureFloatLinearFiltering && caps.textureFloatRender) { if (defines["SHADOWFULLFLOAT"] === undefined) { needRebuild = true; } defines["SHADOWFULLFLOAT"] = true; } if (defines["LIGHTMAPEXCLUDED"] === undefined) { needRebuild = true; } if (lightmapMode) { defines["LIGHTMAPEXCLUDED"] = true; } if (needRebuild) { defines.rebuild(); } return needNormals; }; MaterialHelper.PrepareUniformsAndSamplersList = function (uniformsList, samplersList, defines, maxSimultaneousLights) { if (maxSimultaneousLights === void 0) { maxSimultaneousLights = 4; } for (var lightIndex = 0; lightIndex < maxSimultaneousLights; lightIndex++) { if (!defines["LIGHT" + lightIndex]) { break; } uniformsList.push("vLightData" + lightIndex, "vLightDiffuse" + lightIndex, "vLightSpecular" + lightIndex, "vLightDirection" + lightIndex, "vLightGround" + lightIndex, "lightMatrix" + lightIndex, "shadowsInfo" + lightIndex); samplersList.push("shadowSampler" + lightIndex); } }; MaterialHelper.HandleFallbacksForShadows = function (defines, fallbacks, maxSimultaneousLights) { if (maxSimultaneousLights === void 0) { maxSimultaneousLights = 4; } for (var lightIndex = 0; lightIndex < maxSimultaneousLights; lightIndex++) { if (!defines["LIGHT" + lightIndex]) { break; } if (lightIndex > 0) { fallbacks.addFallback(lightIndex, "LIGHT" + lightIndex); } if (defines["SHADOW" + lightIndex]) { fallbacks.addFallback(0, "SHADOW" + lightIndex); } if (defines["SHADOWPCF" + lightIndex]) { fallbacks.addFallback(0, "SHADOWPCF" + lightIndex); } if (defines["SHADOWVSM" + lightIndex]) { fallbacks.addFallback(0, "SHADOWVSM" + lightIndex); } } }; MaterialHelper.PrepareAttributesForBones = function (attribs, mesh, defines, fallbacks) { if (defines["NUM_BONE_INFLUENCERS"] > 0) { fallbacks.addCPUSkinningFallback(0, mesh); attribs.push(BABYLON.VertexBuffer.MatricesIndicesKind); attribs.push(BABYLON.VertexBuffer.MatricesWeightsKind); if (defines["NUM_BONE_INFLUENCERS"] > 4) { attribs.push(BABYLON.VertexBuffer.MatricesIndicesExtraKind); attribs.push(BABYLON.VertexBuffer.MatricesWeightsExtraKind); } } }; MaterialHelper.PrepareAttributesForInstances = function (attribs, defines) { if (defines["INSTANCES"]) { attribs.push("world0"); attribs.push("world1"); attribs.push("world2"); attribs.push("world3"); } }; // Bindings MaterialHelper.BindLightShadow = function (light, scene, mesh, lightIndex, effect, depthValuesAlreadySet) { var shadowGenerator = light.getShadowGenerator(); if (mesh.receiveShadows && shadowGenerator) { if (!light.needCube()) { effect.setMatrix("lightMatrix" + lightIndex, shadowGenerator.getTransformMatrix()); } else { if (!depthValuesAlreadySet) { depthValuesAlreadySet = true; effect.setFloat2("depthValues", scene.activeCamera.minZ, scene.activeCamera.maxZ); } } effect.setTexture("shadowSampler" + lightIndex, shadowGenerator.getShadowMapForRendering()); effect.setFloat3("shadowsInfo" + lightIndex, shadowGenerator.getDarkness(), shadowGenerator.blurScale / shadowGenerator.getShadowMap().getSize().width, shadowGenerator.bias); } return depthValuesAlreadySet; }; MaterialHelper.BindLightProperties = function (light, effect, lightIndex) { if (light instanceof BABYLON.PointLight) { // Point Light light.transferToEffect(effect, "vLightData" + lightIndex); } else if (light instanceof BABYLON.DirectionalLight) { // Directional Light light.transferToEffect(effect, "vLightData" + lightIndex); } else if (light instanceof BABYLON.SpotLight) { // Spot Light light.transferToEffect(effect, "vLightData" + lightIndex, "vLightDirection" + lightIndex); } else if (light instanceof BABYLON.HemisphericLight) { // Hemispheric Light light.transferToEffect(effect, "vLightData" + lightIndex, "vLightGround" + lightIndex); } }; MaterialHelper.BindLights = function (scene, mesh, effect, defines, maxSimultaneousLights) { if (maxSimultaneousLights === void 0) { maxSimultaneousLights = 4; } var lightIndex = 0; var depthValuesAlreadySet = false; for (var index = 0; index < scene.lights.length; index++) { var light = scene.lights[index]; if (!light.isEnabled()) { continue; } if (!light.canAffectMesh(mesh)) { continue; } MaterialHelper.BindLightProperties(light, effect, lightIndex); light.diffuse.scaleToRef(light.intensity, BABYLON.Tmp.Color3[0]); effect.setColor4("vLightDiffuse" + lightIndex, BABYLON.Tmp.Color3[0], light.range); if (defines["SPECULARTERM"]) { light.specular.scaleToRef(light.intensity, BABYLON.Tmp.Color3[1]); effect.setColor3("vLightSpecular" + lightIndex, BABYLON.Tmp.Color3[1]); } // Shadows if (scene.shadowsEnabled) { depthValuesAlreadySet = this.BindLightShadow(light, scene, mesh, lightIndex, effect, depthValuesAlreadySet); } lightIndex++; if (lightIndex === maxSimultaneousLights) break; } }; MaterialHelper.BindFogParameters = function (scene, mesh, effect) { if (scene.fogEnabled && mesh.applyFog && scene.fogMode !== BABYLON.Scene.FOGMODE_NONE) { effect.setFloat4("vFogInfos", scene.fogMode, scene.fogStart, scene.fogEnd, scene.fogDensity); effect.setColor3("vFogColor", scene.fogColor); } }; MaterialHelper.BindBonesParameters = function (mesh, effect) { if (mesh && mesh.useBones && mesh.computeBonesUsingShaders) { var matrices = mesh.skeleton.getTransformMatrices(mesh); if (matrices) { effect.setMatrices("mBones", matrices); } } }; MaterialHelper.BindLogDepth = function (defines, effect, scene) { if (defines["LOGARITHMICDEPTH"]) { effect.setFloat("logarithmicDepthConstant", 2.0 / (Math.log(scene.activeCamera.maxZ + 1.0) / Math.LN2)); } }; MaterialHelper.BindClipPlane = function (effect, scene) { if (scene.clipPlane) { var clipPlane = scene.clipPlane; effect.setFloat4("vClipPlane", clipPlane.normal.x, clipPlane.normal.y, clipPlane.normal.z, clipPlane.d); } }; return MaterialHelper; }()); BABYLON.MaterialHelper = MaterialHelper; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Materials/babylon.materialHelper.js.map var BABYLON; (function (BABYLON) { var FresnelParameters = (function () { function FresnelParameters() { this.isEnabled = true; this.leftColor = BABYLON.Color3.White(); this.rightColor = BABYLON.Color3.Black(); this.bias = 0; this.power = 1; } FresnelParameters.prototype.clone = function () { var newFresnelParameters = new FresnelParameters(); BABYLON.Tools.DeepCopy(this, newFresnelParameters); return newFresnelParameters; }; FresnelParameters.prototype.serialize = function () { var serializationObject = {}; serializationObject.isEnabled = this.isEnabled; serializationObject.leftColor = this.leftColor; serializationObject.rightColor = this.rightColor; serializationObject.bias = this.bias; serializationObject.power = this.power; return serializationObject; }; FresnelParameters.Parse = function (parsedFresnelParameters) { var fresnelParameters = new FresnelParameters(); fresnelParameters.isEnabled = parsedFresnelParameters.isEnabled; fresnelParameters.leftColor = BABYLON.Color3.FromArray(parsedFresnelParameters.leftColor); fresnelParameters.rightColor = BABYLON.Color3.FromArray(parsedFresnelParameters.rightColor); fresnelParameters.bias = parsedFresnelParameters.bias; fresnelParameters.power = parsedFresnelParameters.power || 1.0; return fresnelParameters; }; return FresnelParameters; }()); BABYLON.FresnelParameters = FresnelParameters; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Materials/babylon.fresnelParameters.js.map var BABYLON; (function (BABYLON) { var MaterialDefines = (function () { function MaterialDefines() { } MaterialDefines.prototype.rebuild = function () { if (this._keys) { delete this._keys; } this._keys = Object.keys(this); }; MaterialDefines.prototype.isEqual = function (other) { if (this._keys.length !== other._keys.length) { return false; } for (var index = 0; index < this._keys.length; index++) { var prop = this._keys[index]; if (this[prop] !== other[prop]) { return false; } } return true; }; MaterialDefines.prototype.cloneTo = function (other) { if (this._keys.length !== other._keys.length) { other._keys = this._keys.slice(0); } for (var index = 0; index < this._keys.length; index++) { var prop = this._keys[index]; other[prop] = this[prop]; } }; MaterialDefines.prototype.reset = function () { for (var index = 0; index < this._keys.length; index++) { var prop = this._keys[index]; if (typeof (this[prop]) === "number") { this[prop] = 0; } else { this[prop] = false; } } }; MaterialDefines.prototype.toString = function () { var result = ""; for (var index = 0; index < this._keys.length; index++) { var prop = this._keys[index]; if (typeof (this[prop]) === "number") { result += "#define " + prop + " " + this[prop] + "\n"; } else if (this[prop]) { result += "#define " + prop + "\n"; } } return result; }; return MaterialDefines; }()); BABYLON.MaterialDefines = MaterialDefines; var Material = (function () { function Material(name, scene, doNotAdd) { this.checkReadyOnEveryCall = false; this.checkReadyOnlyOnce = false; this.state = ""; this.alpha = 1.0; this.backFaceCulling = true; this.doNotSerialize = false; /** * An event triggered when the material is disposed. * @type {BABYLON.Observable} */ this.onDisposeObservable = new BABYLON.Observable(); /** * An event triggered when the material is bound. * @type {BABYLON.Observable} */ this.onBindObservable = new BABYLON.Observable(); /** * An event triggered when the material is unbound. * @type {BABYLON.Observable} */ this.onUnBindObservable = new BABYLON.Observable(); this.alphaMode = BABYLON.Engine.ALPHA_COMBINE; this.disableDepthWrite = false; this.fogEnabled = true; this.pointSize = 1.0; this.zOffset = 0; this._wasPreviouslyReady = false; this._fillMode = Material.TriangleFillMode; this.name = name; this.id = name; this._scene = scene; if (scene.useRightHandedSystem) { this.sideOrientation = Material.ClockWiseSideOrientation; } else { this.sideOrientation = Material.CounterClockWiseSideOrientation; } if (!doNotAdd) { scene.materials.push(this); } } Object.defineProperty(Material, "TriangleFillMode", { get: function () { return Material._TriangleFillMode; }, enumerable: true, configurable: true }); Object.defineProperty(Material, "WireFrameFillMode", { get: function () { return Material._WireFrameFillMode; }, enumerable: true, configurable: true }); Object.defineProperty(Material, "PointFillMode", { get: function () { return Material._PointFillMode; }, enumerable: true, configurable: true }); Object.defineProperty(Material, "ClockWiseSideOrientation", { get: function () { return Material._ClockWiseSideOrientation; }, enumerable: true, configurable: true }); Object.defineProperty(Material, "CounterClockWiseSideOrientation", { get: function () { return Material._CounterClockWiseSideOrientation; }, enumerable: true, configurable: true }); Object.defineProperty(Material.prototype, "onDispose", { set: function (callback) { if (this._onDisposeObserver) { this.onDisposeObservable.remove(this._onDisposeObserver); } this._onDisposeObserver = this.onDisposeObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(Material.prototype, "onBind", { set: function (callback) { if (this._onBindObserver) { this.onBindObservable.remove(this._onBindObserver); } this._onBindObserver = this.onBindObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(Material.prototype, "wireframe", { get: function () { return this._fillMode === Material.WireFrameFillMode; }, set: function (value) { this._fillMode = (value ? Material.WireFrameFillMode : Material.TriangleFillMode); }, enumerable: true, configurable: true }); Object.defineProperty(Material.prototype, "pointsCloud", { get: function () { return this._fillMode === Material.PointFillMode; }, set: function (value) { this._fillMode = (value ? Material.PointFillMode : Material.TriangleFillMode); }, enumerable: true, configurable: true }); Object.defineProperty(Material.prototype, "fillMode", { get: function () { return this._fillMode; }, set: function (value) { this._fillMode = value; }, enumerable: true, configurable: true }); /** * @param {boolean} fullDetails - support for multiple levels of logging within scene loading * subclasses should override adding information pertainent to themselves */ Material.prototype.toString = function (fullDetails) { var ret = "Name: " + this.name; if (fullDetails) { } return ret; }; Object.defineProperty(Material.prototype, "isFrozen", { get: function () { return this.checkReadyOnlyOnce; }, enumerable: true, configurable: true }); Material.prototype.freeze = function () { this.checkReadyOnlyOnce = true; }; Material.prototype.unfreeze = function () { this.checkReadyOnlyOnce = false; }; Material.prototype.isReady = function (mesh, useInstances) { return true; }; Material.prototype.getEffect = function () { return this._effect; }; Material.prototype.getScene = function () { return this._scene; }; Material.prototype.needAlphaBlending = function () { return (this.alpha < 1.0); }; Material.prototype.needAlphaTesting = function () { return false; }; Material.prototype.getAlphaTestTexture = function () { return null; }; Material.prototype.markDirty = function () { this._wasPreviouslyReady = false; }; Material.prototype._preBind = function () { var engine = this._scene.getEngine(); var reverse = this.sideOrientation === Material.ClockWiseSideOrientation; engine.enableEffect(this._effect); engine.setState(this.backFaceCulling, this.zOffset, false, reverse); }; Material.prototype.bind = function (world, mesh) { this._scene._cachedMaterial = this; this.onBindObservable.notifyObservers(mesh); if (this.disableDepthWrite) { var engine = this._scene.getEngine(); this._cachedDepthWriteState = engine.getDepthWrite(); engine.setDepthWrite(false); } }; Material.prototype.bindOnlyWorldMatrix = function (world) { }; Material.prototype.unbind = function () { this.onUnBindObservable.notifyObservers(this); if (this.disableDepthWrite) { var engine = this._scene.getEngine(); engine.setDepthWrite(this._cachedDepthWriteState); } }; Material.prototype.clone = function (name) { return null; }; Material.prototype.getBindedMeshes = function () { var result = new Array(); for (var index = 0; index < this._scene.meshes.length; index++) { var mesh = this._scene.meshes[index]; if (mesh.material === this) { result.push(mesh); } } return result; }; Material.prototype.dispose = function (forceDisposeEffect, forceDisposeTextures) { // Animations this.getScene().stopAnimation(this); // Remove from scene var index = this._scene.materials.indexOf(this); if (index >= 0) { this._scene.materials.splice(index, 1); } // Shader are kept in cache for further use but we can get rid of this by using forceDisposeEffect if (forceDisposeEffect && this._effect) { this._scene.getEngine()._releaseEffect(this._effect); this._effect = null; } // Remove from meshes for (index = 0; index < this._scene.meshes.length; index++) { var mesh = this._scene.meshes[index]; if (mesh.material === this) { mesh.material = null; } } // Callback this.onDisposeObservable.notifyObservers(this); this.onDisposeObservable.clear(); this.onBindObservable.clear(); this.onUnBindObservable.clear(); }; Material.prototype.serialize = function () { return BABYLON.SerializationHelper.Serialize(this); }; Material.ParseMultiMaterial = function (parsedMultiMaterial, scene) { var multiMaterial = new BABYLON.MultiMaterial(parsedMultiMaterial.name, scene); multiMaterial.id = parsedMultiMaterial.id; BABYLON.Tags.AddTagsTo(multiMaterial, parsedMultiMaterial.tags); for (var matIndex = 0; matIndex < parsedMultiMaterial.materials.length; matIndex++) { var subMatId = parsedMultiMaterial.materials[matIndex]; if (subMatId) { multiMaterial.subMaterials.push(scene.getMaterialByID(subMatId)); } else { multiMaterial.subMaterials.push(null); } } return multiMaterial; }; Material.Parse = function (parsedMaterial, scene, rootUrl) { if (!parsedMaterial.customType) { return BABYLON.StandardMaterial.Parse(parsedMaterial, scene, rootUrl); } var materialType = BABYLON.Tools.Instantiate(parsedMaterial.customType); return materialType.Parse(parsedMaterial, scene, rootUrl); ; }; Material._TriangleFillMode = 0; Material._WireFrameFillMode = 1; Material._PointFillMode = 2; Material._ClockWiseSideOrientation = 0; Material._CounterClockWiseSideOrientation = 1; __decorate([ BABYLON.serialize() ], Material.prototype, "id", void 0); __decorate([ BABYLON.serialize() ], Material.prototype, "name", void 0); __decorate([ BABYLON.serialize() ], Material.prototype, "checkReadyOnEveryCall", void 0); __decorate([ BABYLON.serialize() ], Material.prototype, "checkReadyOnlyOnce", void 0); __decorate([ BABYLON.serialize() ], Material.prototype, "state", void 0); __decorate([ BABYLON.serialize() ], Material.prototype, "alpha", void 0); __decorate([ BABYLON.serialize() ], Material.prototype, "backFaceCulling", void 0); __decorate([ BABYLON.serialize() ], Material.prototype, "sideOrientation", void 0); __decorate([ BABYLON.serialize() ], Material.prototype, "alphaMode", void 0); __decorate([ BABYLON.serialize() ], Material.prototype, "disableDepthWrite", void 0); __decorate([ BABYLON.serialize() ], Material.prototype, "fogEnabled", void 0); __decorate([ BABYLON.serialize() ], Material.prototype, "pointSize", void 0); __decorate([ BABYLON.serialize() ], Material.prototype, "zOffset", void 0); __decorate([ BABYLON.serialize() ], Material.prototype, "wireframe", null); __decorate([ BABYLON.serialize() ], Material.prototype, "pointsCloud", null); __decorate([ BABYLON.serialize() ], Material.prototype, "fillMode", null); return Material; }()); BABYLON.Material = Material; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Materials/babylon.material.js.map var BABYLON; (function (BABYLON) { var StandardMaterialDefines = (function (_super) { __extends(StandardMaterialDefines, _super); function StandardMaterialDefines() { _super.call(this); this.DIFFUSE = false; this.AMBIENT = false; this.OPACITY = false; this.OPACITYRGB = false; this.REFLECTION = false; this.EMISSIVE = false; this.SPECULAR = false; this.BUMP = false; this.PARALLAX = false; this.PARALLAXOCCLUSION = false; this.SPECULAROVERALPHA = false; this.CLIPPLANE = false; this.ALPHATEST = false; this.ALPHAFROMDIFFUSE = false; this.POINTSIZE = false; this.FOG = false; this.SPECULARTERM = false; this.DIFFUSEFRESNEL = false; this.OPACITYFRESNEL = false; this.REFLECTIONFRESNEL = false; this.REFRACTIONFRESNEL = false; this.EMISSIVEFRESNEL = false; this.FRESNEL = false; this.NORMAL = false; this.UV1 = false; this.UV2 = false; this.VERTEXCOLOR = false; this.VERTEXALPHA = false; this.NUM_BONE_INFLUENCERS = 0; this.BonesPerMesh = 0; this.INSTANCES = false; this.GLOSSINESS = false; this.ROUGHNESS = false; this.EMISSIVEASILLUMINATION = false; this.LINKEMISSIVEWITHDIFFUSE = false; this.REFLECTIONFRESNELFROMSPECULAR = false; this.LIGHTMAP = false; this.USELIGHTMAPASSHADOWMAP = false; this.REFLECTIONMAP_3D = false; this.REFLECTIONMAP_SPHERICAL = false; this.REFLECTIONMAP_PLANAR = false; this.REFLECTIONMAP_CUBIC = false; this.REFLECTIONMAP_PROJECTION = false; this.REFLECTIONMAP_SKYBOX = false; this.REFLECTIONMAP_EXPLICIT = false; this.REFLECTIONMAP_EQUIRECTANGULAR = false; this.REFLECTIONMAP_EQUIRECTANGULAR_FIXED = false; this.INVERTCUBICMAP = false; this.LOGARITHMICDEPTH = false; this.REFRACTION = false; this.REFRACTIONMAP_3D = false; this.REFLECTIONOVERALPHA = false; this.INVERTNORMALMAPX = false; this.INVERTNORMALMAPY = false; this.SHADOWFULLFLOAT = false; this.CAMERACOLORGRADING = false; this.CAMERACOLORCURVES = false; this.rebuild(); } return StandardMaterialDefines; }(BABYLON.MaterialDefines)); var StandardMaterial = (function (_super) { __extends(StandardMaterial, _super); function StandardMaterial(name, scene) { var _this = this; _super.call(this, name, scene); this.ambientColor = new BABYLON.Color3(0, 0, 0); this.diffuseColor = new BABYLON.Color3(1, 1, 1); this.specularColor = new BABYLON.Color3(1, 1, 1); this.emissiveColor = new BABYLON.Color3(0, 0, 0); this.specularPower = 64; this.useAlphaFromDiffuseTexture = false; this.useEmissiveAsIllumination = false; this.linkEmissiveWithDiffuse = false; this.useReflectionFresnelFromSpecular = false; this.useSpecularOverAlpha = false; this.useReflectionOverAlpha = false; this.disableLighting = false; this.useParallax = false; this.useParallaxOcclusion = false; this.parallaxScaleBias = 0.05; this.roughness = 0; this.indexOfRefraction = 0.98; this.invertRefractionY = true; this.useLightmapAsShadowmap = false; this.useGlossinessFromSpecularMapAlpha = false; this.maxSimultaneousLights = 4; /** * If sets to true, x component of normal map value will invert (x = 1.0 - x). */ this.invertNormalMapX = false; /** * If sets to true, y component of normal map value will invert (y = 1.0 - y). */ this.invertNormalMapY = false; /** * Color Grading 2D Lookup Texture. * This allows special effects like sepia, black and white to sixties rendering style. */ this.cameraColorGradingTexture = null; /** * The color grading curves provide additional color adjustmnent that is applied after any color grading transform (3D LUT). * They allow basic adjustment of saturation and small exposure adjustments, along with color filter tinting to provide white balance adjustment or more stylistic effects. * These are similar to controls found in many professional imaging or colorist software. The global controls are applied to the entire image. For advanced tuning, extra controls are provided to adjust the shadow, midtone and highlight areas of the image; * corresponding to low luminance, medium luminance, and high luminance areas respectively. */ this.cameraColorCurves = null; this._renderTargets = new BABYLON.SmartArray(16); this._worldViewProjectionMatrix = BABYLON.Matrix.Zero(); this._globalAmbientColor = new BABYLON.Color3(0, 0, 0); this._defines = new StandardMaterialDefines(); this._cachedDefines = new StandardMaterialDefines(); this._cachedDefines.BonesPerMesh = -1; this.getRenderTargetTextures = function () { _this._renderTargets.reset(); if (_this.reflectionTexture && _this.reflectionTexture.isRenderTarget) { _this._renderTargets.push(_this.reflectionTexture); } if (_this.refractionTexture && _this.refractionTexture.isRenderTarget) { _this._renderTargets.push(_this.refractionTexture); } return _this._renderTargets; }; } Object.defineProperty(StandardMaterial.prototype, "useLogarithmicDepth", { get: function () { return this._useLogarithmicDepth; }, set: function (value) { this._useLogarithmicDepth = value && this.getScene().getEngine().getCaps().fragmentDepthSupported; }, enumerable: true, configurable: true }); StandardMaterial.prototype.needAlphaBlending = function () { return (this.alpha < 1.0) || (this.opacityTexture != null) || this._shouldUseAlphaFromDiffuseTexture() || this.opacityFresnelParameters && this.opacityFresnelParameters.isEnabled; }; StandardMaterial.prototype.needAlphaTesting = function () { return this.diffuseTexture != null && this.diffuseTexture.hasAlpha; }; StandardMaterial.prototype._shouldUseAlphaFromDiffuseTexture = function () { return this.diffuseTexture != null && this.diffuseTexture.hasAlpha && this.useAlphaFromDiffuseTexture; }; StandardMaterial.prototype.getAlphaTestTexture = function () { return this.diffuseTexture; }; // Methods StandardMaterial.prototype._checkCache = function (scene, mesh, useInstances) { if (!mesh) { return true; } if (this._defines.INSTANCES !== useInstances) { return false; } if (mesh._materialDefines && mesh._materialDefines.isEqual(this._defines)) { return true; } return false; }; StandardMaterial.prototype.isReady = function (mesh, useInstances) { if (this.isFrozen) { if (this._wasPreviouslyReady) { return true; } } var scene = this.getScene(); var engine = scene.getEngine(); var needUVs = false; var needNormals = false; this._defines.reset(); // Lights if (scene.lightsEnabled && !this.disableLighting) { needNormals = BABYLON.MaterialHelper.PrepareDefinesForLights(scene, mesh, this._defines, this.maxSimultaneousLights); } if (!this.checkReadyOnEveryCall) { if (this._renderId === scene.getRenderId()) { if (this._checkCache(scene, mesh, useInstances)) { return true; } } } // Textures if (scene.texturesEnabled) { if (this.diffuseTexture && StandardMaterial.DiffuseTextureEnabled) { if (!this.diffuseTexture.isReady()) { return false; } else { needUVs = true; this._defines.DIFFUSE = true; } } if (this.ambientTexture && StandardMaterial.AmbientTextureEnabled) { if (!this.ambientTexture.isReady()) { return false; } else { needUVs = true; this._defines.AMBIENT = true; } } if (this.opacityTexture && StandardMaterial.OpacityTextureEnabled) { if (!this.opacityTexture.isReady()) { return false; } else { needUVs = true; this._defines.OPACITY = true; if (this.opacityTexture.getAlphaFromRGB) { this._defines.OPACITYRGB = true; } } } if (this.reflectionTexture && StandardMaterial.ReflectionTextureEnabled) { if (!this.reflectionTexture.isReady()) { return false; } else { needNormals = true; this._defines.REFLECTION = true; if (this.roughness > 0) { this._defines.ROUGHNESS = true; } if (this.useReflectionOverAlpha) { this._defines.REFLECTIONOVERALPHA = true; } if (this.reflectionTexture.coordinatesMode === BABYLON.Texture.INVCUBIC_MODE) { this._defines.INVERTCUBICMAP = true; } this._defines.REFLECTIONMAP_3D = this.reflectionTexture.isCube; switch (this.reflectionTexture.coordinatesMode) { case BABYLON.Texture.CUBIC_MODE: case BABYLON.Texture.INVCUBIC_MODE: this._defines.REFLECTIONMAP_CUBIC = true; break; case BABYLON.Texture.EXPLICIT_MODE: this._defines.REFLECTIONMAP_EXPLICIT = true; break; case BABYLON.Texture.PLANAR_MODE: this._defines.REFLECTIONMAP_PLANAR = true; break; case BABYLON.Texture.PROJECTION_MODE: this._defines.REFLECTIONMAP_PROJECTION = true; break; case BABYLON.Texture.SKYBOX_MODE: this._defines.REFLECTIONMAP_SKYBOX = true; break; case BABYLON.Texture.SPHERICAL_MODE: this._defines.REFLECTIONMAP_SPHERICAL = true; break; case BABYLON.Texture.EQUIRECTANGULAR_MODE: this._defines.REFLECTIONMAP_EQUIRECTANGULAR = true; break; case BABYLON.Texture.FIXED_EQUIRECTANGULAR_MODE: this._defines.REFLECTIONMAP_EQUIRECTANGULAR_FIXED = true; break; } } } if (this.emissiveTexture && StandardMaterial.EmissiveTextureEnabled) { if (!this.emissiveTexture.isReady()) { return false; } else { needUVs = true; this._defines.EMISSIVE = true; } } if (this.lightmapTexture && StandardMaterial.LightmapTextureEnabled) { if (!this.lightmapTexture.isReady()) { return false; } else { needUVs = true; this._defines.LIGHTMAP = true; this._defines.USELIGHTMAPASSHADOWMAP = this.useLightmapAsShadowmap; } } if (this.specularTexture && StandardMaterial.SpecularTextureEnabled) { if (!this.specularTexture.isReady()) { return false; } else { needUVs = true; this._defines.SPECULAR = true; this._defines.GLOSSINESS = this.useGlossinessFromSpecularMapAlpha; } } if (scene.getEngine().getCaps().standardDerivatives && this.bumpTexture && StandardMaterial.BumpTextureEnabled) { if (!this.bumpTexture.isReady()) { return false; } else { needUVs = true; this._defines.BUMP = true; if (this.useParallax) { this._defines.PARALLAX = true; if (this.useParallaxOcclusion) { this._defines.PARALLAXOCCLUSION = true; } } if (this.invertNormalMapX) { this._defines.INVERTNORMALMAPX = true; } if (this.invertNormalMapY) { this._defines.INVERTNORMALMAPY = true; } } } if (this.refractionTexture && StandardMaterial.RefractionTextureEnabled) { if (!this.refractionTexture.isReady()) { return false; } else { needUVs = true; this._defines.REFRACTION = true; this._defines.REFRACTIONMAP_3D = this.refractionTexture.isCube; } } if (this.cameraColorGradingTexture && StandardMaterial.ColorGradingTextureEnabled) { if (!this.cameraColorGradingTexture.isReady()) { return false; } else { this._defines.CAMERACOLORGRADING = true; } } } // Effect if (scene.clipPlane) { this._defines.CLIPPLANE = true; } if (engine.getAlphaTesting()) { this._defines.ALPHATEST = true; } if (this._shouldUseAlphaFromDiffuseTexture()) { this._defines.ALPHAFROMDIFFUSE = true; } if (this.useEmissiveAsIllumination) { this._defines.EMISSIVEASILLUMINATION = true; } if (this.linkEmissiveWithDiffuse) { this._defines.LINKEMISSIVEWITHDIFFUSE = true; } if (this.useLogarithmicDepth) { this._defines.LOGARITHMICDEPTH = true; } if (this.cameraColorCurves) { this._defines.CAMERACOLORCURVES = true; } // Point size if (this.pointsCloud || scene.forcePointsCloud) { this._defines.POINTSIZE = true; } // Fog if (scene.fogEnabled && mesh && mesh.applyFog && scene.fogMode !== BABYLON.Scene.FOGMODE_NONE && this.fogEnabled) { this._defines.FOG = true; } if (StandardMaterial.FresnelEnabled) { // Fresnel if (this.diffuseFresnelParameters && this.diffuseFresnelParameters.isEnabled || this.opacityFresnelParameters && this.opacityFresnelParameters.isEnabled || this.emissiveFresnelParameters && this.emissiveFresnelParameters.isEnabled || this.refractionFresnelParameters && this.refractionFresnelParameters.isEnabled || this.reflectionFresnelParameters && this.reflectionFresnelParameters.isEnabled) { if (this.diffuseFresnelParameters && this.diffuseFresnelParameters.isEnabled) { this._defines.DIFFUSEFRESNEL = true; } if (this.opacityFresnelParameters && this.opacityFresnelParameters.isEnabled) { this._defines.OPACITYFRESNEL = true; } if (this.reflectionFresnelParameters && this.reflectionFresnelParameters.isEnabled) { this._defines.REFLECTIONFRESNEL = true; if (this.useReflectionFresnelFromSpecular) { this._defines.REFLECTIONFRESNELFROMSPECULAR = true; } } if (this.refractionFresnelParameters && this.refractionFresnelParameters.isEnabled) { this._defines.REFRACTIONFRESNEL = true; } if (this.emissiveFresnelParameters && this.emissiveFresnelParameters.isEnabled) { this._defines.EMISSIVEFRESNEL = true; } needNormals = true; this._defines.FRESNEL = true; } } if (this._defines.SPECULARTERM && this.useSpecularOverAlpha) { this._defines.SPECULAROVERALPHA = true; } // Attribs if (mesh) { if (needNormals && mesh.isVerticesDataPresent(BABYLON.VertexBuffer.NormalKind)) { this._defines.NORMAL = true; } if (needUVs) { if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UVKind)) { this._defines.UV1 = true; } if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UV2Kind)) { this._defines.UV2 = true; } } if (mesh.useVertexColors && mesh.isVerticesDataPresent(BABYLON.VertexBuffer.ColorKind)) { this._defines.VERTEXCOLOR = true; if (mesh.hasVertexAlpha) { this._defines.VERTEXALPHA = true; } } if (mesh.useBones && mesh.computeBonesUsingShaders) { this._defines.NUM_BONE_INFLUENCERS = mesh.numBoneInfluencers; this._defines.BonesPerMesh = (mesh.skeleton.bones.length + 1); } // Instances if (useInstances) { this._defines.INSTANCES = true; } } // Get correct effect if (!this._defines.isEqual(this._cachedDefines)) { this._defines.cloneTo(this._cachedDefines); scene.resetCachedMaterial(); // Fallbacks var fallbacks = new BABYLON.EffectFallbacks(); if (this._defines.REFLECTION) { fallbacks.addFallback(0, "REFLECTION"); } if (this._defines.SPECULAR) { fallbacks.addFallback(0, "SPECULAR"); } if (this._defines.BUMP) { fallbacks.addFallback(0, "BUMP"); } if (this._defines.PARALLAX) { fallbacks.addFallback(1, "PARALLAX"); } if (this._defines.PARALLAXOCCLUSION) { fallbacks.addFallback(0, "PARALLAXOCCLUSION"); } if (this._defines.SPECULAROVERALPHA) { fallbacks.addFallback(0, "SPECULAROVERALPHA"); } if (this._defines.FOG) { fallbacks.addFallback(1, "FOG"); } if (this._defines.POINTSIZE) { fallbacks.addFallback(0, "POINTSIZE"); } if (this._defines.LOGARITHMICDEPTH) { fallbacks.addFallback(0, "LOGARITHMICDEPTH"); } BABYLON.MaterialHelper.HandleFallbacksForShadows(this._defines, fallbacks, this.maxSimultaneousLights); if (this._defines.SPECULARTERM) { fallbacks.addFallback(0, "SPECULARTERM"); } if (this._defines.DIFFUSEFRESNEL) { fallbacks.addFallback(1, "DIFFUSEFRESNEL"); } if (this._defines.OPACITYFRESNEL) { fallbacks.addFallback(2, "OPACITYFRESNEL"); } if (this._defines.REFLECTIONFRESNEL) { fallbacks.addFallback(3, "REFLECTIONFRESNEL"); } if (this._defines.EMISSIVEFRESNEL) { fallbacks.addFallback(4, "EMISSIVEFRESNEL"); } if (this._defines.FRESNEL) { fallbacks.addFallback(4, "FRESNEL"); } //Attributes var attribs = [BABYLON.VertexBuffer.PositionKind]; if (this._defines.NORMAL) { attribs.push(BABYLON.VertexBuffer.NormalKind); } if (this._defines.UV1) { attribs.push(BABYLON.VertexBuffer.UVKind); } if (this._defines.UV2) { attribs.push(BABYLON.VertexBuffer.UV2Kind); } if (this._defines.VERTEXCOLOR) { attribs.push(BABYLON.VertexBuffer.ColorKind); } BABYLON.MaterialHelper.PrepareAttributesForBones(attribs, mesh, this._defines, fallbacks); BABYLON.MaterialHelper.PrepareAttributesForInstances(attribs, this._defines); var shaderName = "default"; var join = this._defines.toString(); var uniforms = ["world", "view", "viewProjection", "vEyePosition", "vLightsType", "vAmbientColor", "vDiffuseColor", "vSpecularColor", "vEmissiveColor", "vFogInfos", "vFogColor", "pointSize", "vDiffuseInfos", "vAmbientInfos", "vOpacityInfos", "vReflectionInfos", "vEmissiveInfos", "vSpecularInfos", "vBumpInfos", "vLightmapInfos", "vRefractionInfos", "mBones", "vClipPlane", "diffuseMatrix", "ambientMatrix", "opacityMatrix", "reflectionMatrix", "emissiveMatrix", "specularMatrix", "bumpMatrix", "lightmapMatrix", "refractionMatrix", "depthValues", "diffuseLeftColor", "diffuseRightColor", "opacityParts", "reflectionLeftColor", "reflectionRightColor", "emissiveLeftColor", "emissiveRightColor", "refractionLeftColor", "refractionRightColor", "logarithmicDepthConstant" ]; var samplers = ["diffuseSampler", "ambientSampler", "opacitySampler", "reflectionCubeSampler", "reflection2DSampler", "emissiveSampler", "specularSampler", "bumpSampler", "lightmapSampler", "refractionCubeSampler", "refraction2DSampler"]; if (this._defines.CAMERACOLORCURVES) { BABYLON.ColorCurves.PrepareUniforms(uniforms); } if (this._defines.CAMERACOLORGRADING) { BABYLON.ColorGradingTexture.PrepareUniformsAndSamplers(uniforms, samplers); } BABYLON.MaterialHelper.PrepareUniformsAndSamplersList(uniforms, samplers, this._defines, this.maxSimultaneousLights); this._effect = scene.getEngine().createEffect(shaderName, attribs, uniforms, samplers, join, fallbacks, this.onCompiled, this.onError, { maxSimultaneousLights: this.maxSimultaneousLights - 1 }); } if (!this._effect.isReady()) { return false; } this._renderId = scene.getRenderId(); this._wasPreviouslyReady = true; if (mesh) { if (!mesh._materialDefines) { mesh._materialDefines = new StandardMaterialDefines(); } this._defines.cloneTo(mesh._materialDefines); } return true; }; StandardMaterial.prototype.unbind = function () { if (this.reflectionTexture && this.reflectionTexture.isRenderTarget) { this._effect.setTexture("reflection2DSampler", null); } if (this.refractionTexture && this.refractionTexture.isRenderTarget) { this._effect.setTexture("refraction2DSampler", null); } _super.prototype.unbind.call(this); }; StandardMaterial.prototype.bindOnlyWorldMatrix = function (world) { this._effect.setMatrix("world", world); }; StandardMaterial.prototype.bind = function (world, mesh) { var scene = this.getScene(); // Matrices this.bindOnlyWorldMatrix(world); // Bones BABYLON.MaterialHelper.BindBonesParameters(mesh, this._effect); if (scene.getCachedMaterial() !== this) { this._effect.setMatrix("viewProjection", scene.getTransformMatrix()); if (StandardMaterial.FresnelEnabled) { // Fresnel if (this.diffuseFresnelParameters && this.diffuseFresnelParameters.isEnabled) { this._effect.setColor4("diffuseLeftColor", this.diffuseFresnelParameters.leftColor, this.diffuseFresnelParameters.power); this._effect.setColor4("diffuseRightColor", this.diffuseFresnelParameters.rightColor, this.diffuseFresnelParameters.bias); } if (this.opacityFresnelParameters && this.opacityFresnelParameters.isEnabled) { this._effect.setColor4("opacityParts", new BABYLON.Color3(this.opacityFresnelParameters.leftColor.toLuminance(), this.opacityFresnelParameters.rightColor.toLuminance(), this.opacityFresnelParameters.bias), this.opacityFresnelParameters.power); } if (this.reflectionFresnelParameters && this.reflectionFresnelParameters.isEnabled) { this._effect.setColor4("reflectionLeftColor", this.reflectionFresnelParameters.leftColor, this.reflectionFresnelParameters.power); this._effect.setColor4("reflectionRightColor", this.reflectionFresnelParameters.rightColor, this.reflectionFresnelParameters.bias); } if (this.refractionFresnelParameters && this.refractionFresnelParameters.isEnabled) { this._effect.setColor4("refractionLeftColor", this.refractionFresnelParameters.leftColor, this.refractionFresnelParameters.power); this._effect.setColor4("refractionRightColor", this.refractionFresnelParameters.rightColor, this.refractionFresnelParameters.bias); } if (this.emissiveFresnelParameters && this.emissiveFresnelParameters.isEnabled) { this._effect.setColor4("emissiveLeftColor", this.emissiveFresnelParameters.leftColor, this.emissiveFresnelParameters.power); this._effect.setColor4("emissiveRightColor", this.emissiveFresnelParameters.rightColor, this.emissiveFresnelParameters.bias); } } // Textures if (scene.texturesEnabled) { if (this.diffuseTexture && StandardMaterial.DiffuseTextureEnabled) { this._effect.setTexture("diffuseSampler", this.diffuseTexture); this._effect.setFloat2("vDiffuseInfos", this.diffuseTexture.coordinatesIndex, this.diffuseTexture.level); this._effect.setMatrix("diffuseMatrix", this.diffuseTexture.getTextureMatrix()); } if (this.ambientTexture && StandardMaterial.AmbientTextureEnabled) { this._effect.setTexture("ambientSampler", this.ambientTexture); this._effect.setFloat2("vAmbientInfos", this.ambientTexture.coordinatesIndex, this.ambientTexture.level); this._effect.setMatrix("ambientMatrix", this.ambientTexture.getTextureMatrix()); } if (this.opacityTexture && StandardMaterial.OpacityTextureEnabled) { this._effect.setTexture("opacitySampler", this.opacityTexture); this._effect.setFloat2("vOpacityInfos", this.opacityTexture.coordinatesIndex, this.opacityTexture.level); this._effect.setMatrix("opacityMatrix", this.opacityTexture.getTextureMatrix()); } if (this.reflectionTexture && StandardMaterial.ReflectionTextureEnabled) { if (this.reflectionTexture.isCube) { this._effect.setTexture("reflectionCubeSampler", this.reflectionTexture); } else { this._effect.setTexture("reflection2DSampler", this.reflectionTexture); } this._effect.setMatrix("reflectionMatrix", this.reflectionTexture.getReflectionTextureMatrix()); this._effect.setFloat2("vReflectionInfos", this.reflectionTexture.level, this.roughness); } if (this.emissiveTexture && StandardMaterial.EmissiveTextureEnabled) { this._effect.setTexture("emissiveSampler", this.emissiveTexture); this._effect.setFloat2("vEmissiveInfos", this.emissiveTexture.coordinatesIndex, this.emissiveTexture.level); this._effect.setMatrix("emissiveMatrix", this.emissiveTexture.getTextureMatrix()); } if (this.lightmapTexture && StandardMaterial.LightmapTextureEnabled) { this._effect.setTexture("lightmapSampler", this.lightmapTexture); this._effect.setFloat2("vLightmapInfos", this.lightmapTexture.coordinatesIndex, this.lightmapTexture.level); this._effect.setMatrix("lightmapMatrix", this.lightmapTexture.getTextureMatrix()); } if (this.specularTexture && StandardMaterial.SpecularTextureEnabled) { this._effect.setTexture("specularSampler", this.specularTexture); this._effect.setFloat2("vSpecularInfos", this.specularTexture.coordinatesIndex, this.specularTexture.level); this._effect.setMatrix("specularMatrix", this.specularTexture.getTextureMatrix()); } if (this.bumpTexture && scene.getEngine().getCaps().standardDerivatives && StandardMaterial.BumpTextureEnabled) { this._effect.setTexture("bumpSampler", this.bumpTexture); this._effect.setFloat3("vBumpInfos", this.bumpTexture.coordinatesIndex, 1.0 / this.bumpTexture.level, this.parallaxScaleBias); this._effect.setMatrix("bumpMatrix", this.bumpTexture.getTextureMatrix()); } if (this.refractionTexture && StandardMaterial.RefractionTextureEnabled) { var depth = 1.0; if (this.refractionTexture.isCube) { this._effect.setTexture("refractionCubeSampler", this.refractionTexture); } else { this._effect.setTexture("refraction2DSampler", this.refractionTexture); this._effect.setMatrix("refractionMatrix", this.refractionTexture.getReflectionTextureMatrix()); if (this.refractionTexture.depth) { depth = this.refractionTexture.depth; } } this._effect.setFloat4("vRefractionInfos", this.refractionTexture.level, this.indexOfRefraction, depth, this.invertRefractionY ? -1 : 1); } if (this.cameraColorGradingTexture && StandardMaterial.ColorGradingTextureEnabled) { BABYLON.ColorGradingTexture.Bind(this.cameraColorGradingTexture, this._effect); } } // Clip plane BABYLON.MaterialHelper.BindClipPlane(this._effect, scene); // Point size if (this.pointsCloud) { this._effect.setFloat("pointSize", this.pointSize); } // Colors scene.ambientColor.multiplyToRef(this.ambientColor, this._globalAmbientColor); this._effect.setVector3("vEyePosition", scene._mirroredCameraPosition ? scene._mirroredCameraPosition : scene.activeCamera.position); this._effect.setColor3("vAmbientColor", this._globalAmbientColor); if (this._defines.SPECULARTERM) { this._effect.setColor4("vSpecularColor", this.specularColor, this.specularPower); } this._effect.setColor3("vEmissiveColor", this.emissiveColor); } if (scene.getCachedMaterial() !== this || !this.isFrozen) { // Diffuse this._effect.setColor4("vDiffuseColor", this.diffuseColor, this.alpha * mesh.visibility); // Lights if (scene.lightsEnabled && !this.disableLighting) { BABYLON.MaterialHelper.BindLights(scene, mesh, this._effect, this._defines, this.maxSimultaneousLights); } // View if (scene.fogEnabled && mesh.applyFog && scene.fogMode !== BABYLON.Scene.FOGMODE_NONE || this.reflectionTexture || this.refractionTexture) { this._effect.setMatrix("view", scene.getViewMatrix()); } // Fog BABYLON.MaterialHelper.BindFogParameters(scene, mesh, this._effect); // Log. depth BABYLON.MaterialHelper.BindLogDepth(this._defines, this._effect, scene); // Color Curves if (this.cameraColorCurves) { BABYLON.ColorCurves.Bind(this.cameraColorCurves, this._effect); } } _super.prototype.bind.call(this, world, mesh); }; StandardMaterial.prototype.getAnimatables = function () { var results = []; if (this.diffuseTexture && this.diffuseTexture.animations && this.diffuseTexture.animations.length > 0) { results.push(this.diffuseTexture); } if (this.ambientTexture && this.ambientTexture.animations && this.ambientTexture.animations.length > 0) { results.push(this.ambientTexture); } if (this.opacityTexture && this.opacityTexture.animations && this.opacityTexture.animations.length > 0) { results.push(this.opacityTexture); } if (this.reflectionTexture && this.reflectionTexture.animations && this.reflectionTexture.animations.length > 0) { results.push(this.reflectionTexture); } if (this.emissiveTexture && this.emissiveTexture.animations && this.emissiveTexture.animations.length > 0) { results.push(this.emissiveTexture); } if (this.specularTexture && this.specularTexture.animations && this.specularTexture.animations.length > 0) { results.push(this.specularTexture); } if (this.bumpTexture && this.bumpTexture.animations && this.bumpTexture.animations.length > 0) { results.push(this.bumpTexture); } if (this.lightmapTexture && this.lightmapTexture.animations && this.lightmapTexture.animations.length > 0) { results.push(this.lightmapTexture); } if (this.refractionTexture && this.refractionTexture.animations && this.refractionTexture.animations.length > 0) { results.push(this.refractionTexture); } if (this.cameraColorGradingTexture && this.cameraColorGradingTexture.animations && this.cameraColorGradingTexture.animations.length > 0) { results.push(this.cameraColorGradingTexture); } return results; }; StandardMaterial.prototype.dispose = function (forceDisposeEffect, forceDisposeTextures) { if (forceDisposeTextures) { if (this.diffuseTexture) { this.diffuseTexture.dispose(); } if (this.ambientTexture) { this.ambientTexture.dispose(); } if (this.opacityTexture) { this.opacityTexture.dispose(); } if (this.reflectionTexture) { this.reflectionTexture.dispose(); } if (this.emissiveTexture) { this.emissiveTexture.dispose(); } if (this.specularTexture) { this.specularTexture.dispose(); } if (this.bumpTexture) { this.bumpTexture.dispose(); } if (this.lightmapTexture) { this.lightmapTexture.dispose(); } if (this.refractionTexture) { this.refractionTexture.dispose(); } if (this.cameraColorGradingTexture) { this.cameraColorGradingTexture.dispose(); } } _super.prototype.dispose.call(this, forceDisposeEffect, forceDisposeTextures); }; StandardMaterial.prototype.clone = function (name) { var _this = this; return BABYLON.SerializationHelper.Clone(function () { return new StandardMaterial(name, _this.getScene()); }, this); }; StandardMaterial.prototype.serialize = function () { return BABYLON.SerializationHelper.Serialize(this); }; // Statics StandardMaterial.Parse = function (source, scene, rootUrl) { return BABYLON.SerializationHelper.Parse(function () { return new StandardMaterial(source.name, scene); }, source, scene, rootUrl); }; // Flags used to enable or disable a type of texture for all Standard Materials StandardMaterial.DiffuseTextureEnabled = true; StandardMaterial.AmbientTextureEnabled = true; StandardMaterial.OpacityTextureEnabled = true; StandardMaterial.ReflectionTextureEnabled = true; StandardMaterial.EmissiveTextureEnabled = true; StandardMaterial.SpecularTextureEnabled = true; StandardMaterial.BumpTextureEnabled = true; StandardMaterial.FresnelEnabled = true; StandardMaterial.LightmapTextureEnabled = true; StandardMaterial.RefractionTextureEnabled = true; StandardMaterial.ColorGradingTextureEnabled = true; __decorate([ BABYLON.serializeAsTexture() ], StandardMaterial.prototype, "diffuseTexture", void 0); __decorate([ BABYLON.serializeAsTexture() ], StandardMaterial.prototype, "ambientTexture", void 0); __decorate([ BABYLON.serializeAsTexture() ], StandardMaterial.prototype, "opacityTexture", void 0); __decorate([ BABYLON.serializeAsTexture() ], StandardMaterial.prototype, "reflectionTexture", void 0); __decorate([ BABYLON.serializeAsTexture() ], StandardMaterial.prototype, "emissiveTexture", void 0); __decorate([ BABYLON.serializeAsTexture() ], StandardMaterial.prototype, "specularTexture", void 0); __decorate([ BABYLON.serializeAsTexture() ], StandardMaterial.prototype, "bumpTexture", void 0); __decorate([ BABYLON.serializeAsTexture() ], StandardMaterial.prototype, "lightmapTexture", void 0); __decorate([ BABYLON.serializeAsTexture() ], StandardMaterial.prototype, "refractionTexture", void 0); __decorate([ BABYLON.serializeAsColor3("ambient") ], StandardMaterial.prototype, "ambientColor", void 0); __decorate([ BABYLON.serializeAsColor3("diffuse") ], StandardMaterial.prototype, "diffuseColor", void 0); __decorate([ BABYLON.serializeAsColor3("specular") ], StandardMaterial.prototype, "specularColor", void 0); __decorate([ BABYLON.serializeAsColor3("emissive") ], StandardMaterial.prototype, "emissiveColor", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "specularPower", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "useAlphaFromDiffuseTexture", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "useEmissiveAsIllumination", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "linkEmissiveWithDiffuse", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "useReflectionFresnelFromSpecular", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "useSpecularOverAlpha", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "useReflectionOverAlpha", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "disableLighting", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "useParallax", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "useParallaxOcclusion", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "parallaxScaleBias", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "roughness", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "indexOfRefraction", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "invertRefractionY", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "useLightmapAsShadowmap", void 0); __decorate([ BABYLON.serializeAsFresnelParameters() ], StandardMaterial.prototype, "diffuseFresnelParameters", void 0); __decorate([ BABYLON.serializeAsFresnelParameters() ], StandardMaterial.prototype, "opacityFresnelParameters", void 0); __decorate([ BABYLON.serializeAsFresnelParameters() ], StandardMaterial.prototype, "reflectionFresnelParameters", void 0); __decorate([ BABYLON.serializeAsFresnelParameters() ], StandardMaterial.prototype, "refractionFresnelParameters", void 0); __decorate([ BABYLON.serializeAsFresnelParameters() ], StandardMaterial.prototype, "emissiveFresnelParameters", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "useGlossinessFromSpecularMapAlpha", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "maxSimultaneousLights", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "invertNormalMapX", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "invertNormalMapY", void 0); __decorate([ BABYLON.serializeAsTexture() ], StandardMaterial.prototype, "cameraColorGradingTexture", void 0); __decorate([ BABYLON.serializeAsColorCurves() ], StandardMaterial.prototype, "cameraColorCurves", void 0); __decorate([ BABYLON.serialize() ], StandardMaterial.prototype, "useLogarithmicDepth", null); return StandardMaterial; }(BABYLON.Material)); BABYLON.StandardMaterial = StandardMaterial; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Materials/babylon.standardMaterial.js.map var BABYLON; (function (BABYLON) { var MultiMaterial = (function (_super) { __extends(MultiMaterial, _super); function MultiMaterial(name, scene) { _super.call(this, name, scene, true); this.subMaterials = new Array(); scene.multiMaterials.push(this); } // Properties MultiMaterial.prototype.getSubMaterial = function (index) { if (index < 0 || index >= this.subMaterials.length) { return this.getScene().defaultMaterial; } return this.subMaterials[index]; }; // Methods MultiMaterial.prototype.isReady = function (mesh) { for (var index = 0; index < this.subMaterials.length; index++) { var subMaterial = this.subMaterials[index]; if (subMaterial) { if (!this.subMaterials[index].isReady(mesh)) { return false; } } } return true; }; MultiMaterial.prototype.clone = function (name, cloneChildren) { var newMultiMaterial = new MultiMaterial(name, this.getScene()); for (var index = 0; index < this.subMaterials.length; index++) { var subMaterial = null; if (cloneChildren) { subMaterial = this.subMaterials[index].clone(name + "-" + this.subMaterials[index].name); } else { subMaterial = this.subMaterials[index]; } newMultiMaterial.subMaterials.push(subMaterial); } return newMultiMaterial; }; MultiMaterial.prototype.serialize = function () { var serializationObject = {}; serializationObject.name = this.name; serializationObject.id = this.id; serializationObject.tags = BABYLON.Tags.GetTags(this); serializationObject.materials = []; for (var matIndex = 0; matIndex < this.subMaterials.length; matIndex++) { var subMat = this.subMaterials[matIndex]; if (subMat) { serializationObject.materials.push(subMat.id); } else { serializationObject.materials.push(null); } } return serializationObject; }; return MultiMaterial; }(BABYLON.Material)); BABYLON.MultiMaterial = MultiMaterial; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Materials/babylon.multiMaterial.js.map var BABYLON; (function (BABYLON) { var SceneLoader = (function () { function SceneLoader() { } Object.defineProperty(SceneLoader, "NO_LOGGING", { get: function () { return 0; }, enumerable: true, configurable: true }); Object.defineProperty(SceneLoader, "MINIMAL_LOGGING", { get: function () { return 1; }, enumerable: true, configurable: true }); Object.defineProperty(SceneLoader, "SUMMARY_LOGGING", { get: function () { return 2; }, enumerable: true, configurable: true }); Object.defineProperty(SceneLoader, "DETAILED_LOGGING", { get: function () { return 3; }, enumerable: true, configurable: true }); Object.defineProperty(SceneLoader, "ForceFullSceneLoadingForIncremental", { get: function () { return SceneLoader._ForceFullSceneLoadingForIncremental; }, set: function (value) { SceneLoader._ForceFullSceneLoadingForIncremental = value; }, enumerable: true, configurable: true }); Object.defineProperty(SceneLoader, "ShowLoadingScreen", { get: function () { return SceneLoader._ShowLoadingScreen; }, set: function (value) { SceneLoader._ShowLoadingScreen = value; }, enumerable: true, configurable: true }); Object.defineProperty(SceneLoader, "loggingLevel", { get: function () { return SceneLoader._loggingLevel; }, set: function (value) { SceneLoader._loggingLevel = value; }, enumerable: true, configurable: true }); SceneLoader._getDefaultPlugin = function () { return SceneLoader._registeredPlugins[".babylon"]; }; SceneLoader._getPluginForExtension = function (extension) { var registeredPlugin = SceneLoader._registeredPlugins[extension]; if (registeredPlugin) { return registeredPlugin; } return SceneLoader._getDefaultPlugin(); }; SceneLoader._getPluginForFilename = function (sceneFilename) { if (sceneFilename.name) { sceneFilename = sceneFilename.name; } var dotPosition = sceneFilename.lastIndexOf("."); var queryStringPosition = sceneFilename.indexOf("?"); if (queryStringPosition === -1) { queryStringPosition = sceneFilename.length; } var extension = sceneFilename.substring(dotPosition, queryStringPosition).toLowerCase(); return SceneLoader._getPluginForExtension(extension); }; // use babylon file loader directly if sceneFilename is prefixed with "data:" SceneLoader._getDirectLoad = function (sceneFilename) { if (sceneFilename.substr && sceneFilename.substr(0, 5) === "data:") { return sceneFilename.substr(5); } return null; }; // Public functions SceneLoader.GetPluginForExtension = function (extension) { return SceneLoader._getPluginForExtension(extension).plugin; }; SceneLoader.RegisterPlugin = function (plugin) { if (typeof plugin.extensions === "string") { var extension = plugin.extensions; SceneLoader._registeredPlugins[extension.toLowerCase()] = { plugin: plugin, isBinary: false }; } else { var extensions = plugin.extensions; Object.keys(extensions).forEach(function (extension) { SceneLoader._registeredPlugins[extension.toLowerCase()] = { plugin: plugin, isBinary: extensions[extension].isBinary }; }); } }; SceneLoader.ImportMesh = function (meshesNames, rootUrl, sceneFilename, scene, onsuccess, progressCallBack, onerror) { if (sceneFilename.substr && sceneFilename.substr(0, 1) === "/") { BABYLON.Tools.Error("Wrong sceneFilename parameter"); return; } if (sceneFilename.substr && sceneFilename.substr(0, 1) === "/") { BABYLON.Tools.Error("Wrong sceneFilename parameter"); return; } var directLoad = SceneLoader._getDirectLoad(sceneFilename); var loadingToken = {}; scene._addPendingData(loadingToken); var manifestChecked = function (success) { scene.database = database; var registeredPlugin = directLoad ? SceneLoader._getDefaultPlugin() : SceneLoader._getPluginForFilename(sceneFilename); var plugin = registeredPlugin.plugin; var useArrayBuffer = registeredPlugin.isBinary; var importMeshFromData = function (data) { var meshes = []; var particleSystems = []; var skeletons = []; try { if (plugin.importMesh) { var syncedPlugin = plugin; if (!syncedPlugin.importMesh(meshesNames, scene, data, rootUrl, meshes, particleSystems, skeletons)) { if (onerror) { onerror(scene, 'Unable to import meshes from ' + rootUrl + sceneFilename); } scene._removePendingData(loadingToken); return; } if (onsuccess) { scene.importedMeshesFiles.push(rootUrl + sceneFilename); onsuccess(meshes, particleSystems, skeletons); scene._removePendingData(loadingToken); } } else { var asyncedPlugin = plugin; asyncedPlugin.importMeshAsync(meshesNames, scene, data, rootUrl, function (meshes, particleSystems, skeletons) { if (onsuccess) { scene.importedMeshesFiles.push(rootUrl + sceneFilename); onsuccess(meshes, particleSystems, skeletons); scene._removePendingData(loadingToken); } }, function () { if (onerror) { onerror(scene, 'Unable to import meshes from ' + rootUrl + sceneFilename); } scene._removePendingData(loadingToken); }); } } catch (e) { if (onerror) { onerror(scene, 'Unable to import meshes from ' + rootUrl + sceneFilename, e); } scene._removePendingData(loadingToken); } }; if (directLoad) { importMeshFromData(directLoad); return; } BABYLON.Tools.LoadFile(rootUrl + sceneFilename, function (data) { importMeshFromData(data); }, progressCallBack, database, useArrayBuffer); }; if (scene.getEngine().enableOfflineSupport && !directLoad) { // Checking if a manifest file has been set for this scene and if offline mode has been requested var database = new BABYLON.Database(rootUrl + sceneFilename, manifestChecked); } else { // If the scene is a data stream or offline support is not enabled, it's a direct load manifestChecked(true); } }; /** * Load a scene * @param rootUrl a string that defines the root url for scene and resources * @param sceneFilename a string that defines the name of the scene file. can start with "data:" following by the stringified version of the scene * @param engine is the instance of BABYLON.Engine to use to create the scene */ SceneLoader.Load = function (rootUrl, sceneFilename, engine, onsuccess, progressCallBack, onerror) { SceneLoader.Append(rootUrl, sceneFilename, new BABYLON.Scene(engine), onsuccess, progressCallBack, onerror); }; /** * Append a scene * @param rootUrl a string that defines the root url for scene and resources * @param sceneFilename a string that defines the name of the scene file. can start with "data:" following by the stringified version of the scene * @param scene is the instance of BABYLON.Scene to append to */ SceneLoader.Append = function (rootUrl, sceneFilename, scene, onsuccess, progressCallBack, onerror) { if (sceneFilename.substr && sceneFilename.substr(0, 1) === "/") { BABYLON.Tools.Error("Wrong sceneFilename parameter"); return; } var directLoad = SceneLoader._getDirectLoad(sceneFilename); var registeredPlugin = directLoad ? SceneLoader._getDefaultPlugin() : SceneLoader._getPluginForFilename(sceneFilename); var plugin = registeredPlugin.plugin; var useArrayBuffer = registeredPlugin.isBinary; var database; var loadingToken = {}; scene._addPendingData(loadingToken); if (SceneLoader.ShowLoadingScreen) { scene.getEngine().displayLoadingUI(); } var loadSceneFromData = function (data) { scene.database = database; if (plugin.load) { var syncedPlugin = plugin; if (!syncedPlugin.load(scene, data, rootUrl)) { if (onerror) { onerror(scene); } scene._removePendingData(loadingToken); scene.getEngine().hideLoadingUI(); return; } if (onsuccess) { onsuccess(scene); } scene._removePendingData(loadingToken); } else { var asyncedPlugin = plugin; asyncedPlugin.loadAsync(scene, data, rootUrl, function () { if (onsuccess) { onsuccess(scene); } scene._removePendingData(loadingToken); }, function () { if (onerror) { onerror(scene); } scene._removePendingData(loadingToken); scene.getEngine().hideLoadingUI(); }); } if (SceneLoader.ShowLoadingScreen) { scene.executeWhenReady(function () { scene.getEngine().hideLoadingUI(); }); } }; var manifestChecked = function (success) { BABYLON.Tools.LoadFile(rootUrl + sceneFilename, loadSceneFromData, progressCallBack, database, useArrayBuffer); }; if (directLoad) { loadSceneFromData(directLoad); return; } if (rootUrl.indexOf("file:") === -1) { if (scene.getEngine().enableOfflineSupport) { // Checking if a manifest file has been set for this scene and if offline mode has been requested database = new BABYLON.Database(rootUrl + sceneFilename, manifestChecked); } else { manifestChecked(true); } } else { BABYLON.Tools.ReadFile(sceneFilename, loadSceneFromData, progressCallBack, useArrayBuffer); } }; // Flags SceneLoader._ForceFullSceneLoadingForIncremental = false; SceneLoader._ShowLoadingScreen = true; SceneLoader._loggingLevel = SceneLoader.NO_LOGGING; // Members SceneLoader._registeredPlugins = {}; return SceneLoader; }()); BABYLON.SceneLoader = SceneLoader; ; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Loading/babylon.sceneLoader.js.map var BABYLON; (function (BABYLON) { var Internals; (function (Internals) { var parseMaterialById = function (id, parsedData, scene, rootUrl) { for (var index = 0, cache = parsedData.materials.length; index < cache; index++) { var parsedMaterial = parsedData.materials[index]; if (parsedMaterial.id === id) { return BABYLON.Material.Parse(parsedMaterial, scene, rootUrl); } } return null; }; var isDescendantOf = function (mesh, names, hierarchyIds) { names = (names instanceof Array) ? names : [names]; for (var i in names) { if (mesh.name === names[i]) { hierarchyIds.push(mesh.id); return true; } } if (mesh.parentId && hierarchyIds.indexOf(mesh.parentId) !== -1) { hierarchyIds.push(mesh.id); return true; } return false; }; var logOperation = function (operation, producer) { return operation + " of " + (producer ? producer.file + " from " + producer.name + " version: " + producer.version + ", exporter version: " + producer.exporter_version : "unknown"); }; BABYLON.SceneLoader.RegisterPlugin({ extensions: ".babylon", importMesh: function (meshesNames, scene, data, rootUrl, meshes, particleSystems, skeletons) { // Entire method running in try block, so ALWAYS logs as far as it got, only actually writes details // when SceneLoader.debugLogging = true (default), or exception encountered. // Everything stored in var log instead of writing separate lines to support only writing in exception, // and avoid problems with multiple concurrent .babylon loads. var log = "importMesh has failed JSON parse"; try { var parsedData = JSON.parse(data); log = ""; var fullDetails = BABYLON.SceneLoader.loggingLevel === BABYLON.SceneLoader.DETAILED_LOGGING; var loadedSkeletonsIds = []; var loadedMaterialsIds = []; var hierarchyIds = []; var index; var cache; for (index = 0, cache = parsedData.meshes.length; index < cache; index++) { var parsedMesh = parsedData.meshes[index]; if (!meshesNames || isDescendantOf(parsedMesh, meshesNames, hierarchyIds)) { if (meshesNames instanceof Array) { // Remove found mesh name from list. delete meshesNames[meshesNames.indexOf(parsedMesh.name)]; } //Geometry? if (parsedMesh.geometryId) { //does the file contain geometries? if (parsedData.geometries) { //find the correct geometry and add it to the scene var found = false; ["boxes", "spheres", "cylinders", "toruses", "grounds", "planes", "torusKnots", "vertexData"].forEach(function (geometryType) { if (found || !parsedData.geometries[geometryType] || !(parsedData.geometries[geometryType] instanceof Array)) { return; } else { parsedData.geometries[geometryType].forEach(function (parsedGeometryData) { if (parsedGeometryData.id === parsedMesh.geometryId) { switch (geometryType) { case "boxes": BABYLON.Geometry.Primitives.Box.Parse(parsedGeometryData, scene); break; case "spheres": BABYLON.Geometry.Primitives.Sphere.Parse(parsedGeometryData, scene); break; case "cylinders": BABYLON.Geometry.Primitives.Cylinder.Parse(parsedGeometryData, scene); break; case "toruses": BABYLON.Geometry.Primitives.Torus.Parse(parsedGeometryData, scene); break; case "grounds": BABYLON.Geometry.Primitives.Ground.Parse(parsedGeometryData, scene); break; case "planes": BABYLON.Geometry.Primitives.Plane.Parse(parsedGeometryData, scene); break; case "torusKnots": BABYLON.Geometry.Primitives.TorusKnot.Parse(parsedGeometryData, scene); break; case "vertexData": BABYLON.Geometry.Parse(parsedGeometryData, scene, rootUrl); break; } found = true; } }); } }); if (!found) { BABYLON.Tools.Warn("Geometry not found for mesh " + parsedMesh.id); } } } // Material ? if (parsedMesh.materialId) { var materialFound = (loadedMaterialsIds.indexOf(parsedMesh.materialId) !== -1); if (!materialFound && parsedData.multiMaterials) { for (var multimatIndex = 0, multimatCache = parsedData.multiMaterials.length; multimatIndex < multimatCache; multimatIndex++) { var parsedMultiMaterial = parsedData.multiMaterials[multimatIndex]; if (parsedMultiMaterial.id === parsedMesh.materialId) { for (var matIndex = 0, matCache = parsedMultiMaterial.materials.length; matIndex < matCache; matIndex++) { var subMatId = parsedMultiMaterial.materials[matIndex]; loadedMaterialsIds.push(subMatId); var mat = parseMaterialById(subMatId, parsedData, scene, rootUrl); log += "\n\tMaterial " + mat.toString(fullDetails); } loadedMaterialsIds.push(parsedMultiMaterial.id); var mmat = BABYLON.Material.ParseMultiMaterial(parsedMultiMaterial, scene); materialFound = true; log += "\n\tMulti-Material " + mmat.toString(fullDetails); break; } } } if (!materialFound) { loadedMaterialsIds.push(parsedMesh.materialId); var mat = parseMaterialById(parsedMesh.materialId, parsedData, scene, rootUrl); if (!mat) { BABYLON.Tools.Warn("Material not found for mesh " + parsedMesh.id); } else { log += "\n\tMaterial " + mat.toString(fullDetails); } } } // Skeleton ? if (parsedMesh.skeletonId > -1 && scene.skeletons) { var skeletonAlreadyLoaded = (loadedSkeletonsIds.indexOf(parsedMesh.skeletonId) > -1); if (!skeletonAlreadyLoaded) { for (var skeletonIndex = 0, skeletonCache = parsedData.skeletons.length; skeletonIndex < skeletonCache; skeletonIndex++) { var parsedSkeleton = parsedData.skeletons[skeletonIndex]; if (parsedSkeleton.id === parsedMesh.skeletonId) { var skeleton = BABYLON.Skeleton.Parse(parsedSkeleton, scene); skeletons.push(skeleton); loadedSkeletonsIds.push(parsedSkeleton.id); log += "\n\tSkeleton " + skeleton.toString(fullDetails); } } } } var mesh = BABYLON.Mesh.Parse(parsedMesh, scene, rootUrl); meshes.push(mesh); log += "\n\tMesh " + mesh.toString(fullDetails); } } // Connecting parents var currentMesh; for (index = 0, cache = scene.meshes.length; index < cache; index++) { currentMesh = scene.meshes[index]; if (currentMesh._waitingParentId) { currentMesh.parent = scene.getLastEntryByID(currentMesh._waitingParentId); currentMesh._waitingParentId = undefined; } } // freeze and compute world matrix application for (index = 0, cache = scene.meshes.length; index < cache; index++) { currentMesh = scene.meshes[index]; if (currentMesh._waitingFreezeWorldMatrix) { currentMesh.freezeWorldMatrix(); currentMesh._waitingFreezeWorldMatrix = undefined; } else { currentMesh.computeWorldMatrix(true); } } // Particles if (parsedData.particleSystems) { for (index = 0, cache = parsedData.particleSystems.length; index < cache; index++) { var parsedParticleSystem = parsedData.particleSystems[index]; if (hierarchyIds.indexOf(parsedParticleSystem.emitterId) !== -1) { particleSystems.push(BABYLON.ParticleSystem.Parse(parsedParticleSystem, scene, rootUrl)); } } } return true; } catch (err) { BABYLON.Tools.Log(logOperation("importMesh", parsedData ? parsedData.producer : "Unknown") + log); log = null; throw err; } finally { if (log !== null && BABYLON.SceneLoader.loggingLevel !== BABYLON.SceneLoader.NO_LOGGING) { BABYLON.Tools.Log(logOperation("importMesh", parsedData ? parsedData.producer : "Unknown") + (BABYLON.SceneLoader.loggingLevel !== BABYLON.SceneLoader.MINIMAL_LOGGING ? log : "")); } } }, load: function (scene, data, rootUrl) { // Entire method running in try block, so ALWAYS logs as far as it got, only actually writes details // when SceneLoader.debugLogging = true (default), or exception encountered. // Everything stored in var log instead of writing separate lines to support only writing in exception, // and avoid problems with multiple concurrent .babylon loads. var log = "importScene has failed JSON parse"; try { var parsedData = JSON.parse(data); log = ""; var fullDetails = BABYLON.SceneLoader.loggingLevel === BABYLON.SceneLoader.DETAILED_LOGGING; // Scene scene.useDelayedTextureLoading = parsedData.useDelayedTextureLoading && !BABYLON.SceneLoader.ForceFullSceneLoadingForIncremental; scene.autoClear = parsedData.autoClear; scene.clearColor = BABYLON.Color4.FromArray(parsedData.clearColor); scene.ambientColor = BABYLON.Color3.FromArray(parsedData.ambientColor); if (parsedData.gravity) { scene.gravity = BABYLON.Vector3.FromArray(parsedData.gravity); } // Fog if (parsedData.fogMode && parsedData.fogMode !== 0) { scene.fogMode = parsedData.fogMode; scene.fogColor = BABYLON.Color3.FromArray(parsedData.fogColor); scene.fogStart = parsedData.fogStart; scene.fogEnd = parsedData.fogEnd; scene.fogDensity = parsedData.fogDensity; log += "\tFog mode for scene: "; switch (scene.fogMode) { // getters not compiling, so using hardcoded case 1: log += "exp\n"; break; case 2: log += "exp2\n"; break; case 3: log += "linear\n"; break; } } //Physics if (parsedData.physicsEnabled) { var physicsPlugin; if (parsedData.physicsEngine === "cannon") { physicsPlugin = new BABYLON.CannonJSPlugin(); } else if (parsedData.physicsEngine === "oimo") { physicsPlugin = new BABYLON.OimoJSPlugin(); } log = "\tPhysics engine " + (parsedData.physicsEngine ? parsedData.physicsEngine : "oimo") + " enabled\n"; //else - default engine, which is currently oimo var physicsGravity = parsedData.physicsGravity ? BABYLON.Vector3.FromArray(parsedData.physicsGravity) : null; scene.enablePhysics(physicsGravity, physicsPlugin); } // Metadata if (parsedData.metadata !== undefined) { scene.metadata = parsedData.metadata; } //collisions, if defined. otherwise, default is true if (parsedData.collisionsEnabled != undefined) { scene.collisionsEnabled = parsedData.collisionsEnabled; } scene.workerCollisions = !!parsedData.workerCollisions; var index; var cache; // Lights for (index = 0, cache = parsedData.lights.length; index < cache; index++) { var parsedLight = parsedData.lights[index]; var light = BABYLON.Light.Parse(parsedLight, scene); log += (index === 0 ? "\n\tLights:" : ""); log += "\n\t\t" + light.toString(fullDetails); } // Animations if (parsedData.animations) { for (index = 0, cache = parsedData.animations.length; index < cache; index++) { var parsedAnimation = parsedData.animations[index]; var animation = BABYLON.Animation.Parse(parsedAnimation); scene.animations.push(animation); log += (index === 0 ? "\n\tAnimations:" : ""); log += "\n\t\t" + animation.toString(fullDetails); } } if (parsedData.autoAnimate) { scene.beginAnimation(scene, parsedData.autoAnimateFrom, parsedData.autoAnimateTo, parsedData.autoAnimateLoop, parsedData.autoAnimateSpeed || 1.0); } // Materials if (parsedData.materials) { for (index = 0, cache = parsedData.materials.length; index < cache; index++) { var parsedMaterial = parsedData.materials[index]; var mat = BABYLON.Material.Parse(parsedMaterial, scene, rootUrl); log += (index === 0 ? "\n\tMaterials:" : ""); log += "\n\t\t" + mat.toString(fullDetails); } } if (parsedData.multiMaterials) { for (index = 0, cache = parsedData.multiMaterials.length; index < cache; index++) { var parsedMultiMaterial = parsedData.multiMaterials[index]; var mmat = BABYLON.Material.ParseMultiMaterial(parsedMultiMaterial, scene); log += (index === 0 ? "\n\tMultiMaterials:" : ""); log += "\n\t\t" + mmat.toString(fullDetails); } } // Skeletons if (parsedData.skeletons) { for (index = 0, cache = parsedData.skeletons.length; index < cache; index++) { var parsedSkeleton = parsedData.skeletons[index]; var skeleton = BABYLON.Skeleton.Parse(parsedSkeleton, scene); log += (index === 0 ? "\n\tSkeletons:" : ""); log += "\n\t\t" + skeleton.toString(fullDetails); } } // Geometries var geometries = parsedData.geometries; if (geometries) { // Boxes var boxes = geometries.boxes; if (boxes) { for (index = 0, cache = boxes.length; index < cache; index++) { var parsedBox = boxes[index]; BABYLON.Geometry.Primitives.Box.Parse(parsedBox, scene); } } // Spheres var spheres = geometries.spheres; if (spheres) { for (index = 0, cache = spheres.length; index < cache; index++) { var parsedSphere = spheres[index]; BABYLON.Geometry.Primitives.Sphere.Parse(parsedSphere, scene); } } // Cylinders var cylinders = geometries.cylinders; if (cylinders) { for (index = 0, cache = cylinders.length; index < cache; index++) { var parsedCylinder = cylinders[index]; BABYLON.Geometry.Primitives.Cylinder.Parse(parsedCylinder, scene); } } // Toruses var toruses = geometries.toruses; if (toruses) { for (index = 0, cache = toruses.length; index < cache; index++) { var parsedTorus = toruses[index]; BABYLON.Geometry.Primitives.Torus.Parse(parsedTorus, scene); } } // Grounds var grounds = geometries.grounds; if (grounds) { for (index = 0, cache = grounds.length; index < cache; index++) { var parsedGround = grounds[index]; BABYLON.Geometry.Primitives.Ground.Parse(parsedGround, scene); } } // Planes var planes = geometries.planes; if (planes) { for (index = 0, cache = planes.length; index < cache; index++) { var parsedPlane = planes[index]; BABYLON.Geometry.Primitives.Plane.Parse(parsedPlane, scene); } } // TorusKnots var torusKnots = geometries.torusKnots; if (torusKnots) { for (index = 0, cache = torusKnots.length; index < cache; index++) { var parsedTorusKnot = torusKnots[index]; BABYLON.Geometry.Primitives.TorusKnot.Parse(parsedTorusKnot, scene); } } // VertexData var vertexData = geometries.vertexData; if (vertexData) { for (index = 0, cache = vertexData.length; index < cache; index++) { var parsedVertexData = vertexData[index]; BABYLON.Geometry.Parse(parsedVertexData, scene, rootUrl); } } } // Meshes for (index = 0, cache = parsedData.meshes.length; index < cache; index++) { var parsedMesh = parsedData.meshes[index]; var mesh = BABYLON.Mesh.Parse(parsedMesh, scene, rootUrl); log += (index === 0 ? "\n\tMeshes:" : ""); log += "\n\t\t" + mesh.toString(fullDetails); } // Cameras for (index = 0, cache = parsedData.cameras.length; index < cache; index++) { var parsedCamera = parsedData.cameras[index]; var camera = BABYLON.Camera.Parse(parsedCamera, scene); log += (index === 0 ? "\n\tCameras:" : ""); log += "\n\t\t" + camera.toString(fullDetails); } if (parsedData.activeCameraID) { scene.setActiveCameraByID(parsedData.activeCameraID); } // Browsing all the graph to connect the dots for (index = 0, cache = scene.cameras.length; index < cache; index++) { var camera = scene.cameras[index]; if (camera._waitingParentId) { camera.parent = scene.getLastEntryByID(camera._waitingParentId); camera._waitingParentId = undefined; } } for (index = 0, cache = scene.lights.length; index < cache; index++) { var light = scene.lights[index]; if (light._waitingParentId) { light.parent = scene.getLastEntryByID(light._waitingParentId); light._waitingParentId = undefined; } } // Sounds var loadedSounds = []; var loadedSound; if (BABYLON.AudioEngine && parsedData.sounds) { for (index = 0, cache = parsedData.sounds.length; index < cache; index++) { var parsedSound = parsedData.sounds[index]; if (BABYLON.Engine.audioEngine.canUseWebAudio) { if (!parsedSound.url) parsedSound.url = parsedSound.name; if (!loadedSounds[parsedSound.url]) { loadedSound = BABYLON.Sound.Parse(parsedSound, scene, rootUrl); loadedSounds[parsedSound.url] = loadedSound; } else { BABYLON.Sound.Parse(parsedSound, scene, rootUrl, loadedSounds[parsedSound.url]); } } else { var emptySound = new BABYLON.Sound(parsedSound.name, null, scene); } } } loadedSounds = []; // Connect parents & children and parse actions for (index = 0, cache = scene.meshes.length; index < cache; index++) { var mesh = scene.meshes[index]; if (mesh._waitingParentId) { mesh.parent = scene.getLastEntryByID(mesh._waitingParentId); mesh._waitingParentId = undefined; } if (mesh._waitingActions) { BABYLON.ActionManager.Parse(mesh._waitingActions, mesh, scene); mesh._waitingActions = undefined; } } // freeze world matrix application for (index = 0, cache = scene.meshes.length; index < cache; index++) { var currentMesh = scene.meshes[index]; if (currentMesh._waitingFreezeWorldMatrix) { currentMesh.freezeWorldMatrix(); currentMesh._waitingFreezeWorldMatrix = undefined; } else { currentMesh.computeWorldMatrix(true); } } // Particles Systems if (parsedData.particleSystems) { for (index = 0, cache = parsedData.particleSystems.length; index < cache; index++) { var parsedParticleSystem = parsedData.particleSystems[index]; BABYLON.ParticleSystem.Parse(parsedParticleSystem, scene, rootUrl); } } // Lens flares if (parsedData.lensFlareSystems) { for (index = 0, cache = parsedData.lensFlareSystems.length; index < cache; index++) { var parsedLensFlareSystem = parsedData.lensFlareSystems[index]; BABYLON.LensFlareSystem.Parse(parsedLensFlareSystem, scene, rootUrl); } } // Shadows if (parsedData.shadowGenerators) { for (index = 0, cache = parsedData.shadowGenerators.length; index < cache; index++) { var parsedShadowGenerator = parsedData.shadowGenerators[index]; BABYLON.ShadowGenerator.Parse(parsedShadowGenerator, scene); } } // Actions (scene) if (parsedData.actions) { BABYLON.ActionManager.Parse(parsedData.actions, null, scene); } // Finish return true; } catch (err) { BABYLON.Tools.Log(logOperation("importScene", parsedData ? parsedData.producer : "Unknown") + log); log = null; throw err; } finally { if (log !== null && BABYLON.SceneLoader.loggingLevel !== BABYLON.SceneLoader.NO_LOGGING) { BABYLON.Tools.Log(logOperation("importScene", parsedData ? parsedData.producer : "Unknown") + (BABYLON.SceneLoader.loggingLevel !== BABYLON.SceneLoader.MINIMAL_LOGGING ? log : "")); } } } }); })(Internals = BABYLON.Internals || (BABYLON.Internals = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Loading/Plugins/babylon.babylonFileLoader.js.map var BABYLON; (function (BABYLON) { var SpriteManager = (function () { function SpriteManager(name, imgUrl, capacity, cellSize, scene, epsilon, samplingMode) { if (epsilon === void 0) { epsilon = 0.01; } if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } this.name = name; this.sprites = new Array(); this.renderingGroupId = 0; this.layerMask = 0x0FFFFFFF; this.fogEnabled = true; this.isPickable = false; /** * An event triggered when the manager is disposed. * @type {BABYLON.Observable} */ this.onDisposeObservable = new BABYLON.Observable(); this._vertexBuffers = {}; this._capacity = capacity; this._spriteTexture = new BABYLON.Texture(imgUrl, scene, true, false, samplingMode); this._spriteTexture.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE; this._spriteTexture.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE; if (cellSize.width && cellSize.height) { this.cellWidth = cellSize.width; this.cellHeight = cellSize.height; } else if (cellSize !== undefined) { this.cellWidth = cellSize; this.cellHeight = cellSize; } else { return; } this._epsilon = epsilon; this._scene = scene; this._scene.spriteManagers.push(this); var indices = []; var index = 0; for (var count = 0; count < capacity; count++) { indices.push(index); indices.push(index + 1); indices.push(index + 2); indices.push(index); indices.push(index + 2); indices.push(index + 3); index += 4; } this._indexBuffer = scene.getEngine().createIndexBuffer(indices); // VBO // 16 floats per sprite (x, y, z, angle, sizeX, sizeY, offsetX, offsetY, invertU, invertV, cellIndexX, cellIndexY, color r, color g, color b, color a) this._vertexData = new Float32Array(capacity * 16 * 4); this._buffer = new BABYLON.Buffer(scene.getEngine(), this._vertexData, true, 16); var positions = this._buffer.createVertexBuffer(BABYLON.VertexBuffer.PositionKind, 0, 4); var options = this._buffer.createVertexBuffer("options", 4, 4); var cellInfo = this._buffer.createVertexBuffer("cellInfo", 8, 4); var colors = this._buffer.createVertexBuffer(BABYLON.VertexBuffer.ColorKind, 12, 4); this._vertexBuffers[BABYLON.VertexBuffer.PositionKind] = positions; this._vertexBuffers["options"] = options; this._vertexBuffers["cellInfo"] = cellInfo; this._vertexBuffers[BABYLON.VertexBuffer.ColorKind] = colors; // Effects this._effectBase = this._scene.getEngine().createEffect("sprites", [BABYLON.VertexBuffer.PositionKind, "options", "cellInfo", BABYLON.VertexBuffer.ColorKind], ["view", "projection", "textureInfos", "alphaTest"], ["diffuseSampler"], ""); this._effectFog = this._scene.getEngine().createEffect("sprites", [BABYLON.VertexBuffer.PositionKind, "options", "cellInfo", BABYLON.VertexBuffer.ColorKind], ["view", "projection", "textureInfos", "alphaTest", "vFogInfos", "vFogColor"], ["diffuseSampler"], "#define FOG"); } Object.defineProperty(SpriteManager.prototype, "onDispose", { set: function (callback) { if (this._onDisposeObserver) { this.onDisposeObservable.remove(this._onDisposeObserver); } this._onDisposeObserver = this.onDisposeObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(SpriteManager.prototype, "texture", { get: function () { return this._spriteTexture; }, set: function (value) { this._spriteTexture = value; }, enumerable: true, configurable: true }); SpriteManager.prototype._appendSpriteVertex = function (index, sprite, offsetX, offsetY, rowSize) { var arrayOffset = index * 16; if (offsetX === 0) offsetX = this._epsilon; else if (offsetX === 1) offsetX = 1 - this._epsilon; if (offsetY === 0) offsetY = this._epsilon; else if (offsetY === 1) offsetY = 1 - this._epsilon; this._vertexData[arrayOffset] = sprite.position.x; this._vertexData[arrayOffset + 1] = sprite.position.y; this._vertexData[arrayOffset + 2] = sprite.position.z; this._vertexData[arrayOffset + 3] = sprite.angle; this._vertexData[arrayOffset + 4] = sprite.width; this._vertexData[arrayOffset + 5] = sprite.height; this._vertexData[arrayOffset + 6] = offsetX; this._vertexData[arrayOffset + 7] = offsetY; this._vertexData[arrayOffset + 8] = sprite.invertU ? 1 : 0; this._vertexData[arrayOffset + 9] = sprite.invertV ? 1 : 0; var offset = (sprite.cellIndex / rowSize) >> 0; this._vertexData[arrayOffset + 10] = sprite.cellIndex - offset * rowSize; this._vertexData[arrayOffset + 11] = offset; // Color this._vertexData[arrayOffset + 12] = sprite.color.r; this._vertexData[arrayOffset + 13] = sprite.color.g; this._vertexData[arrayOffset + 14] = sprite.color.b; this._vertexData[arrayOffset + 15] = sprite.color.a; }; SpriteManager.prototype.intersects = function (ray, camera, predicate, fastCheck) { var count = Math.min(this._capacity, this.sprites.length); var min = BABYLON.Vector3.Zero(); var max = BABYLON.Vector3.Zero(); var distance = Number.MAX_VALUE; var currentSprite; var cameraSpacePosition = BABYLON.Vector3.Zero(); var cameraView = camera.getViewMatrix(); for (var index = 0; index < count; index++) { var sprite = this.sprites[index]; if (!sprite) { continue; } if (predicate) { if (!predicate(sprite)) { continue; } } else if (!sprite.isPickable) { continue; } BABYLON.Vector3.TransformCoordinatesToRef(sprite.position, cameraView, cameraSpacePosition); min.copyFromFloats(cameraSpacePosition.x - sprite.width / 2, cameraSpacePosition.y - sprite.height / 2, cameraSpacePosition.z); max.copyFromFloats(cameraSpacePosition.x + sprite.width / 2, cameraSpacePosition.y + sprite.height / 2, cameraSpacePosition.z); if (ray.intersectsBoxMinMax(min, max)) { var currentDistance = BABYLON.Vector3.Distance(cameraSpacePosition, ray.origin); if (distance > currentDistance) { distance = currentDistance; currentSprite = sprite; if (fastCheck) { break; } } } } if (currentSprite) { var result = new BABYLON.PickingInfo(); result.hit = true; result.pickedSprite = currentSprite; result.distance = distance; return result; } return null; }; SpriteManager.prototype.render = function () { // Check if (!this._effectBase.isReady() || !this._effectFog.isReady() || !this._spriteTexture || !this._spriteTexture.isReady()) return; var engine = this._scene.getEngine(); var baseSize = this._spriteTexture.getBaseSize(); // Sprites var deltaTime = engine.getDeltaTime(); var max = Math.min(this._capacity, this.sprites.length); var rowSize = baseSize.width / this.cellWidth; var offset = 0; for (var index = 0; index < max; index++) { var sprite = this.sprites[index]; if (!sprite) { continue; } sprite._animate(deltaTime); this._appendSpriteVertex(offset++, sprite, 0, 0, rowSize); this._appendSpriteVertex(offset++, sprite, 1, 0, rowSize); this._appendSpriteVertex(offset++, sprite, 1, 1, rowSize); this._appendSpriteVertex(offset++, sprite, 0, 1, rowSize); } this._buffer.update(this._vertexData); // Render var effect = this._effectBase; if (this._scene.fogEnabled && this._scene.fogMode !== BABYLON.Scene.FOGMODE_NONE && this.fogEnabled) { effect = this._effectFog; } engine.enableEffect(effect); var viewMatrix = this._scene.getViewMatrix(); effect.setTexture("diffuseSampler", this._spriteTexture); effect.setMatrix("view", viewMatrix); effect.setMatrix("projection", this._scene.getProjectionMatrix()); effect.setFloat2("textureInfos", this.cellWidth / baseSize.width, this.cellHeight / baseSize.height); // Fog if (this._scene.fogEnabled && this._scene.fogMode !== BABYLON.Scene.FOGMODE_NONE && this.fogEnabled) { effect.setFloat4("vFogInfos", this._scene.fogMode, this._scene.fogStart, this._scene.fogEnd, this._scene.fogDensity); effect.setColor3("vFogColor", this._scene.fogColor); } // VBOs engine.bindBuffers(this._vertexBuffers, this._indexBuffer, effect); // Draw order engine.setDepthFunctionToLessOrEqual(); effect.setBool("alphaTest", true); engine.setColorWrite(false); engine.draw(true, 0, max * 6); engine.setColorWrite(true); effect.setBool("alphaTest", false); engine.setAlphaMode(BABYLON.Engine.ALPHA_COMBINE); engine.draw(true, 0, max * 6); engine.setAlphaMode(BABYLON.Engine.ALPHA_DISABLE); }; SpriteManager.prototype.dispose = function () { if (this._buffer) { this._buffer.dispose(); this._buffer = null; } if (this._indexBuffer) { this._scene.getEngine()._releaseBuffer(this._indexBuffer); this._indexBuffer = null; } if (this._spriteTexture) { this._spriteTexture.dispose(); this._spriteTexture = null; } // Remove from scene var index = this._scene.spriteManagers.indexOf(this); this._scene.spriteManagers.splice(index, 1); // Callback this.onDisposeObservable.notifyObservers(this); this.onDisposeObservable.clear(); }; return SpriteManager; }()); BABYLON.SpriteManager = SpriteManager; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Sprites/babylon.spriteManager.js.map var BABYLON; (function (BABYLON) { var Sprite = (function () { function Sprite(name, manager) { this.name = name; this.color = new BABYLON.Color4(1.0, 1.0, 1.0, 1.0); this.width = 1.0; this.height = 1.0; this.angle = 0; this.cellIndex = 0; this.invertU = 0; this.invertV = 0; this.animations = new Array(); this.isPickable = false; this._animationStarted = false; this._loopAnimation = false; this._fromIndex = 0; this._toIndex = 0; this._delay = 0; this._direction = 1; this._frameCount = 0; this._time = 0; this._manager = manager; this._manager.sprites.push(this); this.position = BABYLON.Vector3.Zero(); } Object.defineProperty(Sprite.prototype, "size", { get: function () { return this.width; }, set: function (value) { this.width = value; this.height = value; }, enumerable: true, configurable: true }); Sprite.prototype.playAnimation = function (from, to, loop, delay, onAnimationEnd) { this._fromIndex = from; this._toIndex = to; this._loopAnimation = loop; this._delay = delay; this._animationStarted = true; this._direction = from < to ? 1 : -1; this.cellIndex = from; this._time = 0; this._onAnimationEnd = onAnimationEnd; }; Sprite.prototype.stopAnimation = function () { this._animationStarted = false; }; Sprite.prototype._animate = function (deltaTime) { if (!this._animationStarted) return; this._time += deltaTime; if (this._time > this._delay) { this._time = this._time % this._delay; this.cellIndex += this._direction; if (this.cellIndex === this._toIndex) { if (this._loopAnimation) { this.cellIndex = this._fromIndex; } else { this._animationStarted = false; if (this._onAnimationEnd) { this._onAnimationEnd(); } if (this.disposeWhenFinishedAnimating) { this.dispose(); } } } } }; Sprite.prototype.dispose = function () { for (var i = 0; i < this._manager.sprites.length; i++) { if (this._manager.sprites[i] == this) { this._manager.sprites.splice(i, 1); } } }; return Sprite; }()); BABYLON.Sprite = Sprite; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Sprites/babylon.sprite.js.map var BABYLON; (function (BABYLON) { var Layer = (function () { function Layer(name, imgUrl, scene, isBackground, color) { this.name = name; this.scale = new BABYLON.Vector2(1, 1); this.offset = new BABYLON.Vector2(0, 0); this.alphaBlendingMode = BABYLON.Engine.ALPHA_COMBINE; this._vertexBuffers = {}; // Events /** * An event triggered when the layer is disposed. * @type {BABYLON.Observable} */ this.onDisposeObservable = new BABYLON.Observable(); /** * An event triggered before rendering the scene * @type {BABYLON.Observable} */ this.onBeforeRenderObservable = new BABYLON.Observable(); /** * An event triggered after rendering the scene * @type {BABYLON.Observable} */ this.onAfterRenderObservable = new BABYLON.Observable(); this.texture = imgUrl ? new BABYLON.Texture(imgUrl, scene, true) : null; this.isBackground = isBackground === undefined ? true : isBackground; this.color = color === undefined ? new BABYLON.Color4(1, 1, 1, 1) : color; this._scene = scene; this._scene.layers.push(this); var engine = scene.getEngine(); // VBO var vertices = []; vertices.push(1, 1); vertices.push(-1, 1); vertices.push(-1, -1); vertices.push(1, -1); var vertexBuffer = new BABYLON.VertexBuffer(engine, vertices, BABYLON.VertexBuffer.PositionKind, false, false, 2); this._vertexBuffers[BABYLON.VertexBuffer.PositionKind] = vertexBuffer; // Indices var indices = []; indices.push(0); indices.push(1); indices.push(2); indices.push(0); indices.push(2); indices.push(3); this._indexBuffer = engine.createIndexBuffer(indices); // Effects this._effect = engine.createEffect("layer", [BABYLON.VertexBuffer.PositionKind], ["textureMatrix", "color", "scale", "offset"], ["textureSampler"], ""); this._alphaTestEffect = engine.createEffect("layer", [BABYLON.VertexBuffer.PositionKind], ["textureMatrix", "color", "scale", "offset"], ["textureSampler"], "#define ALPHATEST"); } Object.defineProperty(Layer.prototype, "onDispose", { set: function (callback) { if (this._onDisposeObserver) { this.onDisposeObservable.remove(this._onDisposeObserver); } this._onDisposeObserver = this.onDisposeObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(Layer.prototype, "onBeforeRender", { set: function (callback) { if (this._onBeforeRenderObserver) { this.onBeforeRenderObservable.remove(this._onBeforeRenderObserver); } this._onBeforeRenderObserver = this.onBeforeRenderObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(Layer.prototype, "onAfterRender", { set: function (callback) { if (this._onAfterRenderObserver) { this.onAfterRenderObservable.remove(this._onAfterRenderObserver); } this._onAfterRenderObserver = this.onAfterRenderObservable.add(callback); }, enumerable: true, configurable: true }); Layer.prototype.render = function () { var currentEffect = this.alphaTest ? this._alphaTestEffect : this._effect; // Check if (!currentEffect.isReady() || !this.texture || !this.texture.isReady()) return; var engine = this._scene.getEngine(); this.onBeforeRenderObservable.notifyObservers(this); // Render engine.enableEffect(currentEffect); engine.setState(false); // Texture currentEffect.setTexture("textureSampler", this.texture); currentEffect.setMatrix("textureMatrix", this.texture.getTextureMatrix()); // Color currentEffect.setFloat4("color", this.color.r, this.color.g, this.color.b, this.color.a); // Scale / offset currentEffect.setVector2("offset", this.offset); currentEffect.setVector2("scale", this.scale); // VBOs engine.bindBuffers(this._vertexBuffers, this._indexBuffer, currentEffect); // Draw order if (!this.alphaTest) { engine.setAlphaMode(this.alphaBlendingMode); engine.draw(true, 0, 6); engine.setAlphaMode(BABYLON.Engine.ALPHA_DISABLE); } else { engine.draw(true, 0, 6); } this.onAfterRenderObservable.notifyObservers(this); }; Layer.prototype.dispose = function () { var vertexBuffer = this._vertexBuffers[BABYLON.VertexBuffer.PositionKind]; if (vertexBuffer) { vertexBuffer.dispose(); this._vertexBuffers[BABYLON.VertexBuffer.PositionKind] = null; } if (this._indexBuffer) { this._scene.getEngine()._releaseBuffer(this._indexBuffer); this._indexBuffer = null; } if (this.texture) { this.texture.dispose(); this.texture = null; } // Remove from scene var index = this._scene.layers.indexOf(this); this._scene.layers.splice(index, 1); // Callback this.onDisposeObservable.notifyObservers(this); this.onDisposeObservable.clear(); this.onAfterRenderObservable.clear(); this.onBeforeRenderObservable.clear(); }; return Layer; }()); BABYLON.Layer = Layer; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Layer/babylon.layer.js.map var BABYLON; (function (BABYLON) { var Particle = (function () { function Particle() { this.position = BABYLON.Vector3.Zero(); this.direction = BABYLON.Vector3.Zero(); this.color = new BABYLON.Color4(0, 0, 0, 0); this.colorStep = new BABYLON.Color4(0, 0, 0, 0); this.lifeTime = 1.0; this.age = 0; this.size = 0; this.angle = 0; this.angularSpeed = 0; } Particle.prototype.copyTo = function (other) { other.position.copyFrom(this.position); other.direction.copyFrom(this.direction); other.color.copyFrom(this.color); other.colorStep.copyFrom(this.colorStep); other.lifeTime = this.lifeTime; other.age = this.age; other.size = this.size; other.angle = this.angle; other.angularSpeed = this.angularSpeed; }; return Particle; }()); BABYLON.Particle = Particle; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Particles/babylon.particle.js.map var BABYLON; (function (BABYLON) { var randomNumber = function (min, max) { if (min === max) { return (min); } var random = Math.random(); return ((random * (max - min)) + min); }; var ParticleSystem = (function () { function ParticleSystem(name, capacity, scene, customEffect) { var _this = this; this.name = name; // Members this.animations = []; this.renderingGroupId = 0; this.emitter = null; this.emitRate = 10; this.manualEmitCount = -1; this.updateSpeed = 0.01; this.targetStopDuration = 0; this.disposeOnStop = false; this.minEmitPower = 1; this.maxEmitPower = 1; this.minLifeTime = 1; this.maxLifeTime = 1; this.minSize = 1; this.maxSize = 1; this.minAngularSpeed = 0; this.maxAngularSpeed = 0; this.layerMask = 0x0FFFFFFF; /** * An event triggered when the system is disposed. * @type {BABYLON.Observable} */ this.onDisposeObservable = new BABYLON.Observable(); this.blendMode = ParticleSystem.BLENDMODE_ONEONE; this.forceDepthWrite = false; this.gravity = BABYLON.Vector3.Zero(); this.direction1 = new BABYLON.Vector3(0, 1.0, 0); this.direction2 = new BABYLON.Vector3(0, 1.0, 0); this.minEmitBox = new BABYLON.Vector3(-0.5, -0.5, -0.5); this.maxEmitBox = new BABYLON.Vector3(0.5, 0.5, 0.5); this.color1 = new BABYLON.Color4(1.0, 1.0, 1.0, 1.0); this.color2 = new BABYLON.Color4(1.0, 1.0, 1.0, 1.0); this.colorDead = new BABYLON.Color4(0, 0, 0, 1.0); this.textureMask = new BABYLON.Color4(1.0, 1.0, 1.0, 1.0); this.particles = new Array(); this._stockParticles = new Array(); this._newPartsExcess = 0; this._vertexBuffers = {}; this._scaledColorStep = new BABYLON.Color4(0, 0, 0, 0); this._colorDiff = new BABYLON.Color4(0, 0, 0, 0); this._scaledDirection = BABYLON.Vector3.Zero(); this._scaledGravity = BABYLON.Vector3.Zero(); this._currentRenderId = -1; this._started = false; this._stopped = false; this._actualFrame = 0; this.id = name; this._capacity = capacity; this._scene = scene; this._customEffect = customEffect; scene.particleSystems.push(this); var indices = []; var index = 0; for (var count = 0; count < capacity; count++) { indices.push(index); indices.push(index + 1); indices.push(index + 2); indices.push(index); indices.push(index + 2); indices.push(index + 3); index += 4; } this._indexBuffer = scene.getEngine().createIndexBuffer(indices); // 11 floats per particle (x, y, z, r, g, b, a, angle, size, offsetX, offsetY) + 1 filler this._vertexData = new Float32Array(capacity * 11 * 4); this._vertexBuffer = new BABYLON.Buffer(scene.getEngine(), this._vertexData, true, 11); var positions = this._vertexBuffer.createVertexBuffer(BABYLON.VertexBuffer.PositionKind, 0, 3); var colors = this._vertexBuffer.createVertexBuffer(BABYLON.VertexBuffer.ColorKind, 3, 4); var options = this._vertexBuffer.createVertexBuffer("options", 7, 4); this._vertexBuffers[BABYLON.VertexBuffer.PositionKind] = positions; this._vertexBuffers[BABYLON.VertexBuffer.ColorKind] = colors; this._vertexBuffers["options"] = options; // Default behaviors this.startDirectionFunction = function (emitPower, worldMatrix, directionToUpdate, particle) { var randX = randomNumber(_this.direction1.x, _this.direction2.x); var randY = randomNumber(_this.direction1.y, _this.direction2.y); var randZ = randomNumber(_this.direction1.z, _this.direction2.z); BABYLON.Vector3.TransformNormalFromFloatsToRef(randX * emitPower, randY * emitPower, randZ * emitPower, worldMatrix, directionToUpdate); }; this.startPositionFunction = function (worldMatrix, positionToUpdate, particle) { var randX = randomNumber(_this.minEmitBox.x, _this.maxEmitBox.x); var randY = randomNumber(_this.minEmitBox.y, _this.maxEmitBox.y); var randZ = randomNumber(_this.minEmitBox.z, _this.maxEmitBox.z); BABYLON.Vector3.TransformCoordinatesFromFloatsToRef(randX, randY, randZ, worldMatrix, positionToUpdate); }; this.updateFunction = function (particles) { for (var index = 0; index < particles.length; index++) { var particle = particles[index]; particle.age += _this._scaledUpdateSpeed; if (particle.age >= particle.lifeTime) { _this.recycleParticle(particle); index--; continue; } else { particle.colorStep.scaleToRef(_this._scaledUpdateSpeed, _this._scaledColorStep); particle.color.addInPlace(_this._scaledColorStep); if (particle.color.a < 0) particle.color.a = 0; particle.angle += particle.angularSpeed * _this._scaledUpdateSpeed; particle.direction.scaleToRef(_this._scaledUpdateSpeed, _this._scaledDirection); particle.position.addInPlace(_this._scaledDirection); _this.gravity.scaleToRef(_this._scaledUpdateSpeed, _this._scaledGravity); particle.direction.addInPlace(_this._scaledGravity); } } }; } Object.defineProperty(ParticleSystem.prototype, "onDispose", { set: function (callback) { if (this._onDisposeObserver) { this.onDisposeObservable.remove(this._onDisposeObserver); } this._onDisposeObserver = this.onDisposeObservable.add(callback); }, enumerable: true, configurable: true }); ParticleSystem.prototype.recycleParticle = function (particle) { var lastParticle = this.particles.pop(); if (lastParticle !== particle) { lastParticle.copyTo(particle); this._stockParticles.push(lastParticle); } }; ParticleSystem.prototype.getCapacity = function () { return this._capacity; }; ParticleSystem.prototype.isAlive = function () { return this._alive; }; ParticleSystem.prototype.isStarted = function () { return this._started; }; ParticleSystem.prototype.start = function () { this._started = true; this._stopped = false; this._actualFrame = 0; }; ParticleSystem.prototype.stop = function () { this._stopped = true; }; ParticleSystem.prototype._appendParticleVertex = function (index, particle, offsetX, offsetY) { var offset = index * 11; this._vertexData[offset] = particle.position.x; this._vertexData[offset + 1] = particle.position.y; this._vertexData[offset + 2] = particle.position.z; this._vertexData[offset + 3] = particle.color.r; this._vertexData[offset + 4] = particle.color.g; this._vertexData[offset + 5] = particle.color.b; this._vertexData[offset + 6] = particle.color.a; this._vertexData[offset + 7] = particle.angle; this._vertexData[offset + 8] = particle.size; this._vertexData[offset + 9] = offsetX; this._vertexData[offset + 10] = offsetY; }; ParticleSystem.prototype._update = function (newParticles) { // Update current this._alive = this.particles.length > 0; this.updateFunction(this.particles); // Add new ones var worldMatrix; if (this.emitter.position) { worldMatrix = this.emitter.getWorldMatrix(); } else { worldMatrix = BABYLON.Matrix.Translation(this.emitter.x, this.emitter.y, this.emitter.z); } var particle; for (var index = 0; index < newParticles; index++) { if (this.particles.length === this._capacity) { break; } if (this._stockParticles.length !== 0) { particle = this._stockParticles.pop(); particle.age = 0; } else { particle = new BABYLON.Particle(); } this.particles.push(particle); var emitPower = randomNumber(this.minEmitPower, this.maxEmitPower); this.startDirectionFunction(emitPower, worldMatrix, particle.direction, particle); particle.lifeTime = randomNumber(this.minLifeTime, this.maxLifeTime); particle.size = randomNumber(this.minSize, this.maxSize); particle.angularSpeed = randomNumber(this.minAngularSpeed, this.maxAngularSpeed); this.startPositionFunction(worldMatrix, particle.position, particle); var step = randomNumber(0, 1.0); BABYLON.Color4.LerpToRef(this.color1, this.color2, step, particle.color); this.colorDead.subtractToRef(particle.color, this._colorDiff); this._colorDiff.scaleToRef(1.0 / particle.lifeTime, particle.colorStep); } }; ParticleSystem.prototype._getEffect = function () { if (this._customEffect) { return this._customEffect; } ; var defines = []; if (this._scene.clipPlane) { defines.push("#define CLIPPLANE"); } // Effect var join = defines.join("\n"); if (this._cachedDefines !== join) { this._cachedDefines = join; this._effect = this._scene.getEngine().createEffect("particles", [BABYLON.VertexBuffer.PositionKind, BABYLON.VertexBuffer.ColorKind, "options"], ["invView", "view", "projection", "vClipPlane", "textureMask"], ["diffuseSampler"], join); } return this._effect; }; ParticleSystem.prototype.animate = function () { if (!this._started) return; var effect = this._getEffect(); // Check if (!this.emitter || !effect.isReady() || !this.particleTexture || !this.particleTexture.isReady()) return; if (this._currentRenderId === this._scene.getRenderId()) { return; } this._currentRenderId = this._scene.getRenderId(); this._scaledUpdateSpeed = this.updateSpeed * this._scene.getAnimationRatio(); // determine the number of particles we need to create var newParticles; if (this.manualEmitCount > -1) { newParticles = this.manualEmitCount; this._newPartsExcess = 0; this.manualEmitCount = 0; } else { newParticles = ((this.emitRate * this._scaledUpdateSpeed) >> 0); this._newPartsExcess += this.emitRate * this._scaledUpdateSpeed - newParticles; } if (this._newPartsExcess > 1.0) { newParticles += this._newPartsExcess >> 0; this._newPartsExcess -= this._newPartsExcess >> 0; } this._alive = false; if (!this._stopped) { this._actualFrame += this._scaledUpdateSpeed; if (this.targetStopDuration && this._actualFrame >= this.targetStopDuration) this.stop(); } else { newParticles = 0; } this._update(newParticles); // Stopped? if (this._stopped) { if (!this._alive) { this._started = false; if (this.disposeOnStop) { this._scene._toBeDisposed.push(this); } } } // Update VBO var offset = 0; for (var index = 0; index < this.particles.length; index++) { var particle = this.particles[index]; this._appendParticleVertex(offset++, particle, 0, 0); this._appendParticleVertex(offset++, particle, 1, 0); this._appendParticleVertex(offset++, particle, 1, 1); this._appendParticleVertex(offset++, particle, 0, 1); } this._vertexBuffer.update(this._vertexData); }; ParticleSystem.prototype.render = function () { var effect = this._getEffect(); // Check if (!this.emitter || !effect.isReady() || !this.particleTexture || !this.particleTexture.isReady() || !this.particles.length) return 0; var engine = this._scene.getEngine(); // Render engine.enableEffect(effect); engine.setState(false); var viewMatrix = this._scene.getViewMatrix(); effect.setTexture("diffuseSampler", this.particleTexture); effect.setMatrix("view", viewMatrix); effect.setMatrix("projection", this._scene.getProjectionMatrix()); effect.setFloat4("textureMask", this.textureMask.r, this.textureMask.g, this.textureMask.b, this.textureMask.a); if (this._scene.clipPlane) { var clipPlane = this._scene.clipPlane; var invView = viewMatrix.clone(); invView.invert(); effect.setMatrix("invView", invView); effect.setFloat4("vClipPlane", clipPlane.normal.x, clipPlane.normal.y, clipPlane.normal.z, clipPlane.d); } // VBOs engine.bindBuffers(this._vertexBuffers, this._indexBuffer, effect); // Draw order if (this.blendMode === ParticleSystem.BLENDMODE_ONEONE) { engine.setAlphaMode(BABYLON.Engine.ALPHA_ONEONE); } else { engine.setAlphaMode(BABYLON.Engine.ALPHA_COMBINE); } if (this.forceDepthWrite) { engine.setDepthWrite(true); } engine.draw(true, 0, this.particles.length * 6); engine.setAlphaMode(BABYLON.Engine.ALPHA_DISABLE); return this.particles.length; }; ParticleSystem.prototype.dispose = function () { if (this._vertexBuffer) { this._vertexBuffer.dispose(); this._vertexBuffer = null; } if (this._indexBuffer) { this._scene.getEngine()._releaseBuffer(this._indexBuffer); this._indexBuffer = null; } if (this.particleTexture) { this.particleTexture.dispose(); this.particleTexture = null; } // Remove from scene var index = this._scene.particleSystems.indexOf(this); this._scene.particleSystems.splice(index, 1); // Callback this.onDisposeObservable.notifyObservers(this); this.onDisposeObservable.clear(); }; // Clone ParticleSystem.prototype.clone = function (name, newEmitter) { var result = new ParticleSystem(name, this._capacity, this._scene); BABYLON.Tools.DeepCopy(this, result, ["particles"]); if (newEmitter === undefined) { newEmitter = this.emitter; } result.emitter = newEmitter; if (this.particleTexture) { result.particleTexture = new BABYLON.Texture(this.particleTexture.url, this._scene); } result.start(); return result; }; ParticleSystem.prototype.serialize = function () { var serializationObject = {}; serializationObject.name = this.name; serializationObject.id = this.id; // Emitter if (this.emitter.position) { serializationObject.emitterId = this.emitter.id; } else { serializationObject.emitter = this.emitter.asArray(); } serializationObject.capacity = this.getCapacity(); if (this.particleTexture) { serializationObject.textureName = this.particleTexture.name; } // Animations BABYLON.Animation.AppendSerializedAnimations(this, serializationObject); // Particle system serializationObject.minAngularSpeed = this.minAngularSpeed; serializationObject.maxAngularSpeed = this.maxAngularSpeed; serializationObject.minSize = this.minSize; serializationObject.maxSize = this.maxSize; serializationObject.minEmitPower = this.minEmitPower; serializationObject.maxEmitPower = this.maxEmitPower; serializationObject.minLifeTime = this.minLifeTime; serializationObject.maxLifeTime = this.maxLifeTime; serializationObject.emitRate = this.emitRate; serializationObject.minEmitBox = this.minEmitBox.asArray(); serializationObject.maxEmitBox = this.maxEmitBox.asArray(); serializationObject.gravity = this.gravity.asArray(); serializationObject.direction1 = this.direction1.asArray(); serializationObject.direction2 = this.direction2.asArray(); serializationObject.color1 = this.color1.asArray(); serializationObject.color2 = this.color2.asArray(); serializationObject.colorDead = this.colorDead.asArray(); serializationObject.updateSpeed = this.updateSpeed; serializationObject.targetStopDuration = this.targetStopDuration; serializationObject.textureMask = this.textureMask.asArray(); serializationObject.blendMode = this.blendMode; return serializationObject; }; ParticleSystem.Parse = function (parsedParticleSystem, scene, rootUrl) { var name = parsedParticleSystem.name; var particleSystem = new ParticleSystem(name, parsedParticleSystem.capacity, scene); if (parsedParticleSystem.id) { particleSystem.id = parsedParticleSystem.id; } // Texture if (parsedParticleSystem.textureName) { particleSystem.particleTexture = new BABYLON.Texture(rootUrl + parsedParticleSystem.textureName, scene); particleSystem.particleTexture.name = parsedParticleSystem.textureName; } // Emitter if (parsedParticleSystem.emitterId) { particleSystem.emitter = scene.getLastMeshByID(parsedParticleSystem.emitterId); } else { particleSystem.emitter = BABYLON.Vector3.FromArray(parsedParticleSystem.emitter); } // Animations if (parsedParticleSystem.animations) { for (var animationIndex = 0; animationIndex < parsedParticleSystem.animations.length; animationIndex++) { var parsedAnimation = parsedParticleSystem.animations[animationIndex]; particleSystem.animations.push(BABYLON.Animation.Parse(parsedAnimation)); } } if (parsedParticleSystem.autoAnimate) { scene.beginAnimation(particleSystem, parsedParticleSystem.autoAnimateFrom, parsedParticleSystem.autoAnimateTo, parsedParticleSystem.autoAnimateLoop, parsedParticleSystem.autoAnimateSpeed || 1.0); } // Particle system particleSystem.minAngularSpeed = parsedParticleSystem.minAngularSpeed; particleSystem.maxAngularSpeed = parsedParticleSystem.maxAngularSpeed; particleSystem.minSize = parsedParticleSystem.minSize; particleSystem.maxSize = parsedParticleSystem.maxSize; particleSystem.minLifeTime = parsedParticleSystem.minLifeTime; particleSystem.maxLifeTime = parsedParticleSystem.maxLifeTime; particleSystem.minEmitPower = parsedParticleSystem.minEmitPower; particleSystem.maxEmitPower = parsedParticleSystem.maxEmitPower; particleSystem.emitRate = parsedParticleSystem.emitRate; particleSystem.minEmitBox = BABYLON.Vector3.FromArray(parsedParticleSystem.minEmitBox); particleSystem.maxEmitBox = BABYLON.Vector3.FromArray(parsedParticleSystem.maxEmitBox); particleSystem.gravity = BABYLON.Vector3.FromArray(parsedParticleSystem.gravity); particleSystem.direction1 = BABYLON.Vector3.FromArray(parsedParticleSystem.direction1); particleSystem.direction2 = BABYLON.Vector3.FromArray(parsedParticleSystem.direction2); particleSystem.color1 = BABYLON.Color4.FromArray(parsedParticleSystem.color1); particleSystem.color2 = BABYLON.Color4.FromArray(parsedParticleSystem.color2); particleSystem.colorDead = BABYLON.Color4.FromArray(parsedParticleSystem.colorDead); particleSystem.updateSpeed = parsedParticleSystem.updateSpeed; particleSystem.targetStopDuration = parsedParticleSystem.targetStopDuration; particleSystem.textureMask = BABYLON.Color4.FromArray(parsedParticleSystem.textureMask); particleSystem.blendMode = parsedParticleSystem.blendMode; if (!parsedParticleSystem.preventAutoStart) { particleSystem.start(); } return particleSystem; }; // Statics ParticleSystem.BLENDMODE_ONEONE = 0; ParticleSystem.BLENDMODE_STANDARD = 1; return ParticleSystem; }()); BABYLON.ParticleSystem = ParticleSystem; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Particles/babylon.particleSystem.js.map var BABYLON; (function (BABYLON) { var AnimationRange = (function () { function AnimationRange(name, from, to) { this.name = name; this.from = from; this.to = to; } AnimationRange.prototype.clone = function () { return new AnimationRange(this.name, this.from, this.to); }; return AnimationRange; }()); BABYLON.AnimationRange = AnimationRange; /** * Composed of a frame, and an action function */ var AnimationEvent = (function () { function AnimationEvent(frame, action, onlyOnce) { this.frame = frame; this.action = action; this.onlyOnce = onlyOnce; this.isDone = false; } return AnimationEvent; }()); BABYLON.AnimationEvent = AnimationEvent; var PathCursor = (function () { function PathCursor(path) { this.path = path; this._onchange = new Array(); this.value = 0; this.animations = new Array(); } PathCursor.prototype.getPoint = function () { var point = this.path.getPointAtLengthPosition(this.value); return new BABYLON.Vector3(point.x, 0, point.y); }; PathCursor.prototype.moveAhead = function (step) { if (step === void 0) { step = 0.002; } this.move(step); return this; }; PathCursor.prototype.moveBack = function (step) { if (step === void 0) { step = 0.002; } this.move(-step); return this; }; PathCursor.prototype.move = function (step) { if (Math.abs(step) > 1) { throw "step size should be less than 1."; } this.value += step; this.ensureLimits(); this.raiseOnChange(); return this; }; PathCursor.prototype.ensureLimits = function () { while (this.value > 1) { this.value -= 1; } while (this.value < 0) { this.value += 1; } return this; }; // used by animation engine PathCursor.prototype.markAsDirty = function (propertyName) { this.ensureLimits(); this.raiseOnChange(); return this; }; PathCursor.prototype.raiseOnChange = function () { var _this = this; this._onchange.forEach(function (f) { return f(_this); }); return this; }; PathCursor.prototype.onchange = function (f) { this._onchange.push(f); return this; }; return PathCursor; }()); BABYLON.PathCursor = PathCursor; var Animation = (function () { function Animation(name, targetProperty, framePerSecond, dataType, loopMode, enableBlending) { this.name = name; this.targetProperty = targetProperty; this.framePerSecond = framePerSecond; this.dataType = dataType; this.loopMode = loopMode; this.enableBlending = enableBlending; this._offsetsCache = {}; this._highLimitsCache = {}; this._stopped = false; this._blendingFactor = 0; // The set of event that will be linked to this animation this._events = new Array(); this.allowMatricesInterpolation = false; this.blendingSpeed = 0.01; this._ranges = {}; this.targetPropertyPath = targetProperty.split("."); this.dataType = dataType; this.loopMode = loopMode === undefined ? Animation.ANIMATIONLOOPMODE_CYCLE : loopMode; } Animation._PrepareAnimation = function (name, targetProperty, framePerSecond, totalFrame, from, to, loopMode, easingFunction) { var dataType = undefined; if (!isNaN(parseFloat(from)) && isFinite(from)) { dataType = Animation.ANIMATIONTYPE_FLOAT; } else if (from instanceof BABYLON.Quaternion) { dataType = Animation.ANIMATIONTYPE_QUATERNION; } else if (from instanceof BABYLON.Vector3) { dataType = Animation.ANIMATIONTYPE_VECTOR3; } else if (from instanceof BABYLON.Vector2) { dataType = Animation.ANIMATIONTYPE_VECTOR2; } else if (from instanceof BABYLON.Color3) { dataType = Animation.ANIMATIONTYPE_COLOR3; } else if (from instanceof BABYLON.Size) { dataType = Animation.ANIMATIONTYPE_SIZE; } if (dataType == undefined) { return null; } var animation = new Animation(name, targetProperty, framePerSecond, dataType, loopMode); var keys = [{ frame: 0, value: from }, { frame: totalFrame, value: to }]; animation.setKeys(keys); if (easingFunction !== undefined) { animation.setEasingFunction(easingFunction); } return animation; }; Animation.CreateAndStartAnimation = function (name, node, targetProperty, framePerSecond, totalFrame, from, to, loopMode, easingFunction, onAnimationEnd) { var animation = Animation._PrepareAnimation(name, targetProperty, framePerSecond, totalFrame, from, to, loopMode, easingFunction); return node.getScene().beginDirectAnimation(node, [animation], 0, totalFrame, (animation.loopMode === 1), 1.0, onAnimationEnd); }; Animation.CreateMergeAndStartAnimation = function (name, node, targetProperty, framePerSecond, totalFrame, from, to, loopMode, easingFunction, onAnimationEnd) { var animation = Animation._PrepareAnimation(name, targetProperty, framePerSecond, totalFrame, from, to, loopMode, easingFunction); node.animations.push(animation); return node.getScene().beginAnimation(node, 0, totalFrame, (animation.loopMode === 1), 1.0, onAnimationEnd); }; // Methods /** * @param {boolean} fullDetails - support for multiple levels of logging within scene loading */ Animation.prototype.toString = function (fullDetails) { var ret = "Name: " + this.name + ", property: " + this.targetProperty; ret += ", datatype: " + (["Float", "Vector3", "Quaternion", "Matrix", "Color3", "Vector2"])[this.dataType]; ret += ", nKeys: " + (this._keys ? this._keys.length : "none"); ret += ", nRanges: " + (this._ranges ? Object.keys(this._ranges).length : "none"); if (fullDetails) { ret += ", Ranges: {"; var first = true; for (var name in this._ranges) { if (first) { ret += ", "; first = false; } ret += name; } ret += "}"; } return ret; }; /** * Add an event to this animation. */ Animation.prototype.addEvent = function (event) { this._events.push(event); }; /** * Remove all events found at the given frame * @param frame */ Animation.prototype.removeEvents = function (frame) { for (var index = 0; index < this._events.length; index++) { if (this._events[index].frame === frame) { this._events.splice(index, 1); index--; } } }; Animation.prototype.createRange = function (name, from, to) { // check name not already in use; could happen for bones after serialized if (!this._ranges[name]) { this._ranges[name] = new AnimationRange(name, from, to); } }; Animation.prototype.deleteRange = function (name, deleteFrames) { if (deleteFrames === void 0) { deleteFrames = true; } if (this._ranges[name]) { if (deleteFrames) { var from = this._ranges[name].from; var to = this._ranges[name].to; // this loop MUST go high to low for multiple splices to work for (var key = this._keys.length - 1; key >= 0; key--) { if (this._keys[key].frame >= from && this._keys[key].frame <= to) { this._keys.splice(key, 1); } } } this._ranges[name] = undefined; // said much faster than 'delete this._range[name]' } }; Animation.prototype.getRange = function (name) { return this._ranges[name]; }; Animation.prototype.reset = function () { this._offsetsCache = {}; this._highLimitsCache = {}; this.currentFrame = 0; this._blendingFactor = 0; this._originalBlendValue = null; }; Animation.prototype.isStopped = function () { return this._stopped; }; Animation.prototype.getKeys = function () { return this._keys; }; Animation.prototype.getHighestFrame = function () { var ret = 0; for (var key = 0, nKeys = this._keys.length; key < nKeys; key++) { if (ret < this._keys[key].frame) { ret = this._keys[key].frame; } } return ret; }; Animation.prototype.getEasingFunction = function () { return this._easingFunction; }; Animation.prototype.setEasingFunction = function (easingFunction) { this._easingFunction = easingFunction; }; Animation.prototype.floatInterpolateFunction = function (startValue, endValue, gradient) { return startValue + (endValue - startValue) * gradient; }; Animation.prototype.quaternionInterpolateFunction = function (startValue, endValue, gradient) { return BABYLON.Quaternion.Slerp(startValue, endValue, gradient); }; Animation.prototype.vector3InterpolateFunction = function (startValue, endValue, gradient) { return BABYLON.Vector3.Lerp(startValue, endValue, gradient); }; Animation.prototype.vector2InterpolateFunction = function (startValue, endValue, gradient) { return BABYLON.Vector2.Lerp(startValue, endValue, gradient); }; Animation.prototype.sizeInterpolateFunction = function (startValue, endValue, gradient) { return BABYLON.Size.Lerp(startValue, endValue, gradient); }; Animation.prototype.color3InterpolateFunction = function (startValue, endValue, gradient) { return BABYLON.Color3.Lerp(startValue, endValue, gradient); }; Animation.prototype.matrixInterpolateFunction = function (startValue, endValue, gradient) { return BABYLON.Matrix.Lerp(startValue, endValue, gradient); }; Animation.prototype.clone = function () { var clone = new Animation(this.name, this.targetPropertyPath.join("."), this.framePerSecond, this.dataType, this.loopMode); if (this._keys) { clone.setKeys(this._keys); } if (this._ranges) { clone._ranges = {}; for (var name in this._ranges) { clone._ranges[name] = this._ranges[name].clone(); } } return clone; }; Animation.prototype.setKeys = function (values) { this._keys = values.slice(0); this._offsetsCache = {}; this._highLimitsCache = {}; }; Animation.prototype._getKeyValue = function (value) { if (typeof value === "function") { return value(); } return value; }; Animation.prototype._interpolate = function (currentFrame, repeatCount, loopMode, offsetValue, highLimitValue) { if (loopMode === Animation.ANIMATIONLOOPMODE_CONSTANT && repeatCount > 0) { return highLimitValue.clone ? highLimitValue.clone() : highLimitValue; } this.currentFrame = currentFrame; // Try to get a hash to find the right key var startKey = Math.max(0, Math.min(this._keys.length - 1, Math.floor(this._keys.length * (currentFrame - this._keys[0].frame) / (this._keys[this._keys.length - 1].frame - this._keys[0].frame)) - 1)); if (this._keys[startKey].frame >= currentFrame) { while (startKey - 1 >= 0 && this._keys[startKey].frame >= currentFrame) { startKey--; } } for (var key = startKey; key < this._keys.length; key++) { if (this._keys[key + 1].frame >= currentFrame) { var startValue = this._getKeyValue(this._keys[key].value); var endValue = this._getKeyValue(this._keys[key + 1].value); // gradient : percent of currentFrame between the frame inf and the frame sup var gradient = (currentFrame - this._keys[key].frame) / (this._keys[key + 1].frame - this._keys[key].frame); // check for easingFunction and correction of gradient if (this._easingFunction != null) { gradient = this._easingFunction.ease(gradient); } switch (this.dataType) { // Float case Animation.ANIMATIONTYPE_FLOAT: switch (loopMode) { case Animation.ANIMATIONLOOPMODE_CYCLE: case Animation.ANIMATIONLOOPMODE_CONSTANT: return this.floatInterpolateFunction(startValue, endValue, gradient); case Animation.ANIMATIONLOOPMODE_RELATIVE: return offsetValue * repeatCount + this.floatInterpolateFunction(startValue, endValue, gradient); } break; // Quaternion case Animation.ANIMATIONTYPE_QUATERNION: var quaternion = null; switch (loopMode) { case Animation.ANIMATIONLOOPMODE_CYCLE: case Animation.ANIMATIONLOOPMODE_CONSTANT: quaternion = this.quaternionInterpolateFunction(startValue, endValue, gradient); break; case Animation.ANIMATIONLOOPMODE_RELATIVE: quaternion = this.quaternionInterpolateFunction(startValue, endValue, gradient).add(offsetValue.scale(repeatCount)); break; } return quaternion; // Vector3 case Animation.ANIMATIONTYPE_VECTOR3: switch (loopMode) { case Animation.ANIMATIONLOOPMODE_CYCLE: case Animation.ANIMATIONLOOPMODE_CONSTANT: return this.vector3InterpolateFunction(startValue, endValue, gradient); case Animation.ANIMATIONLOOPMODE_RELATIVE: return this.vector3InterpolateFunction(startValue, endValue, gradient).add(offsetValue.scale(repeatCount)); } // Vector2 case Animation.ANIMATIONTYPE_VECTOR2: switch (loopMode) { case Animation.ANIMATIONLOOPMODE_CYCLE: case Animation.ANIMATIONLOOPMODE_CONSTANT: return this.vector2InterpolateFunction(startValue, endValue, gradient); case Animation.ANIMATIONLOOPMODE_RELATIVE: return this.vector2InterpolateFunction(startValue, endValue, gradient).add(offsetValue.scale(repeatCount)); } // Size case Animation.ANIMATIONTYPE_SIZE: switch (loopMode) { case Animation.ANIMATIONLOOPMODE_CYCLE: case Animation.ANIMATIONLOOPMODE_CONSTANT: return this.sizeInterpolateFunction(startValue, endValue, gradient); case Animation.ANIMATIONLOOPMODE_RELATIVE: return this.sizeInterpolateFunction(startValue, endValue, gradient).add(offsetValue.scale(repeatCount)); } // Color3 case Animation.ANIMATIONTYPE_COLOR3: switch (loopMode) { case Animation.ANIMATIONLOOPMODE_CYCLE: case Animation.ANIMATIONLOOPMODE_CONSTANT: return this.color3InterpolateFunction(startValue, endValue, gradient); case Animation.ANIMATIONLOOPMODE_RELATIVE: return this.color3InterpolateFunction(startValue, endValue, gradient).add(offsetValue.scale(repeatCount)); } // Matrix case Animation.ANIMATIONTYPE_MATRIX: switch (loopMode) { case Animation.ANIMATIONLOOPMODE_CYCLE: case Animation.ANIMATIONLOOPMODE_CONSTANT: if (this.allowMatricesInterpolation) { return this.matrixInterpolateFunction(startValue, endValue, gradient); } case Animation.ANIMATIONLOOPMODE_RELATIVE: return startValue; } default: break; } break; } } return this._getKeyValue(this._keys[this._keys.length - 1].value); }; Animation.prototype.setValue = function (currentValue, blend) { if (blend === void 0) { blend = false; } // Set value var path; var destination; if (this.targetPropertyPath.length > 1) { var property = this._target[this.targetPropertyPath[0]]; for (var index = 1; index < this.targetPropertyPath.length - 1; index++) { property = property[this.targetPropertyPath[index]]; } path = this.targetPropertyPath[this.targetPropertyPath.length - 1]; destination = property; } else { path = this.targetPropertyPath[0]; destination = this._target; } // Blending if (this.enableBlending && this._blendingFactor <= 1.0) { if (!this._originalBlendValue) { if (destination[path].clone) { this._originalBlendValue = destination[path].clone(); } else { this._originalBlendValue = destination[path]; } } if (this._originalBlendValue.prototype) { if (this._originalBlendValue.prototype.Lerp) { destination[path] = this._originalBlendValue.construtor.prototype.Lerp(currentValue, this._originalBlendValue, this._blendingFactor); } else { destination[path] = currentValue; } } else if (this._originalBlendValue.m) { destination[path] = BABYLON.Matrix.Lerp(this._originalBlendValue, currentValue, this._blendingFactor); } else { destination[path] = this._originalBlendValue * (1.0 - this._blendingFactor) + this._blendingFactor * currentValue; } this._blendingFactor += this.blendingSpeed; } else { destination[path] = currentValue; } if (this._target.markAsDirty) { this._target.markAsDirty(this.targetProperty); } }; Animation.prototype.goToFrame = function (frame) { if (frame < this._keys[0].frame) { frame = this._keys[0].frame; } else if (frame > this._keys[this._keys.length - 1].frame) { frame = this._keys[this._keys.length - 1].frame; } var currentValue = this._interpolate(frame, 0, this.loopMode); this.setValue(currentValue); }; Animation.prototype.animate = function (delay, from, to, loop, speedRatio, blend) { if (blend === void 0) { blend = false; } if (!this.targetPropertyPath || this.targetPropertyPath.length < 1) { this._stopped = true; return false; } var returnValue = true; // Adding a start key at frame 0 if missing if (this._keys[0].frame !== 0) { var newKey = { frame: 0, value: this._keys[0].value }; this._keys.splice(0, 0, newKey); } // Check limits if (from < this._keys[0].frame || from > this._keys[this._keys.length - 1].frame) { from = this._keys[0].frame; } if (to < this._keys[0].frame || to > this._keys[this._keys.length - 1].frame) { to = this._keys[this._keys.length - 1].frame; } //to and from cannot be the same key if (from === to) { from++; } // Compute ratio var range = to - from; var offsetValue; // ratio represents the frame delta between from and to var ratio = delay * (this.framePerSecond * speedRatio) / 1000.0; var highLimitValue = 0; if (ratio > range && !loop) { returnValue = false; highLimitValue = this._getKeyValue(this._keys[this._keys.length - 1].value); } else { // Get max value if required if (this.loopMode !== Animation.ANIMATIONLOOPMODE_CYCLE) { var keyOffset = to.toString() + from.toString(); if (!this._offsetsCache[keyOffset]) { var fromValue = this._interpolate(from, 0, Animation.ANIMATIONLOOPMODE_CYCLE); var toValue = this._interpolate(to, 0, Animation.ANIMATIONLOOPMODE_CYCLE); switch (this.dataType) { // Float case Animation.ANIMATIONTYPE_FLOAT: this._offsetsCache[keyOffset] = toValue - fromValue; break; // Quaternion case Animation.ANIMATIONTYPE_QUATERNION: this._offsetsCache[keyOffset] = toValue.subtract(fromValue); break; // Vector3 case Animation.ANIMATIONTYPE_VECTOR3: this._offsetsCache[keyOffset] = toValue.subtract(fromValue); // Vector2 case Animation.ANIMATIONTYPE_VECTOR2: this._offsetsCache[keyOffset] = toValue.subtract(fromValue); // Size case Animation.ANIMATIONTYPE_SIZE: this._offsetsCache[keyOffset] = toValue.subtract(fromValue); // Color3 case Animation.ANIMATIONTYPE_COLOR3: this._offsetsCache[keyOffset] = toValue.subtract(fromValue); default: break; } this._highLimitsCache[keyOffset] = toValue; } highLimitValue = this._highLimitsCache[keyOffset]; offsetValue = this._offsetsCache[keyOffset]; } } if (offsetValue === undefined) { switch (this.dataType) { // Float case Animation.ANIMATIONTYPE_FLOAT: offsetValue = 0; break; // Quaternion case Animation.ANIMATIONTYPE_QUATERNION: offsetValue = new BABYLON.Quaternion(0, 0, 0, 0); break; // Vector3 case Animation.ANIMATIONTYPE_VECTOR3: offsetValue = BABYLON.Vector3.Zero(); break; // Vector2 case Animation.ANIMATIONTYPE_VECTOR2: offsetValue = BABYLON.Vector2.Zero(); break; // Size case Animation.ANIMATIONTYPE_SIZE: offsetValue = BABYLON.Size.Zero(); break; // Color3 case Animation.ANIMATIONTYPE_COLOR3: offsetValue = BABYLON.Color3.Black(); } } // Compute value var repeatCount = (ratio / range) >> 0; var currentFrame = returnValue ? from + ratio % range : to; var currentValue = this._interpolate(currentFrame, repeatCount, this.loopMode, offsetValue, highLimitValue); // Set value this.setValue(currentValue); // Check events for (var index = 0; index < this._events.length; index++) { if (currentFrame >= this._events[index].frame) { var event = this._events[index]; if (!event.isDone) { // If event should be done only once, remove it. if (event.onlyOnce) { this._events.splice(index, 1); index--; } event.isDone = true; event.action(); } // Don't do anything if the event has already be done. } else if (this._events[index].isDone && !this._events[index].onlyOnce) { // reset event, the animation is looping this._events[index].isDone = false; } } if (!returnValue) { this._stopped = true; } return returnValue; }; Animation.prototype.serialize = function () { var serializationObject = {}; serializationObject.name = this.name; serializationObject.property = this.targetProperty; serializationObject.framePerSecond = this.framePerSecond; serializationObject.dataType = this.dataType; serializationObject.loopBehavior = this.loopMode; var dataType = this.dataType; serializationObject.keys = []; var keys = this.getKeys(); for (var index = 0; index < keys.length; index++) { var animationKey = keys[index]; var key = {}; key.frame = animationKey.frame; switch (dataType) { case Animation.ANIMATIONTYPE_FLOAT: key.values = [animationKey.value]; break; case Animation.ANIMATIONTYPE_QUATERNION: case Animation.ANIMATIONTYPE_MATRIX: case Animation.ANIMATIONTYPE_VECTOR3: case Animation.ANIMATIONTYPE_COLOR3: key.values = animationKey.value.asArray(); break; } serializationObject.keys.push(key); } serializationObject.ranges = []; for (var name in this._ranges) { var range = {}; range.name = name; range.from = this._ranges[name].from; range.to = this._ranges[name].to; serializationObject.ranges.push(range); } return serializationObject; }; Object.defineProperty(Animation, "ANIMATIONTYPE_FLOAT", { get: function () { return Animation._ANIMATIONTYPE_FLOAT; }, enumerable: true, configurable: true }); Object.defineProperty(Animation, "ANIMATIONTYPE_VECTOR3", { get: function () { return Animation._ANIMATIONTYPE_VECTOR3; }, enumerable: true, configurable: true }); Object.defineProperty(Animation, "ANIMATIONTYPE_VECTOR2", { get: function () { return Animation._ANIMATIONTYPE_VECTOR2; }, enumerable: true, configurable: true }); Object.defineProperty(Animation, "ANIMATIONTYPE_SIZE", { get: function () { return Animation._ANIMATIONTYPE_SIZE; }, enumerable: true, configurable: true }); Object.defineProperty(Animation, "ANIMATIONTYPE_QUATERNION", { get: function () { return Animation._ANIMATIONTYPE_QUATERNION; }, enumerable: true, configurable: true }); Object.defineProperty(Animation, "ANIMATIONTYPE_MATRIX", { get: function () { return Animation._ANIMATIONTYPE_MATRIX; }, enumerable: true, configurable: true }); Object.defineProperty(Animation, "ANIMATIONTYPE_COLOR3", { get: function () { return Animation._ANIMATIONTYPE_COLOR3; }, enumerable: true, configurable: true }); Object.defineProperty(Animation, "ANIMATIONLOOPMODE_RELATIVE", { get: function () { return Animation._ANIMATIONLOOPMODE_RELATIVE; }, enumerable: true, configurable: true }); Object.defineProperty(Animation, "ANIMATIONLOOPMODE_CYCLE", { get: function () { return Animation._ANIMATIONLOOPMODE_CYCLE; }, enumerable: true, configurable: true }); Object.defineProperty(Animation, "ANIMATIONLOOPMODE_CONSTANT", { get: function () { return Animation._ANIMATIONLOOPMODE_CONSTANT; }, enumerable: true, configurable: true }); Animation.Parse = function (parsedAnimation) { var animation = new Animation(parsedAnimation.name, parsedAnimation.property, parsedAnimation.framePerSecond, parsedAnimation.dataType, parsedAnimation.loopBehavior); var dataType = parsedAnimation.dataType; var keys = []; var data; var index; for (index = 0; index < parsedAnimation.keys.length; index++) { var key = parsedAnimation.keys[index]; switch (dataType) { case Animation.ANIMATIONTYPE_FLOAT: data = key.values[0]; break; case Animation.ANIMATIONTYPE_QUATERNION: data = BABYLON.Quaternion.FromArray(key.values); break; case Animation.ANIMATIONTYPE_MATRIX: data = BABYLON.Matrix.FromArray(key.values); break; case Animation.ANIMATIONTYPE_COLOR3: data = BABYLON.Color3.FromArray(key.values); break; case Animation.ANIMATIONTYPE_VECTOR3: default: data = BABYLON.Vector3.FromArray(key.values); break; } keys.push({ frame: key.frame, value: data }); } animation.setKeys(keys); if (parsedAnimation.ranges) { for (index = 0; index < parsedAnimation.ranges.length; index++) { data = parsedAnimation.ranges[index]; animation.createRange(data.name, data.from, data.to); } } return animation; }; Animation.AppendSerializedAnimations = function (source, destination) { if (source.animations) { destination.animations = []; for (var animationIndex = 0; animationIndex < source.animations.length; animationIndex++) { var animation = source.animations[animationIndex]; destination.animations.push(animation.serialize()); } } }; // Statics Animation._ANIMATIONTYPE_FLOAT = 0; Animation._ANIMATIONTYPE_VECTOR3 = 1; Animation._ANIMATIONTYPE_QUATERNION = 2; Animation._ANIMATIONTYPE_MATRIX = 3; Animation._ANIMATIONTYPE_COLOR3 = 4; Animation._ANIMATIONTYPE_VECTOR2 = 5; Animation._ANIMATIONTYPE_SIZE = 6; Animation._ANIMATIONLOOPMODE_RELATIVE = 0; Animation._ANIMATIONLOOPMODE_CYCLE = 1; Animation._ANIMATIONLOOPMODE_CONSTANT = 2; return Animation; }()); BABYLON.Animation = Animation; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Animations/babylon.animation.js.map var BABYLON; (function (BABYLON) { var Animatable = (function () { function Animatable(scene, target, fromFrame, toFrame, loopAnimation, speedRatio, onAnimationEnd, animations) { if (fromFrame === void 0) { fromFrame = 0; } if (toFrame === void 0) { toFrame = 100; } if (loopAnimation === void 0) { loopAnimation = false; } if (speedRatio === void 0) { speedRatio = 1.0; } this.target = target; this.fromFrame = fromFrame; this.toFrame = toFrame; this.loopAnimation = loopAnimation; this.speedRatio = speedRatio; this.onAnimationEnd = onAnimationEnd; this._animations = new Array(); this._paused = false; this.animationStarted = false; if (animations) { this.appendAnimations(target, animations); } this._scene = scene; scene._activeAnimatables.push(this); } // Methods Animatable.prototype.getAnimations = function () { return this._animations; }; Animatable.prototype.appendAnimations = function (target, animations) { for (var index = 0; index < animations.length; index++) { var animation = animations[index]; animation._target = target; this._animations.push(animation); } }; Animatable.prototype.getAnimationByTargetProperty = function (property) { var animations = this._animations; for (var index = 0; index < animations.length; index++) { if (animations[index].targetProperty === property) { return animations[index]; } } return null; }; Animatable.prototype.reset = function () { var animations = this._animations; for (var index = 0; index < animations.length; index++) { animations[index].reset(); } this._localDelayOffset = null; this._pausedDelay = null; }; Animatable.prototype.enableBlending = function (blendingSpeed) { var animations = this._animations; for (var index = 0; index < animations.length; index++) { animations[index].enableBlending = true; animations[index].blendingSpeed = blendingSpeed; } }; Animatable.prototype.disableBlending = function () { var animations = this._animations; for (var index = 0; index < animations.length; index++) { animations[index].enableBlending = false; } }; Animatable.prototype.goToFrame = function (frame) { var animations = this._animations; if (animations[0]) { var fps = animations[0].framePerSecond; var currentFrame = animations[0].currentFrame; var adjustTime = frame - currentFrame; var delay = adjustTime * 1000 / fps; this._localDelayOffset -= delay; } for (var index = 0; index < animations.length; index++) { animations[index].goToFrame(frame); } }; Animatable.prototype.pause = function () { if (this._paused) { return; } this._paused = true; }; Animatable.prototype.restart = function () { this._paused = false; }; Animatable.prototype.stop = function (animationName) { var index = this._scene._activeAnimatables.indexOf(this); if (index > -1) { var animations = this._animations; var numberOfAnimationsStopped = 0; for (var index = animations.length - 1; index >= 0; index--) { if (typeof animationName === "string" && animations[index].name != animationName) { continue; } animations[index].reset(); animations.splice(index, 1); numberOfAnimationsStopped++; } if (animations.length == numberOfAnimationsStopped) { this._scene._activeAnimatables.splice(index, 1); if (this.onAnimationEnd) { this.onAnimationEnd(); } } } }; Animatable.prototype._animate = function (delay) { if (this._paused) { this.animationStarted = false; if (!this._pausedDelay) { this._pausedDelay = delay; } return true; } if (!this._localDelayOffset) { this._localDelayOffset = delay; } else if (this._pausedDelay) { this._localDelayOffset += delay - this._pausedDelay; this._pausedDelay = null; } // Animating var running = false; var animations = this._animations; var index; for (index = 0; index < animations.length; index++) { var animation = animations[index]; var isRunning = animation.animate(delay - this._localDelayOffset, this.fromFrame, this.toFrame, this.loopAnimation, this.speedRatio); running = running || isRunning; } this.animationStarted = running; if (!running) { // Remove from active animatables index = this._scene._activeAnimatables.indexOf(this); this._scene._activeAnimatables.splice(index, 1); } if (!running && this.onAnimationEnd) { this.onAnimationEnd(); this.onAnimationEnd = null; } return running; }; return Animatable; }()); BABYLON.Animatable = Animatable; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Animations/babylon.animatable.js.map var BABYLON; (function (BABYLON) { var EasingFunction = (function () { function EasingFunction() { // Properties this._easingMode = EasingFunction.EASINGMODE_EASEIN; } Object.defineProperty(EasingFunction, "EASINGMODE_EASEIN", { get: function () { return EasingFunction._EASINGMODE_EASEIN; }, enumerable: true, configurable: true }); Object.defineProperty(EasingFunction, "EASINGMODE_EASEOUT", { get: function () { return EasingFunction._EASINGMODE_EASEOUT; }, enumerable: true, configurable: true }); Object.defineProperty(EasingFunction, "EASINGMODE_EASEINOUT", { get: function () { return EasingFunction._EASINGMODE_EASEINOUT; }, enumerable: true, configurable: true }); EasingFunction.prototype.setEasingMode = function (easingMode) { var n = Math.min(Math.max(easingMode, 0), 2); this._easingMode = n; }; EasingFunction.prototype.getEasingMode = function () { return this._easingMode; }; EasingFunction.prototype.easeInCore = function (gradient) { throw new Error('You must implement this method'); }; EasingFunction.prototype.ease = function (gradient) { switch (this._easingMode) { case EasingFunction.EASINGMODE_EASEIN: return this.easeInCore(gradient); case EasingFunction.EASINGMODE_EASEOUT: return (1 - this.easeInCore(1 - gradient)); } if (gradient >= 0.5) { return (((1 - this.easeInCore((1 - gradient) * 2)) * 0.5) + 0.5); } return (this.easeInCore(gradient * 2) * 0.5); }; //Statics EasingFunction._EASINGMODE_EASEIN = 0; EasingFunction._EASINGMODE_EASEOUT = 1; EasingFunction._EASINGMODE_EASEINOUT = 2; return EasingFunction; }()); BABYLON.EasingFunction = EasingFunction; var CircleEase = (function (_super) { __extends(CircleEase, _super); function CircleEase() { _super.apply(this, arguments); } CircleEase.prototype.easeInCore = function (gradient) { gradient = Math.max(0, Math.min(1, gradient)); return (1.0 - Math.sqrt(1.0 - (gradient * gradient))); }; return CircleEase; }(EasingFunction)); BABYLON.CircleEase = CircleEase; var BackEase = (function (_super) { __extends(BackEase, _super); function BackEase(amplitude) { if (amplitude === void 0) { amplitude = 1; } _super.call(this); this.amplitude = amplitude; } BackEase.prototype.easeInCore = function (gradient) { var num = Math.max(0, this.amplitude); return (Math.pow(gradient, 3.0) - ((gradient * num) * Math.sin(3.1415926535897931 * gradient))); }; return BackEase; }(EasingFunction)); BABYLON.BackEase = BackEase; var BounceEase = (function (_super) { __extends(BounceEase, _super); function BounceEase(bounces, bounciness) { if (bounces === void 0) { bounces = 3; } if (bounciness === void 0) { bounciness = 2; } _super.call(this); this.bounces = bounces; this.bounciness = bounciness; } BounceEase.prototype.easeInCore = function (gradient) { var y = Math.max(0.0, this.bounces); var bounciness = this.bounciness; if (bounciness <= 1.0) { bounciness = 1.001; } var num9 = Math.pow(bounciness, y); var num5 = 1.0 - bounciness; var num4 = ((1.0 - num9) / num5) + (num9 * 0.5); var num15 = gradient * num4; var num65 = Math.log((-num15 * (1.0 - bounciness)) + 1.0) / Math.log(bounciness); var num3 = Math.floor(num65); var num13 = num3 + 1.0; var num8 = (1.0 - Math.pow(bounciness, num3)) / (num5 * num4); var num12 = (1.0 - Math.pow(bounciness, num13)) / (num5 * num4); var num7 = (num8 + num12) * 0.5; var num6 = gradient - num7; var num2 = num7 - num8; return (((-Math.pow(1.0 / bounciness, y - num3) / (num2 * num2)) * (num6 - num2)) * (num6 + num2)); }; return BounceEase; }(EasingFunction)); BABYLON.BounceEase = BounceEase; var CubicEase = (function (_super) { __extends(CubicEase, _super); function CubicEase() { _super.apply(this, arguments); } CubicEase.prototype.easeInCore = function (gradient) { return (gradient * gradient * gradient); }; return CubicEase; }(EasingFunction)); BABYLON.CubicEase = CubicEase; var ElasticEase = (function (_super) { __extends(ElasticEase, _super); function ElasticEase(oscillations, springiness) { if (oscillations === void 0) { oscillations = 3; } if (springiness === void 0) { springiness = 3; } _super.call(this); this.oscillations = oscillations; this.springiness = springiness; } ElasticEase.prototype.easeInCore = function (gradient) { var num2; var num3 = Math.max(0.0, this.oscillations); var num = Math.max(0.0, this.springiness); if (num == 0) { num2 = gradient; } else { num2 = (Math.exp(num * gradient) - 1.0) / (Math.exp(num) - 1.0); } return (num2 * Math.sin(((6.2831853071795862 * num3) + 1.5707963267948966) * gradient)); }; return ElasticEase; }(EasingFunction)); BABYLON.ElasticEase = ElasticEase; var ExponentialEase = (function (_super) { __extends(ExponentialEase, _super); function ExponentialEase(exponent) { if (exponent === void 0) { exponent = 2; } _super.call(this); this.exponent = exponent; } ExponentialEase.prototype.easeInCore = function (gradient) { if (this.exponent <= 0) { return gradient; } return ((Math.exp(this.exponent * gradient) - 1.0) / (Math.exp(this.exponent) - 1.0)); }; return ExponentialEase; }(EasingFunction)); BABYLON.ExponentialEase = ExponentialEase; var PowerEase = (function (_super) { __extends(PowerEase, _super); function PowerEase(power) { if (power === void 0) { power = 2; } _super.call(this); this.power = power; } PowerEase.prototype.easeInCore = function (gradient) { var y = Math.max(0.0, this.power); return Math.pow(gradient, y); }; return PowerEase; }(EasingFunction)); BABYLON.PowerEase = PowerEase; var QuadraticEase = (function (_super) { __extends(QuadraticEase, _super); function QuadraticEase() { _super.apply(this, arguments); } QuadraticEase.prototype.easeInCore = function (gradient) { return (gradient * gradient); }; return QuadraticEase; }(EasingFunction)); BABYLON.QuadraticEase = QuadraticEase; var QuarticEase = (function (_super) { __extends(QuarticEase, _super); function QuarticEase() { _super.apply(this, arguments); } QuarticEase.prototype.easeInCore = function (gradient) { return (gradient * gradient * gradient * gradient); }; return QuarticEase; }(EasingFunction)); BABYLON.QuarticEase = QuarticEase; var QuinticEase = (function (_super) { __extends(QuinticEase, _super); function QuinticEase() { _super.apply(this, arguments); } QuinticEase.prototype.easeInCore = function (gradient) { return (gradient * gradient * gradient * gradient * gradient); }; return QuinticEase; }(EasingFunction)); BABYLON.QuinticEase = QuinticEase; var SineEase = (function (_super) { __extends(SineEase, _super); function SineEase() { _super.apply(this, arguments); } SineEase.prototype.easeInCore = function (gradient) { return (1.0 - Math.sin(1.5707963267948966 * (1.0 - gradient))); }; return SineEase; }(EasingFunction)); BABYLON.SineEase = SineEase; var BezierCurveEase = (function (_super) { __extends(BezierCurveEase, _super); function BezierCurveEase(x1, y1, x2, y2) { if (x1 === void 0) { x1 = 0; } if (y1 === void 0) { y1 = 0; } if (x2 === void 0) { x2 = 1; } if (y2 === void 0) { y2 = 1; } _super.call(this); this.x1 = x1; this.y1 = y1; this.x2 = x2; this.y2 = y2; } BezierCurveEase.prototype.easeInCore = function (gradient) { return BABYLON.BezierCurve.interpolate(gradient, this.x1, this.y1, this.x2, this.y2); }; return BezierCurveEase; }(EasingFunction)); BABYLON.BezierCurveEase = BezierCurveEase; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Animations/babylon.easing.js.map var BABYLON; (function (BABYLON) { var Bone = (function (_super) { __extends(Bone, _super); function Bone(name, skeleton, parentBone, matrix, restPose) { _super.call(this, name, skeleton.getScene()); this.name = name; this.children = new Array(); this.animations = new Array(); this._worldTransform = new BABYLON.Matrix(); this._absoluteTransform = new BABYLON.Matrix(); this._invertedAbsoluteTransform = new BABYLON.Matrix(); this._scaleMatrix = BABYLON.Matrix.Identity(); this._scaleVector = new BABYLON.Vector3(1, 1, 1); this._negateScaleChildren = new BABYLON.Vector3(1, 1, 1); this._scalingDeterminant = 1; this._syncScaleVector = function () { var lm = this.getLocalMatrix(); var xsq = (lm.m[0] * lm.m[0] + lm.m[1] * lm.m[1] + lm.m[2] * lm.m[2]); var ysq = (lm.m[4] * lm.m[4] + lm.m[5] * lm.m[5] + lm.m[6] * lm.m[6]); var zsq = (lm.m[8] * lm.m[8] + lm.m[9] * lm.m[9] + lm.m[10] * lm.m[10]); var xs = lm.m[0] * lm.m[1] * lm.m[2] * lm.m[3] < 0 ? -1 : 1; var ys = lm.m[4] * lm.m[5] * lm.m[6] * lm.m[7] < 0 ? -1 : 1; var zs = lm.m[8] * lm.m[9] * lm.m[10] * lm.m[11] < 0 ? -1 : 1; this._scaleVector.x = xs * Math.sqrt(xsq); this._scaleVector.y = ys * Math.sqrt(ysq); this._scaleVector.z = zs * Math.sqrt(zsq); if (this._parent) { this._scaleVector.x /= this._parent._negateScaleChildren.x; this._scaleVector.y /= this._parent._negateScaleChildren.y; this._scaleVector.z /= this._parent._negateScaleChildren.z; } BABYLON.Matrix.FromValuesToRef(this._scaleVector.x, 0, 0, 0, 0, this._scaleVector.y, 0, 0, 0, 0, this._scaleVector.z, 0, 0, 0, 0, 1, this._scaleMatrix); }; this._skeleton = skeleton; this._matrix = matrix; this._baseMatrix = matrix; this._restPose = restPose ? restPose : matrix.clone(); skeleton.bones.push(this); if (parentBone) { this._parent = parentBone; parentBone.children.push(this); } else { this._parent = null; } this._updateDifferenceMatrix(); if (this.getAbsoluteTransform().determinant() < 0) { this._scalingDeterminant *= -1; } } // Members Bone.prototype.getParent = function () { return this._parent; }; Bone.prototype.getLocalMatrix = function () { return this._matrix; }; Bone.prototype.getBaseMatrix = function () { return this._baseMatrix; }; Bone.prototype.getRestPose = function () { return this._restPose; }; Bone.prototype.returnToRest = function () { this.updateMatrix(this._restPose.clone()); }; Bone.prototype.getWorldMatrix = function () { return this._worldTransform; }; Bone.prototype.getInvertedAbsoluteTransform = function () { return this._invertedAbsoluteTransform; }; Bone.prototype.getAbsoluteTransform = function () { return this._absoluteTransform; }; // Methods Bone.prototype.updateMatrix = function (matrix, updateDifferenceMatrix) { if (updateDifferenceMatrix === void 0) { updateDifferenceMatrix = true; } this._baseMatrix = matrix.clone(); this._matrix = matrix.clone(); this._skeleton._markAsDirty(); if (updateDifferenceMatrix) { this._updateDifferenceMatrix(); } }; Bone.prototype._updateDifferenceMatrix = function (rootMatrix) { if (!rootMatrix) { rootMatrix = this._baseMatrix; } if (this._parent) { rootMatrix.multiplyToRef(this._parent._absoluteTransform, this._absoluteTransform); } else { this._absoluteTransform.copyFrom(rootMatrix); } this._absoluteTransform.invertToRef(this._invertedAbsoluteTransform); for (var index = 0; index < this.children.length; index++) { this.children[index]._updateDifferenceMatrix(); } }; Bone.prototype.markAsDirty = function () { this._currentRenderId++; this._skeleton._markAsDirty(); }; Bone.prototype.copyAnimationRange = function (source, rangeName, frameOffset, rescaleAsRequired, skelDimensionsRatio) { if (rescaleAsRequired === void 0) { rescaleAsRequired = false; } if (skelDimensionsRatio === void 0) { skelDimensionsRatio = null; } // all animation may be coming from a library skeleton, so may need to create animation if (this.animations.length === 0) { this.animations.push(new BABYLON.Animation(this.name, "_matrix", source.animations[0].framePerSecond, BABYLON.Animation.ANIMATIONTYPE_MATRIX, 0)); this.animations[0].setKeys([]); } // get animation info / verify there is such a range from the source bone var sourceRange = source.animations[0].getRange(rangeName); if (!sourceRange) { return false; } var from = sourceRange.from; var to = sourceRange.to; var sourceKeys = source.animations[0].getKeys(); // rescaling prep var sourceBoneLength = source.length; var sourceParent = source.getParent(); var parent = this.getParent(); var parentScalingReqd = rescaleAsRequired && sourceParent && sourceBoneLength && this.length && sourceBoneLength !== this.length; var parentRatio = parentScalingReqd ? parent.length / sourceParent.length : null; var dimensionsScalingReqd = rescaleAsRequired && !parent && skelDimensionsRatio && (skelDimensionsRatio.x !== 1 || skelDimensionsRatio.y !== 1 || skelDimensionsRatio.z !== 1); var destKeys = this.animations[0].getKeys(); // loop vars declaration var orig; var origTranslation; var mat; for (var key = 0, nKeys = sourceKeys.length; key < nKeys; key++) { orig = sourceKeys[key]; if (orig.frame >= from && orig.frame <= to) { if (rescaleAsRequired) { mat = orig.value.clone(); // scale based on parent ratio, when bone has parent if (parentScalingReqd) { origTranslation = mat.getTranslation(); mat.setTranslation(origTranslation.scaleInPlace(parentRatio)); } else if (dimensionsScalingReqd) { origTranslation = mat.getTranslation(); mat.setTranslation(origTranslation.multiplyInPlace(skelDimensionsRatio)); } else { mat = orig.value; } } else { mat = orig.value; } destKeys.push({ frame: orig.frame + frameOffset, value: mat }); } } this.animations[0].createRange(rangeName, from + frameOffset, to + frameOffset); return true; }; Bone.prototype.translate = function (vec, space, mesh) { if (space === void 0) { space = BABYLON.Space.LOCAL; } var lm = this.getLocalMatrix(); if (space == BABYLON.Space.LOCAL) { lm.m[12] += vec.x; lm.m[13] += vec.y; lm.m[14] += vec.z; } else { this._skeleton.computeAbsoluteTransforms(); var tmat = BABYLON.Tmp.Matrix[0]; var tvec = BABYLON.Tmp.Vector3[0]; if (mesh) { tmat.copyFrom(this._parent.getAbsoluteTransform()); tmat.multiplyToRef(mesh.getWorldMatrix(), tmat); } else { tmat.copyFrom(this._parent.getAbsoluteTransform()); } tmat.m[12] = 0; tmat.m[13] = 0; tmat.m[14] = 0; tmat.invert(); BABYLON.Vector3.TransformCoordinatesToRef(vec, tmat, tvec); lm.m[12] += tvec.x; lm.m[13] += tvec.y; lm.m[14] += tvec.z; } this.markAsDirty(); }; Bone.prototype.setPosition = function (position, space, mesh) { if (space === void 0) { space = BABYLON.Space.LOCAL; } var lm = this.getLocalMatrix(); if (space == BABYLON.Space.LOCAL) { lm.m[12] = position.x; lm.m[13] = position.y; lm.m[14] = position.z; } else { this._skeleton.computeAbsoluteTransforms(); var tmat = BABYLON.Tmp.Matrix[0]; var vec = BABYLON.Tmp.Vector3[0]; if (mesh) { tmat.copyFrom(this._parent.getAbsoluteTransform()); tmat.multiplyToRef(mesh.getWorldMatrix(), tmat); } else { tmat.copyFrom(this._parent.getAbsoluteTransform()); } tmat.invert(); BABYLON.Vector3.TransformCoordinatesToRef(position, tmat, vec); lm.m[12] = vec.x; lm.m[13] = vec.y; lm.m[14] = vec.z; } this.markAsDirty(); }; Bone.prototype.setAbsolutePosition = function (position, mesh) { this.setPosition(position, BABYLON.Space.WORLD, mesh); }; Bone.prototype.setScale = function (x, y, z, scaleChildren) { if (scaleChildren === void 0) { scaleChildren = false; } if (this.animations[0] && !this.animations[0].isStopped()) { if (!scaleChildren) { this._negateScaleChildren.x = 1 / x; this._negateScaleChildren.y = 1 / y; this._negateScaleChildren.z = 1 / z; } this._syncScaleVector(); } this.scale(x / this._scaleVector.x, y / this._scaleVector.y, z / this._scaleVector.z, scaleChildren); }; Bone.prototype.scale = function (x, y, z, scaleChildren) { if (scaleChildren === void 0) { scaleChildren = false; } var locMat = this.getLocalMatrix(); var origLocMat = BABYLON.Tmp.Matrix[0]; origLocMat.copyFrom(locMat); var origLocMatInv = BABYLON.Tmp.Matrix[1]; origLocMatInv.copyFrom(origLocMat); origLocMatInv.invert(); var scaleMat = BABYLON.Tmp.Matrix[2]; BABYLON.Matrix.FromValuesToRef(x, 0, 0, 0, 0, y, 0, 0, 0, 0, z, 0, 0, 0, 0, 1, scaleMat); this._scaleMatrix.multiplyToRef(scaleMat, this._scaleMatrix); this._scaleVector.x *= x; this._scaleVector.y *= y; this._scaleVector.z *= z; locMat.multiplyToRef(origLocMatInv, locMat); locMat.multiplyToRef(scaleMat, locMat); locMat.multiplyToRef(origLocMat, locMat); var parent = this.getParent(); if (parent) { locMat.multiplyToRef(parent.getAbsoluteTransform(), this.getAbsoluteTransform()); } else { this.getAbsoluteTransform().copyFrom(locMat); } var len = this.children.length; scaleMat.invert(); for (var i = 0; i < len; i++) { var child = this.children[i]; var cm = child.getLocalMatrix(); cm.multiplyToRef(scaleMat, cm); var lm = child.getLocalMatrix(); lm.m[12] *= x; lm.m[13] *= y; lm.m[14] *= z; } this.computeAbsoluteTransforms(); if (scaleChildren) { for (var i = 0; i < len; i++) { this.children[i].scale(x, y, z, scaleChildren); } } this.markAsDirty(); }; Bone.prototype.setYawPitchRoll = function (yaw, pitch, roll, space, mesh) { if (space === void 0) { space = BABYLON.Space.LOCAL; } var rotMat = BABYLON.Tmp.Matrix[0]; BABYLON.Matrix.RotationYawPitchRollToRef(yaw, pitch, roll, rotMat); var rotMatInv = BABYLON.Tmp.Matrix[1]; this._getNegativeRotationToRef(rotMatInv, space, mesh); rotMatInv.multiplyToRef(rotMat, rotMat); this._rotateWithMatrix(rotMat, space, mesh); }; Bone.prototype.rotate = function (axis, amount, space, mesh) { if (space === void 0) { space = BABYLON.Space.LOCAL; } var rmat = BABYLON.Tmp.Matrix[0]; rmat.m[12] = 0; rmat.m[13] = 0; rmat.m[14] = 0; BABYLON.Matrix.RotationAxisToRef(axis, amount, rmat); this._rotateWithMatrix(rmat, space, mesh); }; Bone.prototype.setAxisAngle = function (axis, angle, space, mesh) { if (space === void 0) { space = BABYLON.Space.LOCAL; } var rotMat = BABYLON.Tmp.Matrix[0]; BABYLON.Matrix.RotationAxisToRef(axis, angle, rotMat); var rotMatInv = BABYLON.Tmp.Matrix[1]; this._getNegativeRotationToRef(rotMatInv, space, mesh); rotMatInv.multiplyToRef(rotMat, rotMat); this._rotateWithMatrix(rotMat, space, mesh); }; Bone.prototype.setRotation = function (rotation, space, mesh) { if (space === void 0) { space = BABYLON.Space.LOCAL; } this.setYawPitchRoll(rotation.y, rotation.x, rotation.z, space, mesh); }; Bone.prototype.setRotationQuaternion = function (quat, space, mesh) { if (space === void 0) { space = BABYLON.Space.LOCAL; } var rotMatInv = BABYLON.Tmp.Matrix[0]; this._getNegativeRotationToRef(rotMatInv, space, mesh); var rotMat = BABYLON.Tmp.Matrix[1]; BABYLON.Matrix.FromQuaternionToRef(quat, rotMat); rotMatInv.multiplyToRef(rotMat, rotMat); this._rotateWithMatrix(rotMat, space, mesh); }; Bone.prototype.setRotationMatrix = function (rotMat, space, mesh) { if (space === void 0) { space = BABYLON.Space.LOCAL; } var rotMatInv = BABYLON.Tmp.Matrix[0]; this._getNegativeRotationToRef(rotMatInv, space, mesh); var rotMat2 = BABYLON.Tmp.Matrix[1]; rotMat2.copyFrom(rotMat); rotMatInv.multiplyToRef(rotMat, rotMat2); this._rotateWithMatrix(rotMat2, space, mesh); }; Bone.prototype._rotateWithMatrix = function (rmat, space, mesh) { if (space === void 0) { space = BABYLON.Space.LOCAL; } var lmat = this.getLocalMatrix(); var lx = lmat.m[12]; var ly = lmat.m[13]; var lz = lmat.m[14]; var parent = this.getParent(); var parentScale = BABYLON.Tmp.Matrix[3]; var parentScaleInv = BABYLON.Tmp.Matrix[4]; if (parent) { if (space == BABYLON.Space.WORLD) { if (mesh) { parentScale.copyFrom(mesh.getWorldMatrix()); parent.getAbsoluteTransform().multiplyToRef(parentScale, parentScale); } else { parentScale.copyFrom(parent.getAbsoluteTransform()); } } else { parentScale = parent._scaleMatrix; } parentScaleInv.copyFrom(parentScale); parentScaleInv.invert(); lmat.multiplyToRef(parentScale, lmat); lmat.multiplyToRef(rmat, lmat); lmat.multiplyToRef(parentScaleInv, lmat); } else { if (space == BABYLON.Space.WORLD && mesh) { parentScale.copyFrom(mesh.getWorldMatrix()); parentScaleInv.copyFrom(parentScale); parentScaleInv.invert(); lmat.multiplyToRef(parentScale, lmat); lmat.multiplyToRef(rmat, lmat); lmat.multiplyToRef(parentScaleInv, lmat); } else { lmat.multiplyToRef(rmat, lmat); } } lmat.m[12] = lx; lmat.m[13] = ly; lmat.m[14] = lz; this.computeAbsoluteTransforms(); this.markAsDirty(); }; Bone.prototype._getNegativeRotationToRef = function (rotMatInv, space, mesh) { if (space === void 0) { space = BABYLON.Space.LOCAL; } if (space == BABYLON.Space.WORLD) { var scaleMatrix = BABYLON.Tmp.Matrix[2]; scaleMatrix.copyFrom(this._scaleMatrix); rotMatInv.copyFrom(this.getAbsoluteTransform()); if (mesh) { rotMatInv.multiplyToRef(mesh.getWorldMatrix(), rotMatInv); var meshScale = BABYLON.Tmp.Matrix[3]; BABYLON.Matrix.ScalingToRef(mesh.scaling.x, mesh.scaling.y, mesh.scaling.z, meshScale); scaleMatrix.multiplyToRef(meshScale, scaleMatrix); } rotMatInv.invert(); scaleMatrix.m[0] *= this._scalingDeterminant; rotMatInv.multiplyToRef(scaleMatrix, rotMatInv); } else { rotMatInv.copyFrom(this.getLocalMatrix()); rotMatInv.invert(); var scaleMatrix = BABYLON.Tmp.Matrix[2]; scaleMatrix.copyFrom(this._scaleMatrix); if (this._parent) { var pscaleMatrix = BABYLON.Tmp.Matrix[3]; pscaleMatrix.copyFrom(this._parent._scaleMatrix); pscaleMatrix.invert(); pscaleMatrix.multiplyToRef(rotMatInv, rotMatInv); } else { scaleMatrix.m[0] *= this._scalingDeterminant; } rotMatInv.multiplyToRef(scaleMatrix, rotMatInv); } }; Bone.prototype.getScale = function () { return this._scaleVector.clone(); }; Bone.prototype.getScaleToRef = function (result) { result.copyFrom(this._scaleVector); }; Bone.prototype.getPosition = function (space, mesh) { if (space === void 0) { space = BABYLON.Space.LOCAL; } var pos = BABYLON.Vector3.Zero(); this.getPositionToRef(space, mesh, pos); return pos; }; Bone.prototype.getPositionToRef = function (space, mesh, result) { if (space === void 0) { space = BABYLON.Space.LOCAL; } if (space == BABYLON.Space.LOCAL) { var lm = this.getLocalMatrix(); result.x = lm.m[12]; result.y = lm.m[13]; result.z = lm.m[14]; } else { this._skeleton.computeAbsoluteTransforms(); var tmat = BABYLON.Tmp.Matrix[0]; if (mesh) { tmat.copyFrom(this.getAbsoluteTransform()); tmat.multiplyToRef(mesh.getWorldMatrix(), tmat); } else { tmat = this.getAbsoluteTransform(); } result.x = tmat.m[12]; result.y = tmat.m[13]; result.z = tmat.m[14]; } }; Bone.prototype.getAbsolutePosition = function (mesh) { var pos = BABYLON.Vector3.Zero(); this.getPositionToRef(BABYLON.Space.WORLD, mesh, pos); return pos; }; Bone.prototype.getAbsolutePositionToRef = function (mesh, result) { this.getPositionToRef(BABYLON.Space.WORLD, mesh, result); }; Bone.prototype.computeAbsoluteTransforms = function () { if (this._parent) { this._matrix.multiplyToRef(this._parent._absoluteTransform, this._absoluteTransform); } else { this._absoluteTransform.copyFrom(this._matrix); var poseMatrix = this._skeleton.getPoseMatrix(); if (poseMatrix) { this._absoluteTransform.multiplyToRef(poseMatrix, this._absoluteTransform); } } var children = this.children; var len = children.length; for (var i = 0; i < len; i++) { children[i].computeAbsoluteTransforms(); } }; Bone.prototype.getDirection = function (localAxis, mesh) { var result = BABYLON.Vector3.Zero(); this.getDirectionToRef(localAxis, mesh, result); return result; }; Bone.prototype.getDirectionToRef = function (localAxis, mesh, result) { this._skeleton.computeAbsoluteTransforms(); var mat = BABYLON.Tmp.Matrix[0]; mat.copyFrom(this.getAbsoluteTransform()); if (mesh) { mat.multiplyToRef(mesh.getWorldMatrix(), mat); } BABYLON.Vector3.TransformNormalToRef(localAxis, mat, result); result.normalize(); }; Bone.prototype.getRotation = function (space, mesh) { if (space === void 0) { space = BABYLON.Space.LOCAL; } var result = BABYLON.Vector3.Zero(); this.getRotationToRef(space, mesh, result); return result; }; Bone.prototype.getRotationToRef = function (space, mesh, result) { if (space === void 0) { space = BABYLON.Space.LOCAL; } var quat = BABYLON.Tmp.Quaternion[0]; this.getRotationQuaternionToRef(space, mesh, quat); quat.toEulerAnglesToRef(result); }; Bone.prototype.getRotationQuaternion = function (space, mesh) { if (space === void 0) { space = BABYLON.Space.LOCAL; } var result = BABYLON.Quaternion.Identity(); this.getRotationQuaternionToRef(space, mesh, result); return result; }; Bone.prototype.getRotationQuaternionToRef = function (space, mesh, result) { if (space === void 0) { space = BABYLON.Space.LOCAL; } if (space == BABYLON.Space.LOCAL) { this.getLocalMatrix().decompose(BABYLON.Tmp.Vector3[0], result, BABYLON.Tmp.Vector3[1]); } else { var mat = BABYLON.Tmp.Matrix[0]; var amat = this.getAbsoluteTransform(); if (mesh) { amat.multiplyToRef(mesh.getWorldMatrix(), mat); } else { mat.copyFrom(amat); } mat.m[0] *= this._scalingDeterminant; mat.m[1] *= this._scalingDeterminant; mat.m[2] *= this._scalingDeterminant; mat.decompose(BABYLON.Tmp.Vector3[0], result, BABYLON.Tmp.Vector3[1]); } }; Bone.prototype.getAbsolutePositionFromLocal = function (position, mesh) { var result = BABYLON.Vector3.Zero(); this.getAbsolutePositionFromLocalToRef(position, mesh, result); return result; }; Bone.prototype.getAbsolutePositionFromLocalToRef = function (position, mesh, result) { this._skeleton.computeAbsoluteTransforms(); var tmat = BABYLON.Tmp.Matrix[0]; if (mesh) { tmat.copyFrom(this.getAbsoluteTransform()); tmat.multiplyToRef(mesh.getWorldMatrix(), tmat); } else { tmat = this.getAbsoluteTransform(); } BABYLON.Vector3.TransformCoordinatesToRef(position, tmat, result); }; return Bone; }(BABYLON.Node)); BABYLON.Bone = Bone; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Bones/babylon.bone.js.map var BABYLON; (function (BABYLON) { var BoneIKController = (function () { function BoneIKController(mesh, bone, options) { this.targetPosition = BABYLON.Vector3.Zero(); this.poleTargetPosition = BABYLON.Vector3.Zero(); this.poleTargetLocalOffset = BABYLON.Vector3.Zero(); this.poleAngle = 0; this._maxAngle = Math.PI; this._tmpVec1 = BABYLON.Vector3.Zero(); this._tmpVec2 = BABYLON.Vector3.Zero(); this._tmpVec3 = BABYLON.Vector3.Zero(); this._tmpVec4 = BABYLON.Vector3.Zero(); this._tmpVec5 = BABYLON.Vector3.Zero(); this._tmpMat1 = BABYLON.Matrix.Identity(); this._tmpMat2 = BABYLON.Matrix.Identity(); this._rightHandedSystem = false; this._bendAxis = BABYLON.Vector3.Right(); this._bone2 = bone; this._bone1 = bone.getParent(); this.mesh = mesh; if (bone.getAbsoluteTransform().determinant() > 0) { this._rightHandedSystem = true; this._bendAxis.x = 0; this._bendAxis.y = 0; this._bendAxis.z = 1; } if (this._bone1.length) { var boneScale1 = this._bone1.getScale(); var boneScale2 = this._bone2.getScale(); this._bone1Length = this._bone1.length * boneScale1.y * this.mesh.scaling.y; this._bone2Length = this._bone2.length * boneScale2.y * this.mesh.scaling.y; } else if (this._bone1.children[0]) { mesh.computeWorldMatrix(true); var pos1 = this._bone2.children[0].getAbsolutePosition(mesh); var pos2 = this._bone2.getAbsolutePosition(mesh); var pos3 = this._bone1.getAbsolutePosition(mesh); this._bone1Length = BABYLON.Vector3.Distance(pos1, pos2); this._bone2Length = BABYLON.Vector3.Distance(pos2, pos3); } this.maxAngle = Math.PI; if (options) { if (options.targetMesh) { this.targetMesh = options.targetMesh; this.targetMesh.computeWorldMatrix(true); } if (options.poleTargetMesh) { this.poleTargetMesh = options.poleTargetMesh; this.poleTargetMesh.computeWorldMatrix(true); } else if (options.poleTargetBone) { this.poleTargetBone = options.poleTargetBone; } else if (this._bone1.getParent()) { this.poleTargetBone = this._bone1.getParent(); } if (options.poleTargetLocalOffset) { this.poleTargetLocalOffset.copyFrom(options.poleTargetLocalOffset); } if (options.poleAngle) { this.poleAngle = options.poleAngle; } if (options.bendAxis) { this._bendAxis.copyFrom(options.bendAxis); } if (options.maxAngle) { this.maxAngle = options.maxAngle; } } } Object.defineProperty(BoneIKController.prototype, "maxAngle", { get: function () { return this._maxAngle; }, set: function (value) { this._setMaxAngle(value); }, enumerable: true, configurable: true }); BoneIKController.prototype._setMaxAngle = function (ang) { if (ang < 0) { ang = 0; } if (ang > Math.PI || ang == undefined) { ang = Math.PI; } this._maxAngle = ang; var a = this._bone1Length; var b = this._bone2Length; this._maxReach = Math.sqrt(a * a + b * b - 2 * a * b * Math.cos(ang)); }; BoneIKController.prototype.update = function () { var bone1 = this._bone1; var target = this.targetPosition; var poleTarget = this.poleTargetPosition; var mat1 = this._tmpMat1; var mat2 = this._tmpMat2; if (this.targetMesh) { target.copyFrom(this.targetMesh.getAbsolutePosition()); } if (this.poleTargetBone) { this.poleTargetBone.getAbsolutePositionFromLocalToRef(this.poleTargetLocalOffset, this.mesh, poleTarget); } else if (this.poleTargetMesh) { BABYLON.Vector3.TransformCoordinatesToRef(this.poleTargetLocalOffset, this.poleTargetMesh.getWorldMatrix(), poleTarget); } var bonePos = this._tmpVec1; var zaxis = this._tmpVec2; var xaxis = this._tmpVec3; var yaxis = this._tmpVec4; var upAxis = this._tmpVec5; bone1.getAbsolutePositionToRef(this.mesh, bonePos); poleTarget.subtractToRef(bonePos, upAxis); if (upAxis.x == 0 && upAxis.y == 0 && upAxis.z == 0) { upAxis.y = 1; } else { upAxis.normalize(); } target.subtractToRef(bonePos, yaxis); yaxis.normalize(); BABYLON.Vector3.CrossToRef(yaxis, upAxis, zaxis); zaxis.normalize(); BABYLON.Vector3.CrossToRef(yaxis, zaxis, xaxis); xaxis.normalize(); BABYLON.Matrix.FromXYZAxesToRef(xaxis, yaxis, zaxis, mat1); var a = this._bone1Length; var b = this._bone2Length; var c = BABYLON.Vector3.Distance(bonePos, target); if (this._maxReach > 0) { c = Math.min(this._maxReach, c); } var acosa = (b * b + c * c - a * a) / (2 * b * c); var acosb = (c * c + a * a - b * b) / (2 * c * a); if (acosa > 1) { acosa = 1; } if (acosb > 1) { acosb = 1; } if (acosa < -1) { acosa = -1; } if (acosb < -1) { acosb = -1; } var angA = Math.acos(acosa); var angB = Math.acos(acosb); var angC = -angA - angB; if (this._rightHandedSystem) { BABYLON.Matrix.RotationYawPitchRollToRef(0, 0, Math.PI * .5, mat2); mat2.multiplyToRef(mat1, mat1); BABYLON.Matrix.RotationAxisToRef(this._bendAxis, angB, mat2); mat2.multiplyToRef(mat1, mat1); } else { this._tmpVec1.copyFrom(this._bendAxis); this._tmpVec1.x *= -1; BABYLON.Matrix.RotationAxisToRef(this._tmpVec1, -angB, mat2); mat2.multiplyToRef(mat1, mat1); } if (this.poleAngle) { BABYLON.Matrix.RotationAxisToRef(yaxis, this.poleAngle, mat2); mat1.multiplyToRef(mat2, mat1); } this._bone1.setRotationMatrix(mat1, BABYLON.Space.WORLD, this.mesh); this._bone2.setAxisAngle(this._bendAxis, angC, BABYLON.Space.LOCAL); }; return BoneIKController; }()); BABYLON.BoneIKController = BoneIKController; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Bones/babylon.boneIKController.js.map var BABYLON; (function (BABYLON) { var BoneLookController = (function () { function BoneLookController(mesh, bone, target, options) { this.upAxis = BABYLON.Vector3.Up(); this.adjustYaw = 0; this.adjustPitch = 0; this.adjustRoll = 0; this._tmpVec1 = BABYLON.Vector3.Zero(); this._tmpVec2 = BABYLON.Vector3.Zero(); this._tmpVec3 = BABYLON.Vector3.Zero(); this._tmpVec4 = BABYLON.Vector3.Zero(); this._tmpMat1 = BABYLON.Matrix.Identity(); this._tmpMat2 = BABYLON.Matrix.Identity(); this.mesh = mesh; this.bone = bone; this.target = target; if (options) { if (options.adjustYaw) { this.adjustYaw = options.adjustYaw; } if (options.adjustPitch) { this.adjustPitch = options.adjustPitch; } if (options.adjustRoll) { this.adjustRoll = options.adjustRoll; } } } BoneLookController.prototype.update = function () { var bone = this.bone; var target = this.target; var bonePos = this._tmpVec1; var zaxis = this._tmpVec2; var xaxis = this._tmpVec3; var yaxis = this._tmpVec4; var mat1 = this._tmpMat1; var mat2 = this._tmpMat2; bone.getAbsolutePositionToRef(this.mesh, bonePos); target.subtractToRef(bonePos, zaxis); zaxis.normalize(); BABYLON.Vector3.CrossToRef(this.upAxis, zaxis, xaxis); xaxis.normalize(); BABYLON.Vector3.CrossToRef(zaxis, xaxis, yaxis); yaxis.normalize(); BABYLON.Matrix.FromXYZAxesToRef(xaxis, yaxis, zaxis, mat1); if (this.adjustYaw || this.adjustPitch || this.adjustRoll) { BABYLON.Matrix.RotationYawPitchRollToRef(this.adjustYaw, this.adjustPitch, this.adjustRoll, mat2); mat2.multiplyToRef(mat1, mat1); } this.bone.setRotationMatrix(mat1, BABYLON.Space.WORLD, this.mesh); }; return BoneLookController; }()); BABYLON.BoneLookController = BoneLookController; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Bones/babylon.boneLookController.js.map var BABYLON; (function (BABYLON) { var Skeleton = (function () { function Skeleton(name, id, scene) { this.name = name; this.id = id; this.bones = new Array(); this.needInitialSkinMatrix = false; this._isDirty = true; this._meshesWithPoseMatrix = new Array(); this._identity = BABYLON.Matrix.Identity(); this._ranges = {}; this._lastAbsoluteTransformsUpdateId = -1; this.bones = []; this._scene = scene; scene.skeletons.push(this); //make sure it will recalculate the matrix next time prepare is called. this._isDirty = true; } // Members Skeleton.prototype.getTransformMatrices = function (mesh) { if (this.needInitialSkinMatrix && mesh._bonesTransformMatrices) { return mesh._bonesTransformMatrices; } return this._transformMatrices; }; Skeleton.prototype.getScene = function () { return this._scene; }; // Methods /** * @param {boolean} fullDetails - support for multiple levels of logging within scene loading */ Skeleton.prototype.toString = function (fullDetails) { var ret = "Name: " + this.name + ", nBones: " + this.bones.length; ret += ", nAnimationRanges: " + (this._ranges ? Object.keys(this._ranges).length : "none"); if (fullDetails) { ret += ", Ranges: {"; var first = true; for (var name_1 in this._ranges) { if (first) { ret += ", "; first = false; } ret += name_1; } ret += "}"; } return ret; }; /** * Get bone's index searching by name * @param {string} name is bone's name to search for * @return {number} Indice of the bone. Returns -1 if not found */ Skeleton.prototype.getBoneIndexByName = function (name) { for (var boneIndex = 0, cache = this.bones.length; boneIndex < cache; boneIndex++) { if (this.bones[boneIndex].name === name) { return boneIndex; } } return -1; }; Skeleton.prototype.createAnimationRange = function (name, from, to) { // check name not already in use if (!this._ranges[name]) { this._ranges[name] = new BABYLON.AnimationRange(name, from, to); for (var i = 0, nBones = this.bones.length; i < nBones; i++) { if (this.bones[i].animations[0]) { this.bones[i].animations[0].createRange(name, from, to); } } } }; Skeleton.prototype.deleteAnimationRange = function (name, deleteFrames) { if (deleteFrames === void 0) { deleteFrames = true; } for (var i = 0, nBones = this.bones.length; i < nBones; i++) { if (this.bones[i].animations[0]) { this.bones[i].animations[0].deleteRange(name, deleteFrames); } } this._ranges[name] = undefined; // said much faster than 'delete this._range[name]' }; Skeleton.prototype.getAnimationRange = function (name) { return this._ranges[name]; }; /** * Returns as an Array, all AnimationRanges defined on this skeleton */ Skeleton.prototype.getAnimationRanges = function () { var animationRanges = []; var name; var i = 0; for (name in this._ranges) { animationRanges[i] = this._ranges[name]; i++; } return animationRanges; }; /** * note: This is not for a complete retargeting, only between very similar skeleton's with only possible bone length differences */ Skeleton.prototype.copyAnimationRange = function (source, name, rescaleAsRequired) { if (rescaleAsRequired === void 0) { rescaleAsRequired = false; } if (this._ranges[name] || !source.getAnimationRange(name)) { return false; } var ret = true; var frameOffset = this._getHighestAnimationFrame() + 1; // make a dictionary of source skeleton's bones, so exact same order or doublely nested loop is not required var boneDict = {}; var sourceBones = source.bones; var nBones; var i; for (i = 0, nBones = sourceBones.length; i < nBones; i++) { boneDict[sourceBones[i].name] = sourceBones[i]; } if (this.bones.length !== sourceBones.length) { BABYLON.Tools.Warn("copyAnimationRange: this rig has " + this.bones.length + " bones, while source as " + sourceBones.length); ret = false; } var skelDimensionsRatio = (rescaleAsRequired && this.dimensionsAtRest && source.dimensionsAtRest) ? this.dimensionsAtRest.divide(source.dimensionsAtRest) : null; for (i = 0, nBones = this.bones.length; i < nBones; i++) { var boneName = this.bones[i].name; var sourceBone = boneDict[boneName]; if (sourceBone) { ret = ret && this.bones[i].copyAnimationRange(sourceBone, name, frameOffset, rescaleAsRequired, skelDimensionsRatio); } else { BABYLON.Tools.Warn("copyAnimationRange: not same rig, missing source bone " + boneName); ret = false; } } // do not call createAnimationRange(), since it also is done to bones, which was already done var range = source.getAnimationRange(name); this._ranges[name] = new BABYLON.AnimationRange(name, range.from + frameOffset, range.to + frameOffset); return ret; }; Skeleton.prototype.returnToRest = function () { for (var index = 0; index < this.bones.length; index++) { this.bones[index].returnToRest(); } }; Skeleton.prototype._getHighestAnimationFrame = function () { var ret = 0; for (var i = 0, nBones = this.bones.length; i < nBones; i++) { if (this.bones[i].animations[0]) { var highest = this.bones[i].animations[0].getHighestFrame(); if (ret < highest) { ret = highest; } } } return ret; }; Skeleton.prototype.beginAnimation = function (name, loop, speedRatio, onAnimationEnd) { var range = this.getAnimationRange(name); if (!range) { return null; } return this._scene.beginAnimation(this, range.from, range.to, loop, speedRatio, onAnimationEnd); }; Skeleton.prototype._markAsDirty = function () { this._isDirty = true; }; Skeleton.prototype._registerMeshWithPoseMatrix = function (mesh) { this._meshesWithPoseMatrix.push(mesh); }; Skeleton.prototype._unregisterMeshWithPoseMatrix = function (mesh) { var index = this._meshesWithPoseMatrix.indexOf(mesh); if (index > -1) { this._meshesWithPoseMatrix.splice(index, 1); } }; Skeleton.prototype._computeTransformMatrices = function (targetMatrix, initialSkinMatrix) { for (var index = 0; index < this.bones.length; index++) { var bone = this.bones[index]; var parentBone = bone.getParent(); if (parentBone) { bone.getLocalMatrix().multiplyToRef(parentBone.getWorldMatrix(), bone.getWorldMatrix()); } else { if (initialSkinMatrix) { bone.getLocalMatrix().multiplyToRef(initialSkinMatrix, bone.getWorldMatrix()); } else { bone.getWorldMatrix().copyFrom(bone.getLocalMatrix()); } } bone.getInvertedAbsoluteTransform().multiplyToArray(bone.getWorldMatrix(), targetMatrix, index * 16); } this._identity.copyToArray(targetMatrix, this.bones.length * 16); }; Skeleton.prototype.prepare = function () { if (!this._isDirty) { return; } if (this.needInitialSkinMatrix) { for (var index = 0; index < this._meshesWithPoseMatrix.length; index++) { var mesh = this._meshesWithPoseMatrix[index]; if (!mesh._bonesTransformMatrices || mesh._bonesTransformMatrices.length !== 16 * (this.bones.length + 1)) { mesh._bonesTransformMatrices = new Float32Array(16 * (this.bones.length + 1)); } var poseMatrix = mesh.getPoseMatrix(); // Prepare bones for (var boneIndex = 0; boneIndex < this.bones.length; boneIndex++) { var bone = this.bones[boneIndex]; if (!bone.getParent()) { var matrix = bone.getBaseMatrix(); matrix.multiplyToRef(poseMatrix, BABYLON.Tmp.Matrix[0]); bone._updateDifferenceMatrix(BABYLON.Tmp.Matrix[0]); } } this._computeTransformMatrices(mesh._bonesTransformMatrices, poseMatrix); } } else { if (!this._transformMatrices || this._transformMatrices.length !== 16 * (this.bones.length + 1)) { this._transformMatrices = new Float32Array(16 * (this.bones.length + 1)); } this._computeTransformMatrices(this._transformMatrices, null); } this._isDirty = false; this._scene._activeBones.addCount(this.bones.length, false); }; Skeleton.prototype.getAnimatables = function () { if (!this._animatables || this._animatables.length !== this.bones.length) { this._animatables = []; for (var index = 0; index < this.bones.length; index++) { this._animatables.push(this.bones[index]); } } return this._animatables; }; Skeleton.prototype.clone = function (name, id) { var result = new Skeleton(name, id || name, this._scene); result.needInitialSkinMatrix = this.needInitialSkinMatrix; for (var index = 0; index < this.bones.length; index++) { var source = this.bones[index]; var parentBone = null; if (source.getParent()) { var parentIndex = this.bones.indexOf(source.getParent()); parentBone = result.bones[parentIndex]; } var bone = new BABYLON.Bone(source.name, result, parentBone, source.getBaseMatrix().clone(), source.getRestPose().clone()); BABYLON.Tools.DeepCopy(source.animations, bone.animations); } if (this._ranges) { result._ranges = {}; for (var rangeName in this._ranges) { result._ranges[rangeName] = this._ranges[rangeName].clone(); } } this._isDirty = true; return result; }; Skeleton.prototype.enableBlending = function (blendingSpeed) { if (blendingSpeed === void 0) { blendingSpeed = 0.01; } this.bones.forEach(function (bone) { bone.animations.forEach(function (animation) { animation.enableBlending = true; animation.blendingSpeed = blendingSpeed; }); }); }; Skeleton.prototype.dispose = function () { this._meshesWithPoseMatrix = []; // Animations this.getScene().stopAnimation(this); // Remove from scene this.getScene().removeSkeleton(this); }; Skeleton.prototype.serialize = function () { var serializationObject = {}; serializationObject.name = this.name; serializationObject.id = this.id; serializationObject.dimensionsAtRest = this.dimensionsAtRest; serializationObject.bones = []; serializationObject.needInitialSkinMatrix = this.needInitialSkinMatrix; for (var index = 0; index < this.bones.length; index++) { var bone = this.bones[index]; var serializedBone = { parentBoneIndex: bone.getParent() ? this.bones.indexOf(bone.getParent()) : -1, name: bone.name, matrix: bone.getLocalMatrix().toArray(), rest: bone.getRestPose().toArray() }; serializationObject.bones.push(serializedBone); if (bone.length) { serializedBone.length = bone.length; } if (bone.animations && bone.animations.length > 0) { serializedBone.animation = bone.animations[0].serialize(); } serializationObject.ranges = []; for (var name in this._ranges) { var range = {}; range.name = name; range.from = this._ranges[name].from; range.to = this._ranges[name].to; serializationObject.ranges.push(range); } } return serializationObject; }; Skeleton.Parse = function (parsedSkeleton, scene) { var skeleton = new Skeleton(parsedSkeleton.name, parsedSkeleton.id, scene); if (parsedSkeleton.dimensionsAtRest) { skeleton.dimensionsAtRest = BABYLON.Vector3.FromArray(parsedSkeleton.dimensionsAtRest); } skeleton.needInitialSkinMatrix = parsedSkeleton.needInitialSkinMatrix; var index; for (index = 0; index < parsedSkeleton.bones.length; index++) { var parsedBone = parsedSkeleton.bones[index]; var parentBone = null; if (parsedBone.parentBoneIndex > -1) { parentBone = skeleton.bones[parsedBone.parentBoneIndex]; } var rest = parsedBone.rest ? BABYLON.Matrix.FromArray(parsedBone.rest) : null; var bone = new BABYLON.Bone(parsedBone.name, skeleton, parentBone, BABYLON.Matrix.FromArray(parsedBone.matrix), rest); if (parsedBone.length) { bone.length = parsedBone.length; } if (parsedBone.animation) { bone.animations.push(BABYLON.Animation.Parse(parsedBone.animation)); } } // placed after bones, so createAnimationRange can cascade down if (parsedSkeleton.ranges) { for (index = 0; index < parsedSkeleton.ranges.length; index++) { var data = parsedSkeleton.ranges[index]; skeleton.createAnimationRange(data.name, data.from, data.to); } } return skeleton; }; Skeleton.prototype.computeAbsoluteTransforms = function (forceUpdate) { if (forceUpdate === void 0) { forceUpdate = false; } var renderId = this._scene.getRenderId(); if (this._lastAbsoluteTransformsUpdateId != renderId || forceUpdate) { this.bones[0].computeAbsoluteTransforms(); this._lastAbsoluteTransformsUpdateId = renderId; } }; Skeleton.prototype.getPoseMatrix = function () { var poseMatrix; if (this._meshesWithPoseMatrix.length > 0) { poseMatrix = this._meshesWithPoseMatrix[0].getPoseMatrix(); } return poseMatrix; }; return Skeleton; }()); BABYLON.Skeleton = Skeleton; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Bones/babylon.skeleton.js.map var BABYLON; (function (BABYLON) { var PostProcess = (function () { function PostProcess(name, fragmentUrl, parameters, samplers, options, camera, samplingMode, engine, reusable, defines, textureType) { if (samplingMode === void 0) { samplingMode = BABYLON.Texture.NEAREST_SAMPLINGMODE; } if (textureType === void 0) { textureType = BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT; } this.name = name; this.width = -1; this.height = -1; /* Enable Pixel Perfect mode where texture is not scaled to be power of 2. Can only be used on a single postprocess or on the last one of a chain. */ this.enablePixelPerfectMode = false; this._reusable = false; this._textures = new BABYLON.SmartArray(2); this._currentRenderTextureInd = 0; this._scaleRatio = new BABYLON.Vector2(1, 1); // Events /** * An event triggered when the postprocess is activated. * @type {BABYLON.Observable} */ this.onActivateObservable = new BABYLON.Observable(); /** * An event triggered when the postprocess changes its size. * @type {BABYLON.Observable} */ this.onSizeChangedObservable = new BABYLON.Observable(); /** * An event triggered when the postprocess applies its effect. * @type {BABYLON.Observable} */ this.onApplyObservable = new BABYLON.Observable(); /** * An event triggered before rendering the postprocess * @type {BABYLON.Observable} */ this.onBeforeRenderObservable = new BABYLON.Observable(); /** * An event triggered after rendering the postprocess * @type {BABYLON.Observable} */ this.onAfterRenderObservable = new BABYLON.Observable(); if (camera != null) { this._camera = camera; this._scene = camera.getScene(); camera.attachPostProcess(this); this._engine = this._scene.getEngine(); } else { this._engine = engine; } this._options = options; this.renderTargetSamplingMode = samplingMode ? samplingMode : BABYLON.Texture.NEAREST_SAMPLINGMODE; this._reusable = reusable || false; this._textureType = textureType; this._samplers = samplers || []; this._samplers.push("textureSampler"); this._fragmentUrl = fragmentUrl; this._parameters = parameters || []; this._parameters.push("scale"); this.updateEffect(defines); } Object.defineProperty(PostProcess.prototype, "onActivate", { set: function (callback) { if (this._onActivateObserver) { this.onActivateObservable.remove(this._onActivateObserver); } this._onActivateObserver = this.onActivateObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(PostProcess.prototype, "onSizeChanged", { set: function (callback) { if (this._onSizeChangedObserver) { this.onSizeChangedObservable.remove(this._onSizeChangedObserver); } this._onSizeChangedObserver = this.onSizeChangedObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(PostProcess.prototype, "onApply", { set: function (callback) { if (this._onApplyObserver) { this.onApplyObservable.remove(this._onApplyObserver); } this._onApplyObserver = this.onApplyObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(PostProcess.prototype, "onBeforeRender", { set: function (callback) { if (this._onBeforeRenderObserver) { this.onBeforeRenderObservable.remove(this._onBeforeRenderObserver); } this._onBeforeRenderObserver = this.onBeforeRenderObservable.add(callback); }, enumerable: true, configurable: true }); Object.defineProperty(PostProcess.prototype, "onAfterRender", { set: function (callback) { if (this._onAfterRenderObserver) { this.onAfterRenderObservable.remove(this._onAfterRenderObserver); } this._onAfterRenderObserver = this.onAfterRenderObservable.add(callback); }, enumerable: true, configurable: true }); PostProcess.prototype.updateEffect = function (defines) { this._effect = this._engine.createEffect({ vertex: "postprocess", fragment: this._fragmentUrl }, ["position"], this._parameters, this._samplers, defines !== undefined ? defines : ""); }; PostProcess.prototype.isReusable = function () { return this._reusable; }; /** invalidate frameBuffer to hint the postprocess to create a depth buffer */ PostProcess.prototype.markTextureDirty = function () { this.width = -1; }; PostProcess.prototype.activate = function (camera, sourceTexture) { camera = camera || this._camera; var scene = camera.getScene(); var maxSize = camera.getEngine().getCaps().maxTextureSize; var requiredWidth = ((sourceTexture ? sourceTexture._width : this._engine.getRenderingCanvas().width) * this._options) | 0; var requiredHeight = ((sourceTexture ? sourceTexture._height : this._engine.getRenderingCanvas().height) * this._options) | 0; var desiredWidth = this._options.width || requiredWidth; var desiredHeight = this._options.height || requiredHeight; if (this.renderTargetSamplingMode !== BABYLON.Texture.NEAREST_SAMPLINGMODE) { if (!this._options.width) { desiredWidth = BABYLON.Tools.GetExponentOfTwo(desiredWidth, maxSize); } if (!this._options.height) { desiredHeight = BABYLON.Tools.GetExponentOfTwo(desiredHeight, maxSize); } } if (this.width !== desiredWidth || this.height !== desiredHeight) { if (this._textures.length > 0) { for (var i = 0; i < this._textures.length; i++) { this._engine._releaseTexture(this._textures.data[i]); } this._textures.reset(); } this.width = desiredWidth; this.height = desiredHeight; var textureSize = { width: this.width, height: this.height }; var textureOptions = { generateMipMaps: false, generateDepthBuffer: camera._postProcesses.indexOf(this) === 0, generateStencilBuffer: camera._postProcesses.indexOf(this) === 0 && this._engine.isStencilEnable, samplingMode: this.renderTargetSamplingMode, type: this._textureType }; this._textures.push(this._engine.createRenderTargetTexture(textureSize, textureOptions)); if (this._reusable) { this._textures.push(this._engine.createRenderTargetTexture(textureSize, textureOptions)); } this.onSizeChangedObservable.notifyObservers(this); } if (this.enablePixelPerfectMode) { this._scaleRatio.copyFromFloats(requiredWidth / desiredWidth, requiredHeight / desiredHeight); this._engine.bindFramebuffer(this._textures.data[this._currentRenderTextureInd], 0, requiredWidth, requiredHeight); } else { this._scaleRatio.copyFromFloats(1, 1); this._engine.bindFramebuffer(this._textures.data[this._currentRenderTextureInd]); } this.onActivateObservable.notifyObservers(camera); // Clear if (this.clearColor) { this._engine.clear(this.clearColor, true, true, true); } else { this._engine.clear(scene.clearColor, scene.autoClear || scene.forceWireframe, true, true); } if (this._reusable) { this._currentRenderTextureInd = (this._currentRenderTextureInd + 1) % 2; } }; Object.defineProperty(PostProcess.prototype, "isSupported", { get: function () { return this._effect.isSupported; }, enumerable: true, configurable: true }); PostProcess.prototype.apply = function () { // Check if (!this._effect.isReady()) return null; // States this._engine.enableEffect(this._effect); this._engine.setState(false); this._engine.setAlphaMode(BABYLON.Engine.ALPHA_DISABLE); this._engine.setDepthBuffer(false); this._engine.setDepthWrite(false); // Texture this._effect._bindTexture("textureSampler", this._textures.data[this._currentRenderTextureInd]); // Parameters this._effect.setVector2("scale", this._scaleRatio); this.onApplyObservable.notifyObservers(this._effect); return this._effect; }; PostProcess.prototype.dispose = function (camera) { camera = camera || this._camera; if (this._textures.length > 0) { for (var i = 0; i < this._textures.length; i++) { this._engine._releaseTexture(this._textures.data[i]); } this._textures.reset(); } if (!camera) { return; } camera.detachPostProcess(this); var index = camera._postProcesses.indexOf(this); if (index === 0 && camera._postProcesses.length > 0) { this._camera._postProcesses[0].markTextureDirty(); } this.onActivateObservable.clear(); this.onAfterRenderObservable.clear(); this.onApplyObservable.clear(); this.onBeforeRenderObservable.clear(); this.onSizeChangedObservable.clear(); }; return PostProcess; }()); BABYLON.PostProcess = PostProcess; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.postProcess.js.map var BABYLON; (function (BABYLON) { var PostProcessManager = (function () { function PostProcessManager(scene) { this._vertexBuffers = {}; this._scene = scene; } PostProcessManager.prototype._prepareBuffers = function () { if (this._vertexBuffers[BABYLON.VertexBuffer.PositionKind]) { return; } // VBO var vertices = []; vertices.push(1, 1); vertices.push(-1, 1); vertices.push(-1, -1); vertices.push(1, -1); this._vertexBuffers[BABYLON.VertexBuffer.PositionKind] = new BABYLON.VertexBuffer(this._scene.getEngine(), vertices, BABYLON.VertexBuffer.PositionKind, false, false, 2); // Indices var indices = []; indices.push(0); indices.push(1); indices.push(2); indices.push(0); indices.push(2); indices.push(3); this._indexBuffer = this._scene.getEngine().createIndexBuffer(indices); }; // Methods PostProcessManager.prototype._prepareFrame = function (sourceTexture) { var postProcesses = this._scene.activeCamera._postProcesses; if (postProcesses.length === 0 || !this._scene.postProcessesEnabled) { return false; } postProcesses[0].activate(this._scene.activeCamera, sourceTexture); return true; }; PostProcessManager.prototype.directRender = function (postProcesses, targetTexture) { var engine = this._scene.getEngine(); for (var index = 0; index < postProcesses.length; index++) { if (index < postProcesses.length - 1) { postProcesses[index + 1].activate(this._scene.activeCamera, targetTexture); } else { if (targetTexture) { engine.bindFramebuffer(targetTexture); } else { engine.restoreDefaultFramebuffer(); } } var pp = postProcesses[index]; var effect = pp.apply(); if (effect) { pp.onBeforeRenderObservable.notifyObservers(effect); // VBOs this._prepareBuffers(); engine.bindBuffers(this._vertexBuffers, this._indexBuffer, effect); // Draw order engine.draw(true, 0, 6); pp.onAfterRenderObservable.notifyObservers(effect); } } // Restore depth buffer engine.setDepthBuffer(true); engine.setDepthWrite(true); }; PostProcessManager.prototype._finalizeFrame = function (doNotPresent, targetTexture, faceIndex, postProcesses) { postProcesses = postProcesses || this._scene.activeCamera._postProcesses; if (postProcesses.length === 0 || !this._scene.postProcessesEnabled) { return; } var engine = this._scene.getEngine(); for (var index = 0, len = postProcesses.length; index < len; index++) { if (index < len - 1) { postProcesses[index + 1].activate(this._scene.activeCamera, targetTexture); } else { if (targetTexture) { engine.bindFramebuffer(targetTexture, faceIndex); } else { engine.restoreDefaultFramebuffer(); } } if (doNotPresent) { break; } var pp = postProcesses[index]; var effect = pp.apply(); if (effect) { pp.onBeforeRenderObservable.notifyObservers(effect); // VBOs this._prepareBuffers(); engine.bindBuffers(this._vertexBuffers, this._indexBuffer, effect); // Draw order engine.draw(true, 0, 6); pp.onAfterRenderObservable.notifyObservers(effect); } } // Restore depth buffer engine.setDepthBuffer(true); engine.setDepthWrite(true); }; PostProcessManager.prototype.dispose = function () { var buffer = this._vertexBuffers[BABYLON.VertexBuffer.PositionKind]; if (buffer) { buffer.dispose(); this._vertexBuffers[BABYLON.VertexBuffer.PositionKind] = null; } if (this._indexBuffer) { this._scene.getEngine()._releaseBuffer(this._indexBuffer); this._indexBuffer = null; } }; return PostProcessManager; }()); BABYLON.PostProcessManager = PostProcessManager; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.postProcessManager.js.map var BABYLON; (function (BABYLON) { var PassPostProcess = (function (_super) { __extends(PassPostProcess, _super); function PassPostProcess(name, options, camera, samplingMode, engine, reusable) { _super.call(this, name, "pass", null, null, options, camera, samplingMode, engine, reusable); } return PassPostProcess; }(BABYLON.PostProcess)); BABYLON.PassPostProcess = PassPostProcess; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.passPostProcess.js.map var BABYLON; (function (BABYLON) { /** * This is a holder class for the physics joint created by the physics plugin. * It holds a set of functions to control the underlying joint. */ var PhysicsJoint = (function () { function PhysicsJoint(type, jointData) { this.type = type; this.jointData = jointData; jointData.nativeParams = jointData.nativeParams || {}; } Object.defineProperty(PhysicsJoint.prototype, "physicsJoint", { get: function () { return this._physicsJoint; }, set: function (newJoint) { if (this._physicsJoint) { } this._physicsJoint = newJoint; }, enumerable: true, configurable: true }); Object.defineProperty(PhysicsJoint.prototype, "physicsPlugin", { set: function (physicsPlugin) { this._physicsPlugin = physicsPlugin; }, enumerable: true, configurable: true }); /** * Execute a function that is physics-plugin specific. * @param {Function} func the function that will be executed. * It accepts two parameters: the physics world and the physics joint. */ PhysicsJoint.prototype.executeNativeFunction = function (func) { func(this._physicsPlugin.world, this._physicsJoint); }; //TODO check if the native joints are the same //Joint Types PhysicsJoint.DistanceJoint = 0; PhysicsJoint.HingeJoint = 1; PhysicsJoint.BallAndSocketJoint = 2; PhysicsJoint.WheelJoint = 3; PhysicsJoint.SliderJoint = 4; //OIMO PhysicsJoint.PrismaticJoint = 5; //ENERGY FTW! (compare with this - http://ode-wiki.org/wiki/index.php?title=Manual:_Joint_Types_and_Functions) PhysicsJoint.UniversalJoint = 6; PhysicsJoint.Hinge2Joint = PhysicsJoint.WheelJoint; //Cannon //Similar to a Ball-Joint. Different in params PhysicsJoint.PointToPointJoint = 8; //Cannon only at the moment PhysicsJoint.SpringJoint = 9; PhysicsJoint.LockJoint = 10; return PhysicsJoint; }()); BABYLON.PhysicsJoint = PhysicsJoint; /** * A class representing a physics distance joint. */ var DistanceJoint = (function (_super) { __extends(DistanceJoint, _super); function DistanceJoint(jointData) { _super.call(this, PhysicsJoint.DistanceJoint, jointData); } /** * Update the predefined distance. */ DistanceJoint.prototype.updateDistance = function (maxDistance, minDistance) { this._physicsPlugin.updateDistanceJoint(this, maxDistance, minDistance); }; return DistanceJoint; }(PhysicsJoint)); BABYLON.DistanceJoint = DistanceJoint; var MotorEnabledJoint = (function (_super) { __extends(MotorEnabledJoint, _super); function MotorEnabledJoint(type, jointData) { _super.call(this, type, jointData); } /** * Set the motor values. * Attention, this function is plugin specific. Engines won't react 100% the same. * @param {number} force the force to apply * @param {number} maxForce max force for this motor. */ MotorEnabledJoint.prototype.setMotor = function (force, maxForce) { this._physicsPlugin.setMotor(this, force, maxForce); }; /** * Set the motor's limits. * Attention, this function is plugin specific. Engines won't react 100% the same. */ MotorEnabledJoint.prototype.setLimit = function (upperLimit, lowerLimit) { this._physicsPlugin.setLimit(this, upperLimit, lowerLimit); }; return MotorEnabledJoint; }(PhysicsJoint)); BABYLON.MotorEnabledJoint = MotorEnabledJoint; /** * This class represents a single hinge physics joint */ var HingeJoint = (function (_super) { __extends(HingeJoint, _super); function HingeJoint(jointData) { _super.call(this, PhysicsJoint.HingeJoint, jointData); } /** * Set the motor values. * Attention, this function is plugin specific. Engines won't react 100% the same. * @param {number} force the force to apply * @param {number} maxForce max force for this motor. */ HingeJoint.prototype.setMotor = function (force, maxForce) { this._physicsPlugin.setMotor(this, force, maxForce); }; /** * Set the motor's limits. * Attention, this function is plugin specific. Engines won't react 100% the same. */ HingeJoint.prototype.setLimit = function (upperLimit, lowerLimit) { this._physicsPlugin.setLimit(this, upperLimit, lowerLimit); }; return HingeJoint; }(MotorEnabledJoint)); BABYLON.HingeJoint = HingeJoint; /** * This class represents a dual hinge physics joint (same as wheel joint) */ var Hinge2Joint = (function (_super) { __extends(Hinge2Joint, _super); function Hinge2Joint(jointData) { _super.call(this, PhysicsJoint.Hinge2Joint, jointData); } /** * Set the motor values. * Attention, this function is plugin specific. Engines won't react 100% the same. * @param {number} force the force to apply * @param {number} maxForce max force for this motor. * @param {motorIndex} the motor's index, 0 or 1. */ Hinge2Joint.prototype.setMotor = function (force, maxForce, motorIndex) { if (motorIndex === void 0) { motorIndex = 0; } this._physicsPlugin.setMotor(this, force, maxForce, motorIndex); }; /** * Set the motor limits. * Attention, this function is plugin specific. Engines won't react 100% the same. * @param {number} upperLimit the upper limit * @param {number} lowerLimit lower limit * @param {motorIndex} the motor's index, 0 or 1. */ Hinge2Joint.prototype.setLimit = function (upperLimit, lowerLimit, motorIndex) { if (motorIndex === void 0) { motorIndex = 0; } this._physicsPlugin.setLimit(this, upperLimit, lowerLimit, motorIndex); }; return Hinge2Joint; }(MotorEnabledJoint)); BABYLON.Hinge2Joint = Hinge2Joint; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Physics/babylon.physicsJoint.js.map var BABYLON; (function (BABYLON) { var PhysicsImpostor = (function () { function PhysicsImpostor(object, type, _options, _scene) { var _this = this; if (_options === void 0) { _options = { mass: 0 }; } this.object = object; this.type = type; this._options = _options; this._scene = _scene; this._bodyUpdateRequired = false; this._onBeforePhysicsStepCallbacks = new Array(); this._onAfterPhysicsStepCallbacks = new Array(); this._onPhysicsCollideCallbacks = []; this._deltaPosition = BABYLON.Vector3.Zero(); this._tmpPositionWithDelta = BABYLON.Vector3.Zero(); this._tmpRotationWithDelta = new BABYLON.Quaternion(); /** * this function is executed by the physics engine. */ this.beforeStep = function () { _this.object.position.subtractToRef(_this._deltaPosition, _this._tmpPositionWithDelta); //conjugate deltaRotation if (_this._deltaRotationConjugated) { _this.object.rotationQuaternion.multiplyToRef(_this._deltaRotationConjugated, _this._tmpRotationWithDelta); } else { _this._tmpRotationWithDelta.copyFrom(_this.object.rotationQuaternion); } _this._physicsEngine.getPhysicsPlugin().setPhysicsBodyTransformation(_this, _this._tmpPositionWithDelta, _this._tmpRotationWithDelta); _this._onBeforePhysicsStepCallbacks.forEach(function (func) { func(_this); }); }; /** * this function is executed by the physics engine. */ this.afterStep = function () { _this._onAfterPhysicsStepCallbacks.forEach(function (func) { func(_this); }); _this._physicsEngine.getPhysicsPlugin().setTransformationFromPhysicsBody(_this); _this.object.position.addInPlace(_this._deltaPosition); if (_this._deltaRotation) { _this.object.rotationQuaternion.multiplyInPlace(_this._deltaRotation); } }; //event and body object due to cannon's event-based architecture. this.onCollide = function (e) { if (!_this._onPhysicsCollideCallbacks.length) return; var otherImpostor = _this._physicsEngine.getImpostorWithPhysicsBody(e.body); if (otherImpostor) { _this._onPhysicsCollideCallbacks.filter(function (obj) { return obj.otherImpostors.indexOf(otherImpostor) !== -1; }).forEach(function (obj) { obj.callback(_this, otherImpostor); }); } }; //sanity check! if (!this.object) { BABYLON.Tools.Error("No object was provided. A physics object is obligatory"); return; } //legacy support for old syntax. if (!this._scene && object.getScene) { this._scene = object.getScene(); } this._physicsEngine = this._scene.getPhysicsEngine(); if (!this._physicsEngine) { BABYLON.Tools.Error("Physics not enabled. Please use scene.enablePhysics(...) before creating impostors."); } else { //set the object's quaternion, if not set if (!this.object.rotationQuaternion) { if (this.object.rotation) { this.object.rotationQuaternion = BABYLON.Quaternion.RotationYawPitchRoll(this.object.rotation.y, this.object.rotation.x, this.object.rotation.z); } else { this.object.rotationQuaternion = new BABYLON.Quaternion(); } } //default options params this._options.mass = (_options.mass === void 0) ? 0 : _options.mass; this._options.friction = (_options.friction === void 0) ? 0.2 : _options.friction; this._options.restitution = (_options.restitution === void 0) ? 0.2 : _options.restitution; this._joints = []; //If the mesh has a parent, don't initialize the physicsBody. Instead wait for the parent to do that. if (!this.object.parent) { this._init(); } } } /** * This function will completly initialize this impostor. * It will create a new body - but only if this mesh has no parent. * If it has, this impostor will not be used other than to define the impostor * of the child mesh. */ PhysicsImpostor.prototype._init = function () { this._physicsEngine.removeImpostor(this); this.physicsBody = null; this._parent = this._parent || this._getPhysicsParent(); if (!this.parent) { this._physicsEngine.addImpostor(this); } }; PhysicsImpostor.prototype._getPhysicsParent = function () { if (this.object.parent instanceof BABYLON.AbstractMesh) { var parentMesh = this.object.parent; return parentMesh.physicsImpostor; } return; }; /** * Should a new body be generated. */ PhysicsImpostor.prototype.isBodyInitRequired = function () { return this._bodyUpdateRequired || (!this._physicsBody && !this._parent); }; PhysicsImpostor.prototype.setScalingUpdated = function (updated) { this.forceUpdate(); }; /** * Force a regeneration of this or the parent's impostor's body. * Use under cautious - This will remove all joints already implemented. */ PhysicsImpostor.prototype.forceUpdate = function () { this._init(); if (this.parent) { this.parent.forceUpdate(); } }; Object.defineProperty(PhysicsImpostor.prototype, "physicsBody", { /*public get mesh(): AbstractMesh { return this._mesh; }*/ /** * Gets the body that holds this impostor. Either its own, or its parent. */ get: function () { return this._parent ? this._parent.physicsBody : this._physicsBody; }, /** * Set the physics body. Used mainly by the physics engine/plugin */ set: function (physicsBody) { if (this._physicsBody) { this._physicsEngine.getPhysicsPlugin().removePhysicsBody(this); } this._physicsBody = physicsBody; this.resetUpdateFlags(); }, enumerable: true, configurable: true }); Object.defineProperty(PhysicsImpostor.prototype, "parent", { get: function () { return this._parent; }, set: function (value) { this._parent = value; }, enumerable: true, configurable: true }); PhysicsImpostor.prototype.resetUpdateFlags = function () { this._bodyUpdateRequired = false; }; PhysicsImpostor.prototype.getObjectExtendSize = function () { if (this.object.getBoundingInfo) { this.object.computeWorldMatrix && this.object.computeWorldMatrix(true); return this.object.getBoundingInfo().boundingBox.extendSize.scale(2).multiply(this.object.scaling); } else { return PhysicsImpostor.DEFAULT_OBJECT_SIZE; } }; PhysicsImpostor.prototype.getObjectCenter = function () { if (this.object.getBoundingInfo) { return this.object.getBoundingInfo().boundingBox.center; } else { return this.object.position; } }; /** * Get a specific parametes from the options parameter. */ PhysicsImpostor.prototype.getParam = function (paramName) { return this._options[paramName]; }; /** * Sets a specific parameter in the options given to the physics plugin */ PhysicsImpostor.prototype.setParam = function (paramName, value) { this._options[paramName] = value; this._bodyUpdateRequired = true; }; /** * Specifically change the body's mass option. Won't recreate the physics body object */ PhysicsImpostor.prototype.setMass = function (mass) { if (this.getParam("mass") !== mass) { this.setParam("mass", mass); } this._physicsEngine.getPhysicsPlugin().setBodyMass(this, mass); }; PhysicsImpostor.prototype.getLinearVelocity = function () { return this._physicsEngine.getPhysicsPlugin().getLinearVelocity(this); }; /** * Set the body's linear velocity. */ PhysicsImpostor.prototype.setLinearVelocity = function (velocity) { this._physicsEngine.getPhysicsPlugin().setLinearVelocity(this, velocity); }; PhysicsImpostor.prototype.getAngularVelocity = function () { return this._physicsEngine.getPhysicsPlugin().getAngularVelocity(this); }; /** * Set the body's linear velocity. */ PhysicsImpostor.prototype.setAngularVelocity = function (velocity) { this._physicsEngine.getPhysicsPlugin().setAngularVelocity(this, velocity); }; /** * Execute a function with the physics plugin native code. * Provide a function the will have two variables - the world object and the physics body object. */ PhysicsImpostor.prototype.executeNativeFunction = function (func) { func(this._physicsEngine.getPhysicsPlugin().world, this.physicsBody); }; /** * Register a function that will be executed before the physics world is stepping forward. */ PhysicsImpostor.prototype.registerBeforePhysicsStep = function (func) { this._onBeforePhysicsStepCallbacks.push(func); }; PhysicsImpostor.prototype.unregisterBeforePhysicsStep = function (func) { var index = this._onBeforePhysicsStepCallbacks.indexOf(func); if (index > -1) { this._onBeforePhysicsStepCallbacks.splice(index, 1); } else { BABYLON.Tools.Warn("Function to remove was not found"); } }; /** * Register a function that will be executed after the physics step */ PhysicsImpostor.prototype.registerAfterPhysicsStep = function (func) { this._onAfterPhysicsStepCallbacks.push(func); }; PhysicsImpostor.prototype.unregisterAfterPhysicsStep = function (func) { var index = this._onAfterPhysicsStepCallbacks.indexOf(func); if (index > -1) { this._onAfterPhysicsStepCallbacks.splice(index, 1); } else { BABYLON.Tools.Warn("Function to remove was not found"); } }; /** * register a function that will be executed when this impostor collides against a different body. */ PhysicsImpostor.prototype.registerOnPhysicsCollide = function (collideAgainst, func) { var collidedAgainstList = collideAgainst instanceof Array ? collideAgainst : [collideAgainst]; this._onPhysicsCollideCallbacks.push({ callback: func, otherImpostors: collidedAgainstList }); }; PhysicsImpostor.prototype.unregisterOnPhysicsCollide = function (collideAgainst, func) { var collidedAgainstList = collideAgainst instanceof Array ? collideAgainst : [collideAgainst]; var index = this._onPhysicsCollideCallbacks.indexOf({ callback: func, otherImpostors: collidedAgainstList }); if (index > -1) { this._onPhysicsCollideCallbacks.splice(index, 1); } else { BABYLON.Tools.Warn("Function to remove was not found"); } }; /** * Apply a force */ PhysicsImpostor.prototype.applyForce = function (force, contactPoint) { this._physicsEngine.getPhysicsPlugin().applyForce(this, force, contactPoint); }; /** * Apply an impulse */ PhysicsImpostor.prototype.applyImpulse = function (force, contactPoint) { this._physicsEngine.getPhysicsPlugin().applyImpulse(this, force, contactPoint); }; /** * A help function to create a joint. */ PhysicsImpostor.prototype.createJoint = function (otherImpostor, jointType, jointData) { var joint = new BABYLON.PhysicsJoint(jointType, jointData); this.addJoint(otherImpostor, joint); }; /** * Add a joint to this impostor with a different impostor. */ PhysicsImpostor.prototype.addJoint = function (otherImpostor, joint) { this._joints.push({ otherImpostor: otherImpostor, joint: joint }); this._physicsEngine.addJoint(this, otherImpostor, joint); }; /** * Will keep this body still, in a sleep mode. */ PhysicsImpostor.prototype.sleep = function () { this._physicsEngine.getPhysicsPlugin().sleepBody(this); }; /** * Wake the body up. */ PhysicsImpostor.prototype.wakeUp = function () { this._physicsEngine.getPhysicsPlugin().wakeUpBody(this); }; PhysicsImpostor.prototype.clone = function (newObject) { if (!newObject) return null; return new PhysicsImpostor(newObject, this.type, this._options, this._scene); }; PhysicsImpostor.prototype.dispose = function () { var _this = this; //no dispose if no physics engine is available. if (!this._physicsEngine) { return; } this._joints.forEach(function (j) { _this._physicsEngine.removeJoint(_this, j.otherImpostor, j.joint); }); //dispose the physics body this._physicsEngine.removeImpostor(this); if (this.parent) { this.parent.forceUpdate(); } else { } }; PhysicsImpostor.prototype.setDeltaPosition = function (position) { this._deltaPosition.copyFrom(position); }; PhysicsImpostor.prototype.setDeltaRotation = function (rotation) { if (!this._deltaRotation) { this._deltaRotation = new BABYLON.Quaternion(); } this._deltaRotation.copyFrom(rotation); this._deltaRotationConjugated = this._deltaRotation.conjugate(); }; PhysicsImpostor.DEFAULT_OBJECT_SIZE = new BABYLON.Vector3(1, 1, 1); //Impostor types PhysicsImpostor.NoImpostor = 0; PhysicsImpostor.SphereImpostor = 1; PhysicsImpostor.BoxImpostor = 2; PhysicsImpostor.PlaneImpostor = 3; PhysicsImpostor.MeshImpostor = 4; PhysicsImpostor.CylinderImpostor = 7; PhysicsImpostor.ParticleImpostor = 8; PhysicsImpostor.HeightmapImpostor = 9; return PhysicsImpostor; }()); BABYLON.PhysicsImpostor = PhysicsImpostor; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Physics/babylon.physicsImpostor.js.map var BABYLON; (function (BABYLON) { var PhysicsEngine = (function () { function PhysicsEngine(gravity, _physicsPlugin) { if (_physicsPlugin === void 0) { _physicsPlugin = new BABYLON.CannonJSPlugin(); } this._physicsPlugin = _physicsPlugin; //new methods and parameters this._impostors = []; this._joints = []; if (!this._physicsPlugin.isSupported()) { throw new Error("Physics Engine " + this._physicsPlugin.name + " cannot be found. " + "Please make sure it is included."); } gravity = gravity || new BABYLON.Vector3(0, -9.807, 0); this.setGravity(gravity); this.setTimeStep(); } PhysicsEngine.prototype.setGravity = function (gravity) { this.gravity = gravity; this._physicsPlugin.setGravity(this.gravity); }; /** * Set the time step of the physics engine. * default is 1/60. * To slow it down, enter 1/600 for example. * To speed it up, 1/30 * @param {number} newTimeStep the new timestep to apply to this world. */ PhysicsEngine.prototype.setTimeStep = function (newTimeStep) { if (newTimeStep === void 0) { newTimeStep = 1 / 60; } this._physicsPlugin.setTimeStep(newTimeStep); }; PhysicsEngine.prototype.dispose = function () { this._impostors.forEach(function (impostor) { impostor.dispose(); }); this._physicsPlugin.dispose(); }; PhysicsEngine.prototype.getPhysicsPluginName = function () { return this._physicsPlugin.name; }; /** * Adding a new impostor for the impostor tracking. * This will be done by the impostor itself. * @param {PhysicsImpostor} impostor the impostor to add */ PhysicsEngine.prototype.addImpostor = function (impostor) { impostor.uniqueId = this._impostors.push(impostor); //if no parent, generate the body if (!impostor.parent) { this._physicsPlugin.generatePhysicsBody(impostor); } }; /** * Remove an impostor from the engine. * This impostor and its mesh will not longer be updated by the physics engine. * @param {PhysicsImpostor} impostor the impostor to remove */ PhysicsEngine.prototype.removeImpostor = function (impostor) { var index = this._impostors.indexOf(impostor); if (index > -1) { var removed = this._impostors.splice(index, 1); //Is it needed? if (removed.length) { //this will also remove it from the world. removed[0].physicsBody = null; } } }; /** * Add a joint to the physics engine * @param {PhysicsImpostor} mainImpostor the main impostor to which the joint is added. * @param {PhysicsImpostor} connectedImpostor the impostor that is connected to the main impostor using this joint * @param {PhysicsJoint} the joint that will connect both impostors. */ PhysicsEngine.prototype.addJoint = function (mainImpostor, connectedImpostor, joint) { var impostorJoint = { mainImpostor: mainImpostor, connectedImpostor: connectedImpostor, joint: joint }; joint.physicsPlugin = this._physicsPlugin; this._joints.push(impostorJoint); this._physicsPlugin.generateJoint(impostorJoint); }; PhysicsEngine.prototype.removeJoint = function (mainImpostor, connectedImpostor, joint) { var matchingJoints = this._joints.filter(function (impostorJoint) { return (impostorJoint.connectedImpostor === connectedImpostor && impostorJoint.joint === joint && impostorJoint.mainImpostor === mainImpostor); }); if (matchingJoints.length) { this._physicsPlugin.removeJoint(matchingJoints[0]); } }; /** * Called by the scene. no need to call it. */ PhysicsEngine.prototype._step = function (delta) { var _this = this; //check if any mesh has no body / requires an update this._impostors.forEach(function (impostor) { if (impostor.isBodyInitRequired()) { _this._physicsPlugin.generatePhysicsBody(impostor); } }); if (delta > 0.1) { delta = 0.1; } else if (delta <= 0) { delta = 1.0 / 60.0; } this._physicsPlugin.executeStep(delta, this._impostors); }; PhysicsEngine.prototype.getPhysicsPlugin = function () { return this._physicsPlugin; }; PhysicsEngine.prototype.getImpostorForPhysicsObject = function (object) { for (var i = 0; i < this._impostors.length; ++i) { if (this._impostors[i].object === object) { return this._impostors[i]; } } }; PhysicsEngine.prototype.getImpostorWithPhysicsBody = function (body) { for (var i = 0; i < this._impostors.length; ++i) { if (this._impostors[i].physicsBody === body) { return this._impostors[i]; } } }; // Statics, Legacy support. /** * @Deprecated * */ PhysicsEngine.NoImpostor = BABYLON.PhysicsImpostor.NoImpostor; PhysicsEngine.SphereImpostor = BABYLON.PhysicsImpostor.SphereImpostor; PhysicsEngine.BoxImpostor = BABYLON.PhysicsImpostor.BoxImpostor; PhysicsEngine.PlaneImpostor = BABYLON.PhysicsImpostor.PlaneImpostor; PhysicsEngine.MeshImpostor = BABYLON.PhysicsImpostor.MeshImpostor; PhysicsEngine.CylinderImpostor = BABYLON.PhysicsImpostor.CylinderImpostor; PhysicsEngine.HeightmapImpostor = BABYLON.PhysicsImpostor.HeightmapImpostor; PhysicsEngine.CapsuleImpostor = -1; PhysicsEngine.ConeImpostor = -1; PhysicsEngine.ConvexHullImpostor = -1; PhysicsEngine.Epsilon = 0.001; return PhysicsEngine; }()); BABYLON.PhysicsEngine = PhysicsEngine; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Physics/babylon.physicsEngine.js.map var BABYLON; (function (BABYLON) { var VertexData = (function () { function VertexData() { } VertexData.prototype.set = function (data, kind) { switch (kind) { case BABYLON.VertexBuffer.PositionKind: this.positions = data; break; case BABYLON.VertexBuffer.NormalKind: this.normals = data; break; case BABYLON.VertexBuffer.UVKind: this.uvs = data; break; case BABYLON.VertexBuffer.UV2Kind: this.uvs2 = data; break; case BABYLON.VertexBuffer.UV3Kind: this.uvs3 = data; break; case BABYLON.VertexBuffer.UV4Kind: this.uvs4 = data; break; case BABYLON.VertexBuffer.UV5Kind: this.uvs5 = data; break; case BABYLON.VertexBuffer.UV6Kind: this.uvs6 = data; break; case BABYLON.VertexBuffer.ColorKind: this.colors = data; break; case BABYLON.VertexBuffer.MatricesIndicesKind: this.matricesIndices = data; break; case BABYLON.VertexBuffer.MatricesWeightsKind: this.matricesWeights = data; break; case BABYLON.VertexBuffer.MatricesIndicesExtraKind: this.matricesIndicesExtra = data; break; case BABYLON.VertexBuffer.MatricesWeightsExtraKind: this.matricesWeightsExtra = data; break; } }; VertexData.prototype.applyToMesh = function (mesh, updatable) { this._applyTo(mesh, updatable); }; VertexData.prototype.applyToGeometry = function (geometry, updatable) { this._applyTo(geometry, updatable); }; VertexData.prototype.updateMesh = function (mesh, updateExtends, makeItUnique) { this._update(mesh); }; VertexData.prototype.updateGeometry = function (geometry, updateExtends, makeItUnique) { this._update(geometry); }; VertexData.prototype._applyTo = function (meshOrGeometry, updatable) { if (this.positions) { meshOrGeometry.setVerticesData(BABYLON.VertexBuffer.PositionKind, this.positions, updatable); } if (this.normals) { meshOrGeometry.setVerticesData(BABYLON.VertexBuffer.NormalKind, this.normals, updatable); } if (this.uvs) { meshOrGeometry.setVerticesData(BABYLON.VertexBuffer.UVKind, this.uvs, updatable); } if (this.uvs2) { meshOrGeometry.setVerticesData(BABYLON.VertexBuffer.UV2Kind, this.uvs2, updatable); } if (this.uvs3) { meshOrGeometry.setVerticesData(BABYLON.VertexBuffer.UV3Kind, this.uvs3, updatable); } if (this.uvs4) { meshOrGeometry.setVerticesData(BABYLON.VertexBuffer.UV4Kind, this.uvs4, updatable); } if (this.uvs5) { meshOrGeometry.setVerticesData(BABYLON.VertexBuffer.UV5Kind, this.uvs5, updatable); } if (this.uvs6) { meshOrGeometry.setVerticesData(BABYLON.VertexBuffer.UV6Kind, this.uvs6, updatable); } if (this.colors) { meshOrGeometry.setVerticesData(BABYLON.VertexBuffer.ColorKind, this.colors, updatable); } if (this.matricesIndices) { meshOrGeometry.setVerticesData(BABYLON.VertexBuffer.MatricesIndicesKind, this.matricesIndices, updatable); } if (this.matricesWeights) { meshOrGeometry.setVerticesData(BABYLON.VertexBuffer.MatricesWeightsKind, this.matricesWeights, updatable); } if (this.matricesIndicesExtra) { meshOrGeometry.setVerticesData(BABYLON.VertexBuffer.MatricesIndicesExtraKind, this.matricesIndicesExtra, updatable); } if (this.matricesWeightsExtra) { meshOrGeometry.setVerticesData(BABYLON.VertexBuffer.MatricesWeightsExtraKind, this.matricesWeightsExtra, updatable); } if (this.indices) { meshOrGeometry.setIndices(this.indices); } }; VertexData.prototype._update = function (meshOrGeometry, updateExtends, makeItUnique) { if (this.positions) { meshOrGeometry.updateVerticesData(BABYLON.VertexBuffer.PositionKind, this.positions, updateExtends, makeItUnique); } if (this.normals) { meshOrGeometry.updateVerticesData(BABYLON.VertexBuffer.NormalKind, this.normals, updateExtends, makeItUnique); } if (this.uvs) { meshOrGeometry.updateVerticesData(BABYLON.VertexBuffer.UVKind, this.uvs, updateExtends, makeItUnique); } if (this.uvs2) { meshOrGeometry.updateVerticesData(BABYLON.VertexBuffer.UV2Kind, this.uvs2, updateExtends, makeItUnique); } if (this.uvs3) { meshOrGeometry.updateVerticesData(BABYLON.VertexBuffer.UV3Kind, this.uvs3, updateExtends, makeItUnique); } if (this.uvs4) { meshOrGeometry.updateVerticesData(BABYLON.VertexBuffer.UV4Kind, this.uvs4, updateExtends, makeItUnique); } if (this.uvs5) { meshOrGeometry.updateVerticesData(BABYLON.VertexBuffer.UV5Kind, this.uvs5, updateExtends, makeItUnique); } if (this.uvs6) { meshOrGeometry.updateVerticesData(BABYLON.VertexBuffer.UV6Kind, this.uvs6, updateExtends, makeItUnique); } if (this.colors) { meshOrGeometry.updateVerticesData(BABYLON.VertexBuffer.ColorKind, this.colors, updateExtends, makeItUnique); } if (this.matricesIndices) { meshOrGeometry.updateVerticesData(BABYLON.VertexBuffer.MatricesIndicesKind, this.matricesIndices, updateExtends, makeItUnique); } if (this.matricesWeights) { meshOrGeometry.updateVerticesData(BABYLON.VertexBuffer.MatricesWeightsKind, this.matricesWeights, updateExtends, makeItUnique); } if (this.matricesIndicesExtra) { meshOrGeometry.updateVerticesData(BABYLON.VertexBuffer.MatricesIndicesExtraKind, this.matricesIndicesExtra, updateExtends, makeItUnique); } if (this.matricesWeightsExtra) { meshOrGeometry.updateVerticesData(BABYLON.VertexBuffer.MatricesWeightsExtraKind, this.matricesWeightsExtra, updateExtends, makeItUnique); } if (this.indices) { meshOrGeometry.setIndices(this.indices); } }; VertexData.prototype.transform = function (matrix) { var transformed = BABYLON.Vector3.Zero(); var index; if (this.positions) { var position = BABYLON.Vector3.Zero(); for (index = 0; index < this.positions.length; index += 3) { BABYLON.Vector3.FromArrayToRef(this.positions, index, position); BABYLON.Vector3.TransformCoordinatesToRef(position, matrix, transformed); this.positions[index] = transformed.x; this.positions[index + 1] = transformed.y; this.positions[index + 2] = transformed.z; } } if (this.normals) { var normal = BABYLON.Vector3.Zero(); for (index = 0; index < this.normals.length; index += 3) { BABYLON.Vector3.FromArrayToRef(this.normals, index, normal); BABYLON.Vector3.TransformNormalToRef(normal, matrix, transformed); this.normals[index] = transformed.x; this.normals[index + 1] = transformed.y; this.normals[index + 2] = transformed.z; } } }; VertexData.prototype.merge = function (other) { if (other.indices) { if (!this.indices) { this.indices = []; } var offset = this.positions ? this.positions.length / 3 : 0; for (var index = 0; index < other.indices.length; index++) { //TODO check type - if Int32Array! this.indices.push(other.indices[index] + offset); } } this.positions = this._mergeElement(this.positions, other.positions); this.normals = this._mergeElement(this.normals, other.normals); this.uvs = this._mergeElement(this.uvs, other.uvs); this.uvs2 = this._mergeElement(this.uvs2, other.uvs2); this.uvs3 = this._mergeElement(this.uvs3, other.uvs3); this.uvs4 = this._mergeElement(this.uvs4, other.uvs4); this.uvs5 = this._mergeElement(this.uvs5, other.uvs5); this.uvs6 = this._mergeElement(this.uvs6, other.uvs6); this.colors = this._mergeElement(this.colors, other.colors); this.matricesIndices = this._mergeElement(this.matricesIndices, other.matricesIndices); this.matricesWeights = this._mergeElement(this.matricesWeights, other.matricesWeights); this.matricesIndicesExtra = this._mergeElement(this.matricesIndicesExtra, other.matricesIndicesExtra); this.matricesWeightsExtra = this._mergeElement(this.matricesWeightsExtra, other.matricesWeightsExtra); }; VertexData.prototype._mergeElement = function (source, other) { if (!other) return source; if (!source) return other; var len = other.length + source.length; var isSrcTypedArray = source instanceof Float32Array; var isOthTypedArray = other instanceof Float32Array; // use non-loop method when the source is Float32Array if (isSrcTypedArray) { var ret32 = new Float32Array(len); ret32.set(source); ret32.set(other, source.length); return ret32; } else if (!isOthTypedArray) { return source.concat(other); } else { var ret = source.slice(0); // copy source to a separate array for (var i = 0, len = other.length; i < len; i++) { ret.push(other[i]); } return ret; } }; VertexData.prototype.serialize = function () { var serializationObject = this.serialize(); if (this.positions) { serializationObject.positions = this.positions; } if (this.normals) { serializationObject.normals = this.normals; } if (this.uvs) { serializationObject.uvs = this.uvs; } if (this.uvs2) { serializationObject.uvs2 = this.uvs2; } if (this.uvs3) { serializationObject.uvs3 = this.uvs3; } if (this.uvs4) { serializationObject.uvs4 = this.uvs4; } if (this.uvs5) { serializationObject.uvs5 = this.uvs5; } if (this.uvs6) { serializationObject.uvs6 = this.uvs6; } if (this.colors) { serializationObject.colors = this.colors; } if (this.matricesIndices) { serializationObject.matricesIndices = this.matricesIndices; serializationObject.matricesIndices._isExpanded = true; } if (this.matricesWeights) { serializationObject.matricesWeights = this.matricesWeights; } if (this.matricesIndicesExtra) { serializationObject.matricesIndicesExtra = this.matricesIndicesExtra; serializationObject.matricesIndicesExtra._isExpanded = true; } if (this.matricesWeightsExtra) { serializationObject.matricesWeightsExtra = this.matricesWeightsExtra; } serializationObject.indices = this.indices; return serializationObject; }; // Statics VertexData.ExtractFromMesh = function (mesh, copyWhenShared) { return VertexData._ExtractFrom(mesh, copyWhenShared); }; VertexData.ExtractFromGeometry = function (geometry, copyWhenShared) { return VertexData._ExtractFrom(geometry, copyWhenShared); }; VertexData._ExtractFrom = function (meshOrGeometry, copyWhenShared) { var result = new VertexData(); if (meshOrGeometry.isVerticesDataPresent(BABYLON.VertexBuffer.PositionKind)) { result.positions = meshOrGeometry.getVerticesData(BABYLON.VertexBuffer.PositionKind, copyWhenShared); } if (meshOrGeometry.isVerticesDataPresent(BABYLON.VertexBuffer.NormalKind)) { result.normals = meshOrGeometry.getVerticesData(BABYLON.VertexBuffer.NormalKind, copyWhenShared); } if (meshOrGeometry.isVerticesDataPresent(BABYLON.VertexBuffer.UVKind)) { result.uvs = meshOrGeometry.getVerticesData(BABYLON.VertexBuffer.UVKind, copyWhenShared); } if (meshOrGeometry.isVerticesDataPresent(BABYLON.VertexBuffer.UV2Kind)) { result.uvs2 = meshOrGeometry.getVerticesData(BABYLON.VertexBuffer.UV2Kind, copyWhenShared); } if (meshOrGeometry.isVerticesDataPresent(BABYLON.VertexBuffer.UV3Kind)) { result.uvs3 = meshOrGeometry.getVerticesData(BABYLON.VertexBuffer.UV3Kind, copyWhenShared); } if (meshOrGeometry.isVerticesDataPresent(BABYLON.VertexBuffer.UV4Kind)) { result.uvs4 = meshOrGeometry.getVerticesData(BABYLON.VertexBuffer.UV4Kind, copyWhenShared); } if (meshOrGeometry.isVerticesDataPresent(BABYLON.VertexBuffer.UV5Kind)) { result.uvs5 = meshOrGeometry.getVerticesData(BABYLON.VertexBuffer.UV5Kind, copyWhenShared); } if (meshOrGeometry.isVerticesDataPresent(BABYLON.VertexBuffer.UV6Kind)) { result.uvs6 = meshOrGeometry.getVerticesData(BABYLON.VertexBuffer.UV6Kind, copyWhenShared); } if (meshOrGeometry.isVerticesDataPresent(BABYLON.VertexBuffer.ColorKind)) { result.colors = meshOrGeometry.getVerticesData(BABYLON.VertexBuffer.ColorKind, copyWhenShared); } if (meshOrGeometry.isVerticesDataPresent(BABYLON.VertexBuffer.MatricesIndicesKind)) { result.matricesIndices = meshOrGeometry.getVerticesData(BABYLON.VertexBuffer.MatricesIndicesKind, copyWhenShared); } if (meshOrGeometry.isVerticesDataPresent(BABYLON.VertexBuffer.MatricesWeightsKind)) { result.matricesWeights = meshOrGeometry.getVerticesData(BABYLON.VertexBuffer.MatricesWeightsKind, copyWhenShared); } if (meshOrGeometry.isVerticesDataPresent(BABYLON.VertexBuffer.MatricesIndicesExtraKind)) { result.matricesIndicesExtra = meshOrGeometry.getVerticesData(BABYLON.VertexBuffer.MatricesIndicesExtraKind, copyWhenShared); } if (meshOrGeometry.isVerticesDataPresent(BABYLON.VertexBuffer.MatricesWeightsExtraKind)) { result.matricesWeightsExtra = meshOrGeometry.getVerticesData(BABYLON.VertexBuffer.MatricesWeightsExtraKind, copyWhenShared); } result.indices = meshOrGeometry.getIndices(copyWhenShared); return result; }; VertexData.CreateRibbon = function (options) { var pathArray = options.pathArray; var closeArray = options.closeArray || false; var closePath = options.closePath || false; var invertUV = options.invertUV || false; var defaultOffset = Math.floor(pathArray[0].length / 2); var offset = options.offset || defaultOffset; offset = offset > defaultOffset ? defaultOffset : Math.floor(offset); // offset max allowed : defaultOffset var sideOrientation = (options.sideOrientation === 0) ? 0 : options.sideOrientation || BABYLON.Mesh.DEFAULTSIDE; var positions = []; var indices = []; var normals = []; var uvs = []; var us = []; // us[path_id] = [uDist1, uDist2, uDist3 ... ] distances between points on path path_id var vs = []; // vs[i] = [vDist1, vDist2, vDist3, ... ] distances between points i of consecutives paths from pathArray var uTotalDistance = []; // uTotalDistance[p] : total distance of path p var vTotalDistance = []; // vTotalDistance[i] : total distance between points i of first and last path from pathArray var minlg; // minimal length among all paths from pathArray var lg = []; // array of path lengths : nb of vertex per path var idx = []; // array of path indexes : index of each path (first vertex) in the total vertex number var p; // path iterator var i; // point iterator var j; // point iterator // if single path in pathArray if (pathArray.length < 2) { var ar1 = []; var ar2 = []; for (i = 0; i < pathArray[0].length - offset; i++) { ar1.push(pathArray[0][i]); ar2.push(pathArray[0][i + offset]); } pathArray = [ar1, ar2]; } // positions and horizontal distances (u) var idc = 0; var closePathCorr = (closePath) ? 1 : 0; var path; var l; minlg = pathArray[0].length; var vectlg; var dist; for (p = 0; p < pathArray.length; p++) { uTotalDistance[p] = 0; us[p] = [0]; path = pathArray[p]; l = path.length; minlg = (minlg < l) ? minlg : l; j = 0; while (j < l) { positions.push(path[j].x, path[j].y, path[j].z); if (j > 0) { vectlg = path[j].subtract(path[j - 1]).length(); dist = vectlg + uTotalDistance[p]; us[p].push(dist); uTotalDistance[p] = dist; } j++; } if (closePath) { j--; positions.push(path[0].x, path[0].y, path[0].z); vectlg = path[j].subtract(path[0]).length(); dist = vectlg + uTotalDistance[p]; us[p].push(dist); uTotalDistance[p] = dist; } lg[p] = l + closePathCorr; idx[p] = idc; idc += (l + closePathCorr); } // vertical distances (v) var path1; var path2; var vertex1; var vertex2; for (i = 0; i < minlg + closePathCorr; i++) { vTotalDistance[i] = 0; vs[i] = [0]; for (p = 0; p < pathArray.length - 1; p++) { path1 = pathArray[p]; path2 = pathArray[p + 1]; if (i === minlg) { vertex1 = path1[0]; vertex2 = path2[0]; } else { vertex1 = path1[i]; vertex2 = path2[i]; } vectlg = vertex2.subtract(vertex1).length(); dist = vectlg + vTotalDistance[i]; vs[i].push(dist); vTotalDistance[i] = dist; } if (closeArray) { path1 = pathArray[p]; path2 = pathArray[0]; if (i === minlg) { vertex2 = path2[0]; } vectlg = vertex2.subtract(vertex1).length(); dist = vectlg + vTotalDistance[i]; vTotalDistance[i] = dist; } } // uvs var u; var v; for (p = 0; p < pathArray.length; p++) { for (i = 0; i < minlg + closePathCorr; i++) { u = us[p][i] / uTotalDistance[p]; v = vs[i][p] / vTotalDistance[i]; if (invertUV) { uvs.push(v, u); } else { uvs.push(u, v); } } } // indices p = 0; // path index var pi = 0; // positions array index var l1 = lg[p] - 1; // path1 length var l2 = lg[p + 1] - 1; // path2 length var min = (l1 < l2) ? l1 : l2; // current path stop index var shft = idx[1] - idx[0]; // shift var path1nb = closeArray ? lg.length : lg.length - 1; // number of path1 to iterate on while (pi <= min && p < path1nb) { // draw two triangles between path1 (p1) and path2 (p2) : (p1.pi, p2.pi, p1.pi+1) and (p2.pi+1, p1.pi+1, p2.pi) clockwise indices.push(pi, pi + shft, pi + 1); indices.push(pi + shft + 1, pi + 1, pi + shft); pi += 1; if (pi === min) { p++; if (p === lg.length - 1) { shft = idx[0] - idx[p]; l1 = lg[p] - 1; l2 = lg[0] - 1; } else { shft = idx[p + 1] - idx[p]; l1 = lg[p] - 1; l2 = lg[p + 1] - 1; } pi = idx[p]; min = (l1 < l2) ? l1 + pi : l2 + pi; } } // normals VertexData.ComputeNormals(positions, indices, normals); if (closePath) { var indexFirst = 0; var indexLast = 0; for (p = 0; p < pathArray.length; p++) { indexFirst = idx[p] * 3; if (p + 1 < pathArray.length) { indexLast = (idx[p + 1] - 1) * 3; } else { indexLast = normals.length - 3; } normals[indexFirst] = (normals[indexFirst] + normals[indexLast]) * 0.5; normals[indexFirst + 1] = (normals[indexFirst + 1] + normals[indexLast + 1]) * 0.5; normals[indexFirst + 2] = (normals[indexFirst + 2] + normals[indexLast + 2]) * 0.5; normals[indexLast] = normals[indexFirst]; normals[indexLast + 1] = normals[indexFirst + 1]; normals[indexLast + 2] = normals[indexFirst + 2]; } } // sides VertexData._ComputeSides(sideOrientation, positions, indices, normals, uvs); // Result var vertexData = new VertexData(); vertexData.indices = indices; vertexData.positions = positions; vertexData.normals = normals; vertexData.uvs = uvs; if (closePath) { vertexData._idx = idx; } return vertexData; }; VertexData.CreateBox = function (options) { var normalsSource = [ new BABYLON.Vector3(0, 0, 1), new BABYLON.Vector3(0, 0, -1), new BABYLON.Vector3(1, 0, 0), new BABYLON.Vector3(-1, 0, 0), new BABYLON.Vector3(0, 1, 0), new BABYLON.Vector3(0, -1, 0) ]; var indices = []; var positions = []; var normals = []; var uvs = []; var width = options.width || options.size || 1; var height = options.height || options.size || 1; var depth = options.depth || options.size || 1; var sideOrientation = (options.sideOrientation === 0) ? 0 : options.sideOrientation || BABYLON.Mesh.DEFAULTSIDE; var faceUV = options.faceUV || new Array(6); var faceColors = options.faceColors; var colors = []; // default face colors and UV if undefined for (var f = 0; f < 6; f++) { if (faceUV[f] === undefined) { faceUV[f] = new BABYLON.Vector4(0, 0, 1, 1); } if (faceColors && faceColors[f] === undefined) { faceColors[f] = new BABYLON.Color4(1, 1, 1, 1); } } var scaleVector = new BABYLON.Vector3(width / 2, height / 2, depth / 2); // Create each face in turn. for (var index = 0; index < normalsSource.length; index++) { var normal = normalsSource[index]; // Get two vectors perpendicular to the face normal and to each other. var side1 = new BABYLON.Vector3(normal.y, normal.z, normal.x); var side2 = BABYLON.Vector3.Cross(normal, side1); // Six indices (two triangles) per face. var verticesLength = positions.length / 3; indices.push(verticesLength); indices.push(verticesLength + 1); indices.push(verticesLength + 2); indices.push(verticesLength); indices.push(verticesLength + 2); indices.push(verticesLength + 3); // Four vertices per face. var vertex = normal.subtract(side1).subtract(side2).multiply(scaleVector); positions.push(vertex.x, vertex.y, vertex.z); normals.push(normal.x, normal.y, normal.z); uvs.push(faceUV[index].z, faceUV[index].w); if (faceColors) { colors.push(faceColors[index].r, faceColors[index].g, faceColors[index].b, faceColors[index].a); } vertex = normal.subtract(side1).add(side2).multiply(scaleVector); positions.push(vertex.x, vertex.y, vertex.z); normals.push(normal.x, normal.y, normal.z); uvs.push(faceUV[index].x, faceUV[index].w); if (faceColors) { colors.push(faceColors[index].r, faceColors[index].g, faceColors[index].b, faceColors[index].a); } vertex = normal.add(side1).add(side2).multiply(scaleVector); positions.push(vertex.x, vertex.y, vertex.z); normals.push(normal.x, normal.y, normal.z); uvs.push(faceUV[index].x, faceUV[index].y); if (faceColors) { colors.push(faceColors[index].r, faceColors[index].g, faceColors[index].b, faceColors[index].a); } vertex = normal.add(side1).subtract(side2).multiply(scaleVector); positions.push(vertex.x, vertex.y, vertex.z); normals.push(normal.x, normal.y, normal.z); uvs.push(faceUV[index].z, faceUV[index].y); if (faceColors) { colors.push(faceColors[index].r, faceColors[index].g, faceColors[index].b, faceColors[index].a); } } // sides VertexData._ComputeSides(sideOrientation, positions, indices, normals, uvs); // Result var vertexData = new VertexData(); vertexData.indices = indices; vertexData.positions = positions; vertexData.normals = normals; vertexData.uvs = uvs; if (faceColors) { var totalColors = (sideOrientation === BABYLON.Mesh.DOUBLESIDE) ? colors.concat(colors) : colors; vertexData.colors = totalColors; } return vertexData; }; VertexData.CreateSphere = function (options) { var segments = options.segments || 32; var diameterX = options.diameterX || options.diameter || 1; var diameterY = options.diameterY || options.diameter || 1; var diameterZ = options.diameterZ || options.diameter || 1; var arc = (options.arc <= 0 || options.arc > 1) ? 1.0 : options.arc || 1.0; var slice = (options.slice <= 0) ? 1.0 : options.slice || 1.0; var sideOrientation = (options.sideOrientation === 0) ? 0 : options.sideOrientation || BABYLON.Mesh.DEFAULTSIDE; var radius = new BABYLON.Vector3(diameterX / 2, diameterY / 2, diameterZ / 2); var totalZRotationSteps = 2 + segments; var totalYRotationSteps = 2 * totalZRotationSteps; var indices = []; var positions = []; var normals = []; var uvs = []; for (var zRotationStep = 0; zRotationStep <= totalZRotationSteps; zRotationStep++) { var normalizedZ = zRotationStep / totalZRotationSteps; var angleZ = normalizedZ * Math.PI * slice; for (var yRotationStep = 0; yRotationStep <= totalYRotationSteps; yRotationStep++) { var normalizedY = yRotationStep / totalYRotationSteps; var angleY = normalizedY * Math.PI * 2 * arc; var rotationZ = BABYLON.Matrix.RotationZ(-angleZ); var rotationY = BABYLON.Matrix.RotationY(angleY); var afterRotZ = BABYLON.Vector3.TransformCoordinates(BABYLON.Vector3.Up(), rotationZ); var complete = BABYLON.Vector3.TransformCoordinates(afterRotZ, rotationY); var vertex = complete.multiply(radius); var normal = complete.divide(radius).normalize(); positions.push(vertex.x, vertex.y, vertex.z); normals.push(normal.x, normal.y, normal.z); uvs.push(normalizedY, normalizedZ); } if (zRotationStep > 0) { var verticesCount = positions.length / 3; for (var firstIndex = verticesCount - 2 * (totalYRotationSteps + 1); (firstIndex + totalYRotationSteps + 2) < verticesCount; firstIndex++) { indices.push((firstIndex)); indices.push((firstIndex + 1)); indices.push(firstIndex + totalYRotationSteps + 1); indices.push((firstIndex + totalYRotationSteps + 1)); indices.push((firstIndex + 1)); indices.push((firstIndex + totalYRotationSteps + 2)); } } } // Sides VertexData._ComputeSides(sideOrientation, positions, indices, normals, uvs); // Result var vertexData = new VertexData(); vertexData.indices = indices; vertexData.positions = positions; vertexData.normals = normals; vertexData.uvs = uvs; return vertexData; }; // Cylinder and cone VertexData.CreateCylinder = function (options) { var height = options.height || 2; var diameterTop = (options.diameterTop === 0) ? 0 : options.diameterTop || options.diameter || 1; var diameterBottom = (options.diameterBottom === 0) ? 0 : options.diameterBottom || options.diameter || 1; var tessellation = options.tessellation || 24; var subdivisions = options.subdivisions || 1; var hasRings = options.hasRings; var enclose = options.enclose; var arc = (options.arc <= 0 || options.arc > 1) ? 1.0 : options.arc || 1.0; var sideOrientation = (options.sideOrientation === 0) ? 0 : options.sideOrientation || BABYLON.Mesh.DEFAULTSIDE; var faceUV = options.faceUV || new Array(3); var faceColors = options.faceColors; // default face colors and UV if undefined var quadNb = (arc !== 1 && enclose) ? 2 : 0; var ringNb = (hasRings) ? subdivisions : 1; var surfaceNb = 2 + (1 + quadNb) * ringNb; var f; for (f = 0; f < surfaceNb; f++) { if (faceColors && faceColors[f] === undefined) { faceColors[f] = new BABYLON.Color4(1, 1, 1, 1); } } for (f = 0; f < surfaceNb; f++) { if (faceUV && faceUV[f] === undefined) { faceUV[f] = new BABYLON.Vector4(0, 0, 1, 1); } } var indices = []; var positions = []; var normals = []; var uvs = []; var colors = []; var angle_step = Math.PI * 2 * arc / tessellation; var angle; var h; var radius; var tan = (diameterBottom - diameterTop) / 2 / height; var ringVertex = BABYLON.Vector3.Zero(); var ringNormal = BABYLON.Vector3.Zero(); var ringFirstVertex = BABYLON.Vector3.Zero(); var ringFirstNormal = BABYLON.Vector3.Zero(); var quadNormal = BABYLON.Vector3.Zero(); var Y = BABYLON.Axis.Y; // positions, normals, uvs var i; var j; var r; var ringIdx = 1; var s = 1; // surface index var cs = 0; var v = 0; for (i = 0; i <= subdivisions; i++) { h = i / subdivisions; radius = (h * (diameterTop - diameterBottom) + diameterBottom) / 2; ringIdx = (hasRings && i !== 0 && i !== subdivisions) ? 2 : 1; for (r = 0; r < ringIdx; r++) { if (hasRings) { s += r; } if (enclose) { s += 2 * r; } for (j = 0; j <= tessellation; j++) { angle = j * angle_step; // position ringVertex.x = Math.cos(-angle) * radius; ringVertex.y = -height / 2 + h * height; ringVertex.z = Math.sin(-angle) * radius; // normal if (diameterTop === 0 && i === subdivisions) { // if no top cap, reuse former normals ringNormal.x = normals[normals.length - (tessellation + 1) * 3]; ringNormal.y = normals[normals.length - (tessellation + 1) * 3 + 1]; ringNormal.z = normals[normals.length - (tessellation + 1) * 3 + 2]; } else { ringNormal.x = ringVertex.x; ringNormal.z = ringVertex.z; ringNormal.y = Math.sqrt(ringNormal.x * ringNormal.x + ringNormal.z * ringNormal.z) * tan; ringNormal.normalize(); } // keep first ring vertex values for enclose if (j === 0) { ringFirstVertex.copyFrom(ringVertex); ringFirstNormal.copyFrom(ringNormal); } positions.push(ringVertex.x, ringVertex.y, ringVertex.z); normals.push(ringNormal.x, ringNormal.y, ringNormal.z); if (hasRings) { v = (cs !== s) ? faceUV[s].y : faceUV[s].w; } else { v = faceUV[s].y + (faceUV[s].w - faceUV[s].y) * h; } uvs.push(faceUV[s].x + (faceUV[s].z - faceUV[s].x) * j / tessellation, v); if (faceColors) { colors.push(faceColors[s].r, faceColors[s].g, faceColors[s].b, faceColors[s].a); } } // if enclose, add four vertices and their dedicated normals if (arc !== 1 && enclose) { positions.push(ringVertex.x, ringVertex.y, ringVertex.z); positions.push(0, ringVertex.y, 0); positions.push(0, ringVertex.y, 0); positions.push(ringFirstVertex.x, ringFirstVertex.y, ringFirstVertex.z); BABYLON.Vector3.CrossToRef(Y, ringNormal, quadNormal); quadNormal.normalize(); normals.push(quadNormal.x, quadNormal.y, quadNormal.z, quadNormal.x, quadNormal.y, quadNormal.z); BABYLON.Vector3.CrossToRef(ringFirstNormal, Y, quadNormal); quadNormal.normalize(); normals.push(quadNormal.x, quadNormal.y, quadNormal.z, quadNormal.x, quadNormal.y, quadNormal.z); if (hasRings) { v = (cs !== s) ? faceUV[s + 1].y : faceUV[s + 1].w; } else { v = faceUV[s + 1].y + (faceUV[s + 1].w - faceUV[s + 1].y) * h; } uvs.push(faceUV[s + 1].x, v); uvs.push(faceUV[s + 1].z, v); if (hasRings) { v = (cs !== s) ? faceUV[s + 2].y : faceUV[s + 2].w; } else { v = faceUV[s + 2].y + (faceUV[s + 2].w - faceUV[s + 2].y) * h; } uvs.push(faceUV[s + 2].x, v); uvs.push(faceUV[s + 2].z, v); if (faceColors) { colors.push(faceColors[s + 1].r, faceColors[s + 1].g, faceColors[s + 1].b, faceColors[s + 1].a); colors.push(faceColors[s + 1].r, faceColors[s + 1].g, faceColors[s + 1].b, faceColors[s + 1].a); colors.push(faceColors[s + 2].r, faceColors[s + 2].g, faceColors[s + 2].b, faceColors[s + 2].a); colors.push(faceColors[s + 2].r, faceColors[s + 2].g, faceColors[s + 2].b, faceColors[s + 2].a); } } if (cs !== s) { cs = s; } } } // indices var e = (arc !== 1 && enclose) ? tessellation + 4 : tessellation; // correction of number of iteration if enclose var s; i = 0; for (s = 0; s < subdivisions; s++) { for (j = 0; j < tessellation; j++) { var i0 = i * (e + 1) + j; var i1 = (i + 1) * (e + 1) + j; var i2 = i * (e + 1) + (j + 1); var i3 = (i + 1) * (e + 1) + (j + 1); indices.push(i0, i1, i2); indices.push(i3, i2, i1); } if (arc !== 1 && enclose) { indices.push(i0 + 2, i1 + 2, i2 + 2); indices.push(i3 + 2, i2 + 2, i1 + 2); indices.push(i0 + 4, i1 + 4, i2 + 4); indices.push(i3 + 4, i2 + 4, i1 + 4); } i = (hasRings) ? (i + 2) : (i + 1); } // Caps var createCylinderCap = function (isTop) { var radius = isTop ? diameterTop / 2 : diameterBottom / 2; if (radius === 0) { return; } // Cap positions, normals & uvs var angle; var circleVector; var i; var u = (isTop) ? faceUV[surfaceNb - 1] : faceUV[0]; var c; if (faceColors) { c = (isTop) ? faceColors[surfaceNb - 1] : faceColors[0]; } // cap center var vbase = positions.length / 3; var offset = isTop ? height / 2 : -height / 2; var center = new BABYLON.Vector3(0, offset, 0); positions.push(center.x, center.y, center.z); normals.push(0, isTop ? 1 : -1, 0); uvs.push(u.x + (u.z - u.x) * 0.5, u.y + (u.w - u.y) * 0.5); if (faceColors) { colors.push(c.r, c.g, c.b, c.a); } var textureScale = new BABYLON.Vector2(0.5, 0.5); for (i = 0; i <= tessellation; i++) { angle = Math.PI * 2 * i * arc / tessellation; var cos = Math.cos(-angle); var sin = Math.sin(-angle); circleVector = new BABYLON.Vector3(cos * radius, offset, sin * radius); var textureCoordinate = new BABYLON.Vector2(cos * textureScale.x + 0.5, sin * textureScale.y + 0.5); positions.push(circleVector.x, circleVector.y, circleVector.z); normals.push(0, isTop ? 1 : -1, 0); uvs.push(u.x + (u.z - u.x) * textureCoordinate.x, u.y + (u.w - u.y) * textureCoordinate.y); if (faceColors) { colors.push(c.r, c.g, c.b, c.a); } } // Cap indices for (i = 0; i < tessellation; i++) { if (!isTop) { indices.push(vbase); indices.push(vbase + (i + 1)); indices.push(vbase + (i + 2)); } else { indices.push(vbase); indices.push(vbase + (i + 2)); indices.push(vbase + (i + 1)); } } }; // add caps to geometry createCylinderCap(false); createCylinderCap(true); // Sides VertexData._ComputeSides(sideOrientation, positions, indices, normals, uvs); var vertexData = new VertexData(); vertexData.indices = indices; vertexData.positions = positions; vertexData.normals = normals; vertexData.uvs = uvs; if (faceColors) { vertexData.colors = colors; } return vertexData; }; VertexData.CreateTorus = function (options) { var indices = []; var positions = []; var normals = []; var uvs = []; var diameter = options.diameter || 1; var thickness = options.thickness || 0.5; var tessellation = options.tessellation || 16; var sideOrientation = (options.sideOrientation === 0) ? 0 : options.sideOrientation || BABYLON.Mesh.DEFAULTSIDE; var stride = tessellation + 1; for (var i = 0; i <= tessellation; i++) { var u = i / tessellation; var outerAngle = i * Math.PI * 2.0 / tessellation - Math.PI / 2.0; var transform = BABYLON.Matrix.Translation(diameter / 2.0, 0, 0).multiply(BABYLON.Matrix.RotationY(outerAngle)); for (var j = 0; j <= tessellation; j++) { var v = 1 - j / tessellation; var innerAngle = j * Math.PI * 2.0 / tessellation + Math.PI; var dx = Math.cos(innerAngle); var dy = Math.sin(innerAngle); // Create a vertex. var normal = new BABYLON.Vector3(dx, dy, 0); var position = normal.scale(thickness / 2); var textureCoordinate = new BABYLON.Vector2(u, v); position = BABYLON.Vector3.TransformCoordinates(position, transform); normal = BABYLON.Vector3.TransformNormal(normal, transform); positions.push(position.x, position.y, position.z); normals.push(normal.x, normal.y, normal.z); uvs.push(textureCoordinate.x, textureCoordinate.y); // And create indices for two triangles. var nextI = (i + 1) % stride; var nextJ = (j + 1) % stride; indices.push(i * stride + j); indices.push(i * stride + nextJ); indices.push(nextI * stride + j); indices.push(i * stride + nextJ); indices.push(nextI * stride + nextJ); indices.push(nextI * stride + j); } } // Sides VertexData._ComputeSides(sideOrientation, positions, indices, normals, uvs); // Result var vertexData = new VertexData(); vertexData.indices = indices; vertexData.positions = positions; vertexData.normals = normals; vertexData.uvs = uvs; return vertexData; }; VertexData.CreateLineSystem = function (options) { var indices = []; var positions = []; var lines = options.lines; var idx = 0; for (var l = 0; l < lines.length; l++) { var points = lines[l]; for (var index = 0; index < points.length; index++) { positions.push(points[index].x, points[index].y, points[index].z); if (index > 0) { indices.push(idx - 1); indices.push(idx); } idx++; } } var vertexData = new VertexData(); vertexData.indices = indices; vertexData.positions = positions; return vertexData; }; VertexData.CreateDashedLines = function (options) { var dashSize = options.dashSize || 3; var gapSize = options.gapSize || 1; var dashNb = options.dashNb || 200; var points = options.points; var positions = new Array(); var indices = new Array(); var curvect = BABYLON.Vector3.Zero(); var lg = 0; var nb = 0; var shft = 0; var dashshft = 0; var curshft = 0; var idx = 0; var i = 0; for (i = 0; i < points.length - 1; i++) { points[i + 1].subtractToRef(points[i], curvect); lg += curvect.length(); } shft = lg / dashNb; dashshft = dashSize * shft / (dashSize + gapSize); for (i = 0; i < points.length - 1; i++) { points[i + 1].subtractToRef(points[i], curvect); nb = Math.floor(curvect.length() / shft); curvect.normalize(); for (var j = 0; j < nb; j++) { curshft = shft * j; positions.push(points[i].x + curshft * curvect.x, points[i].y + curshft * curvect.y, points[i].z + curshft * curvect.z); positions.push(points[i].x + (curshft + dashshft) * curvect.x, points[i].y + (curshft + dashshft) * curvect.y, points[i].z + (curshft + dashshft) * curvect.z); indices.push(idx, idx + 1); idx += 2; } } // Result var vertexData = new VertexData(); vertexData.positions = positions; vertexData.indices = indices; return vertexData; }; VertexData.CreateGround = function (options) { var indices = []; var positions = []; var normals = []; var uvs = []; var row, col; var width = options.width || 1; var height = options.height || 1; var subdivisionsX = options.subdivisionsX || options.subdivisions || 1; var subdivisionsY = options.subdivisionsY || options.subdivisions || 1; for (row = 0; row <= subdivisionsY; row++) { for (col = 0; col <= subdivisionsX; col++) { var position = new BABYLON.Vector3((col * width) / subdivisionsX - (width / 2.0), 0, ((subdivisionsY - row) * height) / subdivisionsY - (height / 2.0)); var normal = new BABYLON.Vector3(0, 1.0, 0); positions.push(position.x, position.y, position.z); normals.push(normal.x, normal.y, normal.z); uvs.push(col / subdivisionsX, 1.0 - row / subdivisionsX); } } for (row = 0; row < subdivisionsY; row++) { for (col = 0; col < subdivisionsX; col++) { indices.push(col + 1 + (row + 1) * (subdivisionsX + 1)); indices.push(col + 1 + row * (subdivisionsX + 1)); indices.push(col + row * (subdivisionsX + 1)); indices.push(col + (row + 1) * (subdivisionsX + 1)); indices.push(col + 1 + (row + 1) * (subdivisionsX + 1)); indices.push(col + row * (subdivisionsX + 1)); } } // Result var vertexData = new VertexData(); vertexData.indices = indices; vertexData.positions = positions; vertexData.normals = normals; vertexData.uvs = uvs; return vertexData; }; VertexData.CreateTiledGround = function (options) { var xmin = options.xmin || -1.0; var zmin = options.zmin || -1.0; var xmax = options.xmax || 1.0; var zmax = options.zmax || 1.0; var subdivisions = options.subdivisions || { w: 1, h: 1 }; var precision = options.precision || { w: 1, h: 1 }; var indices = []; var positions = []; var normals = []; var uvs = []; var row, col, tileRow, tileCol; subdivisions.h = (subdivisions.h < 1) ? 1 : subdivisions.h; subdivisions.w = (subdivisions.w < 1) ? 1 : subdivisions.w; precision.w = (precision.w < 1) ? 1 : precision.w; precision.h = (precision.h < 1) ? 1 : precision.h; var tileSize = { 'w': (xmax - xmin) / subdivisions.w, 'h': (zmax - zmin) / subdivisions.h }; function applyTile(xTileMin, zTileMin, xTileMax, zTileMax) { // Indices var base = positions.length / 3; var rowLength = precision.w + 1; for (row = 0; row < precision.h; row++) { for (col = 0; col < precision.w; col++) { var square = [ base + col + row * rowLength, base + (col + 1) + row * rowLength, base + (col + 1) + (row + 1) * rowLength, base + col + (row + 1) * rowLength ]; indices.push(square[1]); indices.push(square[2]); indices.push(square[3]); indices.push(square[0]); indices.push(square[1]); indices.push(square[3]); } } // Position, normals and uvs var position = BABYLON.Vector3.Zero(); var normal = new BABYLON.Vector3(0, 1.0, 0); for (row = 0; row <= precision.h; row++) { position.z = (row * (zTileMax - zTileMin)) / precision.h + zTileMin; for (col = 0; col <= precision.w; col++) { position.x = (col * (xTileMax - xTileMin)) / precision.w + xTileMin; position.y = 0; positions.push(position.x, position.y, position.z); normals.push(normal.x, normal.y, normal.z); uvs.push(col / precision.w, row / precision.h); } } } for (tileRow = 0; tileRow < subdivisions.h; tileRow++) { for (tileCol = 0; tileCol < subdivisions.w; tileCol++) { applyTile(xmin + tileCol * tileSize.w, zmin + tileRow * tileSize.h, xmin + (tileCol + 1) * tileSize.w, zmin + (tileRow + 1) * tileSize.h); } } // Result var vertexData = new VertexData(); vertexData.indices = indices; vertexData.positions = positions; vertexData.normals = normals; vertexData.uvs = uvs; return vertexData; }; VertexData.CreateGroundFromHeightMap = function (options) { var indices = []; var positions = []; var normals = []; var uvs = []; var row, col; // Vertices for (row = 0; row <= options.subdivisions; row++) { for (col = 0; col <= options.subdivisions; col++) { var position = new BABYLON.Vector3((col * options.width) / options.subdivisions - (options.width / 2.0), 0, ((options.subdivisions - row) * options.height) / options.subdivisions - (options.height / 2.0)); // Compute height var heightMapX = (((position.x + options.width / 2) / options.width) * (options.bufferWidth - 1)) | 0; var heightMapY = ((1.0 - (position.z + options.height / 2) / options.height) * (options.bufferHeight - 1)) | 0; var pos = (heightMapX + heightMapY * options.bufferWidth) * 4; var r = options.buffer[pos] / 255.0; var g = options.buffer[pos + 1] / 255.0; var b = options.buffer[pos + 2] / 255.0; var gradient = r * 0.3 + g * 0.59 + b * 0.11; position.y = options.minHeight + (options.maxHeight - options.minHeight) * gradient; // Add vertex positions.push(position.x, position.y, position.z); normals.push(0, 0, 0); uvs.push(col / options.subdivisions, 1.0 - row / options.subdivisions); } } // Indices for (row = 0; row < options.subdivisions; row++) { for (col = 0; col < options.subdivisions; col++) { indices.push(col + 1 + (row + 1) * (options.subdivisions + 1)); indices.push(col + 1 + row * (options.subdivisions + 1)); indices.push(col + row * (options.subdivisions + 1)); indices.push(col + (row + 1) * (options.subdivisions + 1)); indices.push(col + 1 + (row + 1) * (options.subdivisions + 1)); indices.push(col + row * (options.subdivisions + 1)); } } // Normals VertexData.ComputeNormals(positions, indices, normals); // Result var vertexData = new VertexData(); vertexData.indices = indices; vertexData.positions = positions; vertexData.normals = normals; vertexData.uvs = uvs; return vertexData; }; VertexData.CreatePlane = function (options) { var indices = []; var positions = []; var normals = []; var uvs = []; var width = options.width || options.size || 1; var height = options.height || options.size || 1; var sideOrientation = (options.sideOrientation === 0) ? 0 : options.sideOrientation || BABYLON.Mesh.DEFAULTSIDE; // Vertices var halfWidth = width / 2.0; var halfHeight = height / 2.0; positions.push(-halfWidth, -halfHeight, 0); normals.push(0, 0, -1.0); uvs.push(0.0, 0.0); positions.push(halfWidth, -halfHeight, 0); normals.push(0, 0, -1.0); uvs.push(1.0, 0.0); positions.push(halfWidth, halfHeight, 0); normals.push(0, 0, -1.0); uvs.push(1.0, 1.0); positions.push(-halfWidth, halfHeight, 0); normals.push(0, 0, -1.0); uvs.push(0.0, 1.0); // Indices indices.push(0); indices.push(1); indices.push(2); indices.push(0); indices.push(2); indices.push(3); // Sides VertexData._ComputeSides(sideOrientation, positions, indices, normals, uvs); // Result var vertexData = new VertexData(); vertexData.indices = indices; vertexData.positions = positions; vertexData.normals = normals; vertexData.uvs = uvs; return vertexData; }; VertexData.CreateDisc = function (options) { var positions = []; var indices = []; var normals = []; var uvs = []; var radius = options.radius || 0.5; var tessellation = options.tessellation || 64; var arc = (options.arc <= 0 || options.arc > 1) ? 1.0 : options.arc || 1.0; var sideOrientation = (options.sideOrientation === 0) ? 0 : options.sideOrientation || BABYLON.Mesh.DEFAULTSIDE; // positions and uvs positions.push(0, 0, 0); // disc center first uvs.push(0.5, 0.5); var theta = Math.PI * 2 * arc; var step = theta / tessellation; for (var a = 0; a < theta; a += step) { var x = Math.cos(a); var y = Math.sin(a); var u = (x + 1) / 2; var v = (1 - y) / 2; positions.push(radius * x, radius * y, 0); uvs.push(u, v); } if (arc === 1) { positions.push(positions[3], positions[4], positions[5]); // close the circle uvs.push(uvs[2], uvs[3]); } //indices var vertexNb = positions.length / 3; for (var i = 1; i < vertexNb - 1; i++) { indices.push(i + 1, 0, i); } // result VertexData.ComputeNormals(positions, indices, normals); VertexData._ComputeSides(sideOrientation, positions, indices, normals, uvs); var vertexData = new VertexData(); vertexData.indices = indices; vertexData.positions = positions; vertexData.normals = normals; vertexData.uvs = uvs; return vertexData; }; VertexData.CreateIcoSphere = function (options) { var sideOrientation = options.sideOrientation || BABYLON.Mesh.DEFAULTSIDE; var radius = options.radius || 1; var flat = (options.flat === undefined) ? true : options.flat; var subdivisions = options.subdivisions || 4; var radiusX = options.radiusX || radius; var radiusY = options.radiusY || radius; var radiusZ = options.radiusZ || radius; var t = (1 + Math.sqrt(5)) / 2; // 12 vertex x,y,z var ico_vertices = [ -1, t, -0, 1, t, 0, -1, -t, 0, 1, -t, 0, 0, -1, -t, 0, 1, -t, 0, -1, t, 0, 1, t, t, 0, 1, t, 0, -1, -t, 0, 1, -t, 0, -1 // v8-11 ]; // index of 3 vertex makes a face of icopshere var ico_indices = [ 0, 11, 5, 0, 5, 1, 0, 1, 7, 0, 7, 10, 12, 22, 23, 1, 5, 20, 5, 11, 4, 23, 22, 13, 22, 18, 6, 7, 1, 8, 14, 21, 4, 14, 4, 2, 16, 13, 6, 15, 6, 19, 3, 8, 9, 4, 21, 5, 13, 17, 23, 6, 13, 22, 19, 6, 18, 9, 8, 1 ]; // vertex for uv have aliased position, not for UV var vertices_unalias_id = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, // vertex alias 0, 2, 3, 3, 3, 4, 7, 8, 9, 9, 10, 11 // 23: B + 12 ]; // uv as integer step (not pixels !) var ico_vertexuv = [ 5, 1, 3, 1, 6, 4, 0, 0, 5, 3, 4, 2, 2, 2, 4, 0, 2, 0, 1, 1, 6, 0, 6, 2, // vertex alias (for same vertex on different faces) 0, 4, 3, 3, 4, 4, 3, 1, 4, 2, 4, 4, 0, 2, 1, 1, 2, 2, 3, 3, 1, 3, 2, 4 // 23: B + 12 ]; // Vertices[0, 1, ...9, A, B] : position on UV plane // '+' indicate duplicate position to be fixed (3,9:0,2,3,4,7,8,A,B) // First island of uv mapping // v = 4h 3+ 2 // v = 3h 9+ 4 // v = 2h 9+ 5 B // v = 1h 9 1 0 // v = 0h 3 8 7 A // u = 0 1 2 3 4 5 6 *a // Second island of uv mapping // v = 4h 0+ B+ 4+ // v = 3h A+ 2+ // v = 2h 7+ 6 3+ // v = 1h 8+ 3+ // v = 0h // u = 0 1 2 3 4 5 6 *a // Face layout on texture UV mapping // ============ // \ 4 /\ 16 / ====== // \ / \ / /\ 11 / // \/ 7 \/ / \ / // ======= / 10 \/ // /\ 17 /\ ======= // / \ / \ \ 15 /\ // / 8 \/ 12 \ \ / \ // ============ \/ 6 \ // \ 18 /\ ============ // \ / \ \ 5 /\ 0 / // \/ 13 \ \ / \ / // ======= \/ 1 \/ // ============= // /\ 19 /\ 2 /\ // / \ / \ / \ // / 14 \/ 9 \/ 3 \ // =================== // uv step is u:1 or 0.5, v:cos(30)=sqrt(3)/2, ratio approx is 84/97 var ustep = 138 / 1024; var vstep = 239 / 1024; var uoffset = 60 / 1024; var voffset = 26 / 1024; // Second island should have margin, not to touch the first island // avoid any borderline artefact in pixel rounding var island_u_offset = -40 / 1024; var island_v_offset = +20 / 1024; // face is either island 0 or 1 : // second island is for faces : [4, 7, 8, 12, 13, 16, 17, 18] var island = [ 0, 0, 0, 0, 1, 0, 0, 1, 1, 0, 0, 0, 1, 1, 0, 0, 1, 1, 1, 0 // 15 - 19 ]; var indices = []; var positions = []; var normals = []; var uvs = []; var current_indice = 0; // prepare array of 3 vector (empty) (to be worked in place, shared for each face) var face_vertex_pos = new Array(3); var face_vertex_uv = new Array(3); var v012; for (v012 = 0; v012 < 3; v012++) { face_vertex_pos[v012] = BABYLON.Vector3.Zero(); face_vertex_uv[v012] = BABYLON.Vector2.Zero(); } // create all with normals for (var face = 0; face < 20; face++) { // 3 vertex per face for (v012 = 0; v012 < 3; v012++) { // look up vertex 0,1,2 to its index in 0 to 11 (or 23 including alias) var v_id = ico_indices[3 * face + v012]; // vertex have 3D position (x,y,z) face_vertex_pos[v012].copyFromFloats(ico_vertices[3 * vertices_unalias_id[v_id]], ico_vertices[3 * vertices_unalias_id[v_id] + 1], ico_vertices[3 * vertices_unalias_id[v_id] + 2]); // Normalize to get normal, then scale to radius face_vertex_pos[v012].normalize().scaleInPlace(radius); // uv Coordinates from vertex ID face_vertex_uv[v012].copyFromFloats(ico_vertexuv[2 * v_id] * ustep + uoffset + island[face] * island_u_offset, ico_vertexuv[2 * v_id + 1] * vstep + voffset + island[face] * island_v_offset); } // Subdivide the face (interpolate pos, norm, uv) // - pos is linear interpolation, then projected to sphere (converge polyhedron to sphere) // - norm is linear interpolation of vertex corner normal // (to be checked if better to re-calc from face vertex, or if approximation is OK ??? ) // - uv is linear interpolation // // Topology is as below for sub-divide by 2 // vertex shown as v0,v1,v2 // interp index is i1 to progress in range [v0,v1[ // interp index is i2 to progress in range [v0,v2[ // face index as (i1,i2) for /\ : (i1,i2),(i1+1,i2),(i1,i2+1) // and (i1,i2)' for \/ : (i1+1,i2),(i1+1,i2+1),(i1,i2+1) // // // i2 v2 // ^ ^ // / / \ // / / \ // / / \ // / / (0,1) \ // / #---------\ // / / \ (0,0)'/ \ // / / \ / \ // / / \ / \ // / / (0,0) \ / (1,0) \ // / #---------#---------\ // v0 v1 // // --------------------> i1 // // interp of (i1,i2): // along i2 : x0=lerp(v0,v2, i2/S) <---> x1=lerp(v1,v2, i2/S) // along i1 : lerp(x0,x1, i1/(S-i2)) // // centroid of triangle is needed to get help normal computation // (c1,c2) are used for centroid location var interp_vertex = function (i1, i2, c1, c2) { // vertex is interpolated from // - face_vertex_pos[0..2] // - face_vertex_uv[0..2] var pos_x0 = BABYLON.Vector3.Lerp(face_vertex_pos[0], face_vertex_pos[2], i2 / subdivisions); var pos_x1 = BABYLON.Vector3.Lerp(face_vertex_pos[1], face_vertex_pos[2], i2 / subdivisions); var pos_interp = (subdivisions === i2) ? face_vertex_pos[2] : BABYLON.Vector3.Lerp(pos_x0, pos_x1, i1 / (subdivisions - i2)); pos_interp.normalize(); var vertex_normal; if (flat) { // in flat mode, recalculate normal as face centroid normal var centroid_x0 = BABYLON.Vector3.Lerp(face_vertex_pos[0], face_vertex_pos[2], c2 / subdivisions); var centroid_x1 = BABYLON.Vector3.Lerp(face_vertex_pos[1], face_vertex_pos[2], c2 / subdivisions); vertex_normal = BABYLON.Vector3.Lerp(centroid_x0, centroid_x1, c1 / (subdivisions - c2)); } else { // in smooth mode, recalculate normal from each single vertex position vertex_normal = new BABYLON.Vector3(pos_interp.x, pos_interp.y, pos_interp.z); } // Vertex normal need correction due to X,Y,Z radius scaling vertex_normal.x /= radiusX; vertex_normal.y /= radiusY; vertex_normal.z /= radiusZ; vertex_normal.normalize(); var uv_x0 = BABYLON.Vector2.Lerp(face_vertex_uv[0], face_vertex_uv[2], i2 / subdivisions); var uv_x1 = BABYLON.Vector2.Lerp(face_vertex_uv[1], face_vertex_uv[2], i2 / subdivisions); var uv_interp = (subdivisions === i2) ? face_vertex_uv[2] : BABYLON.Vector2.Lerp(uv_x0, uv_x1, i1 / (subdivisions - i2)); positions.push(pos_interp.x * radiusX, pos_interp.y * radiusY, pos_interp.z * radiusZ); normals.push(vertex_normal.x, vertex_normal.y, vertex_normal.z); uvs.push(uv_interp.x, uv_interp.y); // push each vertex has member of a face // Same vertex can bleong to multiple face, it is pushed multiple time (duplicate vertex are present) indices.push(current_indice); current_indice++; }; for (var i2 = 0; i2 < subdivisions; i2++) { for (var i1 = 0; i1 + i2 < subdivisions; i1++) { // face : (i1,i2) for /\ : // interp for : (i1,i2),(i1+1,i2),(i1,i2+1) interp_vertex(i1, i2, i1 + 1.0 / 3, i2 + 1.0 / 3); interp_vertex(i1 + 1, i2, i1 + 1.0 / 3, i2 + 1.0 / 3); interp_vertex(i1, i2 + 1, i1 + 1.0 / 3, i2 + 1.0 / 3); if (i1 + i2 + 1 < subdivisions) { // face : (i1,i2)' for \/ : // interp for (i1+1,i2),(i1+1,i2+1),(i1,i2+1) interp_vertex(i1 + 1, i2, i1 + 2.0 / 3, i2 + 2.0 / 3); interp_vertex(i1 + 1, i2 + 1, i1 + 2.0 / 3, i2 + 2.0 / 3); interp_vertex(i1, i2 + 1, i1 + 2.0 / 3, i2 + 2.0 / 3); } } } } // Sides VertexData._ComputeSides(sideOrientation, positions, indices, normals, uvs); // Result var vertexData = new VertexData(); vertexData.indices = indices; vertexData.positions = positions; vertexData.normals = normals; vertexData.uvs = uvs; return vertexData; }; // inspired from // http://stemkoski.github.io/Three.js/Polyhedra.html VertexData.CreatePolyhedron = function (options) { // provided polyhedron types : // 0 : Tetrahedron, 1 : Octahedron, 2 : Dodecahedron, 3 : Icosahedron, 4 : Rhombicuboctahedron, 5 : Triangular Prism, 6 : Pentagonal Prism, 7 : Hexagonal Prism, 8 : Square Pyramid (J1) // 9 : Pentagonal Pyramid (J2), 10 : Triangular Dipyramid (J12), 11 : Pentagonal Dipyramid (J13), 12 : Elongated Square Dipyramid (J15), 13 : Elongated Pentagonal Dipyramid (J16), 14 : Elongated Pentagonal Cupola (J20) var polyhedra = []; polyhedra[0] = { vertex: [[0, 0, 1.732051], [1.632993, 0, -0.5773503], [-0.8164966, 1.414214, -0.5773503], [-0.8164966, -1.414214, -0.5773503]], face: [[0, 1, 2], [0, 2, 3], [0, 3, 1], [1, 3, 2]] }; polyhedra[1] = { vertex: [[0, 0, 1.414214], [1.414214, 0, 0], [0, 1.414214, 0], [-1.414214, 0, 0], [0, -1.414214, 0], [0, 0, -1.414214]], face: [[0, 1, 2], [0, 2, 3], [0, 3, 4], [0, 4, 1], [1, 4, 5], [1, 5, 2], [2, 5, 3], [3, 5, 4]] }; polyhedra[2] = { vertex: [[0, 0, 1.070466], [0.7136442, 0, 0.7978784], [-0.3568221, 0.618034, 0.7978784], [-0.3568221, -0.618034, 0.7978784], [0.7978784, 0.618034, 0.3568221], [0.7978784, -0.618034, 0.3568221], [-0.9341724, 0.381966, 0.3568221], [0.1362939, 1, 0.3568221], [0.1362939, -1, 0.3568221], [-0.9341724, -0.381966, 0.3568221], [0.9341724, 0.381966, -0.3568221], [0.9341724, -0.381966, -0.3568221], [-0.7978784, 0.618034, -0.3568221], [-0.1362939, 1, -0.3568221], [-0.1362939, -1, -0.3568221], [-0.7978784, -0.618034, -0.3568221], [0.3568221, 0.618034, -0.7978784], [0.3568221, -0.618034, -0.7978784], [-0.7136442, 0, -0.7978784], [0, 0, -1.070466]], face: [[0, 1, 4, 7, 2], [0, 2, 6, 9, 3], [0, 3, 8, 5, 1], [1, 5, 11, 10, 4], [2, 7, 13, 12, 6], [3, 9, 15, 14, 8], [4, 10, 16, 13, 7], [5, 8, 14, 17, 11], [6, 12, 18, 15, 9], [10, 11, 17, 19, 16], [12, 13, 16, 19, 18], [14, 15, 18, 19, 17]] }; polyhedra[3] = { vertex: [[0, 0, 1.175571], [1.051462, 0, 0.5257311], [0.3249197, 1, 0.5257311], [-0.8506508, 0.618034, 0.5257311], [-0.8506508, -0.618034, 0.5257311], [0.3249197, -1, 0.5257311], [0.8506508, 0.618034, -0.5257311], [0.8506508, -0.618034, -0.5257311], [-0.3249197, 1, -0.5257311], [-1.051462, 0, -0.5257311], [-0.3249197, -1, -0.5257311], [0, 0, -1.175571]], face: [[0, 1, 2], [0, 2, 3], [0, 3, 4], [0, 4, 5], [0, 5, 1], [1, 5, 7], [1, 7, 6], [1, 6, 2], [2, 6, 8], [2, 8, 3], [3, 8, 9], [3, 9, 4], [4, 9, 10], [4, 10, 5], [5, 10, 7], [6, 7, 11], [6, 11, 8], [7, 10, 11], [8, 11, 9], [9, 11, 10]] }; polyhedra[4] = { vertex: [[0, 0, 1.070722], [0.7148135, 0, 0.7971752], [-0.104682, 0.7071068, 0.7971752], [-0.6841528, 0.2071068, 0.7971752], [-0.104682, -0.7071068, 0.7971752], [0.6101315, 0.7071068, 0.5236279], [1.04156, 0.2071068, 0.1367736], [0.6101315, -0.7071068, 0.5236279], [-0.3574067, 1, 0.1367736], [-0.7888348, -0.5, 0.5236279], [-0.9368776, 0.5, 0.1367736], [-0.3574067, -1, 0.1367736], [0.3574067, 1, -0.1367736], [0.9368776, -0.5, -0.1367736], [0.7888348, 0.5, -0.5236279], [0.3574067, -1, -0.1367736], [-0.6101315, 0.7071068, -0.5236279], [-1.04156, -0.2071068, -0.1367736], [-0.6101315, -0.7071068, -0.5236279], [0.104682, 0.7071068, -0.7971752], [0.6841528, -0.2071068, -0.7971752], [0.104682, -0.7071068, -0.7971752], [-0.7148135, 0, -0.7971752], [0, 0, -1.070722]], face: [[0, 2, 3], [1, 6, 5], [4, 9, 11], [7, 15, 13], [8, 16, 10], [12, 14, 19], [17, 22, 18], [20, 21, 23], [0, 1, 5, 2], [0, 3, 9, 4], [0, 4, 7, 1], [1, 7, 13, 6], [2, 5, 12, 8], [2, 8, 10, 3], [3, 10, 17, 9], [4, 11, 15, 7], [5, 6, 14, 12], [6, 13, 20, 14], [8, 12, 19, 16], [9, 17, 18, 11], [10, 16, 22, 17], [11, 18, 21, 15], [13, 15, 21, 20], [14, 20, 23, 19], [16, 19, 23, 22], [18, 22, 23, 21]] }; polyhedra[5] = { vertex: [[0, 0, 1.322876], [1.309307, 0, 0.1889822], [-0.9819805, 0.8660254, 0.1889822], [0.1636634, -1.299038, 0.1889822], [0.3273268, 0.8660254, -0.9449112], [-0.8183171, -0.4330127, -0.9449112]], face: [[0, 3, 1], [2, 4, 5], [0, 1, 4, 2], [0, 2, 5, 3], [1, 3, 5, 4]] }; polyhedra[6] = { vertex: [[0, 0, 1.159953], [1.013464, 0, 0.5642542], [-0.3501431, 0.9510565, 0.5642542], [-0.7715208, -0.6571639, 0.5642542], [0.6633206, 0.9510565, -0.03144481], [0.8682979, -0.6571639, -0.3996071], [-1.121664, 0.2938926, -0.03144481], [-0.2348831, -1.063314, -0.3996071], [0.5181548, 0.2938926, -0.9953061], [-0.5850262, -0.112257, -0.9953061]], face: [[0, 1, 4, 2], [0, 2, 6, 3], [1, 5, 8, 4], [3, 6, 9, 7], [5, 7, 9, 8], [0, 3, 7, 5, 1], [2, 4, 8, 9, 6]] }; polyhedra[7] = { vertex: [[0, 0, 1.118034], [0.8944272, 0, 0.6708204], [-0.2236068, 0.8660254, 0.6708204], [-0.7826238, -0.4330127, 0.6708204], [0.6708204, 0.8660254, 0.2236068], [1.006231, -0.4330127, -0.2236068], [-1.006231, 0.4330127, 0.2236068], [-0.6708204, -0.8660254, -0.2236068], [0.7826238, 0.4330127, -0.6708204], [0.2236068, -0.8660254, -0.6708204], [-0.8944272, 0, -0.6708204], [0, 0, -1.118034]], face: [[0, 1, 4, 2], [0, 2, 6, 3], [1, 5, 8, 4], [3, 6, 10, 7], [5, 9, 11, 8], [7, 10, 11, 9], [0, 3, 7, 9, 5, 1], [2, 4, 8, 11, 10, 6]] }; polyhedra[8] = { vertex: [[-0.729665, 0.670121, 0.319155], [-0.655235, -0.29213, -0.754096], [-0.093922, -0.607123, 0.537818], [0.702196, 0.595691, 0.485187], [0.776626, -0.36656, -0.588064]], face: [[1, 4, 2], [0, 1, 2], [3, 0, 2], [4, 3, 2], [4, 1, 0, 3]] }; polyhedra[9] = { vertex: [[-0.868849, -0.100041, 0.61257], [-0.329458, 0.976099, 0.28078], [-0.26629, -0.013796, -0.477654], [-0.13392, -1.034115, 0.229829], [0.738834, 0.707117, -0.307018], [0.859683, -0.535264, -0.338508]], face: [[3, 0, 2], [5, 3, 2], [4, 5, 2], [1, 4, 2], [0, 1, 2], [0, 3, 5, 4, 1]] }; polyhedra[10] = { vertex: [[-0.610389, 0.243975, 0.531213], [-0.187812, -0.48795, -0.664016], [-0.187812, 0.9759, -0.664016], [0.187812, -0.9759, 0.664016], [0.798201, 0.243975, 0.132803]], face: [[1, 3, 0], [3, 4, 0], [3, 1, 4], [0, 2, 1], [0, 4, 2], [2, 4, 1]] }; polyhedra[11] = { vertex: [[-1.028778, 0.392027, -0.048786], [-0.640503, -0.646161, 0.621837], [-0.125162, -0.395663, -0.540059], [0.004683, 0.888447, -0.651988], [0.125161, 0.395663, 0.540059], [0.632925, -0.791376, 0.433102], [1.031672, 0.157063, -0.354165]], face: [[3, 2, 0], [2, 1, 0], [2, 5, 1], [0, 4, 3], [0, 1, 4], [4, 1, 5], [2, 3, 6], [3, 4, 6], [5, 2, 6], [4, 5, 6]] }; polyhedra[12] = { vertex: [[-0.669867, 0.334933, -0.529576], [-0.669867, 0.334933, 0.529577], [-0.4043, 1.212901, 0], [-0.334933, -0.669867, -0.529576], [-0.334933, -0.669867, 0.529577], [0.334933, 0.669867, -0.529576], [0.334933, 0.669867, 0.529577], [0.4043, -1.212901, 0], [0.669867, -0.334933, -0.529576], [0.669867, -0.334933, 0.529577]], face: [[8, 9, 7], [6, 5, 2], [3, 8, 7], [5, 0, 2], [4, 3, 7], [0, 1, 2], [9, 4, 7], [1, 6, 2], [9, 8, 5, 6], [8, 3, 0, 5], [3, 4, 1, 0], [4, 9, 6, 1]] }; polyhedra[13] = { vertex: [[-0.931836, 0.219976, -0.264632], [-0.636706, 0.318353, 0.692816], [-0.613483, -0.735083, -0.264632], [-0.326545, 0.979634, 0], [-0.318353, -0.636706, 0.692816], [-0.159176, 0.477529, -0.856368], [0.159176, -0.477529, -0.856368], [0.318353, 0.636706, 0.692816], [0.326545, -0.979634, 0], [0.613482, 0.735082, -0.264632], [0.636706, -0.318353, 0.692816], [0.931835, -0.219977, -0.264632]], face: [[11, 10, 8], [7, 9, 3], [6, 11, 8], [9, 5, 3], [2, 6, 8], [5, 0, 3], [4, 2, 8], [0, 1, 3], [10, 4, 8], [1, 7, 3], [10, 11, 9, 7], [11, 6, 5, 9], [6, 2, 0, 5], [2, 4, 1, 0], [4, 10, 7, 1]] }; polyhedra[14] = { vertex: [[-0.93465, 0.300459, -0.271185], [-0.838689, -0.260219, -0.516017], [-0.711319, 0.717591, 0.128359], [-0.710334, -0.156922, 0.080946], [-0.599799, 0.556003, -0.725148], [-0.503838, -0.004675, -0.969981], [-0.487004, 0.26021, 0.48049], [-0.460089, -0.750282, -0.512622], [-0.376468, 0.973135, -0.325605], [-0.331735, -0.646985, 0.084342], [-0.254001, 0.831847, 0.530001], [-0.125239, -0.494738, -0.966586], [0.029622, 0.027949, 0.730817], [0.056536, -0.982543, -0.262295], [0.08085, 1.087391, 0.076037], [0.125583, -0.532729, 0.485984], [0.262625, 0.599586, 0.780328], [0.391387, -0.726999, -0.716259], [0.513854, -0.868287, 0.139347], [0.597475, 0.85513, 0.326364], [0.641224, 0.109523, 0.783723], [0.737185, -0.451155, 0.538891], [0.848705, -0.612742, -0.314616], [0.976075, 0.365067, 0.32976], [1.072036, -0.19561, 0.084927]], face: [[15, 18, 21], [12, 20, 16], [6, 10, 2], [3, 0, 1], [9, 7, 13], [2, 8, 4, 0], [0, 4, 5, 1], [1, 5, 11, 7], [7, 11, 17, 13], [13, 17, 22, 18], [18, 22, 24, 21], [21, 24, 23, 20], [20, 23, 19, 16], [16, 19, 14, 10], [10, 14, 8, 2], [15, 9, 13, 18], [12, 15, 21, 20], [6, 12, 16, 10], [3, 6, 2, 0], [9, 3, 1, 7], [9, 15, 12, 6, 3], [22, 17, 11, 5, 4, 8, 14, 19, 23, 24]] }; var type = (options.type < 0 || options.type >= polyhedra.length) ? 0 : options.type || 0; var size = options.size; var sizeX = options.sizeX || size || 1; var sizeY = options.sizeY || size || 1; var sizeZ = options.sizeZ || size || 1; var data = options.custom || polyhedra[type]; var nbfaces = data.face.length; var faceUV = options.faceUV || new Array(nbfaces); var faceColors = options.faceColors; var flat = (options.flat === undefined) ? true : options.flat; var sideOrientation = (options.sideOrientation === 0) ? 0 : options.sideOrientation || BABYLON.Mesh.DEFAULTSIDE; var positions = []; var indices = []; var normals = []; var uvs = []; var colors = []; var index = 0; var faceIdx = 0; // face cursor in the array "indexes" var indexes = []; var i = 0; var f = 0; var u, v, ang, x, y, tmp; // default face colors and UV if undefined if (flat) { for (f = 0; f < nbfaces; f++) { if (faceColors && faceColors[f] === undefined) { faceColors[f] = new BABYLON.Color4(1, 1, 1, 1); } if (faceUV && faceUV[f] === undefined) { faceUV[f] = new BABYLON.Vector4(0, 0, 1, 1); } } } if (!flat) { for (i = 0; i < data.vertex.length; i++) { positions.push(data.vertex[i][0] * sizeX, data.vertex[i][1] * sizeY, data.vertex[i][2] * sizeZ); uvs.push(0, 0); } for (f = 0; f < nbfaces; f++) { for (i = 0; i < data.face[f].length - 2; i++) { indices.push(data.face[f][0], data.face[f][i + 2], data.face[f][i + 1]); } } } else { for (f = 0; f < nbfaces; f++) { var fl = data.face[f].length; // number of vertices of the current face ang = 2 * Math.PI / fl; x = 0.5 * Math.tan(ang / 2); y = 0.5; // positions, uvs, colors for (i = 0; i < fl; i++) { // positions positions.push(data.vertex[data.face[f][i]][0] * sizeX, data.vertex[data.face[f][i]][1] * sizeY, data.vertex[data.face[f][i]][2] * sizeZ); indexes.push(index); index++; // uvs u = faceUV[f].x + (faceUV[f].z - faceUV[f].x) * (0.5 + x); v = faceUV[f].y + (faceUV[f].w - faceUV[f].y) * (y - 0.5); uvs.push(u, v); tmp = x * Math.cos(ang) - y * Math.sin(ang); y = x * Math.sin(ang) + y * Math.cos(ang); x = tmp; // colors if (faceColors) { colors.push(faceColors[f].r, faceColors[f].g, faceColors[f].b, faceColors[f].a); } } // indices from indexes for (i = 0; i < fl - 2; i++) { indices.push(indexes[0 + faceIdx], indexes[i + 2 + faceIdx], indexes[i + 1 + faceIdx]); } faceIdx += fl; } } VertexData.ComputeNormals(positions, indices, normals); VertexData._ComputeSides(sideOrientation, positions, indices, normals, uvs); var vertexData = new VertexData(); vertexData.positions = positions; vertexData.indices = indices; vertexData.normals = normals; vertexData.uvs = uvs; if (faceColors && flat) { vertexData.colors = colors; } return vertexData; }; // based on http://code.google.com/p/away3d/source/browse/trunk/fp10/Away3D/src/away3d/primitives/TorusKnot.as?spec=svn2473&r=2473 VertexData.CreateTorusKnot = function (options) { var indices = []; var positions = []; var normals = []; var uvs = []; var radius = options.radius || 2; var tube = options.tube || 0.5; var radialSegments = options.radialSegments || 32; var tubularSegments = options.tubularSegments || 32; var p = options.p || 2; var q = options.q || 3; var sideOrientation = (options.sideOrientation === 0) ? 0 : options.sideOrientation || BABYLON.Mesh.DEFAULTSIDE; // Helper var getPos = function (angle) { var cu = Math.cos(angle); var su = Math.sin(angle); var quOverP = q / p * angle; var cs = Math.cos(quOverP); var tx = radius * (2 + cs) * 0.5 * cu; var ty = radius * (2 + cs) * su * 0.5; var tz = radius * Math.sin(quOverP) * 0.5; return new BABYLON.Vector3(tx, ty, tz); }; // Vertices var i; var j; for (i = 0; i <= radialSegments; i++) { var modI = i % radialSegments; var u = modI / radialSegments * 2 * p * Math.PI; var p1 = getPos(u); var p2 = getPos(u + 0.01); var tang = p2.subtract(p1); var n = p2.add(p1); var bitan = BABYLON.Vector3.Cross(tang, n); n = BABYLON.Vector3.Cross(bitan, tang); bitan.normalize(); n.normalize(); for (j = 0; j < tubularSegments; j++) { var modJ = j % tubularSegments; var v = modJ / tubularSegments * 2 * Math.PI; var cx = -tube * Math.cos(v); var cy = tube * Math.sin(v); positions.push(p1.x + cx * n.x + cy * bitan.x); positions.push(p1.y + cx * n.y + cy * bitan.y); positions.push(p1.z + cx * n.z + cy * bitan.z); uvs.push(i / radialSegments); uvs.push(j / tubularSegments); } } for (i = 0; i < radialSegments; i++) { for (j = 0; j < tubularSegments; j++) { var jNext = (j + 1) % tubularSegments; var a = i * tubularSegments + j; var b = (i + 1) * tubularSegments + j; var c = (i + 1) * tubularSegments + jNext; var d = i * tubularSegments + jNext; indices.push(d); indices.push(b); indices.push(a); indices.push(d); indices.push(c); indices.push(b); } } // Normals VertexData.ComputeNormals(positions, indices, normals); // Sides VertexData._ComputeSides(sideOrientation, positions, indices, normals, uvs); // Result var vertexData = new VertexData(); vertexData.indices = indices; vertexData.positions = positions; vertexData.normals = normals; vertexData.uvs = uvs; return vertexData; }; // Tools /** * @param {any} - positions (number[] or Float32Array) * @param {any} - indices (number[] or Uint16Array) * @param {any} - normals (number[] or Float32Array) */ VertexData.ComputeNormals = function (positions, indices, normals) { var index = 0; var p1p2x = 0.0; var p1p2y = 0.0; var p1p2z = 0.0; var p3p2x = 0.0; var p3p2y = 0.0; var p3p2z = 0.0; var faceNormalx = 0.0; var faceNormaly = 0.0; var faceNormalz = 0.0; var length = 0.0; var i1 = 0; var i2 = 0; var i3 = 0; for (index = 0; index < positions.length; index++) { normals[index] = 0.0; } // indice triplet = 1 face var nbFaces = indices.length / 3; for (index = 0; index < nbFaces; index++) { i1 = indices[index * 3]; // get the indexes of each vertex of the face i2 = indices[index * 3 + 1]; i3 = indices[index * 3 + 2]; p1p2x = positions[i1 * 3] - positions[i2 * 3]; // compute two vectors per face p1p2y = positions[i1 * 3 + 1] - positions[i2 * 3 + 1]; p1p2z = positions[i1 * 3 + 2] - positions[i2 * 3 + 2]; p3p2x = positions[i3 * 3] - positions[i2 * 3]; p3p2y = positions[i3 * 3 + 1] - positions[i2 * 3 + 1]; p3p2z = positions[i3 * 3 + 2] - positions[i2 * 3 + 2]; faceNormalx = p1p2y * p3p2z - p1p2z * p3p2y; // compute the face normal with cross product faceNormaly = p1p2z * p3p2x - p1p2x * p3p2z; faceNormalz = p1p2x * p3p2y - p1p2y * p3p2x; length = Math.sqrt(faceNormalx * faceNormalx + faceNormaly * faceNormaly + faceNormalz * faceNormalz); length = (length === 0) ? 1.0 : length; faceNormalx /= length; // normalize this normal faceNormaly /= length; faceNormalz /= length; normals[i1 * 3] += faceNormalx; // accumulate all the normals per face normals[i1 * 3 + 1] += faceNormaly; normals[i1 * 3 + 2] += faceNormalz; normals[i2 * 3] += faceNormalx; normals[i2 * 3 + 1] += faceNormaly; normals[i2 * 3 + 2] += faceNormalz; normals[i3 * 3] += faceNormalx; normals[i3 * 3 + 1] += faceNormaly; normals[i3 * 3 + 2] += faceNormalz; } // last normalization of each normal for (index = 0; index < normals.length / 3; index++) { faceNormalx = normals[index * 3]; faceNormaly = normals[index * 3 + 1]; faceNormalz = normals[index * 3 + 2]; length = Math.sqrt(faceNormalx * faceNormalx + faceNormaly * faceNormaly + faceNormalz * faceNormalz); length = (length === 0) ? 1.0 : length; faceNormalx /= length; faceNormaly /= length; faceNormalz /= length; normals[index * 3] = faceNormalx; normals[index * 3 + 1] = faceNormaly; normals[index * 3 + 2] = faceNormalz; } }; VertexData._ComputeSides = function (sideOrientation, positions, indices, normals, uvs) { var li = indices.length; var ln = normals.length; var i; var n; sideOrientation = sideOrientation || BABYLON.Mesh.DEFAULTSIDE; switch (sideOrientation) { case BABYLON.Mesh.FRONTSIDE: // nothing changed break; case BABYLON.Mesh.BACKSIDE: var tmp; // indices for (i = 0; i < li; i += 3) { tmp = indices[i]; indices[i] = indices[i + 2]; indices[i + 2] = tmp; } // normals for (n = 0; n < ln; n++) { normals[n] = -normals[n]; } break; case BABYLON.Mesh.DOUBLESIDE: // positions var lp = positions.length; var l = lp / 3; for (var p = 0; p < lp; p++) { positions[lp + p] = positions[p]; } // indices for (i = 0; i < li; i += 3) { indices[i + li] = indices[i + 2] + l; indices[i + 1 + li] = indices[i + 1] + l; indices[i + 2 + li] = indices[i] + l; } // normals for (n = 0; n < ln; n++) { normals[ln + n] = -normals[n]; } // uvs var lu = uvs.length; for (var u = 0; u < lu; u++) { uvs[u + lu] = uvs[u]; } break; } }; VertexData.ImportVertexData = function (parsedVertexData, geometry) { var vertexData = new VertexData(); // positions var positions = parsedVertexData.positions; if (positions) { vertexData.set(positions, BABYLON.VertexBuffer.PositionKind); } // normals var normals = parsedVertexData.normals; if (normals) { vertexData.set(normals, BABYLON.VertexBuffer.NormalKind); } // uvs var uvs = parsedVertexData.uvs; if (uvs) { vertexData.set(uvs, BABYLON.VertexBuffer.UVKind); } // uv2s var uv2s = parsedVertexData.uv2s; if (uv2s) { vertexData.set(uv2s, BABYLON.VertexBuffer.UV2Kind); } // uv3s var uv3s = parsedVertexData.uv3s; if (uv3s) { vertexData.set(uv3s, BABYLON.VertexBuffer.UV3Kind); } // uv4s var uv4s = parsedVertexData.uv4s; if (uv4s) { vertexData.set(uv4s, BABYLON.VertexBuffer.UV4Kind); } // uv5s var uv5s = parsedVertexData.uv5s; if (uv5s) { vertexData.set(uv5s, BABYLON.VertexBuffer.UV5Kind); } // uv6s var uv6s = parsedVertexData.uv6s; if (uv6s) { vertexData.set(uv6s, BABYLON.VertexBuffer.UV6Kind); } // colors var colors = parsedVertexData.colors; if (colors) { vertexData.set(BABYLON.Color4.CheckColors4(colors, positions.length / 3), BABYLON.VertexBuffer.ColorKind); } // matricesIndices var matricesIndices = parsedVertexData.matricesIndices; if (matricesIndices) { vertexData.set(matricesIndices, BABYLON.VertexBuffer.MatricesIndicesKind); } // matricesWeights var matricesWeights = parsedVertexData.matricesWeights; if (matricesWeights) { vertexData.set(matricesWeights, BABYLON.VertexBuffer.MatricesWeightsKind); } // indices var indices = parsedVertexData.indices; if (indices) { vertexData.indices = indices; } geometry.setAllVerticesData(vertexData, parsedVertexData.updatable); }; return VertexData; }()); BABYLON.VertexData = VertexData; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Mesh/babylon.mesh.vertexData.js.map var BABYLON; (function (BABYLON) { var Tags = (function () { function Tags() { } Tags.EnableFor = function (obj) { obj._tags = obj._tags || {}; obj.hasTags = function () { return Tags.HasTags(obj); }; obj.addTags = function (tagsString) { return Tags.AddTagsTo(obj, tagsString); }; obj.removeTags = function (tagsString) { return Tags.RemoveTagsFrom(obj, tagsString); }; obj.matchesTagsQuery = function (tagsQuery) { return Tags.MatchesQuery(obj, tagsQuery); }; }; Tags.DisableFor = function (obj) { delete obj._tags; delete obj.hasTags; delete obj.addTags; delete obj.removeTags; delete obj.matchesTagsQuery; }; Tags.HasTags = function (obj) { if (!obj._tags) { return false; } return !BABYLON.Tools.IsEmpty(obj._tags); }; Tags.GetTags = function (obj, asString) { if (asString === void 0) { asString = true; } if (!obj._tags) { return null; } if (asString) { var tagsArray = []; for (var tag in obj._tags) { if (obj._tags.hasOwnProperty(tag) && obj._tags[tag] === true) { tagsArray.push(tag); } } return tagsArray.join(" "); } else { return obj._tags; } }; // the tags 'true' and 'false' are reserved and cannot be used as tags // a tag cannot start with '||', '&&', and '!' // it cannot contain whitespaces Tags.AddTagsTo = function (obj, tagsString) { if (!tagsString) { return; } if (typeof tagsString !== "string") { return; } var tags = tagsString.split(" "); tags.forEach(function (tag, index, array) { Tags._AddTagTo(obj, tag); }); }; Tags._AddTagTo = function (obj, tag) { tag = tag.trim(); if (tag === "" || tag === "true" || tag === "false") { return; } if (tag.match(/[\s]/) || tag.match(/^([!]|([|]|[&]){2})/)) { return; } Tags.EnableFor(obj); obj._tags[tag] = true; }; Tags.RemoveTagsFrom = function (obj, tagsString) { if (!Tags.HasTags(obj)) { return; } var tags = tagsString.split(" "); for (var t in tags) { Tags._RemoveTagFrom(obj, tags[t]); } }; Tags._RemoveTagFrom = function (obj, tag) { delete obj._tags[tag]; }; Tags.MatchesQuery = function (obj, tagsQuery) { if (tagsQuery === undefined) { return true; } if (tagsQuery === "") { return Tags.HasTags(obj); } return BABYLON.Internals.AndOrNotEvaluator.Eval(tagsQuery, function (r) { return Tags.HasTags(obj) && obj._tags[r]; }); }; return Tags; }()); BABYLON.Tags = Tags; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.tags.js.map var BABYLON; (function (BABYLON) { var Internals; (function (Internals) { var AndOrNotEvaluator = (function () { function AndOrNotEvaluator() { } AndOrNotEvaluator.Eval = function (query, evaluateCallback) { if (!query.match(/\([^\(\)]*\)/g)) { query = AndOrNotEvaluator._HandleParenthesisContent(query, evaluateCallback); } else { query = query.replace(/\([^\(\)]*\)/g, function (r) { // remove parenthesis r = r.slice(1, r.length - 1); return AndOrNotEvaluator._HandleParenthesisContent(r, evaluateCallback); }); } if (query === "true") { return true; } if (query === "false") { return false; } return AndOrNotEvaluator.Eval(query, evaluateCallback); }; AndOrNotEvaluator._HandleParenthesisContent = function (parenthesisContent, evaluateCallback) { evaluateCallback = evaluateCallback || (function (r) { return r === "true" ? true : false; }); var result; var or = parenthesisContent.split("||"); for (var i in or) { if (or.hasOwnProperty(i)) { var ori = AndOrNotEvaluator._SimplifyNegation(or[i].trim()); var and = ori.split("&&"); if (and.length > 1) { for (var j = 0; j < and.length; ++j) { var andj = AndOrNotEvaluator._SimplifyNegation(and[j].trim()); if (andj !== "true" && andj !== "false") { if (andj[0] === "!") { result = !evaluateCallback(andj.substring(1)); } else { result = evaluateCallback(andj); } } else { result = andj === "true" ? true : false; } if (!result) { ori = "false"; break; } } } if (result || ori === "true") { result = true; break; } // result equals false (or undefined) if (ori !== "true" && ori !== "false") { if (ori[0] === "!") { result = !evaluateCallback(ori.substring(1)); } else { result = evaluateCallback(ori); } } else { result = ori === "true" ? true : false; } } } // the whole parenthesis scope is replaced by 'true' or 'false' return result ? "true" : "false"; }; AndOrNotEvaluator._SimplifyNegation = function (booleanString) { booleanString = booleanString.replace(/^[\s!]+/, function (r) { // remove whitespaces r = r.replace(/[\s]/g, function () { return ""; }); return r.length % 2 ? "!" : ""; }); booleanString = booleanString.trim(); if (booleanString === "!true") { booleanString = "false"; } else if (booleanString === "!false") { booleanString = "true"; } return booleanString; }; return AndOrNotEvaluator; }()); Internals.AndOrNotEvaluator = AndOrNotEvaluator; })(Internals = BABYLON.Internals || (BABYLON.Internals = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.andOrNotEvaluator.js.map var BABYLON; (function (BABYLON) { var PostProcessRenderPass = (function () { function PostProcessRenderPass(scene, name, size, renderList, beforeRender, afterRender) { this._enabled = true; this._refCount = 0; this._name = name; this._renderTexture = new BABYLON.RenderTargetTexture(name, size, scene); this.setRenderList(renderList); this._renderTexture.onBeforeRenderObservable.add(beforeRender); this._renderTexture.onAfterRenderObservable.add(afterRender); this._scene = scene; this._renderList = renderList; } // private PostProcessRenderPass.prototype._incRefCount = function () { if (this._refCount === 0) { this._scene.customRenderTargets.push(this._renderTexture); } return ++this._refCount; }; PostProcessRenderPass.prototype._decRefCount = function () { this._refCount--; if (this._refCount <= 0) { this._scene.customRenderTargets.splice(this._scene.customRenderTargets.indexOf(this._renderTexture), 1); } return this._refCount; }; PostProcessRenderPass.prototype._update = function () { this.setRenderList(this._renderList); }; // public PostProcessRenderPass.prototype.setRenderList = function (renderList) { this._renderTexture.renderList = renderList; }; PostProcessRenderPass.prototype.getRenderTexture = function () { return this._renderTexture; }; return PostProcessRenderPass; }()); BABYLON.PostProcessRenderPass = PostProcessRenderPass; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../PostProcess/RenderPipeline/babylon.postProcessRenderPass.js.map var BABYLON; (function (BABYLON) { var PostProcessRenderEffect = (function () { function PostProcessRenderEffect(engine, name, getPostProcess, singleInstance) { this._engine = engine; this._name = name; this._singleInstance = singleInstance || true; this._getPostProcess = getPostProcess; this._cameras = []; this._indicesForCamera = []; this._postProcesses = {}; this._renderPasses = {}; this._renderEffectAsPasses = {}; } Object.defineProperty(PostProcessRenderEffect.prototype, "isSupported", { get: function () { for (var index in this._postProcesses) { if (!this._postProcesses[index].isSupported) { return false; } } return true; }, enumerable: true, configurable: true }); PostProcessRenderEffect.prototype._update = function () { for (var renderPassName in this._renderPasses) { this._renderPasses[renderPassName]._update(); } }; PostProcessRenderEffect.prototype.addPass = function (renderPass) { this._renderPasses[renderPass._name] = renderPass; this._linkParameters(); }; PostProcessRenderEffect.prototype.removePass = function (renderPass) { delete this._renderPasses[renderPass._name]; this._linkParameters(); }; PostProcessRenderEffect.prototype.addRenderEffectAsPass = function (renderEffect) { this._renderEffectAsPasses[renderEffect._name] = renderEffect; this._linkParameters(); }; PostProcessRenderEffect.prototype.getPass = function (passName) { for (var renderPassName in this._renderPasses) { if (renderPassName === passName) { return this._renderPasses[passName]; } } }; PostProcessRenderEffect.prototype.emptyPasses = function () { this._renderPasses = {}; this._linkParameters(); }; PostProcessRenderEffect.prototype._attachCameras = function (cameras) { var cameraKey; var _cam = BABYLON.Tools.MakeArray(cameras || this._cameras); for (var i = 0; i < _cam.length; i++) { var camera = _cam[i]; var cameraName = camera.name; if (this._singleInstance) { cameraKey = 0; } else { cameraKey = cameraName; } this._postProcesses[cameraKey] = this._postProcesses[cameraKey] || this._getPostProcess(); var index = camera.attachPostProcess(this._postProcesses[cameraKey]); if (!this._indicesForCamera[cameraName]) { this._indicesForCamera[cameraName] = []; } this._indicesForCamera[cameraName].push(index); if (this._cameras.indexOf(camera) === -1) { this._cameras[cameraName] = camera; } for (var passName in this._renderPasses) { this._renderPasses[passName]._incRefCount(); } } this._linkParameters(); }; PostProcessRenderEffect.prototype._detachCameras = function (cameras) { var _cam = BABYLON.Tools.MakeArray(cameras || this._cameras); for (var i = 0; i < _cam.length; i++) { var camera = _cam[i]; var cameraName = camera.name; camera.detachPostProcess(this._postProcesses[this._singleInstance ? 0 : cameraName], this._indicesForCamera[cameraName]); var index = this._cameras.indexOf(cameraName); this._indicesForCamera.splice(index, 1); this._cameras.splice(index, 1); for (var passName in this._renderPasses) { this._renderPasses[passName]._decRefCount(); } } }; PostProcessRenderEffect.prototype._enable = function (cameras) { var _cam = BABYLON.Tools.MakeArray(cameras || this._cameras); for (var i = 0; i < _cam.length; i++) { var camera = _cam[i]; var cameraName = camera.name; for (var j = 0; j < this._indicesForCamera[cameraName].length; j++) { if (camera._postProcesses[this._indicesForCamera[cameraName][j]] === undefined) { cameras[i].attachPostProcess(this._postProcesses[this._singleInstance ? 0 : cameraName], this._indicesForCamera[cameraName][j]); } } for (var passName in this._renderPasses) { this._renderPasses[passName]._incRefCount(); } } }; PostProcessRenderEffect.prototype._disable = function (cameras) { var _cam = BABYLON.Tools.MakeArray(cameras || this._cameras); for (var i = 0; i < _cam.length; i++) { var camera = _cam[i]; var cameraName = camera.Name; camera.detachPostProcess(this._postProcesses[this._singleInstance ? 0 : cameraName], this._indicesForCamera[cameraName]); for (var passName in this._renderPasses) { this._renderPasses[passName]._decRefCount(); } } }; PostProcessRenderEffect.prototype.getPostProcess = function (camera) { if (this._singleInstance) { return this._postProcesses[0]; } else { return this._postProcesses[camera.name]; } }; PostProcessRenderEffect.prototype._linkParameters = function () { var _this = this; for (var index in this._postProcesses) { if (this.applyParameters) { this.applyParameters(this._postProcesses[index]); } this._postProcesses[index].onBeforeRenderObservable.add(function (effect) { _this._linkTextures(effect); }); } }; PostProcessRenderEffect.prototype._linkTextures = function (effect) { for (var renderPassName in this._renderPasses) { effect.setTexture(renderPassName, this._renderPasses[renderPassName].getRenderTexture()); } for (var renderEffectName in this._renderEffectAsPasses) { effect.setTextureFromPostProcess(renderEffectName + "Sampler", this._renderEffectAsPasses[renderEffectName].getPostProcess()); } }; return PostProcessRenderEffect; }()); BABYLON.PostProcessRenderEffect = PostProcessRenderEffect; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../PostProcess/RenderPipeline/babylon.postProcessRenderEffect.js.map var BABYLON; (function (BABYLON) { var PostProcessRenderPipeline = (function () { function PostProcessRenderPipeline(engine, name) { this._engine = engine; this._name = name; this._renderEffects = {}; this._renderEffectsForIsolatedPass = {}; this._cameras = []; } Object.defineProperty(PostProcessRenderPipeline.prototype, "isSupported", { get: function () { for (var renderEffectName in this._renderEffects) { if (!this._renderEffects[renderEffectName].isSupported) { return false; } } return true; }, enumerable: true, configurable: true }); PostProcessRenderPipeline.prototype.addEffect = function (renderEffect) { this._renderEffects[renderEffect._name] = renderEffect; }; PostProcessRenderPipeline.prototype._enableEffect = function (renderEffectName, cameras) { var renderEffects = this._renderEffects[renderEffectName]; if (!renderEffects) { return; } renderEffects._enable(BABYLON.Tools.MakeArray(cameras || this._cameras)); }; PostProcessRenderPipeline.prototype._disableEffect = function (renderEffectName, cameras) { var renderEffects = this._renderEffects[renderEffectName]; if (!renderEffects) { return; } renderEffects._disable(BABYLON.Tools.MakeArray(cameras || this._cameras)); }; PostProcessRenderPipeline.prototype._attachCameras = function (cameras, unique) { var _cam = BABYLON.Tools.MakeArray(cameras || this._cameras); var indicesToDelete = []; var i; for (i = 0; i < _cam.length; i++) { var camera = _cam[i]; var cameraName = camera.name; if (this._cameras.indexOf(camera) === -1) { this._cameras[cameraName] = camera; } else if (unique) { indicesToDelete.push(i); } } for (i = 0; i < indicesToDelete.length; i++) { cameras.splice(indicesToDelete[i], 1); } for (var renderEffectName in this._renderEffects) { this._renderEffects[renderEffectName]._attachCameras(_cam); } }; PostProcessRenderPipeline.prototype._detachCameras = function (cameras) { var _cam = BABYLON.Tools.MakeArray(cameras || this._cameras); for (var renderEffectName in this._renderEffects) { this._renderEffects[renderEffectName]._detachCameras(_cam); } for (var i = 0; i < _cam.length; i++) { this._cameras.splice(this._cameras.indexOf(_cam[i]), 1); } }; PostProcessRenderPipeline.prototype._enableDisplayOnlyPass = function (passName, cameras) { var _this = this; var _cam = BABYLON.Tools.MakeArray(cameras || this._cameras); var pass = null; var renderEffectName; for (renderEffectName in this._renderEffects) { pass = this._renderEffects[renderEffectName].getPass(passName); if (pass != null) { break; } } if (pass === null) { return; } for (renderEffectName in this._renderEffects) { this._renderEffects[renderEffectName]._disable(_cam); } pass._name = PostProcessRenderPipeline.PASS_SAMPLER_NAME; for (var i = 0; i < _cam.length; i++) { var camera = _cam[i]; var cameraName = camera.name; this._renderEffectsForIsolatedPass[cameraName] = this._renderEffectsForIsolatedPass[cameraName] || new BABYLON.PostProcessRenderEffect(this._engine, PostProcessRenderPipeline.PASS_EFFECT_NAME, function () { return new BABYLON.DisplayPassPostProcess(PostProcessRenderPipeline.PASS_EFFECT_NAME, 1.0, null, null, _this._engine, true); }); this._renderEffectsForIsolatedPass[cameraName].emptyPasses(); this._renderEffectsForIsolatedPass[cameraName].addPass(pass); this._renderEffectsForIsolatedPass[cameraName]._attachCameras(camera); } }; PostProcessRenderPipeline.prototype._disableDisplayOnlyPass = function (cameras) { var _this = this; var _cam = BABYLON.Tools.MakeArray(cameras || this._cameras); for (var i = 0; i < _cam.length; i++) { var camera = _cam[i]; var cameraName = camera.name; this._renderEffectsForIsolatedPass[cameraName] = this._renderEffectsForIsolatedPass[cameraName] || new BABYLON.PostProcessRenderEffect(this._engine, PostProcessRenderPipeline.PASS_EFFECT_NAME, function () { return new BABYLON.DisplayPassPostProcess(PostProcessRenderPipeline.PASS_EFFECT_NAME, 1.0, null, null, _this._engine, true); }); this._renderEffectsForIsolatedPass[cameraName]._disable(camera); } for (var renderEffectName in this._renderEffects) { this._renderEffects[renderEffectName]._enable(_cam); } }; PostProcessRenderPipeline.prototype._update = function () { for (var renderEffectName in this._renderEffects) { this._renderEffects[renderEffectName]._update(); } for (var i = 0; i < this._cameras.length; i++) { var cameraName = this._cameras[i].name; if (this._renderEffectsForIsolatedPass[cameraName]) { this._renderEffectsForIsolatedPass[cameraName]._update(); } } }; PostProcessRenderPipeline.prototype.dispose = function () { // Must be implemented by children }; PostProcessRenderPipeline.PASS_EFFECT_NAME = "passEffect"; PostProcessRenderPipeline.PASS_SAMPLER_NAME = "passSampler"; return PostProcessRenderPipeline; }()); BABYLON.PostProcessRenderPipeline = PostProcessRenderPipeline; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../PostProcess/RenderPipeline/babylon.postProcessRenderPipeline.js.map var BABYLON; (function (BABYLON) { var PostProcessRenderPipelineManager = (function () { function PostProcessRenderPipelineManager() { this._renderPipelines = {}; } PostProcessRenderPipelineManager.prototype.addPipeline = function (renderPipeline) { this._renderPipelines[renderPipeline._name] = renderPipeline; }; PostProcessRenderPipelineManager.prototype.attachCamerasToRenderPipeline = function (renderPipelineName, cameras, unique) { var renderPipeline = this._renderPipelines[renderPipelineName]; if (!renderPipeline) { return; } renderPipeline._attachCameras(cameras, unique); }; PostProcessRenderPipelineManager.prototype.detachCamerasFromRenderPipeline = function (renderPipelineName, cameras) { var renderPipeline = this._renderPipelines[renderPipelineName]; if (!renderPipeline) { return; } renderPipeline._detachCameras(cameras); }; PostProcessRenderPipelineManager.prototype.enableEffectInPipeline = function (renderPipelineName, renderEffectName, cameras) { var renderPipeline = this._renderPipelines[renderPipelineName]; if (!renderPipeline) { return; } renderPipeline._enableEffect(renderEffectName, cameras); }; PostProcessRenderPipelineManager.prototype.disableEffectInPipeline = function (renderPipelineName, renderEffectName, cameras) { var renderPipeline = this._renderPipelines[renderPipelineName]; if (!renderPipeline) { return; } renderPipeline._disableEffect(renderEffectName, cameras); }; PostProcessRenderPipelineManager.prototype.enableDisplayOnlyPassInPipeline = function (renderPipelineName, passName, cameras) { var renderPipeline = this._renderPipelines[renderPipelineName]; if (!renderPipeline) { return; } renderPipeline._enableDisplayOnlyPass(passName, cameras); }; PostProcessRenderPipelineManager.prototype.disableDisplayOnlyPassInPipeline = function (renderPipelineName, cameras) { var renderPipeline = this._renderPipelines[renderPipelineName]; if (!renderPipeline) { return; } renderPipeline._disableDisplayOnlyPass(cameras); }; PostProcessRenderPipelineManager.prototype.update = function () { for (var renderPipelineName in this._renderPipelines) { var pipeline = this._renderPipelines[renderPipelineName]; if (!pipeline.isSupported) { pipeline.dispose(); delete this._renderPipelines[renderPipelineName]; } else { pipeline._update(); } } }; return PostProcessRenderPipelineManager; }()); BABYLON.PostProcessRenderPipelineManager = PostProcessRenderPipelineManager; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../PostProcess/RenderPipeline/babylon.postProcessRenderPipelineManager.js.map var BABYLON; (function (BABYLON) { var BoundingBoxRenderer = (function () { function BoundingBoxRenderer(scene) { this.frontColor = new BABYLON.Color3(1, 1, 1); this.backColor = new BABYLON.Color3(0.1, 0.1, 0.1); this.showBackLines = true; this.renderList = new BABYLON.SmartArray(32); this._vertexBuffers = {}; this._scene = scene; } BoundingBoxRenderer.prototype._prepareRessources = function () { if (this._colorShader) { return; } this._colorShader = new BABYLON.ShaderMaterial("colorShader", this._scene, "color", { attributes: [BABYLON.VertexBuffer.PositionKind], uniforms: ["worldViewProjection", "color"] }); var engine = this._scene.getEngine(); var boxdata = BABYLON.VertexData.CreateBox(1.0); this._vertexBuffers[BABYLON.VertexBuffer.PositionKind] = new BABYLON.VertexBuffer(engine, boxdata.positions, BABYLON.VertexBuffer.PositionKind, false); this._indexBuffer = engine.createIndexBuffer([0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 7, 1, 6, 2, 5, 3, 4]); }; BoundingBoxRenderer.prototype.reset = function () { this.renderList.reset(); }; BoundingBoxRenderer.prototype.render = function () { if (this.renderList.length === 0) { return; } this._prepareRessources(); if (!this._colorShader.isReady()) { return; } var engine = this._scene.getEngine(); engine.setDepthWrite(false); this._colorShader._preBind(); for (var boundingBoxIndex = 0; boundingBoxIndex < this.renderList.length; boundingBoxIndex++) { var boundingBox = this.renderList.data[boundingBoxIndex]; var min = boundingBox.minimum; var max = boundingBox.maximum; var diff = max.subtract(min); var median = min.add(diff.scale(0.5)); var worldMatrix = BABYLON.Matrix.Scaling(diff.x, diff.y, diff.z) .multiply(BABYLON.Matrix.Translation(median.x, median.y, median.z)) .multiply(boundingBox.getWorldMatrix()); // VBOs engine.bindBuffers(this._vertexBuffers, this._indexBuffer, this._colorShader.getEffect()); if (this.showBackLines) { // Back engine.setDepthFunctionToGreaterOrEqual(); this._scene.resetCachedMaterial(); this._colorShader.setColor4("color", this.backColor.toColor4()); this._colorShader.bind(worldMatrix); // Draw order engine.draw(false, 0, 24); } // Front engine.setDepthFunctionToLess(); this._scene.resetCachedMaterial(); this._colorShader.setColor4("color", this.frontColor.toColor4()); this._colorShader.bind(worldMatrix); // Draw order engine.draw(false, 0, 24); } this._colorShader.unbind(); engine.setDepthFunctionToLessOrEqual(); engine.setDepthWrite(true); }; BoundingBoxRenderer.prototype.dispose = function () { if (!this._colorShader) { return; } this._colorShader.dispose(); var buffer = this._vertexBuffers[BABYLON.VertexBuffer.PositionKind]; if (buffer) { buffer.dispose(); this._vertexBuffers[BABYLON.VertexBuffer.PositionKind] = null; } this._scene.getEngine()._releaseBuffer(this._indexBuffer); }; return BoundingBoxRenderer; }()); BABYLON.BoundingBoxRenderer = BoundingBoxRenderer; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Rendering/babylon.boundingBoxRenderer.js.map var BABYLON; (function (BABYLON) { var Condition = (function () { function Condition(actionManager) { this._actionManager = actionManager; } Condition.prototype.isValid = function () { return true; }; Condition.prototype._getProperty = function (propertyPath) { return this._actionManager._getProperty(propertyPath); }; Condition.prototype._getEffectiveTarget = function (target, propertyPath) { return this._actionManager._getEffectiveTarget(target, propertyPath); }; Condition.prototype.serialize = function () { }; Condition.prototype._serialize = function (serializedCondition) { return { type: 2, children: [], name: serializedCondition.name, properties: serializedCondition.properties }; }; return Condition; }()); BABYLON.Condition = Condition; var ValueCondition = (function (_super) { __extends(ValueCondition, _super); function ValueCondition(actionManager, target, propertyPath, value, operator) { if (operator === void 0) { operator = ValueCondition.IsEqual; } _super.call(this, actionManager); this.propertyPath = propertyPath; this.value = value; this.operator = operator; this._target = target; this._effectiveTarget = this._getEffectiveTarget(target, this.propertyPath); this._property = this._getProperty(this.propertyPath); } Object.defineProperty(ValueCondition, "IsEqual", { get: function () { return ValueCondition._IsEqual; }, enumerable: true, configurable: true }); Object.defineProperty(ValueCondition, "IsDifferent", { get: function () { return ValueCondition._IsDifferent; }, enumerable: true, configurable: true }); Object.defineProperty(ValueCondition, "IsGreater", { get: function () { return ValueCondition._IsGreater; }, enumerable: true, configurable: true }); Object.defineProperty(ValueCondition, "IsLesser", { get: function () { return ValueCondition._IsLesser; }, enumerable: true, configurable: true }); // Methods ValueCondition.prototype.isValid = function () { switch (this.operator) { case ValueCondition.IsGreater: return this._effectiveTarget[this._property] > this.value; case ValueCondition.IsLesser: return this._effectiveTarget[this._property] < this.value; case ValueCondition.IsEqual: case ValueCondition.IsDifferent: var check; if (this.value.equals) { check = this.value.equals(this._effectiveTarget[this._property]); } else { check = this.value === this._effectiveTarget[this._property]; } return this.operator === ValueCondition.IsEqual ? check : !check; } return false; }; ValueCondition.prototype.serialize = function () { return this._serialize({ name: "ValueCondition", properties: [ BABYLON.Action._GetTargetProperty(this._target), { name: "propertyPath", value: this.propertyPath }, { name: "value", value: BABYLON.Action._SerializeValueAsString(this.value) }, { name: "operator", value: ValueCondition.GetOperatorName(this.operator) } ] }); }; ValueCondition.GetOperatorName = function (operator) { switch (operator) { case ValueCondition._IsEqual: return "IsEqual"; case ValueCondition._IsDifferent: return "IsDifferent"; case ValueCondition._IsGreater: return "IsGreater"; case ValueCondition._IsLesser: return "IsLesser"; default: return ""; } }; // Statics ValueCondition._IsEqual = 0; ValueCondition._IsDifferent = 1; ValueCondition._IsGreater = 2; ValueCondition._IsLesser = 3; return ValueCondition; }(Condition)); BABYLON.ValueCondition = ValueCondition; var PredicateCondition = (function (_super) { __extends(PredicateCondition, _super); function PredicateCondition(actionManager, predicate) { _super.call(this, actionManager); this.predicate = predicate; } PredicateCondition.prototype.isValid = function () { return this.predicate(); }; return PredicateCondition; }(Condition)); BABYLON.PredicateCondition = PredicateCondition; var StateCondition = (function (_super) { __extends(StateCondition, _super); function StateCondition(actionManager, target, value) { _super.call(this, actionManager); this.value = value; this._target = target; } // Methods StateCondition.prototype.isValid = function () { return this._target.state === this.value; }; StateCondition.prototype.serialize = function () { return this._serialize({ name: "StateCondition", properties: [ BABYLON.Action._GetTargetProperty(this._target), { name: "value", value: this.value } ] }); }; return StateCondition; }(Condition)); BABYLON.StateCondition = StateCondition; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Actions/babylon.condition.js.map var BABYLON; (function (BABYLON) { var Action = (function () { function Action(triggerOptions, condition) { this.triggerOptions = triggerOptions; if (triggerOptions.parameter) { this.trigger = triggerOptions.trigger; this._triggerParameter = triggerOptions.parameter; } else { this.trigger = triggerOptions; } this._nextActiveAction = this; this._condition = condition; } // Methods Action.prototype._prepare = function () { }; Action.prototype.getTriggerParameter = function () { return this._triggerParameter; }; Action.prototype._executeCurrent = function (evt) { if (this._nextActiveAction._condition) { var condition = this._nextActiveAction._condition; var currentRenderId = this._actionManager.getScene().getRenderId(); // We cache the current evaluation for the current frame if (condition._evaluationId === currentRenderId) { if (!condition._currentResult) { return; } } else { condition._evaluationId = currentRenderId; if (!condition.isValid()) { condition._currentResult = false; return; } condition._currentResult = true; } } this._nextActiveAction.execute(evt); this.skipToNextActiveAction(); }; Action.prototype.execute = function (evt) { }; Action.prototype.skipToNextActiveAction = function () { if (this._nextActiveAction._child) { if (!this._nextActiveAction._child._actionManager) { this._nextActiveAction._child._actionManager = this._actionManager; } this._nextActiveAction = this._nextActiveAction._child; } else { this._nextActiveAction = this; } }; Action.prototype.then = function (action) { this._child = action; action._actionManager = this._actionManager; action._prepare(); return action; }; Action.prototype._getProperty = function (propertyPath) { return this._actionManager._getProperty(propertyPath); }; Action.prototype._getEffectiveTarget = function (target, propertyPath) { return this._actionManager._getEffectiveTarget(target, propertyPath); }; Action.prototype.serialize = function (parent) { }; // Called by BABYLON.Action objects in serialize(...). Internal use Action.prototype._serialize = function (serializedAction, parent) { var serializationObject = { type: 1, children: [], name: serializedAction.name, properties: serializedAction.properties || [] }; // Serialize child if (this._child) { this._child.serialize(serializationObject); } // Check if "this" has a condition if (this._condition) { var serializedCondition = this._condition.serialize(); serializedCondition.children.push(serializationObject); if (parent) { parent.children.push(serializedCondition); } return serializedCondition; } if (parent) { parent.children.push(serializationObject); } return serializationObject; }; Action._SerializeValueAsString = function (value) { if (typeof value === "number") { return value.toString(); } if (typeof value === "boolean") { return value ? "true" : "false"; } if (value instanceof BABYLON.Vector2) { return value.x + ", " + value.y; } if (value instanceof BABYLON.Vector3) { return value.x + ", " + value.y + ", " + value.z; } if (value instanceof BABYLON.Color3) { return value.r + ", " + value.g + ", " + value.b; } if (value instanceof BABYLON.Color4) { return value.r + ", " + value.g + ", " + value.b + ", " + value.a; } return value; // string }; Action._GetTargetProperty = function (target) { return { name: "target", targetType: target instanceof BABYLON.Mesh ? "MeshProperties" : target instanceof BABYLON.Light ? "LightProperties" : target instanceof BABYLON.Camera ? "CameraProperties" : "SceneProperties", value: target instanceof BABYLON.Scene ? "Scene" : target.name }; }; return Action; }()); BABYLON.Action = Action; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Actions/babylon.action.js.map var BABYLON; (function (BABYLON) { /** * ActionEvent is the event beint sent when an action is triggered. */ var ActionEvent = (function () { /** * @constructor * @param source The mesh or sprite that triggered the action. * @param pointerX The X mouse cursor position at the time of the event * @param pointerY The Y mouse cursor position at the time of the event * @param meshUnderPointer The mesh that is currently pointed at (can be null) * @param sourceEvent the original (browser) event that triggered the ActionEvent */ function ActionEvent(source, pointerX, pointerY, meshUnderPointer, sourceEvent, additionalData) { this.source = source; this.pointerX = pointerX; this.pointerY = pointerY; this.meshUnderPointer = meshUnderPointer; this.sourceEvent = sourceEvent; this.additionalData = additionalData; } /** * Helper function to auto-create an ActionEvent from a source mesh. * @param source The source mesh that triggered the event * @param evt {Event} The original (browser) event */ ActionEvent.CreateNew = function (source, evt, additionalData) { var scene = source.getScene(); return new ActionEvent(source, scene.pointerX, scene.pointerY, scene.meshUnderPointer, evt, additionalData); }; /** * Helper function to auto-create an ActionEvent from a source mesh. * @param source The source sprite that triggered the event * @param scene Scene associated with the sprite * @param evt {Event} The original (browser) event */ ActionEvent.CreateNewFromSprite = function (source, scene, evt, additionalData) { return new ActionEvent(source, scene.pointerX, scene.pointerY, scene.meshUnderPointer, evt, additionalData); }; /** * Helper function to auto-create an ActionEvent from a scene. If triggered by a mesh use ActionEvent.CreateNew * @param scene the scene where the event occurred * @param evt {Event} The original (browser) event */ ActionEvent.CreateNewFromScene = function (scene, evt) { return new ActionEvent(null, scene.pointerX, scene.pointerY, scene.meshUnderPointer, evt); }; ActionEvent.CreateNewFromPrimitive = function (prim, pointerPos, evt, additionalData) { return new ActionEvent(prim, pointerPos.x, pointerPos.y, null, evt, additionalData); }; return ActionEvent; }()); BABYLON.ActionEvent = ActionEvent; /** * Action Manager manages all events to be triggered on a given mesh or the global scene. * A single scene can have many Action Managers to handle predefined actions on specific meshes. */ var ActionManager = (function () { function ActionManager(scene) { // Members this.actions = new Array(); this.hoverCursor = ''; this._scene = scene; scene._actionManagers.push(this); } Object.defineProperty(ActionManager, "NothingTrigger", { get: function () { return ActionManager._NothingTrigger; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager, "OnPickTrigger", { get: function () { return ActionManager._OnPickTrigger; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager, "OnLeftPickTrigger", { get: function () { return ActionManager._OnLeftPickTrigger; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager, "OnRightPickTrigger", { get: function () { return ActionManager._OnRightPickTrigger; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager, "OnCenterPickTrigger", { get: function () { return ActionManager._OnCenterPickTrigger; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager, "OnPickDownTrigger", { get: function () { return ActionManager._OnPickDownTrigger; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager, "OnPickUpTrigger", { get: function () { return ActionManager._OnPickUpTrigger; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager, "OnPickOutTrigger", { /// This trigger will only be raised if you also declared a OnPickDown get: function () { return ActionManager._OnPickOutTrigger; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager, "OnLongPressTrigger", { get: function () { return ActionManager._OnLongPressTrigger; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager, "OnPointerOverTrigger", { get: function () { return ActionManager._OnPointerOverTrigger; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager, "OnPointerOutTrigger", { get: function () { return ActionManager._OnPointerOutTrigger; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager, "OnEveryFrameTrigger", { get: function () { return ActionManager._OnEveryFrameTrigger; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager, "OnIntersectionEnterTrigger", { get: function () { return ActionManager._OnIntersectionEnterTrigger; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager, "OnIntersectionExitTrigger", { get: function () { return ActionManager._OnIntersectionExitTrigger; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager, "OnKeyDownTrigger", { get: function () { return ActionManager._OnKeyDownTrigger; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager, "OnKeyUpTrigger", { get: function () { return ActionManager._OnKeyUpTrigger; }, enumerable: true, configurable: true }); // Methods ActionManager.prototype.dispose = function () { var index = this._scene._actionManagers.indexOf(this); if (index > -1) { this._scene._actionManagers.splice(index, 1); } }; ActionManager.prototype.getScene = function () { return this._scene; }; /** * Does this action manager handles actions of any of the given triggers * @param {number[]} triggers - the triggers to be tested * @return {boolean} whether one (or more) of the triggers is handeled */ ActionManager.prototype.hasSpecificTriggers = function (triggers) { for (var index = 0; index < this.actions.length; index++) { var action = this.actions[index]; if (triggers.indexOf(action.trigger) > -1) { return true; } } return false; }; /** * Does this action manager handles actions of a given trigger * @param {number} trigger - the trigger to be tested * @return {boolean} whether the trigger is handeled */ ActionManager.prototype.hasSpecificTrigger = function (trigger) { for (var index = 0; index < this.actions.length; index++) { var action = this.actions[index]; if (action.trigger === trigger) { return true; } } return false; }; Object.defineProperty(ActionManager.prototype, "hasPointerTriggers", { /** * Does this action manager has pointer triggers * @return {boolean} whether or not it has pointer triggers */ get: function () { for (var index = 0; index < this.actions.length; index++) { var action = this.actions[index]; if (action.trigger >= ActionManager._OnPickTrigger && action.trigger <= ActionManager._OnPointerOutTrigger) { return true; } } return false; }, enumerable: true, configurable: true }); Object.defineProperty(ActionManager.prototype, "hasPickTriggers", { /** * Does this action manager has pick triggers * @return {boolean} whether or not it has pick triggers */ get: function () { for (var index = 0; index < this.actions.length; index++) { var action = this.actions[index]; if (action.trigger >= ActionManager._OnPickTrigger && action.trigger <= ActionManager._OnPickUpTrigger) { return true; } } return false; }, enumerable: true, configurable: true }); /** * Registers an action to this action manager * @param {BABYLON.Action} action - the action to be registered * @return {BABYLON.Action} the action amended (prepared) after registration */ ActionManager.prototype.registerAction = function (action) { if (action.trigger === ActionManager.OnEveryFrameTrigger) { if (this.getScene().actionManager !== this) { BABYLON.Tools.Warn("OnEveryFrameTrigger can only be used with scene.actionManager"); return null; } } this.actions.push(action); action._actionManager = this; action._prepare(); return action; }; /** * Process a specific trigger * @param {number} trigger - the trigger to process * @param evt {BABYLON.ActionEvent} the event details to be processed */ ActionManager.prototype.processTrigger = function (trigger, evt) { for (var index = 0; index < this.actions.length; index++) { var action = this.actions[index]; if (action.trigger === trigger) { if (trigger === ActionManager.OnKeyUpTrigger || trigger === ActionManager.OnKeyDownTrigger) { var parameter = action.getTriggerParameter(); if (parameter) { var unicode = evt.sourceEvent.charCode ? evt.sourceEvent.charCode : evt.sourceEvent.keyCode; var actualkey = String.fromCharCode(unicode).toLowerCase(); if (actualkey !== parameter.toLowerCase()) { continue; } } } action._executeCurrent(evt); } } }; ActionManager.prototype._getEffectiveTarget = function (target, propertyPath) { var properties = propertyPath.split("."); for (var index = 0; index < properties.length - 1; index++) { target = target[properties[index]]; } return target; }; ActionManager.prototype._getProperty = function (propertyPath) { var properties = propertyPath.split("."); return properties[properties.length - 1]; }; ActionManager.prototype.serialize = function (name) { var root = { children: [], name: name, type: 3, properties: [] // Empty for root but required }; for (var i = 0; i < this.actions.length; i++) { var triggerObject = { type: 0, children: [], name: ActionManager.GetTriggerName(this.actions[i].trigger), properties: [] }; var triggerOptions = this.actions[i].triggerOptions; if (triggerOptions && typeof triggerOptions !== "number") { if (triggerOptions.parameter instanceof BABYLON.Node) { triggerObject.properties.push(BABYLON.Action._GetTargetProperty(triggerOptions.parameter)); } else { var parameter = {}; BABYLON.Tools.DeepCopy(triggerOptions.parameter, parameter, ["mesh"]); if (triggerOptions.parameter.mesh) { parameter._meshId = triggerOptions.parameter.mesh.id; } triggerObject.properties.push({ name: "parameter", targetType: null, value: parameter }); } } // Serialize child action, recursively this.actions[i].serialize(triggerObject); // Add serialized trigger root.children.push(triggerObject); } return root; }; ActionManager.Parse = function (parsedActions, object, scene) { var actionManager = new BABYLON.ActionManager(scene); if (object === null) scene.actionManager = actionManager; else object.actionManager = actionManager; // instanciate a new object var instanciate = function (name, params) { var newInstance = Object.create(BABYLON[name].prototype); newInstance.constructor.apply(newInstance, params); return newInstance; }; var parseParameter = function (name, value, target, propertyPath) { if (propertyPath === null) { // String, boolean or float var floatValue = parseFloat(value); if (value === "true" || value === "false") return value === "true"; else return isNaN(floatValue) ? value : floatValue; } var effectiveTarget = propertyPath.split("."); var values = value.split(","); // Get effective Target for (var i = 0; i < effectiveTarget.length; i++) { target = target[effectiveTarget[i]]; } // Return appropriate value with its type if (typeof (target) === "boolean") return values[0] === "true"; if (typeof (target) === "string") return values[0]; // Parameters with multiple values such as Vector3 etc. var split = new Array(); for (var i = 0; i < values.length; i++) split.push(parseFloat(values[i])); if (target instanceof BABYLON.Vector3) return BABYLON.Vector3.FromArray(split); if (target instanceof BABYLON.Vector4) return BABYLON.Vector4.FromArray(split); if (target instanceof BABYLON.Color3) return BABYLON.Color3.FromArray(split); if (target instanceof BABYLON.Color4) return BABYLON.Color4.FromArray(split); return parseFloat(values[0]); }; // traverse graph per trigger var traverse = function (parsedAction, trigger, condition, action, combineArray) { if (combineArray === void 0) { combineArray = null; } if (parsedAction.detached) return; var parameters = new Array(); var target = null; var propertyPath = null; var combine = parsedAction.combine && parsedAction.combine.length > 0; // Parameters if (parsedAction.type === 2) parameters.push(actionManager); else parameters.push(trigger); if (combine) { var actions = new Array(); for (var j = 0; j < parsedAction.combine.length; j++) { traverse(parsedAction.combine[j], ActionManager.NothingTrigger, condition, action, actions); } parameters.push(actions); } else { for (var i = 0; i < parsedAction.properties.length; i++) { var value = parsedAction.properties[i].value; var name = parsedAction.properties[i].name; var targetType = parsedAction.properties[i].targetType; if (name === "target") if (targetType !== null && targetType === "SceneProperties") value = target = scene; else value = target = scene.getNodeByName(value); else if (name === "parent") value = scene.getNodeByName(value); else if (name === "sound") value = scene.getSoundByName(value); else if (name !== "propertyPath") { if (parsedAction.type === 2 && name === "operator") value = BABYLON.ValueCondition[value]; else value = parseParameter(name, value, target, name === "value" ? propertyPath : null); } else { propertyPath = value; } parameters.push(value); } } if (combineArray === null) { parameters.push(condition); } else { parameters.push(null); } // If interpolate value action if (parsedAction.name === "InterpolateValueAction") { var param = parameters[parameters.length - 2]; parameters[parameters.length - 1] = param; parameters[parameters.length - 2] = condition; } // Action or condition(s) and not CombineAction var newAction = instanciate(parsedAction.name, parameters); if (newAction instanceof BABYLON.Condition && condition !== null) { var nothing = new BABYLON.DoNothingAction(trigger, condition); if (action) action.then(nothing); else actionManager.registerAction(nothing); action = nothing; } if (combineArray === null) { if (newAction instanceof BABYLON.Condition) { condition = newAction; newAction = action; } else { condition = null; if (action) action.then(newAction); else actionManager.registerAction(newAction); } } else { combineArray.push(newAction); } for (var i = 0; i < parsedAction.children.length; i++) traverse(parsedAction.children[i], trigger, condition, newAction, null); }; // triggers for (var i = 0; i < parsedActions.children.length; i++) { var triggerParams; var trigger = parsedActions.children[i]; if (trigger.properties.length > 0) { var param = trigger.properties[0].value; var value = trigger.properties[0].targetType === null ? param : scene.getMeshByName(param); if (value._meshId) { value.mesh = scene.getMeshByID(value._meshId); } triggerParams = { trigger: BABYLON.ActionManager[trigger.name], parameter: value }; } else triggerParams = BABYLON.ActionManager[trigger.name]; for (var j = 0; j < trigger.children.length; j++) { if (!trigger.detached) traverse(trigger.children[j], triggerParams, null, null); } } }; ActionManager.GetTriggerName = function (trigger) { switch (trigger) { case 0: return "NothingTrigger"; case 1: return "OnPickTrigger"; case 2: return "OnLeftPickTrigger"; case 3: return "OnRightPickTrigger"; case 4: return "OnCenterPickTrigger"; case 5: return "OnPickDownTrigger"; case 6: return "OnPickUpTrigger"; case 7: return "OnLongPressTrigger"; case 8: return "OnPointerOverTrigger"; case 9: return "OnPointerOutTrigger"; case 10: return "OnEveryFrameTrigger"; case 11: return "OnIntersectionEnterTrigger"; case 12: return "OnIntersectionExitTrigger"; case 13: return "OnKeyDownTrigger"; case 14: return "OnKeyUpTrigger"; case 15: return "OnPickOutTrigger"; default: return ""; } }; // Statics ActionManager._NothingTrigger = 0; ActionManager._OnPickTrigger = 1; ActionManager._OnLeftPickTrigger = 2; ActionManager._OnRightPickTrigger = 3; ActionManager._OnCenterPickTrigger = 4; ActionManager._OnPickDownTrigger = 5; ActionManager._OnPickUpTrigger = 6; ActionManager._OnLongPressTrigger = 7; ActionManager._OnPointerOverTrigger = 8; ActionManager._OnPointerOutTrigger = 9; ActionManager._OnEveryFrameTrigger = 10; ActionManager._OnIntersectionEnterTrigger = 11; ActionManager._OnIntersectionExitTrigger = 12; ActionManager._OnKeyDownTrigger = 13; ActionManager._OnKeyUpTrigger = 14; ActionManager._OnPickOutTrigger = 15; ActionManager.DragMovementThreshold = 10; // in pixels ActionManager.LongPressDelay = 500; // in milliseconds return ActionManager; }()); BABYLON.ActionManager = ActionManager; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Actions/babylon.actionManager.js.map var BABYLON; (function (BABYLON) { var InterpolateValueAction = (function (_super) { __extends(InterpolateValueAction, _super); function InterpolateValueAction(triggerOptions, target, propertyPath, value, duration, condition, stopOtherAnimations, onInterpolationDone) { if (duration === void 0) { duration = 1000; } _super.call(this, triggerOptions, condition); this.propertyPath = propertyPath; this.value = value; this.duration = duration; this.stopOtherAnimations = stopOtherAnimations; this.onInterpolationDone = onInterpolationDone; this._target = this._effectiveTarget = target; } InterpolateValueAction.prototype._prepare = function () { this._effectiveTarget = this._getEffectiveTarget(this._effectiveTarget, this.propertyPath); this._property = this._getProperty(this.propertyPath); }; InterpolateValueAction.prototype.execute = function () { var scene = this._actionManager.getScene(); var keys = [ { frame: 0, value: this._effectiveTarget[this._property] }, { frame: 100, value: this.value } ]; var dataType; if (typeof this.value === "number") { dataType = BABYLON.Animation.ANIMATIONTYPE_FLOAT; } else if (this.value instanceof BABYLON.Color3) { dataType = BABYLON.Animation.ANIMATIONTYPE_COLOR3; } else if (this.value instanceof BABYLON.Vector3) { dataType = BABYLON.Animation.ANIMATIONTYPE_VECTOR3; } else if (this.value instanceof BABYLON.Matrix) { dataType = BABYLON.Animation.ANIMATIONTYPE_MATRIX; } else if (this.value instanceof BABYLON.Quaternion) { dataType = BABYLON.Animation.ANIMATIONTYPE_QUATERNION; } else { BABYLON.Tools.Warn("InterpolateValueAction: Unsupported type (" + typeof this.value + ")"); return; } var animation = new BABYLON.Animation("InterpolateValueAction", this._property, 100 * (1000.0 / this.duration), dataType, BABYLON.Animation.ANIMATIONLOOPMODE_CONSTANT); animation.setKeys(keys); if (this.stopOtherAnimations) { scene.stopAnimation(this._effectiveTarget); } scene.beginDirectAnimation(this._effectiveTarget, [animation], 0, 100, false, 1, this.onInterpolationDone); }; InterpolateValueAction.prototype.serialize = function (parent) { return _super.prototype._serialize.call(this, { name: "InterpolateValueAction", properties: [ BABYLON.Action._GetTargetProperty(this._target), { name: "propertyPath", value: this.propertyPath }, { name: "value", value: BABYLON.Action._SerializeValueAsString(this.value) }, { name: "duration", value: BABYLON.Action._SerializeValueAsString(this.duration) }, { name: "stopOtherAnimations", value: BABYLON.Action._SerializeValueAsString(this.stopOtherAnimations) || false } ] }, parent); }; return InterpolateValueAction; }(BABYLON.Action)); BABYLON.InterpolateValueAction = InterpolateValueAction; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Actions/babylon.interpolateValueAction.js.map var BABYLON; (function (BABYLON) { var SwitchBooleanAction = (function (_super) { __extends(SwitchBooleanAction, _super); function SwitchBooleanAction(triggerOptions, target, propertyPath, condition) { _super.call(this, triggerOptions, condition); this.propertyPath = propertyPath; this._target = this._effectiveTarget = target; } SwitchBooleanAction.prototype._prepare = function () { this._effectiveTarget = this._getEffectiveTarget(this._effectiveTarget, this.propertyPath); this._property = this._getProperty(this.propertyPath); }; SwitchBooleanAction.prototype.execute = function () { this._effectiveTarget[this._property] = !this._effectiveTarget[this._property]; }; SwitchBooleanAction.prototype.serialize = function (parent) { return _super.prototype._serialize.call(this, { name: "SwitchBooleanAction", properties: [ BABYLON.Action._GetTargetProperty(this._target), { name: "propertyPath", value: this.propertyPath } ] }, parent); }; return SwitchBooleanAction; }(BABYLON.Action)); BABYLON.SwitchBooleanAction = SwitchBooleanAction; var SetStateAction = (function (_super) { __extends(SetStateAction, _super); function SetStateAction(triggerOptions, target, value, condition) { _super.call(this, triggerOptions, condition); this.value = value; this._target = target; } SetStateAction.prototype.execute = function () { this._target.state = this.value; }; SetStateAction.prototype.serialize = function (parent) { return _super.prototype._serialize.call(this, { name: "SetStateAction", properties: [ BABYLON.Action._GetTargetProperty(this._target), { name: "value", value: this.value } ] }, parent); }; return SetStateAction; }(BABYLON.Action)); BABYLON.SetStateAction = SetStateAction; var SetValueAction = (function (_super) { __extends(SetValueAction, _super); function SetValueAction(triggerOptions, target, propertyPath, value, condition) { _super.call(this, triggerOptions, condition); this.propertyPath = propertyPath; this.value = value; this._target = this._effectiveTarget = target; } SetValueAction.prototype._prepare = function () { this._effectiveTarget = this._getEffectiveTarget(this._effectiveTarget, this.propertyPath); this._property = this._getProperty(this.propertyPath); }; SetValueAction.prototype.execute = function () { this._effectiveTarget[this._property] = this.value; if (this._target.markAsDirty) { this._target.markAsDirty(this._property); } }; SetValueAction.prototype.serialize = function (parent) { return _super.prototype._serialize.call(this, { name: "SetValueAction", properties: [ BABYLON.Action._GetTargetProperty(this._target), { name: "propertyPath", value: this.propertyPath }, { name: "value", value: BABYLON.Action._SerializeValueAsString(this.value) } ] }, parent); }; return SetValueAction; }(BABYLON.Action)); BABYLON.SetValueAction = SetValueAction; var IncrementValueAction = (function (_super) { __extends(IncrementValueAction, _super); function IncrementValueAction(triggerOptions, target, propertyPath, value, condition) { _super.call(this, triggerOptions, condition); this.propertyPath = propertyPath; this.value = value; this._target = this._effectiveTarget = target; } IncrementValueAction.prototype._prepare = function () { this._effectiveTarget = this._getEffectiveTarget(this._effectiveTarget, this.propertyPath); this._property = this._getProperty(this.propertyPath); if (typeof this._effectiveTarget[this._property] !== "number") { BABYLON.Tools.Warn("Warning: IncrementValueAction can only be used with number values"); } }; IncrementValueAction.prototype.execute = function () { this._effectiveTarget[this._property] += this.value; if (this._target.markAsDirty) { this._target.markAsDirty(this._property); } }; IncrementValueAction.prototype.serialize = function (parent) { return _super.prototype._serialize.call(this, { name: "IncrementValueAction", properties: [ BABYLON.Action._GetTargetProperty(this._target), { name: "propertyPath", value: this.propertyPath }, { name: "value", value: BABYLON.Action._SerializeValueAsString(this.value) } ] }, parent); }; return IncrementValueAction; }(BABYLON.Action)); BABYLON.IncrementValueAction = IncrementValueAction; var PlayAnimationAction = (function (_super) { __extends(PlayAnimationAction, _super); function PlayAnimationAction(triggerOptions, target, from, to, loop, condition) { _super.call(this, triggerOptions, condition); this.from = from; this.to = to; this.loop = loop; this._target = target; } PlayAnimationAction.prototype._prepare = function () { }; PlayAnimationAction.prototype.execute = function () { var scene = this._actionManager.getScene(); scene.beginAnimation(this._target, this.from, this.to, this.loop); }; PlayAnimationAction.prototype.serialize = function (parent) { return _super.prototype._serialize.call(this, { name: "PlayAnimationAction", properties: [ BABYLON.Action._GetTargetProperty(this._target), { name: "from", value: String(this.from) }, { name: "to", value: String(this.to) }, { name: "loop", value: BABYLON.Action._SerializeValueAsString(this.loop) || false } ] }, parent); }; return PlayAnimationAction; }(BABYLON.Action)); BABYLON.PlayAnimationAction = PlayAnimationAction; var StopAnimationAction = (function (_super) { __extends(StopAnimationAction, _super); function StopAnimationAction(triggerOptions, target, condition) { _super.call(this, triggerOptions, condition); this._target = target; } StopAnimationAction.prototype._prepare = function () { }; StopAnimationAction.prototype.execute = function () { var scene = this._actionManager.getScene(); scene.stopAnimation(this._target); }; StopAnimationAction.prototype.serialize = function (parent) { return _super.prototype._serialize.call(this, { name: "StopAnimationAction", properties: [BABYLON.Action._GetTargetProperty(this._target)] }, parent); }; return StopAnimationAction; }(BABYLON.Action)); BABYLON.StopAnimationAction = StopAnimationAction; var DoNothingAction = (function (_super) { __extends(DoNothingAction, _super); function DoNothingAction(triggerOptions, condition) { if (triggerOptions === void 0) { triggerOptions = BABYLON.ActionManager.NothingTrigger; } _super.call(this, triggerOptions, condition); } DoNothingAction.prototype.execute = function () { }; DoNothingAction.prototype.serialize = function (parent) { return _super.prototype._serialize.call(this, { name: "DoNothingAction", properties: [] }, parent); }; return DoNothingAction; }(BABYLON.Action)); BABYLON.DoNothingAction = DoNothingAction; var CombineAction = (function (_super) { __extends(CombineAction, _super); function CombineAction(triggerOptions, children, condition) { _super.call(this, triggerOptions, condition); this.children = children; } CombineAction.prototype._prepare = function () { for (var index = 0; index < this.children.length; index++) { this.children[index]._actionManager = this._actionManager; this.children[index]._prepare(); } }; CombineAction.prototype.execute = function (evt) { for (var index = 0; index < this.children.length; index++) { this.children[index].execute(evt); } }; CombineAction.prototype.serialize = function (parent) { var serializationObject = _super.prototype._serialize.call(this, { name: "CombineAction", properties: [], combine: [] }, parent); for (var i = 0; i < this.children.length; i++) { serializationObject.combine.push(this.children[i].serialize(null)); } return serializationObject; }; return CombineAction; }(BABYLON.Action)); BABYLON.CombineAction = CombineAction; var ExecuteCodeAction = (function (_super) { __extends(ExecuteCodeAction, _super); function ExecuteCodeAction(triggerOptions, func, condition) { _super.call(this, triggerOptions, condition); this.func = func; } ExecuteCodeAction.prototype.execute = function (evt) { this.func(evt); }; return ExecuteCodeAction; }(BABYLON.Action)); BABYLON.ExecuteCodeAction = ExecuteCodeAction; var SetParentAction = (function (_super) { __extends(SetParentAction, _super); function SetParentAction(triggerOptions, target, parent, condition) { _super.call(this, triggerOptions, condition); this._target = target; this._parent = parent; } SetParentAction.prototype._prepare = function () { }; SetParentAction.prototype.execute = function () { if (this._target.parent === this._parent) { return; } var invertParentWorldMatrix = this._parent.getWorldMatrix().clone(); invertParentWorldMatrix.invert(); this._target.position = BABYLON.Vector3.TransformCoordinates(this._target.position, invertParentWorldMatrix); this._target.parent = this._parent; }; SetParentAction.prototype.serialize = function (parent) { return _super.prototype._serialize.call(this, { name: "SetParentAction", properties: [ BABYLON.Action._GetTargetProperty(this._target), BABYLON.Action._GetTargetProperty(this._parent), ] }, parent); }; return SetParentAction; }(BABYLON.Action)); BABYLON.SetParentAction = SetParentAction; var PlaySoundAction = (function (_super) { __extends(PlaySoundAction, _super); function PlaySoundAction(triggerOptions, sound, condition) { _super.call(this, triggerOptions, condition); this._sound = sound; } PlaySoundAction.prototype._prepare = function () { }; PlaySoundAction.prototype.execute = function () { if (this._sound !== undefined) this._sound.play(); }; PlaySoundAction.prototype.serialize = function (parent) { return _super.prototype._serialize.call(this, { name: "PlaySoundAction", properties: [{ name: "sound", value: this._sound.name }] }, parent); }; return PlaySoundAction; }(BABYLON.Action)); BABYLON.PlaySoundAction = PlaySoundAction; var StopSoundAction = (function (_super) { __extends(StopSoundAction, _super); function StopSoundAction(triggerOptions, sound, condition) { _super.call(this, triggerOptions, condition); this._sound = sound; } StopSoundAction.prototype._prepare = function () { }; StopSoundAction.prototype.execute = function () { if (this._sound !== undefined) this._sound.stop(); }; StopSoundAction.prototype.serialize = function (parent) { return _super.prototype._serialize.call(this, { name: "StopSoundAction", properties: [{ name: "sound", value: this._sound.name }] }, parent); }; return StopSoundAction; }(BABYLON.Action)); BABYLON.StopSoundAction = StopSoundAction; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Actions/babylon.directActions.js.map var BABYLON; (function (BABYLON) { var Geometry = (function () { function Geometry(id, scene, vertexData, updatable, mesh) { this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_NONE; this._totalVertices = 0; this._isDisposed = false; this.id = id; this._engine = scene.getEngine(); this._meshes = []; this._scene = scene; //Init vertex buffer cache this._vertexBuffers = {}; this._indices = []; // vertexData if (vertexData) { this.setAllVerticesData(vertexData, updatable); } else { this._totalVertices = 0; this._indices = []; } // applyToMesh if (mesh) { if (mesh instanceof BABYLON.LinesMesh) { this.boundingBias = new BABYLON.Vector2(0, mesh.intersectionThreshold); this.updateExtend(); } this.applyToMesh(mesh); mesh.computeWorldMatrix(true); } } Object.defineProperty(Geometry.prototype, "boundingBias", { /** * The Bias Vector to apply on the bounding elements (box/sphere), the max extend is computed as v += v * bias.x + bias.y, the min is computed as v -= v * bias.x + bias.y * @returns The Bias Vector */ get: function () { return this._boundingBias; }, set: function (value) { if (this._boundingBias && this._boundingBias.equals(value)) { return; } this._boundingBias = value.clone(); this.updateBoundingInfo(true, null); }, enumerable: true, configurable: true }); Object.defineProperty(Geometry.prototype, "extend", { get: function () { return this._extend; }, enumerable: true, configurable: true }); Geometry.prototype.getScene = function () { return this._scene; }; Geometry.prototype.getEngine = function () { return this._engine; }; Geometry.prototype.isReady = function () { return this.delayLoadState === BABYLON.Engine.DELAYLOADSTATE_LOADED || this.delayLoadState === BABYLON.Engine.DELAYLOADSTATE_NONE; }; Object.defineProperty(Geometry.prototype, "doNotSerialize", { get: function () { for (var index = 0; index < this._meshes.length; index++) { if (!this._meshes[index].doNotSerialize) { return false; } } return true; }, enumerable: true, configurable: true }); Geometry.prototype.setAllVerticesData = function (vertexData, updatable) { vertexData.applyToGeometry(this, updatable); this.notifyUpdate(); }; Geometry.prototype.setVerticesData = function (kind, data, updatable, stride) { var buffer = new BABYLON.VertexBuffer(this._engine, data, kind, updatable, this._meshes.length === 0, stride); this.setVerticesBuffer(buffer); }; Geometry.prototype.setVerticesBuffer = function (buffer) { var kind = buffer.getKind(); if (this._vertexBuffers[kind]) { this._vertexBuffers[kind].dispose(); } this._vertexBuffers[kind] = buffer; if (kind === BABYLON.VertexBuffer.PositionKind) { var data = buffer.getData(); var stride = buffer.getStrideSize(); this._totalVertices = data.length / stride; this.updateExtend(data, stride); var meshes = this._meshes; var numOfMeshes = meshes.length; for (var index = 0; index < numOfMeshes; index++) { var mesh = meshes[index]; mesh._resetPointsArrayCache(); mesh._boundingInfo = new BABYLON.BoundingInfo(this._extend.minimum, this._extend.maximum); mesh._createGlobalSubMesh(); mesh.computeWorldMatrix(true); } } this.notifyUpdate(kind); }; Geometry.prototype.updateVerticesDataDirectly = function (kind, data, offset) { var vertexBuffer = this.getVertexBuffer(kind); if (!vertexBuffer) { return; } vertexBuffer.updateDirectly(data, offset); this.notifyUpdate(kind); }; Geometry.prototype.updateVerticesData = function (kind, data, updateExtends) { var vertexBuffer = this.getVertexBuffer(kind); if (!vertexBuffer) { return; } vertexBuffer.update(data); if (kind === BABYLON.VertexBuffer.PositionKind) { var stride = vertexBuffer.getStrideSize(); this._totalVertices = data.length / stride; this.updateBoundingInfo(updateExtends, data); } this.notifyUpdate(kind); }; Geometry.prototype.updateBoundingInfo = function (updateExtends, data) { if (updateExtends) { this.updateExtend(data); } var meshes = this._meshes; var numOfMeshes = meshes.length; for (var index = 0; index < numOfMeshes; index++) { var mesh = meshes[index]; mesh._resetPointsArrayCache(); if (updateExtends) { mesh._boundingInfo = new BABYLON.BoundingInfo(this._extend.minimum, this._extend.maximum); for (var subIndex = 0; subIndex < mesh.subMeshes.length; subIndex++) { var subMesh = mesh.subMeshes[subIndex]; subMesh.refreshBoundingInfo(); } } } }; Geometry.prototype.getTotalVertices = function () { if (!this.isReady()) { return 0; } return this._totalVertices; }; Geometry.prototype.getVerticesData = function (kind, copyWhenShared) { var vertexBuffer = this.getVertexBuffer(kind); if (!vertexBuffer) { return null; } var orig = vertexBuffer.getData(); if (!copyWhenShared || this._meshes.length === 1) { return orig; } else { var len = orig.length; var copy = []; for (var i = 0; i < len; i++) { copy.push(orig[i]); } return copy; } }; Geometry.prototype.getVertexBuffer = function (kind) { if (!this.isReady()) { return null; } return this._vertexBuffers[kind]; }; Geometry.prototype.getVertexBuffers = function () { if (!this.isReady()) { return null; } return this._vertexBuffers; }; Geometry.prototype.isVerticesDataPresent = function (kind) { if (!this._vertexBuffers) { if (this._delayInfo) { return this._delayInfo.indexOf(kind) !== -1; } return false; } return this._vertexBuffers[kind] !== undefined; }; Geometry.prototype.getVerticesDataKinds = function () { var result = []; var kind; if (!this._vertexBuffers && this._delayInfo) { for (kind in this._delayInfo) { result.push(kind); } } else { for (kind in this._vertexBuffers) { result.push(kind); } } return result; }; Geometry.prototype.setIndices = function (indices, totalVertices) { if (this._indexBuffer) { this._engine._releaseBuffer(this._indexBuffer); } this._indices = indices; if (this._meshes.length !== 0 && this._indices) { this._indexBuffer = this._engine.createIndexBuffer(this._indices); } if (totalVertices !== undefined) { this._totalVertices = totalVertices; } var meshes = this._meshes; var numOfMeshes = meshes.length; for (var index = 0; index < numOfMeshes; index++) { meshes[index]._createGlobalSubMesh(); } this.notifyUpdate(); }; Geometry.prototype.getTotalIndices = function () { if (!this.isReady()) { return 0; } return this._indices.length; }; Geometry.prototype.getIndices = function (copyWhenShared) { if (!this.isReady()) { return null; } var orig = this._indices; if (!copyWhenShared || this._meshes.length === 1) { return orig; } else { var len = orig.length; var copy = []; for (var i = 0; i < len; i++) { copy.push(orig[i]); } return copy; } }; Geometry.prototype.getIndexBuffer = function () { if (!this.isReady()) { return null; } return this._indexBuffer; }; Geometry.prototype.releaseForMesh = function (mesh, shouldDispose) { var meshes = this._meshes; var index = meshes.indexOf(mesh); if (index === -1) { return; } for (var kind in this._vertexBuffers) { this._vertexBuffers[kind].dispose(); } if (this._indexBuffer && this._engine._releaseBuffer(this._indexBuffer)) { this._indexBuffer = null; } meshes.splice(index, 1); mesh._geometry = null; if (meshes.length === 0 && shouldDispose) { this.dispose(); } }; Geometry.prototype.applyToMesh = function (mesh) { if (mesh._geometry === this) { return; } var previousGeometry = mesh._geometry; if (previousGeometry) { previousGeometry.releaseForMesh(mesh); } var meshes = this._meshes; // must be done before setting vertexBuffers because of mesh._createGlobalSubMesh() mesh._geometry = this; this._scene.pushGeometry(this); meshes.push(mesh); if (this.isReady()) { this._applyToMesh(mesh); } else { mesh._boundingInfo = this._boundingInfo; } }; Geometry.prototype.updateExtend = function (data, stride) { if (data === void 0) { data = null; } if (!data) { data = this._vertexBuffers[BABYLON.VertexBuffer.PositionKind].getData(); } this._extend = BABYLON.Tools.ExtractMinAndMax(data, 0, this._totalVertices, this.boundingBias, stride); }; Geometry.prototype._applyToMesh = function (mesh) { var numOfMeshes = this._meshes.length; // vertexBuffers for (var kind in this._vertexBuffers) { if (numOfMeshes === 1) { this._vertexBuffers[kind].create(); } this._vertexBuffers[kind].getBuffer().references = numOfMeshes; if (kind === BABYLON.VertexBuffer.PositionKind) { mesh._resetPointsArrayCache(); if (!this._extend) { this.updateExtend(this._vertexBuffers[kind].getData()); } mesh._boundingInfo = new BABYLON.BoundingInfo(this._extend.minimum, this._extend.maximum); mesh._createGlobalSubMesh(); //bounding info was just created again, world matrix should be applied again. mesh._updateBoundingInfo(); } } // indexBuffer if (numOfMeshes === 1 && this._indices && this._indices.length > 0) { this._indexBuffer = this._engine.createIndexBuffer(this._indices); } if (this._indexBuffer) { this._indexBuffer.references = numOfMeshes; } }; Geometry.prototype.notifyUpdate = function (kind) { if (this.onGeometryUpdated) { this.onGeometryUpdated(this, kind); } }; Geometry.prototype.load = function (scene, onLoaded) { if (this.delayLoadState === BABYLON.Engine.DELAYLOADSTATE_LOADING) { return; } if (this.isReady()) { if (onLoaded) { onLoaded(); } return; } this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_LOADING; this._queueLoad(scene, onLoaded); }; Geometry.prototype._queueLoad = function (scene, onLoaded) { var _this = this; scene._addPendingData(this); BABYLON.Tools.LoadFile(this.delayLoadingFile, function (data) { _this._delayLoadingFunction(JSON.parse(data), _this); _this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_LOADED; _this._delayInfo = []; scene._removePendingData(_this); var meshes = _this._meshes; var numOfMeshes = meshes.length; for (var index = 0; index < numOfMeshes; index++) { _this._applyToMesh(meshes[index]); } if (onLoaded) { onLoaded(); } }, function () { }, scene.database); }; /** * Invert the geometry to move from a right handed system to a left handed one. */ Geometry.prototype.toLeftHanded = function () { // Flip faces var tIndices = this.getIndices(false); if (tIndices != null && tIndices.length > 0) { for (var i = 0; i < tIndices.length; i += 3) { var tTemp = tIndices[i + 0]; tIndices[i + 0] = tIndices[i + 2]; tIndices[i + 2] = tTemp; } this.setIndices(tIndices); } // Negate position.z var tPositions = this.getVerticesData(BABYLON.VertexBuffer.PositionKind, false); if (tPositions != null && tPositions.length > 0) { for (var i = 0; i < tPositions.length; i += 3) { tPositions[i + 2] = -tPositions[i + 2]; } this.setVerticesData(BABYLON.VertexBuffer.PositionKind, tPositions, false); } // Negate normal.z var tNormals = this.getVerticesData(BABYLON.VertexBuffer.NormalKind, false); if (tNormals != null && tNormals.length > 0) { for (var i = 0; i < tNormals.length; i += 3) { tNormals[i + 2] = -tNormals[i + 2]; } this.setVerticesData(BABYLON.VertexBuffer.NormalKind, tNormals, false); } }; Geometry.prototype.isDisposed = function () { return this._isDisposed; }; Geometry.prototype.dispose = function () { var meshes = this._meshes; var numOfMeshes = meshes.length; var index; for (index = 0; index < numOfMeshes; index++) { this.releaseForMesh(meshes[index]); } this._meshes = []; for (var kind in this._vertexBuffers) { this._vertexBuffers[kind].dispose(); } this._vertexBuffers = {}; this._totalVertices = 0; if (this._indexBuffer) { this._engine._releaseBuffer(this._indexBuffer); } this._indexBuffer = null; this._indices = []; this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_NONE; this.delayLoadingFile = null; this._delayLoadingFunction = null; this._delayInfo = []; this._boundingInfo = null; this._scene.removeGeometry(this); this._isDisposed = true; }; Geometry.prototype.copy = function (id) { var vertexData = new BABYLON.VertexData(); vertexData.indices = []; var indices = this.getIndices(); for (var index = 0; index < indices.length; index++) { vertexData.indices.push(indices[index]); } var updatable = false; var stopChecking = false; var kind; for (kind in this._vertexBuffers) { // using slice() to make a copy of the array and not just reference it var data = this.getVerticesData(kind); if (data instanceof Float32Array) { vertexData.set(new Float32Array(data), kind); } else { vertexData.set(data.slice(0), kind); } if (!stopChecking) { updatable = this.getVertexBuffer(kind).isUpdatable(); stopChecking = !updatable; } } var geometry = new Geometry(id, this._scene, vertexData, updatable, null); geometry.delayLoadState = this.delayLoadState; geometry.delayLoadingFile = this.delayLoadingFile; geometry._delayLoadingFunction = this._delayLoadingFunction; for (kind in this._delayInfo) { geometry._delayInfo = geometry._delayInfo || []; geometry._delayInfo.push(kind); } // Bounding info geometry._boundingInfo = new BABYLON.BoundingInfo(this._extend.minimum, this._extend.maximum); return geometry; }; Geometry.prototype.serialize = function () { var serializationObject = {}; serializationObject.id = this.id; if (BABYLON.Tags.HasTags(this)) { serializationObject.tags = BABYLON.Tags.GetTags(this); } return serializationObject; }; Geometry.prototype.serializeVerticeData = function () { var serializationObject = this.serialize(); if (this.isVerticesDataPresent(BABYLON.VertexBuffer.PositionKind)) { serializationObject.positions = this.getVerticesData(BABYLON.VertexBuffer.PositionKind); } if (this.isVerticesDataPresent(BABYLON.VertexBuffer.NormalKind)) { serializationObject.normals = this.getVerticesData(BABYLON.VertexBuffer.NormalKind); } if (this.isVerticesDataPresent(BABYLON.VertexBuffer.UVKind)) { serializationObject.uvs = this.getVerticesData(BABYLON.VertexBuffer.UVKind); } if (this.isVerticesDataPresent(BABYLON.VertexBuffer.UV2Kind)) { serializationObject.uvs2 = this.getVerticesData(BABYLON.VertexBuffer.UV2Kind); } if (this.isVerticesDataPresent(BABYLON.VertexBuffer.UV3Kind)) { serializationObject.uvs3 = this.getVerticesData(BABYLON.VertexBuffer.UV3Kind); } if (this.isVerticesDataPresent(BABYLON.VertexBuffer.UV4Kind)) { serializationObject.uvs4 = this.getVerticesData(BABYLON.VertexBuffer.UV4Kind); } if (this.isVerticesDataPresent(BABYLON.VertexBuffer.UV5Kind)) { serializationObject.uvs5 = this.getVerticesData(BABYLON.VertexBuffer.UV5Kind); } if (this.isVerticesDataPresent(BABYLON.VertexBuffer.UV6Kind)) { serializationObject.uvs6 = this.getVerticesData(BABYLON.VertexBuffer.UV6Kind); } if (this.isVerticesDataPresent(BABYLON.VertexBuffer.ColorKind)) { serializationObject.colors = this.getVerticesData(BABYLON.VertexBuffer.ColorKind); } if (this.isVerticesDataPresent(BABYLON.VertexBuffer.MatricesIndicesKind)) { serializationObject.matricesIndices = this.getVerticesData(BABYLON.VertexBuffer.MatricesIndicesKind); serializationObject.matricesIndices._isExpanded = true; } if (this.isVerticesDataPresent(BABYLON.VertexBuffer.MatricesWeightsKind)) { serializationObject.matricesWeights = this.getVerticesData(BABYLON.VertexBuffer.MatricesWeightsKind); } serializationObject.indices = this.getIndices(); return serializationObject; }; // Statics Geometry.ExtractFromMesh = function (mesh, id) { var geometry = mesh._geometry; if (!geometry) { return null; } return geometry.copy(id); }; /** * You should now use Tools.RandomId(), this method is still here for legacy reasons. * Implementation from http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/2117523#answer-2117523 * Be aware Math.random() could cause collisions, but: * "All but 6 of the 128 bits of the ID are randomly generated, which means that for any two ids, there's a 1 in 2^^122 (or 5.3x10^^36) chance they'll collide" */ Geometry.RandomId = function () { return BABYLON.Tools.RandomId(); }; Geometry.ImportGeometry = function (parsedGeometry, mesh) { var scene = mesh.getScene(); // Geometry var geometryId = parsedGeometry.geometryId; if (geometryId) { var geometry = scene.getGeometryByID(geometryId); if (geometry) { geometry.applyToMesh(mesh); } } else if (parsedGeometry instanceof ArrayBuffer) { var binaryInfo = mesh._binaryInfo; if (binaryInfo.positionsAttrDesc && binaryInfo.positionsAttrDesc.count > 0) { var positionsData = new Float32Array(parsedGeometry, binaryInfo.positionsAttrDesc.offset, binaryInfo.positionsAttrDesc.count); mesh.setVerticesData(BABYLON.VertexBuffer.PositionKind, positionsData, false); } if (binaryInfo.normalsAttrDesc && binaryInfo.normalsAttrDesc.count > 0) { var normalsData = new Float32Array(parsedGeometry, binaryInfo.normalsAttrDesc.offset, binaryInfo.normalsAttrDesc.count); mesh.setVerticesData(BABYLON.VertexBuffer.NormalKind, normalsData, false); } if (binaryInfo.uvsAttrDesc && binaryInfo.uvsAttrDesc.count > 0) { var uvsData = new Float32Array(parsedGeometry, binaryInfo.uvsAttrDesc.offset, binaryInfo.uvsAttrDesc.count); mesh.setVerticesData(BABYLON.VertexBuffer.UVKind, uvsData, false); } if (binaryInfo.uvs2AttrDesc && binaryInfo.uvs2AttrDesc.count > 0) { var uvs2Data = new Float32Array(parsedGeometry, binaryInfo.uvs2AttrDesc.offset, binaryInfo.uvs2AttrDesc.count); mesh.setVerticesData(BABYLON.VertexBuffer.UV2Kind, uvs2Data, false); } if (binaryInfo.uvs3AttrDesc && binaryInfo.uvs3AttrDesc.count > 0) { var uvs3Data = new Float32Array(parsedGeometry, binaryInfo.uvs3AttrDesc.offset, binaryInfo.uvs3AttrDesc.count); mesh.setVerticesData(BABYLON.VertexBuffer.UV3Kind, uvs3Data, false); } if (binaryInfo.uvs4AttrDesc && binaryInfo.uvs4AttrDesc.count > 0) { var uvs4Data = new Float32Array(parsedGeometry, binaryInfo.uvs4AttrDesc.offset, binaryInfo.uvs4AttrDesc.count); mesh.setVerticesData(BABYLON.VertexBuffer.UV4Kind, uvs4Data, false); } if (binaryInfo.uvs5AttrDesc && binaryInfo.uvs5AttrDesc.count > 0) { var uvs5Data = new Float32Array(parsedGeometry, binaryInfo.uvs5AttrDesc.offset, binaryInfo.uvs5AttrDesc.count); mesh.setVerticesData(BABYLON.VertexBuffer.UV5Kind, uvs5Data, false); } if (binaryInfo.uvs6AttrDesc && binaryInfo.uvs6AttrDesc.count > 0) { var uvs6Data = new Float32Array(parsedGeometry, binaryInfo.uvs6AttrDesc.offset, binaryInfo.uvs6AttrDesc.count); mesh.setVerticesData(BABYLON.VertexBuffer.UV6Kind, uvs6Data, false); } if (binaryInfo.colorsAttrDesc && binaryInfo.colorsAttrDesc.count > 0) { var colorsData = new Float32Array(parsedGeometry, binaryInfo.colorsAttrDesc.offset, binaryInfo.colorsAttrDesc.count); mesh.setVerticesData(BABYLON.VertexBuffer.ColorKind, colorsData, false, binaryInfo.colorsAttrDesc.stride); } if (binaryInfo.matricesIndicesAttrDesc && binaryInfo.matricesIndicesAttrDesc.count > 0) { var matricesIndicesData = new Int32Array(parsedGeometry, binaryInfo.matricesIndicesAttrDesc.offset, binaryInfo.matricesIndicesAttrDesc.count); mesh.setVerticesData(BABYLON.VertexBuffer.MatricesIndicesKind, matricesIndicesData, false); } if (binaryInfo.matricesWeightsAttrDesc && binaryInfo.matricesWeightsAttrDesc.count > 0) { var matricesWeightsData = new Float32Array(parsedGeometry, binaryInfo.matricesWeightsAttrDesc.offset, binaryInfo.matricesWeightsAttrDesc.count); mesh.setVerticesData(BABYLON.VertexBuffer.MatricesWeightsKind, matricesWeightsData, false); } if (binaryInfo.indicesAttrDesc && binaryInfo.indicesAttrDesc.count > 0) { var indicesData = new Int32Array(parsedGeometry, binaryInfo.indicesAttrDesc.offset, binaryInfo.indicesAttrDesc.count); mesh.setIndices(indicesData); } if (binaryInfo.subMeshesAttrDesc && binaryInfo.subMeshesAttrDesc.count > 0) { var subMeshesData = new Int32Array(parsedGeometry, binaryInfo.subMeshesAttrDesc.offset, binaryInfo.subMeshesAttrDesc.count * 5); mesh.subMeshes = []; for (var i = 0; i < binaryInfo.subMeshesAttrDesc.count; i++) { var materialIndex = subMeshesData[(i * 5) + 0]; var verticesStart = subMeshesData[(i * 5) + 1]; var verticesCount = subMeshesData[(i * 5) + 2]; var indexStart = subMeshesData[(i * 5) + 3]; var indexCount = subMeshesData[(i * 5) + 4]; var subMesh = new BABYLON.SubMesh(materialIndex, verticesStart, verticesCount, indexStart, indexCount, mesh); } } } else if (parsedGeometry.positions && parsedGeometry.normals && parsedGeometry.indices) { mesh.setVerticesData(BABYLON.VertexBuffer.PositionKind, parsedGeometry.positions, false); mesh.setVerticesData(BABYLON.VertexBuffer.NormalKind, parsedGeometry.normals, false); if (parsedGeometry.uvs) { mesh.setVerticesData(BABYLON.VertexBuffer.UVKind, parsedGeometry.uvs, false); } if (parsedGeometry.uvs2) { mesh.setVerticesData(BABYLON.VertexBuffer.UV2Kind, parsedGeometry.uvs2, false); } if (parsedGeometry.uvs3) { mesh.setVerticesData(BABYLON.VertexBuffer.UV3Kind, parsedGeometry.uvs3, false); } if (parsedGeometry.uvs4) { mesh.setVerticesData(BABYLON.VertexBuffer.UV4Kind, parsedGeometry.uvs4, false); } if (parsedGeometry.uvs5) { mesh.setVerticesData(BABYLON.VertexBuffer.UV5Kind, parsedGeometry.uvs5, false); } if (parsedGeometry.uvs6) { mesh.setVerticesData(BABYLON.VertexBuffer.UV6Kind, parsedGeometry.uvs6, false); } if (parsedGeometry.colors) { mesh.setVerticesData(BABYLON.VertexBuffer.ColorKind, BABYLON.Color4.CheckColors4(parsedGeometry.colors, parsedGeometry.positions.length / 3), false); } if (parsedGeometry.matricesIndices) { if (!parsedGeometry.matricesIndices._isExpanded) { var floatIndices = []; for (var i = 0; i < parsedGeometry.matricesIndices.length; i++) { var matricesIndex = parsedGeometry.matricesIndices[i]; floatIndices.push(matricesIndex & 0x000000FF); floatIndices.push((matricesIndex & 0x0000FF00) >> 8); floatIndices.push((matricesIndex & 0x00FF0000) >> 16); floatIndices.push(matricesIndex >> 24); } mesh.setVerticesData(BABYLON.VertexBuffer.MatricesIndicesKind, floatIndices, false); } else { delete parsedGeometry.matricesIndices._isExpanded; mesh.setVerticesData(BABYLON.VertexBuffer.MatricesIndicesKind, parsedGeometry.matricesIndices, false); } } if (parsedGeometry.matricesIndicesExtra) { if (!parsedGeometry.matricesIndicesExtra._isExpanded) { var floatIndices = []; for (var i = 0; i < parsedGeometry.matricesIndicesExtra.length; i++) { var matricesIndex = parsedGeometry.matricesIndicesExtra[i]; floatIndices.push(matricesIndex & 0x000000FF); floatIndices.push((matricesIndex & 0x0000FF00) >> 8); floatIndices.push((matricesIndex & 0x00FF0000) >> 16); floatIndices.push(matricesIndex >> 24); } mesh.setVerticesData(BABYLON.VertexBuffer.MatricesIndicesExtraKind, floatIndices, false); } else { delete parsedGeometry.matricesIndices._isExpanded; mesh.setVerticesData(BABYLON.VertexBuffer.MatricesIndicesExtraKind, parsedGeometry.matricesIndicesExtra, false); } } if (parsedGeometry.matricesWeights) { mesh.setVerticesData(BABYLON.VertexBuffer.MatricesWeightsKind, parsedGeometry.matricesWeights, false); } if (parsedGeometry.matricesWeightsExtra) { mesh.setVerticesData(BABYLON.VertexBuffer.MatricesWeightsExtraKind, parsedGeometry.matricesWeightsExtra, false); } mesh.setIndices(parsedGeometry.indices); } // SubMeshes if (parsedGeometry.subMeshes) { mesh.subMeshes = []; for (var subIndex = 0; subIndex < parsedGeometry.subMeshes.length; subIndex++) { var parsedSubMesh = parsedGeometry.subMeshes[subIndex]; var subMesh = new BABYLON.SubMesh(parsedSubMesh.materialIndex, parsedSubMesh.verticesStart, parsedSubMesh.verticesCount, parsedSubMesh.indexStart, parsedSubMesh.indexCount, mesh); } } // Flat shading if (mesh._shouldGenerateFlatShading) { mesh.convertToFlatShadedMesh(); delete mesh._shouldGenerateFlatShading; } // Update mesh.computeWorldMatrix(true); // Octree if (scene['_selectionOctree']) { scene['_selectionOctree'].addMesh(mesh); } }; Geometry.Parse = function (parsedVertexData, scene, rootUrl) { if (scene.getGeometryByID(parsedVertexData.id)) { return null; // null since geometry could be something else than a box... } var geometry = new Geometry(parsedVertexData.id, scene); BABYLON.Tags.AddTagsTo(geometry, parsedVertexData.tags); if (parsedVertexData.delayLoadingFile) { geometry.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_NOTLOADED; geometry.delayLoadingFile = rootUrl + parsedVertexData.delayLoadingFile; geometry._boundingInfo = new BABYLON.BoundingInfo(BABYLON.Vector3.FromArray(parsedVertexData.boundingBoxMinimum), BABYLON.Vector3.FromArray(parsedVertexData.boundingBoxMaximum)); geometry._delayInfo = []; if (parsedVertexData.hasUVs) { geometry._delayInfo.push(BABYLON.VertexBuffer.UVKind); } if (parsedVertexData.hasUVs2) { geometry._delayInfo.push(BABYLON.VertexBuffer.UV2Kind); } if (parsedVertexData.hasUVs3) { geometry._delayInfo.push(BABYLON.VertexBuffer.UV3Kind); } if (parsedVertexData.hasUVs4) { geometry._delayInfo.push(BABYLON.VertexBuffer.UV4Kind); } if (parsedVertexData.hasUVs5) { geometry._delayInfo.push(BABYLON.VertexBuffer.UV5Kind); } if (parsedVertexData.hasUVs6) { geometry._delayInfo.push(BABYLON.VertexBuffer.UV6Kind); } if (parsedVertexData.hasColors) { geometry._delayInfo.push(BABYLON.VertexBuffer.ColorKind); } if (parsedVertexData.hasMatricesIndices) { geometry._delayInfo.push(BABYLON.VertexBuffer.MatricesIndicesKind); } if (parsedVertexData.hasMatricesWeights) { geometry._delayInfo.push(BABYLON.VertexBuffer.MatricesWeightsKind); } geometry._delayLoadingFunction = BABYLON.VertexData.ImportVertexData; } else { BABYLON.VertexData.ImportVertexData(parsedVertexData, geometry); } scene.pushGeometry(geometry, true); return geometry; }; return Geometry; }()); BABYLON.Geometry = Geometry; /////// Primitives ////////////////////////////////////////////// var Geometry; (function (Geometry) { var Primitives; (function (Primitives) { /// Abstract class var _Primitive = (function (_super) { __extends(_Primitive, _super); function _Primitive(id, scene, _canBeRegenerated, mesh) { _super.call(this, id, scene, null, false, mesh); // updatable = false to be sure not to update vertices this._canBeRegenerated = _canBeRegenerated; this._beingRegenerated = true; this.regenerate(); this._beingRegenerated = false; } _Primitive.prototype.canBeRegenerated = function () { return this._canBeRegenerated; }; _Primitive.prototype.regenerate = function () { if (!this._canBeRegenerated) { return; } this._beingRegenerated = true; this.setAllVerticesData(this._regenerateVertexData(), false); this._beingRegenerated = false; }; _Primitive.prototype.asNewGeometry = function (id) { return _super.prototype.copy.call(this, id); }; // overrides _Primitive.prototype.setAllVerticesData = function (vertexData, updatable) { if (!this._beingRegenerated) { return; } _super.prototype.setAllVerticesData.call(this, vertexData, false); }; _Primitive.prototype.setVerticesData = function (kind, data, updatable) { if (!this._beingRegenerated) { return; } _super.prototype.setVerticesData.call(this, kind, data, false); }; // to override // protected _Primitive.prototype._regenerateVertexData = function () { throw new Error("Abstract method"); }; _Primitive.prototype.copy = function (id) { throw new Error("Must be overriden in sub-classes."); }; _Primitive.prototype.serialize = function () { var serializationObject = _super.prototype.serialize.call(this); serializationObject.canBeRegenerated = this.canBeRegenerated(); return serializationObject; }; return _Primitive; }(Geometry)); Primitives._Primitive = _Primitive; var Ribbon = (function (_super) { __extends(Ribbon, _super); // Members function Ribbon(id, scene, pathArray, closeArray, closePath, offset, canBeRegenerated, mesh, side) { if (side === void 0) { side = BABYLON.Mesh.DEFAULTSIDE; } _super.call(this, id, scene, canBeRegenerated, mesh); this.pathArray = pathArray; this.closeArray = closeArray; this.closePath = closePath; this.offset = offset; this.side = side; } Ribbon.prototype._regenerateVertexData = function () { return BABYLON.VertexData.CreateRibbon({ pathArray: this.pathArray, closeArray: this.closeArray, closePath: this.closePath, offset: this.offset, sideOrientation: this.side }); }; Ribbon.prototype.copy = function (id) { return new Ribbon(id, this.getScene(), this.pathArray, this.closeArray, this.closePath, this.offset, this.canBeRegenerated(), null, this.side); }; return Ribbon; }(_Primitive)); Primitives.Ribbon = Ribbon; var Box = (function (_super) { __extends(Box, _super); // Members function Box(id, scene, size, canBeRegenerated, mesh, side) { if (side === void 0) { side = BABYLON.Mesh.DEFAULTSIDE; } _super.call(this, id, scene, canBeRegenerated, mesh); this.size = size; this.side = side; } Box.prototype._regenerateVertexData = function () { return BABYLON.VertexData.CreateBox({ size: this.size, sideOrientation: this.side }); }; Box.prototype.copy = function (id) { return new Box(id, this.getScene(), this.size, this.canBeRegenerated(), null, this.side); }; Box.prototype.serialize = function () { var serializationObject = _super.prototype.serialize.call(this); serializationObject.size = this.size; return serializationObject; }; Box.Parse = function (parsedBox, scene) { if (scene.getGeometryByID(parsedBox.id)) { return null; // null since geometry could be something else than a box... } var box = new Geometry.Primitives.Box(parsedBox.id, scene, parsedBox.size, parsedBox.canBeRegenerated, null); BABYLON.Tags.AddTagsTo(box, parsedBox.tags); scene.pushGeometry(box, true); return box; }; return Box; }(_Primitive)); Primitives.Box = Box; var Sphere = (function (_super) { __extends(Sphere, _super); function Sphere(id, scene, segments, diameter, canBeRegenerated, mesh, side) { if (side === void 0) { side = BABYLON.Mesh.DEFAULTSIDE; } _super.call(this, id, scene, canBeRegenerated, mesh); this.segments = segments; this.diameter = diameter; this.side = side; } Sphere.prototype._regenerateVertexData = function () { return BABYLON.VertexData.CreateSphere({ segments: this.segments, diameter: this.diameter, sideOrientation: this.side }); }; Sphere.prototype.copy = function (id) { return new Sphere(id, this.getScene(), this.segments, this.diameter, this.canBeRegenerated(), null, this.side); }; Sphere.prototype.serialize = function () { var serializationObject = _super.prototype.serialize.call(this); serializationObject.segments = this.segments; serializationObject.diameter = this.diameter; return serializationObject; }; Sphere.Parse = function (parsedSphere, scene) { if (scene.getGeometryByID(parsedSphere.id)) { return null; // null since geometry could be something else than a sphere... } var sphere = new Geometry.Primitives.Sphere(parsedSphere.id, scene, parsedSphere.segments, parsedSphere.diameter, parsedSphere.canBeRegenerated, null); BABYLON.Tags.AddTagsTo(sphere, parsedSphere.tags); scene.pushGeometry(sphere, true); return sphere; }; return Sphere; }(_Primitive)); Primitives.Sphere = Sphere; var Disc = (function (_super) { __extends(Disc, _super); // Members function Disc(id, scene, radius, tessellation, canBeRegenerated, mesh, side) { if (side === void 0) { side = BABYLON.Mesh.DEFAULTSIDE; } _super.call(this, id, scene, canBeRegenerated, mesh); this.radius = radius; this.tessellation = tessellation; this.side = side; } Disc.prototype._regenerateVertexData = function () { return BABYLON.VertexData.CreateDisc({ radius: this.radius, tessellation: this.tessellation, sideOrientation: this.side }); }; Disc.prototype.copy = function (id) { return new Disc(id, this.getScene(), this.radius, this.tessellation, this.canBeRegenerated(), null, this.side); }; return Disc; }(_Primitive)); Primitives.Disc = Disc; var Cylinder = (function (_super) { __extends(Cylinder, _super); function Cylinder(id, scene, height, diameterTop, diameterBottom, tessellation, subdivisions, canBeRegenerated, mesh, side) { if (subdivisions === void 0) { subdivisions = 1; } if (side === void 0) { side = BABYLON.Mesh.DEFAULTSIDE; } _super.call(this, id, scene, canBeRegenerated, mesh); this.height = height; this.diameterTop = diameterTop; this.diameterBottom = diameterBottom; this.tessellation = tessellation; this.subdivisions = subdivisions; this.side = side; } Cylinder.prototype._regenerateVertexData = function () { return BABYLON.VertexData.CreateCylinder({ height: this.height, diameterTop: this.diameterTop, diameterBottom: this.diameterBottom, tessellation: this.tessellation, subdivisions: this.subdivisions, sideOrientation: this.side }); }; Cylinder.prototype.copy = function (id) { return new Cylinder(id, this.getScene(), this.height, this.diameterTop, this.diameterBottom, this.tessellation, this.subdivisions, this.canBeRegenerated(), null, this.side); }; Cylinder.prototype.serialize = function () { var serializationObject = _super.prototype.serialize.call(this); serializationObject.height = this.height; serializationObject.diameterTop = this.diameterTop; serializationObject.diameterBottom = this.diameterBottom; serializationObject.tessellation = this.tessellation; return serializationObject; }; Cylinder.Parse = function (parsedCylinder, scene) { if (scene.getGeometryByID(parsedCylinder.id)) { return null; // null since geometry could be something else than a cylinder... } var cylinder = new Geometry.Primitives.Cylinder(parsedCylinder.id, scene, parsedCylinder.height, parsedCylinder.diameterTop, parsedCylinder.diameterBottom, parsedCylinder.tessellation, parsedCylinder.subdivisions, parsedCylinder.canBeRegenerated, null); BABYLON.Tags.AddTagsTo(cylinder, parsedCylinder.tags); scene.pushGeometry(cylinder, true); return cylinder; }; return Cylinder; }(_Primitive)); Primitives.Cylinder = Cylinder; var Torus = (function (_super) { __extends(Torus, _super); function Torus(id, scene, diameter, thickness, tessellation, canBeRegenerated, mesh, side) { if (side === void 0) { side = BABYLON.Mesh.DEFAULTSIDE; } _super.call(this, id, scene, canBeRegenerated, mesh); this.diameter = diameter; this.thickness = thickness; this.tessellation = tessellation; this.side = side; } Torus.prototype._regenerateVertexData = function () { return BABYLON.VertexData.CreateTorus({ diameter: this.diameter, thickness: this.thickness, tessellation: this.tessellation, sideOrientation: this.side }); }; Torus.prototype.copy = function (id) { return new Torus(id, this.getScene(), this.diameter, this.thickness, this.tessellation, this.canBeRegenerated(), null, this.side); }; Torus.prototype.serialize = function () { var serializationObject = _super.prototype.serialize.call(this); serializationObject.diameter = this.diameter; serializationObject.thickness = this.thickness; serializationObject.tessellation = this.tessellation; return serializationObject; }; Torus.Parse = function (parsedTorus, scene) { if (scene.getGeometryByID(parsedTorus.id)) { return null; // null since geometry could be something else than a torus... } var torus = new Geometry.Primitives.Torus(parsedTorus.id, scene, parsedTorus.diameter, parsedTorus.thickness, parsedTorus.tessellation, parsedTorus.canBeRegenerated, null); BABYLON.Tags.AddTagsTo(torus, parsedTorus.tags); scene.pushGeometry(torus, true); return torus; }; return Torus; }(_Primitive)); Primitives.Torus = Torus; var Ground = (function (_super) { __extends(Ground, _super); function Ground(id, scene, width, height, subdivisions, canBeRegenerated, mesh) { _super.call(this, id, scene, canBeRegenerated, mesh); this.width = width; this.height = height; this.subdivisions = subdivisions; } Ground.prototype._regenerateVertexData = function () { return BABYLON.VertexData.CreateGround({ width: this.width, height: this.height, subdivisions: this.subdivisions }); }; Ground.prototype.copy = function (id) { return new Ground(id, this.getScene(), this.width, this.height, this.subdivisions, this.canBeRegenerated(), null); }; Ground.prototype.serialize = function () { var serializationObject = _super.prototype.serialize.call(this); serializationObject.width = this.width; serializationObject.height = this.height; serializationObject.subdivisions = this.subdivisions; return serializationObject; }; Ground.Parse = function (parsedGround, scene) { if (scene.getGeometryByID(parsedGround.id)) { return null; // null since geometry could be something else than a ground... } var ground = new Geometry.Primitives.Ground(parsedGround.id, scene, parsedGround.width, parsedGround.height, parsedGround.subdivisions, parsedGround.canBeRegenerated, null); BABYLON.Tags.AddTagsTo(ground, parsedGround.tags); scene.pushGeometry(ground, true); return ground; }; return Ground; }(_Primitive)); Primitives.Ground = Ground; var TiledGround = (function (_super) { __extends(TiledGround, _super); function TiledGround(id, scene, xmin, zmin, xmax, zmax, subdivisions, precision, canBeRegenerated, mesh) { _super.call(this, id, scene, canBeRegenerated, mesh); this.xmin = xmin; this.zmin = zmin; this.xmax = xmax; this.zmax = zmax; this.subdivisions = subdivisions; this.precision = precision; } TiledGround.prototype._regenerateVertexData = function () { return BABYLON.VertexData.CreateTiledGround({ xmin: this.xmin, zmin: this.zmin, xmax: this.xmax, zmax: this.zmax, subdivisions: this.subdivisions, precision: this.precision }); }; TiledGround.prototype.copy = function (id) { return new TiledGround(id, this.getScene(), this.xmin, this.zmin, this.xmax, this.zmax, this.subdivisions, this.precision, this.canBeRegenerated(), null); }; return TiledGround; }(_Primitive)); Primitives.TiledGround = TiledGround; var Plane = (function (_super) { __extends(Plane, _super); function Plane(id, scene, size, canBeRegenerated, mesh, side) { if (side === void 0) { side = BABYLON.Mesh.DEFAULTSIDE; } _super.call(this, id, scene, canBeRegenerated, mesh); this.size = size; this.side = side; } Plane.prototype._regenerateVertexData = function () { return BABYLON.VertexData.CreatePlane({ size: this.size, sideOrientation: this.side }); }; Plane.prototype.copy = function (id) { return new Plane(id, this.getScene(), this.size, this.canBeRegenerated(), null, this.side); }; Plane.prototype.serialize = function () { var serializationObject = _super.prototype.serialize.call(this); serializationObject.size = this.size; return serializationObject; }; Plane.Parse = function (parsedPlane, scene) { if (scene.getGeometryByID(parsedPlane.id)) { return null; // null since geometry could be something else than a ground... } var plane = new Geometry.Primitives.Plane(parsedPlane.id, scene, parsedPlane.size, parsedPlane.canBeRegenerated, null); BABYLON.Tags.AddTagsTo(plane, parsedPlane.tags); scene.pushGeometry(plane, true); return plane; }; return Plane; }(_Primitive)); Primitives.Plane = Plane; var TorusKnot = (function (_super) { __extends(TorusKnot, _super); function TorusKnot(id, scene, radius, tube, radialSegments, tubularSegments, p, q, canBeRegenerated, mesh, side) { if (side === void 0) { side = BABYLON.Mesh.DEFAULTSIDE; } _super.call(this, id, scene, canBeRegenerated, mesh); this.radius = radius; this.tube = tube; this.radialSegments = radialSegments; this.tubularSegments = tubularSegments; this.p = p; this.q = q; this.side = side; } TorusKnot.prototype._regenerateVertexData = function () { return BABYLON.VertexData.CreateTorusKnot({ radius: this.radius, tube: this.tube, radialSegments: this.radialSegments, tubularSegments: this.tubularSegments, p: this.p, q: this.q, sideOrientation: this.side }); }; TorusKnot.prototype.copy = function (id) { return new TorusKnot(id, this.getScene(), this.radius, this.tube, this.radialSegments, this.tubularSegments, this.p, this.q, this.canBeRegenerated(), null, this.side); }; TorusKnot.prototype.serialize = function () { var serializationObject = _super.prototype.serialize.call(this); serializationObject.radius = this.radius; serializationObject.tube = this.tube; serializationObject.radialSegments = this.radialSegments; serializationObject.tubularSegments = this.tubularSegments; serializationObject.p = this.p; serializationObject.q = this.q; return serializationObject; }; ; TorusKnot.Parse = function (parsedTorusKnot, scene) { if (scene.getGeometryByID(parsedTorusKnot.id)) { return null; // null since geometry could be something else than a ground... } var torusKnot = new Geometry.Primitives.TorusKnot(parsedTorusKnot.id, scene, parsedTorusKnot.radius, parsedTorusKnot.tube, parsedTorusKnot.radialSegments, parsedTorusKnot.tubularSegments, parsedTorusKnot.p, parsedTorusKnot.q, parsedTorusKnot.canBeRegenerated, null); BABYLON.Tags.AddTagsTo(torusKnot, parsedTorusKnot.tags); scene.pushGeometry(torusKnot, true); return torusKnot; }; return TorusKnot; }(_Primitive)); Primitives.TorusKnot = TorusKnot; })(Primitives = Geometry.Primitives || (Geometry.Primitives = {})); })(Geometry = BABYLON.Geometry || (BABYLON.Geometry = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Mesh/babylon.geometry.js.map var BABYLON; (function (BABYLON) { var GroundMesh = (function (_super) { __extends(GroundMesh, _super); function GroundMesh(name, scene) { _super.call(this, name, scene); this.generateOctree = false; this._worldInverse = new BABYLON.Matrix(); } Object.defineProperty(GroundMesh.prototype, "subdivisions", { get: function () { return Math.min(this._subdivisionsX, this._subdivisionsY); }, enumerable: true, configurable: true }); Object.defineProperty(GroundMesh.prototype, "subdivisionsX", { get: function () { return this._subdivisionsX; }, enumerable: true, configurable: true }); Object.defineProperty(GroundMesh.prototype, "subdivisionsY", { get: function () { return this._subdivisionsY; }, enumerable: true, configurable: true }); GroundMesh.prototype.optimize = function (chunksCount, octreeBlocksSize) { if (octreeBlocksSize === void 0) { octreeBlocksSize = 32; } this._subdivisionsX = chunksCount; this._subdivisionsY = chunksCount; this.subdivide(chunksCount); this.createOrUpdateSubmeshesOctree(octreeBlocksSize); }; /** * Returns a height (y) value in the Worl system : * the ground altitude at the coordinates (x, z) expressed in the World system. * Returns the ground y position if (x, z) are outside the ground surface. * Not pertinent if the ground is rotated. */ GroundMesh.prototype.getHeightAtCoordinates = function (x, z) { // express x and y in the ground local system x -= this.position.x; z -= this.position.z; x /= this.scaling.x; z /= this.scaling.z; if (x < this._minX || x > this._maxX || z < this._minZ || z > this._maxZ) { return this.position.y; } if (!this._heightQuads || this._heightQuads.length == 0) { this._initHeightQuads(); this._computeHeightQuads(); } var facet = this._getFacetAt(x, z); var y = -(facet.x * x + facet.z * z + facet.w) / facet.y; // return y in the World system return y * this.scaling.y + this.position.y; }; /** * Returns a normalized vector (Vector3) orthogonal to the ground * at the ground coordinates (x, z) expressed in the World system. * Returns Vector3(0, 1, 0) if (x, z) are outside the ground surface. * Not pertinent if the ground is rotated. */ GroundMesh.prototype.getNormalAtCoordinates = function (x, z) { var normal = new BABYLON.Vector3(0, 1, 0); this.getNormalAtCoordinatesToRef(x, z, normal); return normal; }; /** * Updates the Vector3 passed a reference with a normalized vector orthogonal to the ground * at the ground coordinates (x, z) expressed in the World system. * Doesn't uptade the reference Vector3 if (x, z) are outside the ground surface. * Not pertinent if the ground is rotated. */ GroundMesh.prototype.getNormalAtCoordinatesToRef = function (x, z, ref) { // express x and y in the ground local system x -= this.position.x; z -= this.position.z; x /= this.scaling.x; z /= this.scaling.z; if (x < this._minX || x > this._maxX || z < this._minZ || z > this._maxZ) { return; } if (!this._heightQuads || this._heightQuads.length == 0) { this._initHeightQuads(); this._computeHeightQuads(); } var facet = this._getFacetAt(x, z); ref.x = facet.x; ref.y = facet.y; ref.z = facet.z; }; /** * Force the heights to be recomputed for getHeightAtCoordinates() or getNormalAtCoordinates() * if the ground has been updated. * This can be used in the render loop */ GroundMesh.prototype.updateCoordinateHeights = function () { if (!this._heightQuads || this._heightQuads.length == 0) { this._initHeightQuads(); } this._computeHeightQuads(); }; // Returns the element "facet" from the heightQuads array relative to (x, z) local coordinates GroundMesh.prototype._getFacetAt = function (x, z) { // retrieve col and row from x, z coordinates in the ground local system var subdivisionsX = this._subdivisionsX; var subdivisionsY = this._subdivisionsY; var col = Math.floor((x + this._maxX) * this._subdivisionsX / this._width); var row = Math.floor(-(z + this._maxZ) * this._subdivisionsY / this._height + this._subdivisionsY); var quad = this._heightQuads[row * this._subdivisionsX + col]; var facet; if (z < quad.slope.x * x + quad.slope.y) { facet = quad.facet1; } else { facet = quad.facet2; } return facet; }; // Creates and populates the heightMap array with "facet" elements : // a quad is two triangular facets separated by a slope, so a "facet" element is 1 slope + 2 facets // slope : Vector2(c, h) = 2D diagonal line equation setting appart two triangular facets in a quad : z = cx + h // facet1 : Vector4(a, b, c, d) = first facet 3D plane equation : ax + by + cz + d = 0 // facet2 : Vector4(a, b, c, d) = second facet 3D plane equation : ax + by + cz + d = 0 GroundMesh.prototype._initHeightQuads = function () { var subdivisionsX = this._subdivisionsX; var subdivisionsY = this._subdivisionsY; this._heightQuads = new Array(); for (var row = 0; row < subdivisionsY; row++) { for (var col = 0; col < subdivisionsX; col++) { var quad = { slope: BABYLON.Vector2.Zero(), facet1: new BABYLON.Vector4(0, 0, 0, 0), facet2: new BABYLON.Vector4(0, 0, 0, 0) }; this._heightQuads[row * subdivisionsX + col] = quad; } } }; // Compute each quad element values and update the the heightMap array : // slope : Vector2(c, h) = 2D diagonal line equation setting appart two triangular facets in a quad : z = cx + h // facet1 : Vector4(a, b, c, d) = first facet 3D plane equation : ax + by + cz + d = 0 // facet2 : Vector4(a, b, c, d) = second facet 3D plane equation : ax + by + cz + d = 0 GroundMesh.prototype._computeHeightQuads = function () { var positions = this.getVerticesData(BABYLON.VertexBuffer.PositionKind); var v1 = BABYLON.Tmp.Vector3[3]; var v2 = BABYLON.Tmp.Vector3[2]; var v3 = BABYLON.Tmp.Vector3[1]; var v4 = BABYLON.Tmp.Vector3[0]; var v1v2 = BABYLON.Tmp.Vector3[4]; var v1v3 = BABYLON.Tmp.Vector3[5]; var v1v4 = BABYLON.Tmp.Vector3[6]; var norm1 = BABYLON.Tmp.Vector3[7]; var norm2 = BABYLON.Tmp.Vector3[8]; var i = 0; var j = 0; var k = 0; var cd = 0; // 2D slope coefficient : z = cd * x + h var h = 0; var d1 = 0; // facet plane equation : ax + by + cz + d = 0 var d2 = 0; var subdivisionsX = this._subdivisionsX; var subdivisionsY = this._subdivisionsY; for (var row = 0; row < subdivisionsY; row++) { for (var col = 0; col < subdivisionsX; col++) { i = col * 3; j = row * (subdivisionsX + 1) * 3; k = (row + 1) * (subdivisionsX + 1) * 3; v1.x = positions[j + i]; v1.y = positions[j + i + 1]; v1.z = positions[j + i + 2]; v2.x = positions[j + i + 3]; v2.y = positions[j + i + 4]; v2.z = positions[j + i + 5]; v3.x = positions[k + i]; v3.y = positions[k + i + 1]; v3.z = positions[k + i + 2]; v4.x = positions[k + i + 3]; v4.y = positions[k + i + 4]; v4.z = positions[k + i + 5]; // 2D slope V1V4 cd = (v4.z - v1.z) / (v4.x - v1.x); h = v1.z - cd * v1.x; // v1 belongs to the slope // facet equations : // we compute each facet normal vector // the equation of the facet plane is : norm.x * x + norm.y * y + norm.z * z + d = 0 // we compute the value d by applying the equation to v1 which belongs to the plane // then we store the facet equation in a Vector4 v2.subtractToRef(v1, v1v2); v3.subtractToRef(v1, v1v3); v4.subtractToRef(v1, v1v4); BABYLON.Vector3.CrossToRef(v1v4, v1v3, norm1); // caution : CrossToRef uses the Tmp class BABYLON.Vector3.CrossToRef(v1v2, v1v4, norm2); norm1.normalize(); norm2.normalize(); d1 = -(norm1.x * v1.x + norm1.y * v1.y + norm1.z * v1.z); d2 = -(norm2.x * v2.x + norm2.y * v2.y + norm2.z * v2.z); var quad = this._heightQuads[row * subdivisionsX + col]; quad.slope.copyFromFloats(cd, h); quad.facet1.copyFromFloats(norm1.x, norm1.y, norm1.z, d1); quad.facet2.copyFromFloats(norm2.x, norm2.y, norm2.z, d2); } } }; return GroundMesh; }(BABYLON.Mesh)); BABYLON.GroundMesh = GroundMesh; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Mesh/babylon.groundMesh.js.map var BABYLON; (function (BABYLON) { var LinesMesh = (function (_super) { __extends(LinesMesh, _super); function LinesMesh(name, scene, parent, source, doNotCloneChildren) { if (parent === void 0) { parent = null; } _super.call(this, name, scene, parent, source, doNotCloneChildren); this.color = new BABYLON.Color3(1, 1, 1); this.alpha = 1; this._positionBuffer = {}; if (source) { this.color = source.color.clone(); this.alpha = source.alpha; } this._intersectionThreshold = 0.1; this._colorShader = new BABYLON.ShaderMaterial("colorShader", scene, "color", { attributes: [BABYLON.VertexBuffer.PositionKind], uniforms: ["worldViewProjection", "color"], needAlphaBlending: true }); this._positionBuffer[BABYLON.VertexBuffer.PositionKind] = null; } Object.defineProperty(LinesMesh.prototype, "intersectionThreshold", { /** * The intersection Threshold is the margin applied when intersection a segment of the LinesMesh with a Ray. * This margin is expressed in world space coordinates, so its value may vary. * Default value is 0.1 * @returns the intersection Threshold value. */ get: function () { return this._intersectionThreshold; }, /** * The intersection Threshold is the margin applied when intersection a segment of the LinesMesh with a Ray. * This margin is expressed in world space coordinates, so its value may vary. * @param value the new threshold to apply */ set: function (value) { if (this._intersectionThreshold === value) { return; } this._intersectionThreshold = value; if (this.geometry) { this.geometry.boundingBias = new BABYLON.Vector2(0, value); } }, enumerable: true, configurable: true }); Object.defineProperty(LinesMesh.prototype, "material", { get: function () { return this._colorShader; }, enumerable: true, configurable: true }); Object.defineProperty(LinesMesh.prototype, "checkCollisions", { get: function () { return false; }, enumerable: true, configurable: true }); LinesMesh.prototype.createInstance = function (name) { BABYLON.Tools.Log("LinesMeshes do not support createInstance."); return null; }; LinesMesh.prototype._bind = function (subMesh, effect, fillMode) { var engine = this.getScene().getEngine(); this._positionBuffer[BABYLON.VertexBuffer.PositionKind] = this._geometry.getVertexBuffer(BABYLON.VertexBuffer.PositionKind); // VBOs engine.bindBuffers(this._positionBuffer, this._geometry.getIndexBuffer(), this._colorShader.getEffect()); // Color this._colorShader.setColor4("color", this.color.toColor4(this.alpha)); }; LinesMesh.prototype._draw = function (subMesh, fillMode, instancesCount) { if (!this._geometry || !this._geometry.getVertexBuffers() || !this._geometry.getIndexBuffer()) { return; } var engine = this.getScene().getEngine(); // Draw order engine.draw(false, subMesh.indexStart, subMesh.indexCount); }; LinesMesh.prototype.dispose = function (doNotRecurse) { this._colorShader.dispose(); _super.prototype.dispose.call(this, doNotRecurse); }; LinesMesh.prototype.clone = function (name, newParent, doNotCloneChildren) { return new LinesMesh(name, this.getScene(), newParent, this, doNotCloneChildren); }; return LinesMesh; }(BABYLON.Mesh)); BABYLON.LinesMesh = LinesMesh; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Mesh/babylon.linesMesh.js.map var BABYLON; (function (BABYLON) { var DefaultLoadingScreen = (function () { function DefaultLoadingScreen(_renderingCanvas, _loadingText, _loadingDivBackgroundColor) { var _this = this; if (_loadingText === void 0) { _loadingText = ""; } if (_loadingDivBackgroundColor === void 0) { _loadingDivBackgroundColor = "black"; } this._renderingCanvas = _renderingCanvas; this._loadingText = _loadingText; this._loadingDivBackgroundColor = _loadingDivBackgroundColor; // Resize this._resizeLoadingUI = function () { var canvasRect = _this._renderingCanvas.getBoundingClientRect(); _this._loadingDiv.style.position = "absolute"; _this._loadingDiv.style.left = canvasRect.left + "px"; _this._loadingDiv.style.top = canvasRect.top + "px"; _this._loadingDiv.style.width = canvasRect.width + "px"; _this._loadingDiv.style.height = canvasRect.height + "px"; }; } DefaultLoadingScreen.prototype.displayLoadingUI = function () { var _this = this; if (this._loadingDiv) { // Do not add a loading screen if there is already one return; } this._loadingDiv = document.createElement("div"); this._loadingDiv.id = "babylonjsLoadingDiv"; this._loadingDiv.style.opacity = "0"; this._loadingDiv.style.transition = "opacity 1.5s ease"; // Loading text this._loadingTextDiv = document.createElement("div"); this._loadingTextDiv.style.position = "absolute"; this._loadingTextDiv.style.left = "0"; this._loadingTextDiv.style.top = "50%"; this._loadingTextDiv.style.marginTop = "80px"; this._loadingTextDiv.style.width = "100%"; this._loadingTextDiv.style.height = "20px"; this._loadingTextDiv.style.fontFamily = "Arial"; this._loadingTextDiv.style.fontSize = "14px"; this._loadingTextDiv.style.color = "white"; this._loadingTextDiv.style.textAlign = "center"; this._loadingTextDiv.innerHTML = "Loading"; this._loadingDiv.appendChild(this._loadingTextDiv); //set the predefined text this._loadingTextDiv.innerHTML = this._loadingText; // Loading img var imgBack = new Image(); imgBack.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuM4zml1AAAARbSURBVHhe7Z09aFNRFMc716kuLrq4FdyLq4Wi4CAoRQcR0UJBUBdRiuLSIYMo6CA4FF2sgw6CFAdFUOpSQYcWO4hD26UQCfXrIQrx/JJzw1OSWq3NPeL/B4Fy+0jg/HO+7j3vpUcI8b/Q39+/49ihfWdPHT94Yf/e3Se3bd263f8lus218TPn6vV6Ya8Wi/MzNRNmj18iusX9W1evmP1/EKNEIVG6CMbG6E3bt+fT++pHha8NoHdT72bLE8NDg7tGU64gLLndV4Wc4m8j/pS+vr4tGB/DT16v3Fyr8dvBe/jbit8BL0AES9LX1iPAz+BR/hFiLVCynj95dPzNy6fv3IZ/k4L3948Sq7FzYGBg4vLFGxitabuOFCbWNKGrMnbiUuo18KaV6tIHv6YtvL9/nOgE31jCktmrY7k6+/zhE4yP4Vf7hiNqh/BWWEl8mzDol4p22Lf7cIdvdUMEvv0Y2S9fE5S1hLzpqTsPkiep//gFGPnR3Yl7GL5p/xYFBrTwM+iXio3GqpwDGL5p/xYNIX7XG8Q6IJRgdIzf1KBBgafII7oMidhyQtVFaMA2Bt7il4huQRhaXphbcR2g4RXqBzKAGHiCCwGFVUAj/m/RTRDj29cvn10I0PZ3LghH5f4CL1EFlQmqqXK3jDDKFxmhQ3Yt6oQseUZGKmMnTpsOqc8o1F9kBOMjQlOLeqEeIyOc6JV6jYLJD/+XyIFvnzdgl9aXRQ5I2qZDK1SpospMqaoqON/wZZGDciLnMMiXRS7IF4hhqMTNTdk7CFu+LHLhR7BQqBvPDJUUQqCGvCMATHUgBmhWNgApmdOda9YpM+VwRYfuyyIXDK8hBlilNerLIheMZCKGwlUAyru6GlwOgPUbRxADdJ9FAChxXY864viyyEXqPxhc0M2TAfAbatSdRyHtXymhByEdRnE3ky+JnHAIhSA0h74kckETmHoQbSgGwJrCIRMEPSRIBCRIMAhZaYhaggQhJXUJEoRU9mofKwh+F22dLRRfEjlJM7w6KQwCoQpBOKTyJZETjmwRxKqtGV8SOSkNOGjKPQppBEgDDkFgpxdBVGkFgaYQQXRIFQSObk0P5ZFIpAZRHXsQ0r0hCluBWKkuvVbYCkQaCdL5ehBScudJP4yY+rLISdps1NBDEJKXMMmoSfggWC4ZQRR17oFYXph7hSiquIKQ+hJGTX1J5MYSPD/GVdNzsgLBwZVCVyAQAkF0ohiI/c1fS6tNXq9UfEnkhudmIQolsS+J3Hh/UtNDzQLhj42VKJFInqLwFYiUU5ToA+HdfI0JevUpQUAIn+vSz2lHIuUV/dJOIHhOY/IWVWGBIHQtzs88s9zyWBuTgcBLzGOmeNnfF/QslSDgMeQW85i3DOQxuipxAkCyZ8SIm4Omp+7MMlCB59j6sKZcMoM4iIEoeI2J9AKxrFobZx0v4vYInuHFS4J1GQRCAGaLEYQXfyMML5XSQgghhBBCCCH+cXp6vgNhKpSKX/XdOAAAAABJRU5ErkJggg=="; imgBack.style.position = "absolute"; imgBack.style.left = "50%"; imgBack.style.top = "50%"; imgBack.style.marginLeft = "-50px"; imgBack.style.marginTop = "-50px"; imgBack.style.transition = "transform 1.0s ease"; imgBack.style.webkitTransition = "-webkit-transform 1.0s ease"; var deg = 360; var onTransitionEnd = function () { deg += 360; imgBack.style.transform = "rotateZ(" + deg + "deg)"; imgBack.style.webkitTransform = "rotateZ(" + deg + "deg)"; }; imgBack.addEventListener("transitionend", onTransitionEnd); imgBack.addEventListener("webkitTransitionEnd", onTransitionEnd); this._loadingDiv.appendChild(imgBack); // front image var imgFront = new Image(); imgFront.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuM4zml1AAAAYJSURBVHhe7Zy/qx1FFMff/2Av2Nvbi4WFiiAEY/OQ2IgQsbCJQoqkCAgpFLXyoZURLfwBIiIpgqZJoYQYlWelNsIrNOxDJcrzfHe+G97dnTl75u7euzv7zgcWHrlnZmfOmXPmzI/NjuM4juM4juM4juM4juM4juM4juM4juM45fPic08/uHf5/CvffH7lnT8PfrtxdHS0n3p+/fHGl5+89/prr5599iEWd8bg0rkXHoFyqehKnlxQpjYSDHTm9JMPsGrHylOPPXofvICKXMcIGtXdf/76AYbm6xyNW9e/eAtKC7rbKLXnvHHx5Sf4auc4Ek7OQkFU1Dap/vv37k/wSjblZANFiFIGzw98hhizwqBgs04mCBdQRNCHidoAEtY+lLIvtSdoGFeyql2ZH57HBH4sE7O+o/r9l+8/ZXUni68+2jsHBQQ9qNRGeP/tSxdSYQX/roUcpL4/f3vtM9TD+jTq92n1LQ7jxF1hhGPtwWL3gGccy8JuS1r8sVWBGXNVdSKMYjBGPUJjCzooiGuSpnwlnnOGP2dhHRSLNgpHp2oMKIriK8TmG4Qh/rwW8D6pps9b9im+LDDipXOqMVJrAngBfg9i98gevWKA+/nnCod3Dr5GfaHaDgidVym6HKRjGIkpqthcAVKGxNqBImbEo66kjCih8AOpNmkUmbMuUrR8kEqiU6FvHZLGAPJ71JCYSyhiBqmwFE2GoD6jLGIfDHtG6EzoU4dK21PCqIRMEF0FGRjFzGDtIkXVAdATvsqfT9CJ0JcOFdYiFIsiMlqYy1YOFpQo2OddqBtyEaq9y+efoVh5oPHoROjLKn0j3JIE5Ka8UqZRtGrMnneX6yVofOhDh94MSbznTcpqmDOt1vyQzOgaJAF4F3JBfIXesrNEGWWmjIX7UBZ6jRJbBMLg/DmJiKUGVHleIpnVNTa+jakzkAviJqLhi4MC9XQGBrZeKJZESSrKy7ik0VGFWhQBRDTHIACKQ5l9nAjy75gya4a2w+Jhs0FJdc0xX/GwUbAqFBkZi7QpJ2w16WUbjFyK9MJF3KaoEM74KhVtLrQOrsmRxkbdHEqmSC/c+EuGnIFkjW7Ih2Kr4CCMIvNG2hrrgLpCjiFloooYCjyYrzCRyvhyBthkIPuQtsZGdnbMTezyDiU71KTC5zr7aVsHbsz2tllrEkS5UHwU1tq1HbtPW4UbeB0O7xx8R5EsMJql+BheUmHjkNVmIRP7LutoM3+D4O4tG7vCkNO9ESZ4lL3J6rKRMPx4qKbD/A0icf8CG7tC7kTahnMTwleuYSrsS7GatRAvfZh1tTm5BmmQCdZ8a0Sefe28xUrRBkmFLKy8KTIKUDRX0Y1xagPgwbaIdeFnQULmKak3xvwNMkVGgok/N5XNoehJvejRlCDl9escI28dJU0tZ++nBTJE9mEF647x5Ehbo4s5hDOKFIU0PdofeA5F5k1q63zIWmQqNI/P3ZubjFTqKxQ3jyjHAOX0RdlgVO9hzRFpczRcjZ3Gbxxpc7Qj6+5pTYF2OFXawNI+yDGf1k2NcvOlzBQeDQ/t7zD7DsEDpJ2xATXaNtDWUS4IzP4DS2ljajAVu57SUkYw245ptxZxA5JiZaJ0DswudGn3kYUy54426EjoT4dZfYbccxC2nI92cDkZHQr96jD4AGkMDKeSy/COBsRe6VTSKFN6irLeaCh3IteQjt1E5+oudsG/b/2DfZ5AqsYo8vMDK9LB1HzSsLWvlGThdxXvC6+NsqyPPWP0pMINtbdsajfVeC6f/GZ+cdAofQoB1d+Hf9waY98I7+RXWab3Lt4zYkjHtTnlOLXHYMsCh1zWeQYehu1zfNPOOiys/d91LAKEBSgh6MJMbSA82AaHofDgAIwbgvVvlLNS11nModMm4UZergLHZBZrodmBuA3lBB1thdorSjkOmATMDwg/UBQVtglqQyx6fbEJ+H3IWIapjYAjAfeIgeCMHldueJvFaqDaAHhwf8qNsEEQ1iQbOoUUGIbCLRc8+Bvfp4jyd2FEijuO4ziO4ziO4ziO4ziO4ziO4ziO4ziOUzw7O/8D0P7rcZ/GEboAAAAASUVORK5CYII="; imgFront.style.position = "absolute"; imgFront.style.left = "50%"; imgFront.style.top = "50%"; imgFront.style.marginLeft = "-50px"; imgFront.style.marginTop = "-50px"; this._loadingDiv.appendChild(imgFront); this._resizeLoadingUI(); window.addEventListener("resize", this._resizeLoadingUI); this._loadingDiv.style.backgroundColor = this._loadingDivBackgroundColor; document.body.appendChild(this._loadingDiv); setTimeout(function () { _this._loadingDiv.style.opacity = "1"; imgBack.style.transform = "rotateZ(360deg)"; imgBack.style.webkitTransform = "rotateZ(360deg)"; }, 0); }; DefaultLoadingScreen.prototype.hideLoadingUI = function () { var _this = this; if (!this._loadingDiv) { return; } var onTransitionEnd = function () { if (!_this._loadingDiv) { return; } document.body.removeChild(_this._loadingDiv); window.removeEventListener("resize", _this._resizeLoadingUI); _this._loadingDiv = null; }; this._loadingDiv.style.opacity = "0"; this._loadingDiv.addEventListener("transitionend", onTransitionEnd); }; Object.defineProperty(DefaultLoadingScreen.prototype, "loadingUIText", { set: function (text) { this._loadingText = text; if (this._loadingTextDiv) { this._loadingTextDiv.innerHTML = this._loadingText; } }, enumerable: true, configurable: true }); Object.defineProperty(DefaultLoadingScreen.prototype, "loadingUIBackgroundColor", { get: function () { return this._loadingDivBackgroundColor; }, set: function (color) { this._loadingDivBackgroundColor = color; if (!this._loadingDiv) { return; } this._loadingDiv.style.backgroundColor = this._loadingDivBackgroundColor; }, enumerable: true, configurable: true }); return DefaultLoadingScreen; }()); BABYLON.DefaultLoadingScreen = DefaultLoadingScreen; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.loadingScreen.js.map var BABYLON; (function (BABYLON) { var AudioEngine = (function () { function AudioEngine() { this._audioContext = null; this._audioContextInitialized = false; this.canUseWebAudio = false; this.WarnedWebAudioUnsupported = false; this.unlocked = false; this.isMP3supported = false; this.isOGGsupported = false; if (typeof window.AudioContext !== 'undefined' || typeof window.webkitAudioContext !== 'undefined') { window.AudioContext = window.AudioContext || window.webkitAudioContext; this.canUseWebAudio = true; } var audioElem = document.createElement('audio'); if (audioElem && !!audioElem.canPlayType && audioElem.canPlayType('audio/mpeg; codecs="mp3"').replace(/^no$/, '')) { this.isMP3supported = true; } if (audioElem && !!audioElem.canPlayType && audioElem.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/, '')) { this.isOGGsupported = true; } if (/iPad|iPhone|iPod/.test(navigator.platform)) { this._unlockiOSaudio(); } else { this.unlocked = true; } } Object.defineProperty(AudioEngine.prototype, "audioContext", { get: function () { if (!this._audioContextInitialized) { this._initializeAudioContext(); } return this._audioContext; }, enumerable: true, configurable: true }); AudioEngine.prototype._unlockiOSaudio = function () { var _this = this; var unlockaudio = function () { var buffer = _this.audioContext.createBuffer(1, 1, 22050); var source = _this.audioContext.createBufferSource(); source.buffer = buffer; source.connect(_this.audioContext.destination); source.start(0); setTimeout(function () { if ((source.playbackState === source.PLAYING_STATE || source.playbackState === source.FINISHED_STATE)) { _this.unlocked = true; window.removeEventListener('touchend', unlockaudio, false); if (_this.onAudioUnlocked) { _this.onAudioUnlocked(); } } }, 0); }; window.addEventListener('touchend', unlockaudio, false); }; AudioEngine.prototype._initializeAudioContext = function () { try { if (this.canUseWebAudio) { this._audioContext = new AudioContext(); // create a global volume gain node this.masterGain = this._audioContext.createGain(); this.masterGain.gain.value = 1; this.masterGain.connect(this._audioContext.destination); this._audioContextInitialized = true; } } catch (e) { this.canUseWebAudio = false; BABYLON.Tools.Error("Web Audio: " + e.message); } }; AudioEngine.prototype.dispose = function () { if (this.canUseWebAudio && this._audioContextInitialized) { if (this._connectedAnalyser) { this._connectedAnalyser.stopDebugCanvas(); this._connectedAnalyser.dispose(); this.masterGain.disconnect(); this.masterGain.connect(this._audioContext.destination); this._connectedAnalyser = null; } this.masterGain.gain.value = 1; } this.WarnedWebAudioUnsupported = false; }; AudioEngine.prototype.getGlobalVolume = function () { if (this.canUseWebAudio && this._audioContextInitialized) { return this.masterGain.gain.value; } else { return -1; } }; AudioEngine.prototype.setGlobalVolume = function (newVolume) { if (this.canUseWebAudio && this._audioContextInitialized) { this.masterGain.gain.value = newVolume; } }; AudioEngine.prototype.connectToAnalyser = function (analyser) { if (this._connectedAnalyser) { this._connectedAnalyser.stopDebugCanvas(); } if (this.canUseWebAudio && this._audioContextInitialized) { this._connectedAnalyser = analyser; this.masterGain.disconnect(); this._connectedAnalyser.connectAudioNodes(this.masterGain, this._audioContext.destination); } }; return AudioEngine; }()); BABYLON.AudioEngine = AudioEngine; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Audio/babylon.audioEngine.js.map var BABYLON; (function (BABYLON) { var Sound = (function () { /** * Create a sound and attach it to a scene * @param name Name of your sound * @param urlOrArrayBuffer Url to the sound to load async or ArrayBuffer * @param readyToPlayCallback Provide a callback function if you'd like to load your code once the sound is ready to be played * @param options Objects to provide with the current available options: autoplay, loop, volume, spatialSound, maxDistance, rolloffFactor, refDistance, distanceModel, panningModel, streaming */ function Sound(name, urlOrArrayBuffer, scene, readyToPlayCallback, options) { var _this = this; this.autoplay = false; this.loop = false; this.useCustomAttenuation = false; this.spatialSound = false; this.refDistance = 1; this.rolloffFactor = 1; this.maxDistance = 100; this.distanceModel = "linear"; this._panningModel = "equalpower"; this._playbackRate = 1; this._streaming = false; this._startTime = 0; this._startOffset = 0; this._position = BABYLON.Vector3.Zero(); this._localDirection = new BABYLON.Vector3(1, 0, 0); this._volume = 1; this._isLoaded = false; this._isReadyToPlay = false; this.isPlaying = false; this.isPaused = false; this._isDirectional = false; // Used if you'd like to create a directional sound. // If not set, the sound will be omnidirectional this._coneInnerAngle = 360; this._coneOuterAngle = 360; this._coneOuterGain = 0; this._isOutputConnected = false; this._urlType = "Unknown"; this.name = name; this._scene = scene; this._readyToPlayCallback = readyToPlayCallback; // Default custom attenuation function is a linear attenuation this._customAttenuationFunction = function (currentVolume, currentDistance, maxDistance, refDistance, rolloffFactor) { if (currentDistance < maxDistance) { return currentVolume * (1 - currentDistance / maxDistance); } else { return 0; } }; if (options) { this.autoplay = options.autoplay || false; this.loop = options.loop || false; // if volume === 0, we need another way to check this option if (options.volume !== undefined) { this._volume = options.volume; } this.spatialSound = options.spatialSound || false; this.maxDistance = options.maxDistance || 100; this.useCustomAttenuation = options.useCustomAttenuation || false; this.rolloffFactor = options.rolloffFactor || 1; this.refDistance = options.refDistance || 1; this.distanceModel = options.distanceModel || "linear"; this._playbackRate = options.playbackRate || 1; this._streaming = options.streaming || false; } if (BABYLON.Engine.audioEngine.canUseWebAudio) { this._soundGain = BABYLON.Engine.audioEngine.audioContext.createGain(); this._soundGain.gain.value = this._volume; this._inputAudioNode = this._soundGain; this._ouputAudioNode = this._soundGain; if (this.spatialSound) { this._createSpatialParameters(); } this._scene.mainSoundTrack.AddSound(this); var validParameter = true; // if no parameter is passed, you need to call setAudioBuffer yourself to prepare the sound if (urlOrArrayBuffer) { if (typeof (urlOrArrayBuffer) === "string") this._urlType = "String"; if (Array.isArray(urlOrArrayBuffer)) this._urlType = "Array"; if (urlOrArrayBuffer instanceof ArrayBuffer) this._urlType = "ArrayBuffer"; var urls = []; var codecSupportedFound = false; switch (this._urlType) { case "ArrayBuffer": if (urlOrArrayBuffer.byteLength > 0) { codecSupportedFound = true; this._soundLoaded(urlOrArrayBuffer); } break; case "String": urls.push(urlOrArrayBuffer); case "Array": if (urls.length === 0) urls = urlOrArrayBuffer; // If we found a supported format, we load it immediately and stop the loop for (var i = 0; i < urls.length; i++) { var url = urls[i]; if (url.indexOf(".mp3", url.length - 4) !== -1 && BABYLON.Engine.audioEngine.isMP3supported) { codecSupportedFound = true; } if (url.indexOf(".ogg", url.length - 4) !== -1 && BABYLON.Engine.audioEngine.isOGGsupported) { codecSupportedFound = true; } if (url.indexOf(".wav", url.length - 4) !== -1) { codecSupportedFound = true; } if (codecSupportedFound) { // Loading sound using XHR2 if (!this._streaming) { BABYLON.Tools.LoadFile(url, function (data) { _this._soundLoaded(data); }, null, this._scene.database, true); } else { this._htmlAudioElement = new Audio(url); this._htmlAudioElement.controls = false; this._htmlAudioElement.loop = this.loop; this._htmlAudioElement.crossOrigin = "anonymous"; this._htmlAudioElement.preload = "auto"; this._htmlAudioElement.addEventListener("canplaythrough", function () { _this._isReadyToPlay = true; if (_this.autoplay) { _this.play(); } if (_this._readyToPlayCallback) { _this._readyToPlayCallback(); } }); document.body.appendChild(this._htmlAudioElement); } break; } } break; default: validParameter = false; break; } if (!validParameter) { BABYLON.Tools.Error("Parameter must be a URL to the sound, an Array of URLs (.mp3 & .ogg) or an ArrayBuffer of the sound."); } else { if (!codecSupportedFound) { this._isReadyToPlay = true; // Simulating a ready to play event to avoid breaking code path if (this._readyToPlayCallback) { window.setTimeout(function () { _this._readyToPlayCallback(); }, 1000); } } } } } else { // Adding an empty sound to avoid breaking audio calls for non Web Audio browsers this._scene.mainSoundTrack.AddSound(this); if (!BABYLON.Engine.audioEngine.WarnedWebAudioUnsupported) { BABYLON.Tools.Error("Web Audio is not supported by your browser."); BABYLON.Engine.audioEngine.WarnedWebAudioUnsupported = true; } // Simulating a ready to play event to avoid breaking code for non web audio browsers if (this._readyToPlayCallback) { window.setTimeout(function () { _this._readyToPlayCallback(); }, 1000); } } } Sound.prototype.dispose = function () { if (BABYLON.Engine.audioEngine.canUseWebAudio && this._isReadyToPlay) { if (this.isPlaying) { this.stop(); } this._isReadyToPlay = false; if (this.soundTrackId === -1) { this._scene.mainSoundTrack.RemoveSound(this); } else { this._scene.soundTracks[this.soundTrackId].RemoveSound(this); } if (this._soundGain) { this._soundGain.disconnect(); this._soundGain = null; } if (this._soundPanner) { this._soundPanner.disconnect(); this._soundPanner = null; } if (this._soundSource) { this._soundSource.disconnect(); this._soundSource = null; } this._audioBuffer = null; if (this._htmlAudioElement) { this._htmlAudioElement.pause(); this._htmlAudioElement.src = ""; document.body.removeChild(this._htmlAudioElement); } if (this._connectedMesh) { this._connectedMesh.unregisterAfterWorldMatrixUpdate(this._registerFunc); this._connectedMesh = null; } } }; Sound.prototype._soundLoaded = function (audioData) { var _this = this; this._isLoaded = true; BABYLON.Engine.audioEngine.audioContext.decodeAudioData(audioData, function (buffer) { _this._audioBuffer = buffer; _this._isReadyToPlay = true; if (_this.autoplay) { _this.play(); } if (_this._readyToPlayCallback) { _this._readyToPlayCallback(); } }, function (err) { BABYLON.Tools.Error("Error while decoding audio data for: " + _this.name + " / Error: " + err); }); }; Sound.prototype.setAudioBuffer = function (audioBuffer) { if (BABYLON.Engine.audioEngine.canUseWebAudio) { this._audioBuffer = audioBuffer; this._isReadyToPlay = true; } }; Sound.prototype.updateOptions = function (options) { if (options) { this.loop = options.loop || this.loop; this.maxDistance = options.maxDistance || this.maxDistance; this.useCustomAttenuation = options.useCustomAttenuation || this.useCustomAttenuation; this.rolloffFactor = options.rolloffFactor || this.rolloffFactor; this.refDistance = options.refDistance || this.refDistance; this.distanceModel = options.distanceModel || this.distanceModel; this._playbackRate = options.playbackRate || this._playbackRate; this._updateSpatialParameters(); if (this.isPlaying) { if (this._streaming) { this._htmlAudioElement.playbackRate = this._playbackRate; } else { this._soundSource.playbackRate.value = this._playbackRate; } } } }; Sound.prototype._createSpatialParameters = function () { if (BABYLON.Engine.audioEngine.canUseWebAudio) { if (this._scene.headphone) { this._panningModel = "HRTF"; } this._soundPanner = BABYLON.Engine.audioEngine.audioContext.createPanner(); this._updateSpatialParameters(); this._soundPanner.connect(this._ouputAudioNode); this._inputAudioNode = this._soundPanner; } }; Sound.prototype._updateSpatialParameters = function () { if (this.spatialSound) { if (this.useCustomAttenuation) { // Tricks to disable in a way embedded Web Audio attenuation this._soundPanner.distanceModel = "linear"; this._soundPanner.maxDistance = Number.MAX_VALUE; this._soundPanner.refDistance = 1; this._soundPanner.rolloffFactor = 1; this._soundPanner.panningModel = this._panningModel; } else { this._soundPanner.distanceModel = this.distanceModel; this._soundPanner.maxDistance = this.maxDistance; this._soundPanner.refDistance = this.refDistance; this._soundPanner.rolloffFactor = this.rolloffFactor; this._soundPanner.panningModel = this._panningModel; } } }; Sound.prototype.switchPanningModelToHRTF = function () { this._panningModel = "HRTF"; this._switchPanningModel(); }; Sound.prototype.switchPanningModelToEqualPower = function () { this._panningModel = "equalpower"; this._switchPanningModel(); }; Sound.prototype._switchPanningModel = function () { if (BABYLON.Engine.audioEngine.canUseWebAudio && this.spatialSound) { this._soundPanner.panningModel = this._panningModel; } }; Sound.prototype.connectToSoundTrackAudioNode = function (soundTrackAudioNode) { if (BABYLON.Engine.audioEngine.canUseWebAudio) { if (this._isOutputConnected) { this._ouputAudioNode.disconnect(); } this._ouputAudioNode.connect(soundTrackAudioNode); this._isOutputConnected = true; } }; /** * Transform this sound into a directional source * @param coneInnerAngle Size of the inner cone in degree * @param coneOuterAngle Size of the outer cone in degree * @param coneOuterGain Volume of the sound outside the outer cone (between 0.0 and 1.0) */ Sound.prototype.setDirectionalCone = function (coneInnerAngle, coneOuterAngle, coneOuterGain) { if (coneOuterAngle < coneInnerAngle) { BABYLON.Tools.Error("setDirectionalCone(): outer angle of the cone must be superior or equal to the inner angle."); return; } this._coneInnerAngle = coneInnerAngle; this._coneOuterAngle = coneOuterAngle; this._coneOuterGain = coneOuterGain; this._isDirectional = true; if (this.isPlaying && this.loop) { this.stop(); this.play(); } }; Sound.prototype.setPosition = function (newPosition) { this._position = newPosition; if (BABYLON.Engine.audioEngine.canUseWebAudio && this.spatialSound) { this._soundPanner.setPosition(this._position.x, this._position.y, this._position.z); } }; Sound.prototype.setLocalDirectionToMesh = function (newLocalDirection) { this._localDirection = newLocalDirection; if (BABYLON.Engine.audioEngine.canUseWebAudio && this._connectedMesh && this.isPlaying) { this._updateDirection(); } }; Sound.prototype._updateDirection = function () { var mat = this._connectedMesh.getWorldMatrix(); var direction = BABYLON.Vector3.TransformNormal(this._localDirection, mat); direction.normalize(); this._soundPanner.setOrientation(direction.x, direction.y, direction.z); }; Sound.prototype.updateDistanceFromListener = function () { if (BABYLON.Engine.audioEngine.canUseWebAudio && this._connectedMesh && this.useCustomAttenuation) { var distance = this._connectedMesh.getDistanceToCamera(this._scene.activeCamera); this._soundGain.gain.value = this._customAttenuationFunction(this._volume, distance, this.maxDistance, this.refDistance, this.rolloffFactor); } }; Sound.prototype.setAttenuationFunction = function (callback) { this._customAttenuationFunction = callback; }; /** * Play the sound * @param time (optional) Start the sound after X seconds. Start immediately (0) by default. * @param offset (optional) Start the sound setting it at a specific time */ Sound.prototype.play = function (time, offset) { var _this = this; if (this._isReadyToPlay && this._scene.audioEnabled) { try { if (this._startOffset < 0) { time = -this._startOffset; this._startOffset = 0; } var startTime = time ? BABYLON.Engine.audioEngine.audioContext.currentTime + time : BABYLON.Engine.audioEngine.audioContext.currentTime; if (!this._soundSource || !this._streamingSource) { if (this.spatialSound) { this._soundPanner.setPosition(this._position.x, this._position.y, this._position.z); if (this._isDirectional) { this._soundPanner.coneInnerAngle = this._coneInnerAngle; this._soundPanner.coneOuterAngle = this._coneOuterAngle; this._soundPanner.coneOuterGain = this._coneOuterGain; if (this._connectedMesh) { this._updateDirection(); } else { this._soundPanner.setOrientation(this._localDirection.x, this._localDirection.y, this._localDirection.z); } } } } if (this._streaming) { if (!this._streamingSource) { this._streamingSource = BABYLON.Engine.audioEngine.audioContext.createMediaElementSource(this._htmlAudioElement); this._htmlAudioElement.onended = function () { _this._onended(); }; this._htmlAudioElement.playbackRate = this._playbackRate; } this._streamingSource.disconnect(); this._streamingSource.connect(this._inputAudioNode); this._htmlAudioElement.play(); } else { this._soundSource = BABYLON.Engine.audioEngine.audioContext.createBufferSource(); this._soundSource.buffer = this._audioBuffer; this._soundSource.connect(this._inputAudioNode); this._soundSource.loop = this.loop; this._soundSource.playbackRate.value = this._playbackRate; this._soundSource.onended = function () { _this._onended(); }; this._soundSource.start(startTime, this.isPaused ? this._startOffset % this._soundSource.buffer.duration : offset ? offset : 0); } this._startTime = startTime; this.isPlaying = true; this.isPaused = false; } catch (ex) { BABYLON.Tools.Error("Error while trying to play audio: " + this.name + ", " + ex.message); } } }; Sound.prototype._onended = function () { this.isPlaying = false; if (this.onended) { this.onended(); } }; /** * Stop the sound * @param time (optional) Stop the sound after X seconds. Stop immediately (0) by default. */ Sound.prototype.stop = function (time) { if (this.isPlaying) { if (this._streaming) { this._htmlAudioElement.pause(); // Test needed for Firefox or it will generate an Invalid State Error if (this._htmlAudioElement.currentTime > 0) { this._htmlAudioElement.currentTime = 0; } } else { var stopTime = time ? BABYLON.Engine.audioEngine.audioContext.currentTime + time : BABYLON.Engine.audioEngine.audioContext.currentTime; this._soundSource.stop(stopTime); this._soundSource.onended = null; if (!this.isPaused) { this._startOffset = 0; } } this.isPlaying = false; } }; Sound.prototype.pause = function () { if (this.isPlaying) { this.isPaused = true; if (this._streaming) { this._htmlAudioElement.pause(); } else { this.stop(0); this._startOffset += BABYLON.Engine.audioEngine.audioContext.currentTime - this._startTime; } } }; Sound.prototype.setVolume = function (newVolume, time) { if (BABYLON.Engine.audioEngine.canUseWebAudio) { if (time) { this._soundGain.gain.cancelScheduledValues(BABYLON.Engine.audioEngine.audioContext.currentTime); this._soundGain.gain.setValueAtTime(this._soundGain.gain.value, BABYLON.Engine.audioEngine.audioContext.currentTime); this._soundGain.gain.linearRampToValueAtTime(newVolume, BABYLON.Engine.audioEngine.audioContext.currentTime + time); } else { this._soundGain.gain.value = newVolume; } } this._volume = newVolume; }; Sound.prototype.setPlaybackRate = function (newPlaybackRate) { this._playbackRate = newPlaybackRate; if (this.isPlaying) { if (this._streaming) { this._htmlAudioElement.playbackRate = this._playbackRate; } else { this._soundSource.playbackRate.value = this._playbackRate; } } }; Sound.prototype.getVolume = function () { return this._volume; }; Sound.prototype.attachToMesh = function (meshToConnectTo) { var _this = this; if (this._connectedMesh) { this._connectedMesh.unregisterAfterWorldMatrixUpdate(this._registerFunc); this._registerFunc = null; } this._connectedMesh = meshToConnectTo; if (!this.spatialSound) { this.spatialSound = true; this._createSpatialParameters(); if (this.isPlaying && this.loop) { this.stop(); this.play(); } } this._onRegisterAfterWorldMatrixUpdate(this._connectedMesh); this._registerFunc = function (connectedMesh) { return _this._onRegisterAfterWorldMatrixUpdate(connectedMesh); }; meshToConnectTo.registerAfterWorldMatrixUpdate(this._registerFunc); }; Sound.prototype.detachFromMesh = function () { if (this._connectedMesh) { this._connectedMesh.unregisterAfterWorldMatrixUpdate(this._registerFunc); this._registerFunc = null; this._connectedMesh = null; } }; Sound.prototype._onRegisterAfterWorldMatrixUpdate = function (connectedMesh) { this.setPosition(connectedMesh.getBoundingInfo().boundingSphere.centerWorld); if (BABYLON.Engine.audioEngine.canUseWebAudio && this._isDirectional && this.isPlaying) { this._updateDirection(); } }; Sound.prototype.clone = function () { var _this = this; if (!this._streaming) { var setBufferAndRun = function () { if (_this._isReadyToPlay) { clonedSound._audioBuffer = _this.getAudioBuffer(); clonedSound._isReadyToPlay = true; if (clonedSound.autoplay) { clonedSound.play(); } } else { window.setTimeout(setBufferAndRun, 300); } }; var currentOptions = { autoplay: this.autoplay, loop: this.loop, volume: this._volume, spatialSound: this.spatialSound, maxDistance: this.maxDistance, useCustomAttenuation: this.useCustomAttenuation, rolloffFactor: this.rolloffFactor, refDistance: this.refDistance, distanceModel: this.distanceModel }; var clonedSound = new Sound(this.name + "_cloned", new ArrayBuffer(0), this._scene, null, currentOptions); if (this.useCustomAttenuation) { clonedSound.setAttenuationFunction(this._customAttenuationFunction); } clonedSound.setPosition(this._position); clonedSound.setPlaybackRate(this._playbackRate); setBufferAndRun(); return clonedSound; } else { return null; } }; Sound.prototype.getAudioBuffer = function () { return this._audioBuffer; }; Sound.prototype.serialize = function () { var serializationObject = { name: this.name, url: this.name, autoplay: this.autoplay, loop: this.loop, volume: this._volume, spatialSound: this.spatialSound, maxDistance: this.maxDistance, rolloffFactor: this.rolloffFactor, refDistance: this.refDistance, distanceModel: this.distanceModel, playbackRate: this._playbackRate, panningModel: this._panningModel, soundTrackId: this.soundTrackId }; if (this.spatialSound) { if (this._connectedMesh) serializationObject.connectedMeshId = this._connectedMesh.id; serializationObject.position = this._position.asArray(); serializationObject.refDistance = this.refDistance; serializationObject.distanceModel = this.distanceModel; serializationObject.isDirectional = this._isDirectional; serializationObject.localDirectionToMesh = this._localDirection.asArray(); serializationObject.coneInnerAngle = this._coneInnerAngle; serializationObject.coneOuterAngle = this._coneOuterAngle; serializationObject.coneOuterGain = this._coneOuterGain; } return serializationObject; }; Sound.Parse = function (parsedSound, scene, rootUrl, sourceSound) { var soundName = parsedSound.name; var soundUrl; if (parsedSound.url) { soundUrl = rootUrl + parsedSound.url; } else { soundUrl = rootUrl + soundName; } var options = { autoplay: parsedSound.autoplay, loop: parsedSound.loop, volume: parsedSound.volume, spatialSound: parsedSound.spatialSound, maxDistance: parsedSound.maxDistance, rolloffFactor: parsedSound.rolloffFactor, refDistance: parsedSound.refDistance, distanceModel: parsedSound.distanceModel, playbackRate: parsedSound.playbackRate }; var newSound; if (!sourceSound) { newSound = new Sound(soundName, soundUrl, scene, function () { scene._removePendingData(newSound); }, options); scene._addPendingData(newSound); } else { var setBufferAndRun = function () { if (sourceSound._isReadyToPlay) { newSound._audioBuffer = sourceSound.getAudioBuffer(); newSound._isReadyToPlay = true; if (newSound.autoplay) { newSound.play(); } } else { window.setTimeout(setBufferAndRun, 300); } }; newSound = new Sound(soundName, new ArrayBuffer(0), scene, null, options); setBufferAndRun(); } if (parsedSound.position) { var soundPosition = BABYLON.Vector3.FromArray(parsedSound.position); newSound.setPosition(soundPosition); } if (parsedSound.isDirectional) { newSound.setDirectionalCone(parsedSound.coneInnerAngle || 360, parsedSound.coneOuterAngle || 360, parsedSound.coneOuterGain || 0); if (parsedSound.localDirectionToMesh) { var localDirectionToMesh = BABYLON.Vector3.FromArray(parsedSound.localDirectionToMesh); newSound.setLocalDirectionToMesh(localDirectionToMesh); } } if (parsedSound.connectedMeshId) { var connectedMesh = scene.getMeshByID(parsedSound.connectedMeshId); if (connectedMesh) { newSound.attachToMesh(connectedMesh); } } return newSound; }; return Sound; }()); BABYLON.Sound = Sound; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Audio/babylon.sound.js.map var BABYLON; (function (BABYLON) { var SoundTrack = (function () { function SoundTrack(scene, options) { this.id = -1; this._isMainTrack = false; this._isInitialized = false; this._scene = scene; this.soundCollection = new Array(); this._options = options; if (!this._isMainTrack) { this._scene.soundTracks.push(this); this.id = this._scene.soundTracks.length - 1; } } SoundTrack.prototype._initializeSoundTrackAudioGraph = function () { if (BABYLON.Engine.audioEngine.canUseWebAudio) { this._outputAudioNode = BABYLON.Engine.audioEngine.audioContext.createGain(); this._outputAudioNode.connect(BABYLON.Engine.audioEngine.masterGain); if (this._options) { if (this._options.volume) { this._outputAudioNode.gain.value = this._options.volume; } if (this._options.mainTrack) { this._isMainTrack = this._options.mainTrack; } } this._isInitialized = true; } }; SoundTrack.prototype.dispose = function () { if (BABYLON.Engine.audioEngine.canUseWebAudio) { if (this._connectedAnalyser) { this._connectedAnalyser.stopDebugCanvas(); } while (this.soundCollection.length) { this.soundCollection[0].dispose(); } if (this._outputAudioNode) { this._outputAudioNode.disconnect(); } this._outputAudioNode = null; } }; SoundTrack.prototype.AddSound = function (sound) { if (!this._isInitialized) { this._initializeSoundTrackAudioGraph(); } if (BABYLON.Engine.audioEngine.canUseWebAudio) { sound.connectToSoundTrackAudioNode(this._outputAudioNode); } if (sound.soundTrackId) { if (sound.soundTrackId === -1) { this._scene.mainSoundTrack.RemoveSound(sound); } else { this._scene.soundTracks[sound.soundTrackId].RemoveSound(sound); } } this.soundCollection.push(sound); sound.soundTrackId = this.id; }; SoundTrack.prototype.RemoveSound = function (sound) { var index = this.soundCollection.indexOf(sound); if (index !== -1) { this.soundCollection.splice(index, 1); } }; SoundTrack.prototype.setVolume = function (newVolume) { if (BABYLON.Engine.audioEngine.canUseWebAudio) { this._outputAudioNode.gain.value = newVolume; } }; SoundTrack.prototype.switchPanningModelToHRTF = function () { if (BABYLON.Engine.audioEngine.canUseWebAudio) { for (var i = 0; i < this.soundCollection.length; i++) { this.soundCollection[i].switchPanningModelToHRTF(); } } }; SoundTrack.prototype.switchPanningModelToEqualPower = function () { if (BABYLON.Engine.audioEngine.canUseWebAudio) { for (var i = 0; i < this.soundCollection.length; i++) { this.soundCollection[i].switchPanningModelToEqualPower(); } } }; SoundTrack.prototype.connectToAnalyser = function (analyser) { if (this._connectedAnalyser) { this._connectedAnalyser.stopDebugCanvas(); } this._connectedAnalyser = analyser; if (BABYLON.Engine.audioEngine.canUseWebAudio) { this._outputAudioNode.disconnect(); this._connectedAnalyser.connectAudioNodes(this._outputAudioNode, BABYLON.Engine.audioEngine.masterGain); } }; return SoundTrack; }()); BABYLON.SoundTrack = SoundTrack; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Audio/babylon.soundtrack.js.map var BABYLON; (function (BABYLON) { /** * Special Glow Blur post process only blurring the alpha channel * It enforces keeping the most luminous color in the color channel. */ var GlowBlurPostProcess = (function (_super) { __extends(GlowBlurPostProcess, _super); function GlowBlurPostProcess(name, direction, blurWidth, options, camera, samplingMode, engine, reusable) { var _this = this; if (samplingMode === void 0) { samplingMode = BABYLON.Texture.BILINEAR_SAMPLINGMODE; } _super.call(this, name, "glowBlurPostProcess", ["screenSize", "direction", "blurWidth"], null, options, camera, samplingMode, engine, reusable); this.direction = direction; this.blurWidth = blurWidth; this.onApplyObservable.add(function (effect) { effect.setFloat2("screenSize", _this.width, _this.height); effect.setVector2("direction", _this.direction); effect.setFloat("blurWidth", _this.blurWidth); }); } return GlowBlurPostProcess; }(BABYLON.PostProcess)); /** * The highlight layer Helps adding a glow effect around a mesh. * * Once instantiated in a scene, simply use the pushMesh or removeMesh method to add or remove * glowy meshes to your scene. * * !!! THIS REQUIRES AN ACTIVE STENCIL BUFFER ON THE CANVAS !!! */ var HighlightLayer = (function () { /** * Instantiates a new highlight Layer and references it to the scene.. * @param name The name of the layer * @param scene The scene to use the layer in * @param options Sets of none mandatory options to use with the layer (see IHighlightLayerOptions for more information) */ function HighlightLayer(name, scene, options) { this._vertexBuffers = {}; this._mainTextureDesiredSize = { width: 0, height: 0 }; this._meshes = {}; this._maxSize = 0; this._shouldRender = false; this._instanceGlowingMeshStencilReference = HighlightLayer.glowingMeshStencilReference++; this._excludedMeshes = {}; /** * Specifies whether or not the inner glow is ACTIVE in the layer. */ this.innerGlow = true; /** * Specifies whether or not the outer glow is ACTIVE in the layer. */ this.outerGlow = true; /** * Specifies wether the highlight layer is enabled or not. */ this.isEnabled = true; /** * An event triggered when the highlight layer has been disposed. * @type {BABYLON.Observable} */ this.onDisposeObservable = new BABYLON.Observable(); /** * An event triggered when the highlight layer is about rendering the main texture with the glowy parts. * @type {BABYLON.Observable} */ this.onBeforeRenderMainTextureObservable = new BABYLON.Observable(); /** * An event triggered when the highlight layer is being blurred. * @type {BABYLON.Observable} */ this.onBeforeBlurObservable = new BABYLON.Observable(); /** * An event triggered when the highlight layer has been blurred. * @type {BABYLON.Observable} */ this.onAfterBlurObservable = new BABYLON.Observable(); /** * An event triggered when the glowing blurred texture is being merged in the scene. * @type {BABYLON.Observable} */ this.onBeforeComposeObservable = new BABYLON.Observable(); /** * An event triggered when the glowing blurred texture has been merged in the scene. * @type {BABYLON.Observable} */ this.onAfterComposeObservable = new BABYLON.Observable(); /** * An event triggered when the highlight layer changes its size. * @type {BABYLON.Observable} */ this.onSizeChangedObservable = new BABYLON.Observable(); this._scene = scene; var engine = scene.getEngine(); this._engine = engine; this._maxSize = this._engine.getCaps().maxTextureSize; this._scene.highlightLayers.push(this); // Warn on stencil. if (!this._engine.isStencilEnable) { BABYLON.Tools.Warn("Rendering the Highlight Layer requires the stencil to be active on the canvas. var engine = new BABYLON.Engine(canvas, antialias, { stencil: true }"); } // Adapt options this._options = options || { mainTextureRatio: 0.25, blurTextureSizeRatio: 0.5, blurHorizontalSize: 1, blurVerticalSize: 1, alphaBlendingMode: BABYLON.Engine.ALPHA_COMBINE }; this._options.mainTextureRatio = this._options.mainTextureRatio || 0.25; this._options.blurTextureSizeRatio = this._options.blurTextureSizeRatio || 0.5; this._options.blurHorizontalSize = this._options.blurHorizontalSize || 1; this._options.blurVerticalSize = this._options.blurVerticalSize || 1; this._options.alphaBlendingMode = this._options.alphaBlendingMode || BABYLON.Engine.ALPHA_COMBINE; // VBO var vertices = []; vertices.push(1, 1); vertices.push(-1, 1); vertices.push(-1, -1); vertices.push(1, -1); var vertexBuffer = new BABYLON.VertexBuffer(engine, vertices, BABYLON.VertexBuffer.PositionKind, false, false, 2); this._vertexBuffers[BABYLON.VertexBuffer.PositionKind] = vertexBuffer; // Indices var indices = []; indices.push(0); indices.push(1); indices.push(2); indices.push(0); indices.push(2); indices.push(3); this._indexBuffer = engine.createIndexBuffer(indices); // Effect this._glowMapMergeEffect = engine.createEffect("glowMapMerge", [BABYLON.VertexBuffer.PositionKind], ["offset"], ["textureSampler"], ""); // Render target this.setMainTextureSize(); // Create Textures and post processes this.createTextureAndPostProcesses(); } Object.defineProperty(HighlightLayer.prototype, "blurHorizontalSize", { /** * Gets the horizontal size of the blur. */ get: function () { return this._horizontalBlurPostprocess.blurWidth; }, /** * Specifies the horizontal size of the blur. */ set: function (value) { this._horizontalBlurPostprocess.blurWidth = value; }, enumerable: true, configurable: true }); Object.defineProperty(HighlightLayer.prototype, "blurVerticalSize", { /** * Gets the vertical size of the blur. */ get: function () { return this._verticalBlurPostprocess.blurWidth; }, /** * Specifies the vertical size of the blur. */ set: function (value) { this._verticalBlurPostprocess.blurWidth = value; }, enumerable: true, configurable: true }); Object.defineProperty(HighlightLayer.prototype, "camera", { /** * Gets the camera attached to the layer. */ get: function () { return this._options.camera; }, enumerable: true, configurable: true }); /** * Creates the render target textures and post processes used in the highlight layer. */ HighlightLayer.prototype.createTextureAndPostProcesses = function () { var _this = this; var blurTextureWidth = this._mainTextureDesiredSize.width * this._options.blurTextureSizeRatio; var blurTextureHeight = this._mainTextureDesiredSize.height * this._options.blurTextureSizeRatio; blurTextureWidth = BABYLON.Tools.GetExponentOfTwo(blurTextureWidth, this._maxSize); blurTextureHeight = BABYLON.Tools.GetExponentOfTwo(blurTextureHeight, this._maxSize); this._mainTexture = new BABYLON.RenderTargetTexture("HighlightLayerMainRTT", { width: this._mainTextureDesiredSize.width, height: this._mainTextureDesiredSize.height }, this._scene, false, true, BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT); this._mainTexture.activeCamera = this._options.camera; this._mainTexture.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE; this._mainTexture.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE; this._mainTexture.anisotropicFilteringLevel = 1; this._mainTexture.updateSamplingMode(BABYLON.Texture.BILINEAR_SAMPLINGMODE); this._mainTexture.renderParticles = false; this._mainTexture.renderList = null; this._blurTexture = new BABYLON.RenderTargetTexture("HighlightLayerBlurRTT", { width: blurTextureWidth, height: blurTextureHeight }, this._scene, false, true, BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT); this._blurTexture.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE; this._blurTexture.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE; this._blurTexture.anisotropicFilteringLevel = 16; this._blurTexture.updateSamplingMode(BABYLON.Texture.TRILINEAR_SAMPLINGMODE); this._blurTexture.renderParticles = false; this._downSamplePostprocess = new BABYLON.PassPostProcess("HighlightLayerPPP", this._options.blurTextureSizeRatio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, this._scene.getEngine()); this._downSamplePostprocess.onApplyObservable.add(function (effect) { effect.setTexture("textureSampler", _this._mainTexture); }); this._horizontalBlurPostprocess = new GlowBlurPostProcess("HighlightLayerHBP", new BABYLON.Vector2(1.0, 0), this._options.blurHorizontalSize, 1, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, this._scene.getEngine()); this._horizontalBlurPostprocess.onApplyObservable.add(function (effect) { effect.setFloat2("screenSize", blurTextureWidth, blurTextureHeight); }); this._verticalBlurPostprocess = new GlowBlurPostProcess("HighlightLayerVBP", new BABYLON.Vector2(0, 1.0), this._options.blurVerticalSize, 1, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, this._scene.getEngine()); this._verticalBlurPostprocess.onApplyObservable.add(function (effect) { effect.setFloat2("screenSize", blurTextureWidth, blurTextureHeight); }); this._mainTexture.onAfterUnbindObservable.add(function () { _this.onBeforeBlurObservable.notifyObservers(_this); _this._scene.postProcessManager.directRender([_this._downSamplePostprocess, _this._horizontalBlurPostprocess, _this._verticalBlurPostprocess], _this._blurTexture.getInternalTexture()); _this.onAfterBlurObservable.notifyObservers(_this); }); // Custom render function var renderSubMesh = function (subMesh) { var mesh = subMesh.getRenderingMesh(); var scene = _this._scene; var engine = scene.getEngine(); // Culling engine.setState(subMesh.getMaterial().backFaceCulling); // Managing instances var batch = mesh._getInstancesRenderList(subMesh._id); if (batch.mustReturn) { return; } // Excluded Mesh if (_this._excludedMeshes[mesh.id]) { return; } ; var hardwareInstancedRendering = (engine.getCaps().instancedArrays !== null) && (batch.visibleInstances[subMesh._id] !== null) && (batch.visibleInstances[subMesh._id] !== undefined); var highlightLayerMesh = _this._meshes[mesh.id]; var material = subMesh.getMaterial(); var emissiveTexture = null; if (highlightLayerMesh && highlightLayerMesh.glowEmissiveOnly && material) { emissiveTexture = material.emissiveTexture; } if (_this.isReady(subMesh, hardwareInstancedRendering, emissiveTexture)) { engine.enableEffect(_this._glowMapGenerationEffect); mesh._bind(subMesh, _this._glowMapGenerationEffect, BABYLON.Material.TriangleFillMode); _this._glowMapGenerationEffect.setMatrix("viewProjection", scene.getTransformMatrix()); if (highlightLayerMesh) { _this._glowMapGenerationEffect.setFloat4("color", highlightLayerMesh.color.r, highlightLayerMesh.color.g, highlightLayerMesh.color.b, 1.0); } else { _this._glowMapGenerationEffect.setFloat4("color", HighlightLayer.neutralColor.r, HighlightLayer.neutralColor.g, HighlightLayer.neutralColor.b, HighlightLayer.neutralColor.a); } // Alpha test if (material && material.needAlphaTesting()) { var alphaTexture = material.getAlphaTestTexture(); _this._glowMapGenerationEffect.setTexture("diffuseSampler", alphaTexture); _this._glowMapGenerationEffect.setMatrix("diffuseMatrix", alphaTexture.getTextureMatrix()); } // Glow emissive only if (emissiveTexture) { _this._glowMapGenerationEffect.setTexture("emissiveSampler", emissiveTexture); _this._glowMapGenerationEffect.setMatrix("emissiveMatrix", emissiveTexture.getTextureMatrix()); } // Bones if (mesh.useBones && mesh.computeBonesUsingShaders) { _this._glowMapGenerationEffect.setMatrices("mBones", mesh.skeleton.getTransformMatrices(mesh)); } // Draw mesh._processRendering(subMesh, _this._glowMapGenerationEffect, BABYLON.Material.TriangleFillMode, batch, hardwareInstancedRendering, function (isInstance, world) { return _this._glowMapGenerationEffect.setMatrix("world", world); }); } else { // Need to reset refresh rate of the shadowMap _this._mainTexture.resetRefreshCounter(); } }; this._mainTexture.customRenderFunction = function (opaqueSubMeshes, alphaTestSubMeshes, transparentSubMeshes) { _this.onBeforeRenderMainTextureObservable.notifyObservers(_this); var index; for (index = 0; index < opaqueSubMeshes.length; index++) { renderSubMesh(opaqueSubMeshes.data[index]); } for (index = 0; index < alphaTestSubMeshes.length; index++) { renderSubMesh(alphaTestSubMeshes.data[index]); } for (index = 0; index < transparentSubMeshes.length; index++) { renderSubMesh(transparentSubMeshes.data[index]); } }; this._mainTexture.onClearObservable.add(function (engine) { engine.clear(HighlightLayer.neutralColor, true, true, true); }); }; /** * Checks for the readiness of the element composing the layer. * @param subMesh the mesh to check for * @param useInstances specify wether or not to use instances to render the mesh * @param emissiveTexture the associated emissive texture used to generate the glow * @return true if ready otherwise, false */ HighlightLayer.prototype.isReady = function (subMesh, useInstances, emissiveTexture) { if (!subMesh.getMaterial().isReady(subMesh.getMesh(), useInstances)) { return false; } var defines = []; var attribs = [BABYLON.VertexBuffer.PositionKind]; var mesh = subMesh.getMesh(); var material = subMesh.getMaterial(); var uv1 = false; var uv2 = false; // Alpha test if (material && material.needAlphaTesting()) { var alphaTexture = material.getAlphaTestTexture(); if (alphaTexture) { defines.push("#define ALPHATEST"); if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UV2Kind) && alphaTexture.coordinatesIndex === 1) { defines.push("#define DIFFUSEUV2"); uv2 = true; } else if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UVKind)) { defines.push("#define DIFFUSEUV1"); uv1 = true; } } } // Emissive if (emissiveTexture) { defines.push("#define EMISSIVE"); if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UV2Kind) && emissiveTexture.coordinatesIndex === 1) { defines.push("#define EMISSIVEUV2"); uv2 = true; } else if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UVKind)) { defines.push("#define EMISSIVEUV1"); uv1 = true; } } if (uv1) { attribs.push(BABYLON.VertexBuffer.UVKind); defines.push("#define UV1"); } if (uv2) { attribs.push(BABYLON.VertexBuffer.UV2Kind); defines.push("#define UV2"); } // Bones if (mesh.useBones && mesh.computeBonesUsingShaders) { attribs.push(BABYLON.VertexBuffer.MatricesIndicesKind); attribs.push(BABYLON.VertexBuffer.MatricesWeightsKind); if (mesh.numBoneInfluencers > 4) { attribs.push(BABYLON.VertexBuffer.MatricesIndicesExtraKind); attribs.push(BABYLON.VertexBuffer.MatricesWeightsExtraKind); } defines.push("#define NUM_BONE_INFLUENCERS " + mesh.numBoneInfluencers); defines.push("#define BonesPerMesh " + (mesh.skeleton.bones.length + 1)); } else { defines.push("#define NUM_BONE_INFLUENCERS 0"); } // Instances if (useInstances) { defines.push("#define INSTANCES"); attribs.push("world0"); attribs.push("world1"); attribs.push("world2"); attribs.push("world3"); } // Get correct effect var join = defines.join("\n"); if (this._cachedDefines !== join) { this._cachedDefines = join; this._glowMapGenerationEffect = this._scene.getEngine().createEffect("glowMapGeneration", attribs, ["world", "mBones", "viewProjection", "diffuseMatrix", "color", "emissiveMatrix"], ["diffuseSampler", "emissiveSampler"], join); } return this._glowMapGenerationEffect.isReady(); }; /** * Renders the glowing part of the scene by blending the blurred glowing meshes on top of the rendered scene. */ HighlightLayer.prototype.render = function () { var currentEffect = this._glowMapMergeEffect; // Check if (!currentEffect.isReady() || !this._blurTexture.isReady()) return; var engine = this._scene.getEngine(); this.onBeforeComposeObservable.notifyObservers(this); // Render engine.enableEffect(currentEffect); engine.setState(false); // Cache var previousStencilBuffer = engine.getStencilBuffer(); var previousStencilFunction = engine.getStencilFunction(); var previousStencilMask = engine.getStencilMask(); var previousAlphaMode = engine.getAlphaMode(); // Texture currentEffect.setTexture("textureSampler", this._blurTexture); // VBOs engine.bindBuffers(this._vertexBuffers, this._indexBuffer, currentEffect); // Draw order engine.setAlphaMode(this._options.alphaBlendingMode); engine.setStencilMask(0x00); engine.setStencilBuffer(true); engine.setStencilFunctionReference(this._instanceGlowingMeshStencilReference); if (this.outerGlow) { currentEffect.setFloat("offset", 0); engine.setStencilFunction(BABYLON.Engine.NOTEQUAL); engine.draw(true, 0, 6); } if (this.innerGlow) { currentEffect.setFloat("offset", 1); engine.setStencilFunction(BABYLON.Engine.EQUAL); engine.draw(true, 0, 6); } // Restore Cache engine.setStencilFunction(previousStencilFunction); engine.setStencilMask(previousStencilMask); engine.setAlphaMode(previousAlphaMode); engine.setStencilBuffer(previousStencilBuffer); this.onAfterComposeObservable.notifyObservers(this); // Handle size changes. var size = this._mainTexture.getSize(); this.setMainTextureSize(); if (size.width !== this._mainTextureDesiredSize.width || size.height !== this._mainTextureDesiredSize.height) { // Recreate RTT and post processes on size change. this.onSizeChangedObservable.notifyObservers(this); this.disposeTextureAndPostProcesses(); this.createTextureAndPostProcesses(); } }; /** * Add a mesh in the exclusion list to prevent it to impact or being impacted by the highlight layer. * @param mesh The mesh to exclude from the highlight layer */ HighlightLayer.prototype.addExcludedMesh = function (mesh) { var meshExcluded = this._excludedMeshes[mesh.id]; if (!meshExcluded) { this._excludedMeshes[mesh.id] = { mesh: mesh, beforeRender: mesh.onBeforeRenderObservable.add(function (mesh) { mesh.getEngine().setStencilBuffer(false); }), afterRender: mesh.onAfterRenderObservable.add(function (mesh) { mesh.getEngine().setStencilBuffer(true); }), }; } }; /** * Remove a mesh from the exclusion list to let it impact or being impacted by the highlight layer. * @param mesh The mesh to highlight */ HighlightLayer.prototype.removeExcludedMesh = function (mesh) { var meshExcluded = this._excludedMeshes[mesh.id]; if (meshExcluded) { mesh.onBeforeRenderObservable.remove(meshExcluded.beforeRender); mesh.onAfterRenderObservable.remove(meshExcluded.afterRender); } this._excludedMeshes[mesh.id] = undefined; }; /** * Add a mesh in the highlight layer in order to make it glow with the chosen color. * @param mesh The mesh to highlight * @param color The color of the highlight * @param glowEmissiveOnly Extract the glow from the emissive texture */ HighlightLayer.prototype.addMesh = function (mesh, color, glowEmissiveOnly) { var _this = this; if (glowEmissiveOnly === void 0) { glowEmissiveOnly = false; } var meshHighlight = this._meshes[mesh.id]; if (meshHighlight) { meshHighlight.color = color; } else { this._meshes[mesh.id] = { mesh: mesh, color: color, // Lambda required for capture due to Observable this context observerHighlight: mesh.onBeforeRenderObservable.add(function (mesh) { if (_this._excludedMeshes[mesh.id]) { _this.defaultStencilReference(mesh); } else { mesh.getScene().getEngine().setStencilFunctionReference(_this._instanceGlowingMeshStencilReference); } }), observerDefault: mesh.onAfterRenderObservable.add(this.defaultStencilReference), glowEmissiveOnly: glowEmissiveOnly }; } this._shouldRender = true; }; /** * Remove a mesh from the highlight layer in order to make it stop glowing. * @param mesh The mesh to highlight */ HighlightLayer.prototype.removeMesh = function (mesh) { var meshHighlight = this._meshes[mesh.id]; if (meshHighlight) { mesh.onBeforeRenderObservable.remove(meshHighlight.observerHighlight); mesh.onAfterRenderObservable.remove(meshHighlight.observerDefault); } this._meshes[mesh.id] = undefined; this._shouldRender = false; for (var meshHighlightToCheck in this._meshes) { if (meshHighlightToCheck) { this._shouldRender = true; break; } } }; /** * Returns true if the layer contains information to display, otherwise false. */ HighlightLayer.prototype.shouldRender = function () { return this.isEnabled && this._shouldRender; }; /** * Sets the main texture desired size which is the closest power of two * of the engine canvas size. */ HighlightLayer.prototype.setMainTextureSize = function () { if (this._options.mainTextureFixedSize) { this._mainTextureDesiredSize.width = this._options.mainTextureFixedSize; this._mainTextureDesiredSize.height = this._options.mainTextureFixedSize; } else { this._mainTextureDesiredSize.width = this._engine.getRenderingCanvas().width * this._options.mainTextureRatio; this._mainTextureDesiredSize.height = this._engine.getRenderingCanvas().height * this._options.mainTextureRatio; this._mainTextureDesiredSize.width = BABYLON.Tools.GetExponentOfTwo(this._mainTextureDesiredSize.width, this._maxSize); this._mainTextureDesiredSize.height = BABYLON.Tools.GetExponentOfTwo(this._mainTextureDesiredSize.height, this._maxSize); } }; /** * Force the stencil to the normal expected value for none glowing parts */ HighlightLayer.prototype.defaultStencilReference = function (mesh) { mesh.getScene().getEngine().setStencilFunctionReference(HighlightLayer.normalMeshStencilReference); }; /** * Dispose only the render target textures and post process. */ HighlightLayer.prototype.disposeTextureAndPostProcesses = function () { this._blurTexture.dispose(); this._mainTexture.dispose(); this._downSamplePostprocess.dispose(); this._horizontalBlurPostprocess.dispose(); this._verticalBlurPostprocess.dispose(); }; /** * Dispose the highlight layer and free resources. */ HighlightLayer.prototype.dispose = function () { var vertexBuffer = this._vertexBuffers[BABYLON.VertexBuffer.PositionKind]; if (vertexBuffer) { vertexBuffer.dispose(); this._vertexBuffers[BABYLON.VertexBuffer.PositionKind] = null; } if (this._indexBuffer) { this._scene.getEngine()._releaseBuffer(this._indexBuffer); this._indexBuffer = null; } // Clean textures and post processes this.disposeTextureAndPostProcesses(); // Clean mesh references for (var id in this._meshes) { var meshHighlight = this._meshes[id]; if (meshHighlight && meshHighlight.mesh) { meshHighlight.mesh.onBeforeRenderObservable.remove(meshHighlight.observerHighlight); meshHighlight.mesh.onAfterRenderObservable.remove(meshHighlight.observerDefault); } } this._meshes = null; for (var id in this._excludedMeshes) { var meshHighlight = this._excludedMeshes[id]; if (meshHighlight) { meshHighlight.mesh.onBeforeRenderObservable.remove(meshHighlight.beforeRender); meshHighlight.mesh.onAfterRenderObservable.remove(meshHighlight.afterRender); } } this._excludedMeshes = null; // Remove from scene var index = this._scene.highlightLayers.indexOf(this, 0); if (index > -1) { this._scene.highlightLayers.splice(index, 1); } // Callback this.onDisposeObservable.notifyObservers(this); this.onDisposeObservable.clear(); this.onBeforeRenderMainTextureObservable.clear(); this.onBeforeBlurObservable.clear(); this.onBeforeComposeObservable.clear(); this.onAfterComposeObservable.clear(); this.onSizeChangedObservable.clear(); }; /** * The neutral color used during the preparation of the glow effect. * This is black by default as the blend operation is a blend operation. */ HighlightLayer.neutralColor = new BABYLON.Color4(0, 0, 0, 0); /** * Stencil value used for glowing meshes. */ HighlightLayer.glowingMeshStencilReference = 0x02; /** * Stencil value used for the other meshes in the scene. */ HighlightLayer.normalMeshStencilReference = 0x01; return HighlightLayer; }()); BABYLON.HighlightLayer = HighlightLayer; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Layer/babylon.highlightlayer.js.map var BABYLON; (function (BABYLON) { var SIMDVector3 = (function () { function SIMDVector3() { } SIMDVector3.TransformCoordinatesToRefSIMD = function (vector, transformation, result) { SIMDVector3.TransformCoordinatesFromFloatsToRefSIMD(vector.x, vector.y, vector.z, transformation, result); }; SIMDVector3.TransformCoordinatesFromFloatsToRefSIMD = function (x, y, z, transformation, result) { var m = transformation.m; var m0 = SIMD.Float32x4.load(m, 0); var m1 = SIMD.Float32x4.load(m, 4); var m2 = SIMD.Float32x4.load(m, 8); var m3 = SIMD.Float32x4.load(m, 12); var r = SIMD.Float32x4.add(SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.splat(x), m0), SIMD.Float32x4.mul(SIMD.Float32x4.splat(y), m1)), SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.splat(z), m2), m3)); r = SIMD.Float32x4.div(r, SIMD.Float32x4.swizzle(r, 3, 3, 3, 3)); result.x = SIMD.Float32x4.extractLane(r, 0); result.y = SIMD.Float32x4.extractLane(r, 1); result.z = SIMD.Float32x4.extractLane(r, 2); }; return SIMDVector3; }()); var SIMDMatrix = (function () { function SIMDMatrix() { } SIMDMatrix.prototype.multiplyToArraySIMD = function (other, result, offset) { var tm = this.m; var om = other.m; var m0 = SIMD.Float32x4.load(om, 0); var m1 = SIMD.Float32x4.load(om, 4); var m2 = SIMD.Float32x4.load(om, 8); var m3 = SIMD.Float32x4.load(om, 12); for (var i = 0; i < 16; i += 4) { SIMD.Float32x4.store(result, i + offset, SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.splat(tm[i]), m0), SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.splat(tm[i + 1]), m1), SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.splat(tm[i + 2]), m2), SIMD.Float32x4.mul(SIMD.Float32x4.splat(tm[i + 3]), m3))))); } return this; }; SIMDMatrix.prototype.invertToRefSIMD = function (other) { var src = this.m; var dest = other.m; // Load the 4 rows var src0 = SIMD.Float32x4.load(src, 0); var src1 = SIMD.Float32x4.load(src, 4); var src2 = SIMD.Float32x4.load(src, 8); var src3 = SIMD.Float32x4.load(src, 12); // Transpose the source matrix. Sort of. Not a true transpose operation var tmp1 = SIMD.Float32x4.shuffle(src0, src1, 0, 1, 4, 5); var row1 = SIMD.Float32x4.shuffle(src2, src3, 0, 1, 4, 5); var row0 = SIMD.Float32x4.shuffle(tmp1, row1, 0, 2, 4, 6); row1 = SIMD.Float32x4.shuffle(row1, tmp1, 1, 3, 5, 7); tmp1 = SIMD.Float32x4.shuffle(src0, src1, 2, 3, 6, 7); var row3 = SIMD.Float32x4.shuffle(src2, src3, 2, 3, 6, 7); var row2 = SIMD.Float32x4.shuffle(tmp1, row3, 0, 2, 4, 6); row3 = SIMD.Float32x4.shuffle(row3, tmp1, 1, 3, 5, 7); // This is a true transposition, but it will lead to an incorrect result //tmp1 = shuffle(src0, src1, 0, 1, 4, 5); //tmp2 = shuffle(src2, src3, 0, 1, 4, 5); //row0 = shuffle(tmp1, tmp2, 0, 2, 4, 6); //row1 = shuffle(tmp1, tmp2, 1, 3, 5, 7); //tmp1 = shuffle(src0, src1, 2, 3, 6, 7); //tmp2 = shuffle(src2, src3, 2, 3, 6, 7); //row2 = shuffle(tmp1, tmp2, 0, 2, 4, 6); //row3 = shuffle(tmp1, tmp2, 1, 3, 5, 7); // ---- tmp1 = SIMD.Float32x4.mul(row2, row3); tmp1 = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2); // 0xB1 = 10110001 var minor0 = SIMD.Float32x4.mul(row1, tmp1); var minor1 = SIMD.Float32x4.mul(row0, tmp1); tmp1 = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1); // 0x4E = 01001110 minor0 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row1, tmp1), minor0); minor1 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row0, tmp1), minor1); minor1 = SIMD.Float32x4.swizzle(minor1, 2, 3, 0, 1); // 0x4E = 01001110 // ---- tmp1 = SIMD.Float32x4.mul(row1, row2); tmp1 = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2); // 0xB1 = 10110001 minor0 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row3, tmp1), minor0); var minor3 = SIMD.Float32x4.mul(row0, tmp1); tmp1 = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1); // 0x4E = 01001110 minor0 = SIMD.Float32x4.sub(minor0, SIMD.Float32x4.mul(row3, tmp1)); minor3 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row0, tmp1), minor3); minor3 = SIMD.Float32x4.swizzle(minor3, 2, 3, 0, 1); // 0x4E = 01001110 // ---- tmp1 = SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(row1, 2, 3, 0, 1), row3); // 0x4E = 01001110 tmp1 = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2); // 0xB1 = 10110001 row2 = SIMD.Float32x4.swizzle(row2, 2, 3, 0, 1); // 0x4E = 01001110 minor0 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row2, tmp1), minor0); var minor2 = SIMD.Float32x4.mul(row0, tmp1); tmp1 = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1); // 0x4E = 01001110 minor0 = SIMD.Float32x4.sub(minor0, SIMD.Float32x4.mul(row2, tmp1)); minor2 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row0, tmp1), minor2); minor2 = SIMD.Float32x4.swizzle(minor2, 2, 3, 0, 1); // 0x4E = 01001110 // ---- tmp1 = SIMD.Float32x4.mul(row0, row1); tmp1 = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2); // 0xB1 = 10110001 minor2 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row3, tmp1), minor2); minor3 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row2, tmp1), minor3); tmp1 = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1); // 0x4E = 01001110 minor2 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row3, tmp1), minor2); minor3 = SIMD.Float32x4.sub(minor3, SIMD.Float32x4.mul(row2, tmp1)); // ---- tmp1 = SIMD.Float32x4.mul(row0, row3); tmp1 = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2); // 0xB1 = 10110001 minor1 = SIMD.Float32x4.sub(minor1, SIMD.Float32x4.mul(row2, tmp1)); minor2 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row1, tmp1), minor2); tmp1 = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1); // 0x4E = 01001110 minor1 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row2, tmp1), minor1); minor2 = SIMD.Float32x4.sub(minor2, SIMD.Float32x4.mul(row1, tmp1)); // ---- tmp1 = SIMD.Float32x4.mul(row0, row2); tmp1 = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2); // 0xB1 = 10110001 minor1 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row3, tmp1), minor1); minor3 = SIMD.Float32x4.sub(minor3, SIMD.Float32x4.mul(row1, tmp1)); tmp1 = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1); // 0x4E = 01001110 minor1 = SIMD.Float32x4.sub(minor1, SIMD.Float32x4.mul(row3, tmp1)); minor3 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row1, tmp1), minor3); // Compute determinant var det = SIMD.Float32x4.mul(row0, minor0); det = SIMD.Float32x4.add(SIMD.Float32x4.swizzle(det, 2, 3, 0, 1), det); // 0x4E = 01001110 det = SIMD.Float32x4.add(SIMD.Float32x4.swizzle(det, 1, 0, 3, 2), det); // 0xB1 = 10110001 tmp1 = SIMD.Float32x4.reciprocalApproximation(det); det = SIMD.Float32x4.sub(SIMD.Float32x4.add(tmp1, tmp1), SIMD.Float32x4.mul(det, SIMD.Float32x4.mul(tmp1, tmp1))); det = SIMD.Float32x4.swizzle(det, 0, 0, 0, 0); // These shuffles aren't necessary if the faulty transposition is done // up at the top of this function. //minor0 =SIMD.Float32x4.swizzle(minor0, 2, 1, 0, 3); //minor1 =SIMD.Float32x4.swizzle(minor1, 2, 1, 0, 3); //minor2 =SIMD.Float32x4.swizzle(minor2, 2, 1, 0, 3); //minor3 =SIMD.Float32x4.swizzle(minor3, 2, 1, 0, 3); // Compute final values by multiplying with 1/det SIMD.Float32x4.store(dest, 0, SIMD.Float32x4.mul(det, minor0)); SIMD.Float32x4.store(dest, 4, SIMD.Float32x4.mul(det, minor1)); SIMD.Float32x4.store(dest, 8, minor2 = SIMD.Float32x4.mul(det, minor2)); SIMD.Float32x4.store(dest, 12, SIMD.Float32x4.mul(det, minor3)); return this; }; SIMDMatrix.LookAtLHToRefSIMD = function (eyeRef, targetRef, upRef, result) { var out = result.m; var center = SIMD.Float32x4(targetRef.x, targetRef.y, targetRef.z, 0.0); var eye = SIMD.Float32x4(eyeRef.x, eyeRef.y, eyeRef.z, 0.0); var up = SIMD.Float32x4(upRef.x, upRef.y, upRef.z, 0.0); // cc.kmVec3Subtract(f, pCenter, pEye); var f = SIMD.Float32x4.sub(center, eye); // cc.kmVec3Normalize(f, f); var tmp = SIMD.Float32x4.mul(f, f); tmp = SIMD.Float32x4.add(tmp, SIMD.Float32x4.add(SIMD.Float32x4.swizzle(tmp, 1, 2, 0, 3), SIMD.Float32x4.swizzle(tmp, 2, 0, 1, 3))); f = SIMD.Float32x4.mul(f, SIMD.Float32x4.reciprocalSqrtApproximation(tmp)); // cc.kmVec3Assign(up, pUp); // cc.kmVec3Normalize(up, up); tmp = SIMD.Float32x4.mul(up, up); tmp = SIMD.Float32x4.add(tmp, SIMD.Float32x4.add(SIMD.Float32x4.swizzle(tmp, 1, 2, 0, 3), SIMD.Float32x4.swizzle(tmp, 2, 0, 1, 3))); up = SIMD.Float32x4.mul(up, SIMD.Float32x4.reciprocalSqrtApproximation(tmp)); // cc.kmVec3Cross(s, f, up); var s = SIMD.Float32x4.sub(SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(f, 1, 2, 0, 3), SIMD.Float32x4.swizzle(up, 2, 0, 1, 3)), SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(f, 2, 0, 1, 3), SIMD.Float32x4.swizzle(up, 1, 2, 0, 3))); // cc.kmVec3Normalize(s, s); tmp = SIMD.Float32x4.mul(s, s); tmp = SIMD.Float32x4.add(tmp, SIMD.Float32x4.add(SIMD.Float32x4.swizzle(tmp, 1, 2, 0, 3), SIMD.Float32x4.swizzle(tmp, 2, 0, 1, 3))); s = SIMD.Float32x4.mul(s, SIMD.Float32x4.reciprocalSqrtApproximation(tmp)); // cc.kmVec3Cross(u, s, f); var u = SIMD.Float32x4.sub(SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(s, 1, 2, 0, 3), SIMD.Float32x4.swizzle(f, 2, 0, 1, 3)), SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(s, 2, 0, 1, 3), SIMD.Float32x4.swizzle(f, 1, 2, 0, 3))); // cc.kmVec3Normalize(s, s); tmp = SIMD.Float32x4.mul(s, s); tmp = SIMD.Float32x4.add(tmp, SIMD.Float32x4.add(SIMD.Float32x4.swizzle(tmp, 1, 2, 0, 3), SIMD.Float32x4.swizzle(tmp, 2, 0, 1, 3))); s = SIMD.Float32x4.mul(s, SIMD.Float32x4.reciprocalSqrtApproximation(tmp)); var zero = SIMD.Float32x4.splat(0.0); s = SIMD.Float32x4.neg(s); var tmp01 = SIMD.Float32x4.shuffle(s, u, 0, 1, 4, 5); var tmp23 = SIMD.Float32x4.shuffle(f, zero, 0, 1, 4, 5); var a0 = SIMD.Float32x4.shuffle(tmp01, tmp23, 0, 2, 4, 6); var a1 = SIMD.Float32x4.shuffle(tmp01, tmp23, 1, 3, 5, 7); var a2 = SIMD.Float32x4.shuffle(SIMD.Float32x4.shuffle(s, u, 2, 3, 6, 7), SIMD.Float32x4.shuffle(f, zero, 2, 3, 6, 7), 0, 2, 4, 6); var a3 = SIMD.Float32x4(0.0, 0.0, 0.0, 1.0); var b = SIMD.Float32x4(1.0, 0.0, 0.0, 0.0); SIMD.Float32x4.store(out, 0, SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 0, 0, 0, 0), a0), SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 1, 1, 1, 1), a1), SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 2, 2, 2, 2), a2), SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 3, 3, 3, 3), a3))))); b = SIMD.Float32x4(0.0, 1.0, 0.0, 0.0); SIMD.Float32x4.store(out, 4, SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 0, 0, 0, 0), a0), SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 1, 1, 1, 1), a1), SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 2, 2, 2, 2), a2), SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 3, 3, 3, 3), a3))))); b = SIMD.Float32x4(0.0, 0.0, 1.0, 0.0); SIMD.Float32x4.store(out, 8, SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 0, 0, 0, 0), a0), SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 1, 1, 1, 1), a1), SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 2, 2, 2, 2), a2), SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 3, 3, 3, 3), a3))))); b = SIMD.Float32x4.replaceLane(SIMD.Float32x4.neg(eye), 3, 1.0); SIMD.Float32x4.store(out, 12, SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 0, 0, 0, 0), a0), SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 1, 1, 1, 1), a1), SIMD.Float32x4.add(SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 2, 2, 2, 2), a2), SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b, 3, 3, 3, 3), a3))))); }; return SIMDMatrix; }()); var previousMultiplyToArray = BABYLON.Matrix.prototype.multiplyToArray; var previousInvertToRef = BABYLON.Matrix.prototype.invertToRef; var previousLookAtLHToRef = BABYLON.Matrix.LookAtLHToRef; var previousTransformCoordinatesToRef = BABYLON.Vector3.TransformCoordinatesToRef; var previousTransformCoordinatesFromFloatsToRef = BABYLON.Vector3.TransformCoordinatesFromFloatsToRef; var SIMDHelper = (function () { function SIMDHelper() { } Object.defineProperty(SIMDHelper, "IsEnabled", { get: function () { return SIMDHelper._isEnabled; }, enumerable: true, configurable: true }); SIMDHelper.DisableSIMD = function () { // Replace functions BABYLON.Matrix.prototype.multiplyToArray = previousMultiplyToArray; BABYLON.Matrix.prototype.invertToRef = previousInvertToRef; BABYLON.Matrix.LookAtLHToRef = previousLookAtLHToRef; BABYLON.Vector3.TransformCoordinatesToRef = previousTransformCoordinatesToRef; BABYLON.Vector3.TransformCoordinatesFromFloatsToRef = previousTransformCoordinatesFromFloatsToRef; SIMDHelper._isEnabled = false; }; SIMDHelper.EnableSIMD = function () { if (self.SIMD === undefined) { return; } // check if polyfills needed if (!self.Math.fround) { self.Math.fround = (function (array) { return function (x) { return array[0] = x, array[0]; }; })(new Float32Array(1)); } if (!self.Math.imul) { self.Math.imul = function (a, b) { var ah = (a >>> 16) & 0xffff; var al = a & 0xffff; var bh = (b >>> 16) & 0xffff; var bl = b & 0xffff; // the shift by 0 fixes the sign on the high part // the final |0 converts the unsigned value into a signed value return ((al * bl) + (((ah * bl + al * bh) << 16) >>> 0) | 0); }; } // Replace functions BABYLON.Matrix.prototype.multiplyToArray = SIMDMatrix.prototype.multiplyToArraySIMD; BABYLON.Matrix.prototype.invertToRef = SIMDMatrix.prototype.invertToRefSIMD; BABYLON.Matrix.LookAtLHToRef = SIMDMatrix.LookAtLHToRefSIMD; BABYLON.Vector3.TransformCoordinatesToRef = SIMDVector3.TransformCoordinatesToRefSIMD; BABYLON.Vector3.TransformCoordinatesFromFloatsToRef = SIMDVector3.TransformCoordinatesFromFloatsToRefSIMD; SIMDHelper._isEnabled = true; }; SIMDHelper._isEnabled = false; return SIMDHelper; }()); BABYLON.SIMDHelper = SIMDHelper; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Math/babylon.math.SIMD.js.map var BABYLON; (function (BABYLON) { /** * This class describe a rectangle that were added to the map. * You have access to its coordinates either in pixel or normalized (UV) */ var PackedRect = (function () { function PackedRect(root, parent, pos, size) { this._pos = pos; this._size = size; this._root = root; this._parent = parent; this._contentSize = null; this._bottomNode = null; this._leftNode = null; this._initialSize = null; this._rightNode = null; } Object.defineProperty(PackedRect.prototype, "pos", { /** * @returns the position of this node into the map */ get: function () { return this._pos; }, enumerable: true, configurable: true }); Object.defineProperty(PackedRect.prototype, "contentSize", { /** * @returns the size of the rectangle this node handles */ get: function () { return this._contentSize; }, enumerable: true, configurable: true }); Object.defineProperty(PackedRect.prototype, "UVs", { /** * Compute the UV of the top/left, top/right, bottom/right, bottom/left points of the rectangle this node handles into the map * @returns And array of 4 Vector2, containing UV coordinates for the four corners of the Rectangle into the map */ get: function () { return this.getUVsForCustomSize(this._root._size); }, enumerable: true, configurable: true }); /** * You may have allocated the PackedRect using over-provisioning (you allocated more than you need in order to prevent frequent deallocations/reallocations) and then using only a part of the PackRect. * This method will return the UVs for this part by given the custom size of what you really use * @param customSize must be less/equal to the allocated size, UV will be compute from this */ PackedRect.prototype.getUVsForCustomSize = function (customSize) { var mainWidth = this._root._size.width; var mainHeight = this._root._size.height; var topLeft = new BABYLON.Vector2(this._pos.x / mainWidth, this._pos.y / mainHeight); var rightBottom = new BABYLON.Vector2((this._pos.x + customSize.width - 1) / mainWidth, (this._pos.y + customSize.height - 1) / mainHeight); var uvs = new Array(); uvs.push(topLeft); uvs.push(new BABYLON.Vector2(rightBottom.x, topLeft.y)); uvs.push(rightBottom); uvs.push(new BABYLON.Vector2(topLeft.x, rightBottom.y)); return uvs; }; /** * Free this rectangle from the map. * Call this method when you no longer need the rectangle to be in the map. */ PackedRect.prototype.freeContent = function () { if (!this.contentSize) { return; } this._contentSize = null; // If everything below is also free, reset the whole node, and attempt to reset parents if they also become free this.attemptDefrag(); }; Object.defineProperty(PackedRect.prototype, "isUsed", { get: function () { return this._contentSize != null || this._leftNode != null; }, enumerable: true, configurable: true }); PackedRect.prototype.findAndSplitNode = function (contentSize) { var node = this.findNode(contentSize); // Not enough space... if (!node) { return null; } node.splitNode(contentSize); return node; }; PackedRect.prototype.findNode = function (size) { var resNode = null; // If this node is used, recurse to each of his subNodes to find an available one in its branch if (this.isUsed) { if (this._leftNode) { resNode = this._leftNode.findNode(size); } if (!resNode && this._rightNode) { resNode = this._rightNode.findNode(size); } if (!resNode && this._bottomNode) { resNode = this._bottomNode.findNode(size); } } else if (this._initialSize) { if ((size.width <= this._initialSize.width) && (size.height <= this._initialSize.height)) { resNode = this; } else { return null; } } else if ((size.width <= this._size.width) && (size.height <= this._size.height)) { resNode = this; } return resNode; }; PackedRect.prototype.splitNode = function (contentSize) { // If there's no contentSize but an initialSize it means this node were previously allocated, but freed, we need to create a _leftNode as subNode and use to allocate the space we need (and this node will have a right/bottom subNode for the space left as this._initialSize may be greater than contentSize) if (!this._contentSize && this._initialSize) { this._contentSize = contentSize.clone(); this._leftNode = new PackedRect(this._root, this, new BABYLON.Vector2(this._pos.x, this._pos.y), new BABYLON.Size(this._initialSize.width, this._initialSize.height)); return this._leftNode.splitNode(contentSize); } else { this._contentSize = contentSize.clone(); this._initialSize = contentSize.clone(); if (contentSize.width !== this._size.width) { this._rightNode = new PackedRect(this._root, this, new BABYLON.Vector2(this._pos.x + contentSize.width, this._pos.y), new BABYLON.Size(this._size.width - contentSize.width, contentSize.height)); } if (contentSize.height !== this._size.height) { this._bottomNode = new PackedRect(this._root, this, new BABYLON.Vector2(this._pos.x, this._pos.y + contentSize.height), new BABYLON.Size(this._size.width, this._size.height - contentSize.height)); } return this; } }; PackedRect.prototype.attemptDefrag = function () { if (!this.isUsed && this.isRecursiveFree) { this.clearNode(); if (this._parent) { this._parent.attemptDefrag(); } } }; PackedRect.prototype.clearNode = function () { this._initialSize = null; this._rightNode = null; this._bottomNode = null; }; Object.defineProperty(PackedRect.prototype, "isRecursiveFree", { get: function () { return !this.contentSize && (!this._leftNode || this._leftNode.isRecursiveFree) && (!this._rightNode || this._rightNode.isRecursiveFree) && (!this._bottomNode || this._bottomNode.isRecursiveFree); }, enumerable: true, configurable: true }); PackedRect.prototype.evalFreeSize = function (size) { var levelSize = 0; if (!this.isUsed) { if (this._initialSize) { levelSize = this._initialSize.surface; } else { levelSize = this._size.surface; } } if (this._rightNode) { levelSize += this._rightNode.evalFreeSize(0); } if (this._bottomNode) { levelSize += this._bottomNode.evalFreeSize(0); } return levelSize + size; }; return PackedRect; }()); BABYLON.PackedRect = PackedRect; /** * The purpose of this class is to pack several Rectangles into a big map, while trying to fit everything as optimally as possible. * This class is typically used to build lightmaps, sprite map or to pack several little textures into a big one. * Note that this class allows allocated Rectangles to be freed: that is the map is dynamically maintained so you can add/remove rectangle based on their life-cycle. */ var RectPackingMap = (function (_super) { __extends(RectPackingMap, _super); /** * Create an instance of the object with a dimension using the given size * @param size The dimension of the rectangle that will contain all the sub ones. */ function RectPackingMap(size) { _super.call(this, null, null, BABYLON.Vector2.Zero(), size); this._root = this; } /** * Add a rectangle, finding the best location to store it into the map * @param size the dimension of the rectangle to store * @return the Node containing the rectangle information, or null if we couldn't find a free spot */ RectPackingMap.prototype.addRect = function (size) { var node = this.findAndSplitNode(size); return node; }; Object.defineProperty(RectPackingMap.prototype, "freeSpace", { /** * Return the current space free normalized between [0;1] * @returns {} */ get: function () { var freeSize = 0; freeSize = this.evalFreeSize(freeSize); return freeSize / (this._size.width * this._size.height); }, enumerable: true, configurable: true }); return RectPackingMap; }(PackedRect)); BABYLON.RectPackingMap = RectPackingMap; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.rectPackingMap.js.map var BABYLON; (function (BABYLON) { var DynamicFloatArrayElementInfo = (function () { function DynamicFloatArrayElementInfo() { } return DynamicFloatArrayElementInfo; }()); BABYLON.DynamicFloatArrayElementInfo = DynamicFloatArrayElementInfo; /** * The purpose of this class is to store float32 based elements of a given size (defined by the stride argument) in a dynamic fashion, that is, you can add/free elements. You can then access to a defragmented/packed version of the underlying Float32Array by calling the pack() method. * The intent is to maintain through time data that will be bound to a WebGlBuffer with the ability to change add/remove elements. * It was first built to efficiently maintain the WebGlBuffer that contain instancing based data. * Allocating an Element will return a instance of DynamicFloatArrayElement which contains the offset into the Float32Array of where the element starts, you are then responsible to copy your data using this offset. * Beware, calling pack() may change the offset of some Entries because this method will defragment the Float32Array to replace empty elements by moving allocated ones at their location. * This method will return an ArrayBufferView on the existing Float32Array that describes the used elements. Use this View to update the WebGLBuffer and NOT the "buffer" field of the class. The pack() method won't shrink/reallocate the buffer to keep it GC friendly, all the empty space will be put at the end of the buffer, the method just ensure there are no "free holes". */ var DynamicFloatArray = (function () { /** * Construct an instance of the dynamic float array * @param stride size of one element in float (i.e. not bytes!) * @param initialElementCount the number of available entries at construction */ function DynamicFloatArray(stride, initialElementCount) { this.compareValueOffset = null; this.sortingAscending = true; this._stride = stride; this.buffer = new Float32Array(stride * initialElementCount); this._lastUsed = 0; this._firstFree = 0; this._allEntries = new Array(initialElementCount); this._freeEntries = new Array(initialElementCount); for (var i = 0; i < initialElementCount; i++) { var element = new DynamicFloatArrayElementInfo(); element.offset = i * stride; this._allEntries[i] = element; this._freeEntries[initialElementCount - i - 1] = element; } } /** * Allocate an element in the array. * @return the element info instance that contains the offset into the main buffer of the element's location. * Beware, this offset may change when you call pack() */ DynamicFloatArray.prototype.allocElement = function () { if (this._freeEntries.length === 0) { this._growBuffer(); } var el = this._freeEntries.pop(); this._lastUsed = Math.max(el.offset, this._lastUsed); if (el.offset === this._firstFree) { if (this._freeEntries.length > 0) { this._firstFree = this._freeEntries[this._freeEntries.length - 1].offset; } else { this._firstFree += this._stride; } } return el; }; /** * Free the element corresponding to the given element info * @param elInfo the element that describe the allocated element */ DynamicFloatArray.prototype.freeElement = function (elInfo) { this._firstFree = Math.min(elInfo.offset, this._firstFree); this._freeEntries.push(elInfo); }; /** * This method will pack all the used elements into a linear sequence and put all the free space at the end. * Instances of DynamicFloatArrayElement may have their 'offset' member changed as data could be copied from one location to another, so be sure to read/write your data based on the value inside this member after you called pack(). * @return the subArray that is the view of the used elements area, you can use it as a source to update a WebGLBuffer */ DynamicFloatArray.prototype.pack = function () { // no free slot? no need to pack if (this._freeEntries.length === 0) { return this.buffer; } // If the buffer is already packed the last used will always be lower than the first free // The opposite may not be true, we can have a lastUsed greater than firstFree but the array still packed, because when an element is freed, lastUsed is not updated (for speed reason) so we may have a lastUsed of a freed element. But that's ok, well soon realize this case. if (this._lastUsed < this._firstFree) { var elementsBuffer_1 = this.buffer.subarray(0, this._lastUsed + this._stride); return elementsBuffer_1; } var s = this._stride; // Make sure there's a free element at the very end, we need it to create a range where we'll move the used elements that may appear before var lastFree = new DynamicFloatArrayElementInfo(); lastFree.offset = this.totalElementCount * s; this._freeEntries.push(lastFree); var sortedFree = this._freeEntries.sort(function (a, b) { return a.offset - b.offset; }); var sortedAll = this._allEntries.sort(function (a, b) { return a.offset - b.offset; }); var firstFreeSlotOffset = sortedFree[0].offset; var freeZoneSize = 1; var occupiedZoneSize = (this.usedElementCount + 1) * s; var prevOffset = sortedFree[0].offset; for (var i = 1; i < sortedFree.length; i++) { // If the first free (which means everything before is occupied) is greater or equal the occupied zone size, it means everything is defragmented, we can quit if (firstFreeSlotOffset >= occupiedZoneSize) { break; } var curFree = sortedFree[i]; var curOffset = curFree.offset; // Compute the distance between this offset and the previous var distance = curOffset - prevOffset; // If the distance is the stride size, they are adjacent, it good, move to the next if (distance === s) { // Free zone is one element bigger ++freeZoneSize; // as we're about to iterate to the next, the cur becomes the previous... prevOffset = curOffset; continue; } // Distance is bigger, which means there's x element between the previous free and this one var usedRange = (distance / s) - 1; // Two cases the free zone is smaller than the data to move or bigger // Copy what can fit in the free zone var curMoveOffset = curOffset - s; var copyCount = Math.min(freeZoneSize, usedRange); for (var j = 0; j < copyCount; j++) { var freeI = firstFreeSlotOffset / s; var curI = curMoveOffset / s; var moveEl = sortedAll[curI]; this._moveElement(moveEl, firstFreeSlotOffset); var replacedEl = sortedAll[freeI]; // set the offset of the element we replaced with a value that will make it discard at the end of the method replacedEl.offset = curMoveOffset; // Swap the element we moved and the one it replaced in the sorted array to reflect the action we've made sortedAll[freeI] = moveEl; sortedAll[curI] = replacedEl; curMoveOffset -= s; firstFreeSlotOffset += s; } // Free Zone is smaller or equal so it's no longer a free zone, set the new one to the current location if (freeZoneSize <= usedRange) { firstFreeSlotOffset = curMoveOffset + s; freeZoneSize = 1 + copyCount; } else { freeZoneSize = ((curOffset - firstFreeSlotOffset) / s) + 1; } // as we're about to iterate to the next, the cur becomes the previous... prevOffset = curOffset; } var elementsBuffer = this.buffer.subarray(0, firstFreeSlotOffset); this._lastUsed = firstFreeSlotOffset - s; this._firstFree = firstFreeSlotOffset; sortedFree.pop(); // Remove the last free because that's the one we added at the start of the method this._freeEntries = sortedFree.sort(function (a, b) { return b.offset - a.offset; }); this._allEntries = sortedAll; return elementsBuffer; }; DynamicFloatArray.prototype._moveElement = function (element, destOffset) { for (var i = 0; i < this._stride; i++) { this.buffer[destOffset + i] = this.buffer[element.offset + i]; } element.offset = destOffset; }; DynamicFloatArray.prototype._growBuffer = function () { // Allocate the new buffer with 50% more entries, copy the content of the current one var newElCount = Math.floor(this.totalElementCount * 1.5); var newBuffer = new Float32Array(newElCount * this._stride); newBuffer.set(this.buffer); var curCount = this.totalElementCount; var addedCount = newElCount - this.totalElementCount; for (var i = 0; i < addedCount; i++) { var element = new DynamicFloatArrayElementInfo(); element.offset = (curCount + i) * this.stride; this._allEntries.push(element); this._freeEntries[addedCount - i - 1] = element; } this._firstFree = curCount * this.stride; this.buffer = newBuffer; }; Object.defineProperty(DynamicFloatArray.prototype, "totalElementCount", { /** * Get the total count of entries that can fit in the current buffer * @returns the elements count */ get: function () { return this._allEntries.length; }, enumerable: true, configurable: true }); Object.defineProperty(DynamicFloatArray.prototype, "freeElementCount", { /** * Get the count of free entries that can still be allocated without resizing the buffer * @returns the free elements count */ get: function () { return this._freeEntries.length; }, enumerable: true, configurable: true }); Object.defineProperty(DynamicFloatArray.prototype, "usedElementCount", { /** * Get the count of allocated elements * @returns the allocated elements count */ get: function () { return this._allEntries.length - this._freeEntries.length; }, enumerable: true, configurable: true }); Object.defineProperty(DynamicFloatArray.prototype, "stride", { /** * Return the size of one element in float * @returns the size in float */ get: function () { return this._stride; }, enumerable: true, configurable: true }); DynamicFloatArray.prototype.sort = function () { var _this = this; if (!this.compareValueOffset) { throw new Error("The DynamicFloatArray.sort() method needs a valid 'compareValueOffset' property"); } var count = this.usedElementCount; // Do we have to (re)create the sort table? if (!this._sortTable || this._sortTable.length < count) { // Small heuristic... We don't want to allocate totalElementCount right away because it may have 50 for 3 used elements, but on the other side we don't want to allocate just 3 when we just need 2, so double this value to give us some air to breath... var newCount = Math.min(this.totalElementCount, count * 2); this._sortTable = new Array(newCount); } if (!this._sortedTable || this._sortedTable.length !== count) { this._sortedTable = new Array(count); } // Because, you know... this.pack(); //let stride = this.stride; //for (let i = 0; i < count; i++) { // let si = this._sortTable[i]; // if (!si) { // si = new SortInfo(); // this._sortTable[i] = si; // } // si.entry = this._allEntries[i]; // si.compareData = this.buffer[si.entry.offset + this.compareValueOffset]; // si.swapedOffset = null; // this._sortedTable[i] = si; //} var curOffset = 0; var stride = this.stride; for (var i = 0; i < count; i++, curOffset += stride) { var si = this._sortTable[i]; if (!si) { si = new SortInfo(); this._sortTable[i] = si; } si.compareData = this.buffer[curOffset + this.compareValueOffset]; si.offset = curOffset; si.swapedOffset = null; this._sortedTable[i] = si; } // Let's sort the sorted table, we want to keep a track of the original one (that's why we have two buffers) if (this.sortingAscending) { this._sortedTable.sort(function (a, b) { return a.compareData - b.compareData; }); } else { this._sortedTable.sort(function (a, b) { return b.compareData - a.compareData; }); } var swapElements = function (src, dst) { for (var i = 0; i < stride; i++) { var tps = _this.buffer[dst + i]; _this.buffer[dst + i] = _this.buffer[src + i]; _this.buffer[src + i] = tps; } }; // The fun part begin, sortedTable give us the ordered layout to obtain, to get that we have to move elements, but when we move an element: // it replaces an existing one.I don't want to allocate a new Float32Array and do a raw copy, because it's awful (GC - wise), // and I still want something with a good algorithm complexity. // So here's the deal: we are going to swap elements, but we have to track the change of location of the element being replaced, // we need sortTable for that, it contains the original layout of SortInfo object, not the sorted one. // The best way is to use an extra field in SortInfo, because potentially every element can be replaced. // When we'll look for and element, we'll check if its swapedOffset is set, if so we reiterate the operation with the one there // until we find a SortInfo object without a swapedOffset which means we got the right location // Yes, we may have to do multiple iterations to find the right location, but hey, it won't be huge: <3 in most cases, and it's better // than a double allocation of the whole float32Array or a O(n²/2) typical algorithm. for (var i = 0; i < count; i++) { // Get the element to move var sourceSI = this._sortedTable[i]; var destSI = this._sortTable[i]; var sourceOff = sourceSI.offset; // If the source changed location, find the new one if (sourceSI.swapedOffset) { // Follow the swapedOffset until there's none, it will mean that curSI contains the new location in its offset member var curSI = sourceSI; while (curSI.swapedOffset) { curSI = this._sortTable[curSI.swapedOffset / stride]; } // Finally get the right location sourceOff = curSI.offset; } // Tag the element being replaced with its new location destSI.swapedOffset = sourceOff; // Swap elements (only if needed) if (sourceOff !== destSI.offset) { swapElements(sourceOff, destSI.offset); } // Update the offset in the corresponding DFAE //sourceSI.entry.offset = destSI.entry.offset; this._allEntries[sourceSI.offset / stride].offset = destSI.offset; } this._allEntries.sort(function (a, b) { return a.offset - b.offset; }); return true; }; return DynamicFloatArray; }()); BABYLON.DynamicFloatArray = DynamicFloatArray; var SortInfo = (function () { function SortInfo() { this.compareData = this.offset = this.swapedOffset = null; } return SortInfo; }()); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.dynamicFloatArray.js.map var BABYLON; (function (BABYLON) { /** * This class given information about a given character. */ var CharInfo = (function () { function CharInfo() { } return CharInfo; }()); BABYLON.CharInfo = CharInfo; var FontTexture = (function (_super) { __extends(FontTexture, _super); /** * Create a new instance of the FontTexture class * @param name the name of the texture * @param font the font to use, use the W3C CSS notation * @param scene the scene that owns the texture * @param maxCharCount the approximative maximum count of characters that could fit in the texture. This is an approximation because most of the fonts are proportional (each char has its own Width). The 'W' character's width is used to compute the size of the texture based on the given maxCharCount * @param samplingMode the texture sampling mode * @param superSample if true the FontTexture will be created with a font of a size twice bigger than the given one but all properties (lineHeight, charWidth, etc.) will be according to the original size. This is made to improve the text quality. */ function FontTexture(name, font, scene, maxCharCount, samplingMode, superSample, signedDistanceField) { if (maxCharCount === void 0) { maxCharCount = 200; } if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } if (superSample === void 0) { superSample = false; } if (signedDistanceField === void 0) { signedDistanceField = false; } _super.call(this, null, scene, true, false, samplingMode); this._charInfos = {}; this._curCharCount = 0; this._lastUpdateCharCount = -1; this._usedCounter = 1; this.name = name; this.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE; this.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE; this._sdfScale = 8; this._signedDistanceField = signedDistanceField; this._superSample = false; // SDF will use supersample no matter what, the resolution is otherwise too poor to produce correct result if (superSample || signedDistanceField) { var sfont = this.getSuperSampleFont(font); if (sfont) { this._superSample = true; font = sfont; } } // First canvas creation to determine the size of the texture to create this._canvas = document.createElement("canvas"); this._context = this._canvas.getContext("2d"); this._context.font = font; this._context.fillStyle = "white"; this._context.textBaseline = "top"; this._cachedFontId = null; var res = this.getFontHeight(font); this._lineHeightSuper = res.height + 4; this._lineHeight = this._superSample ? (Math.ceil(this._lineHeightSuper / 2)) : this._lineHeightSuper; this._offset = res.offset - 1; this._xMargin = 1 + Math.ceil(this._lineHeightSuper / 15); // Right now this empiric formula seems to work... this._yMargin = this._xMargin; var maxCharWidth = this._context.measureText("W").width; this._spaceWidthSuper = this._context.measureText(" ").width; this._spaceWidth = this._superSample ? (this._spaceWidthSuper / 2) : this._spaceWidthSuper; // This is an approximate size, but should always be able to fit at least the maxCharCount var totalEstSurface = (this._lineHeightSuper + this._yMargin) * (maxCharWidth + this._xMargin) * maxCharCount; var edge = Math.sqrt(totalEstSurface); var textSize = Math.pow(2, Math.ceil(Math.log(edge) / Math.log(2))); // Create the texture that will store the font characters this._texture = scene.getEngine().createDynamicTexture(textSize, textSize, false, samplingMode); var textureSize = this.getSize(); this.hasAlpha = this._signedDistanceField === false; // Recreate a new canvas with the final size: the one matching the texture (resizing the previous one doesn't work as one would expect...) this._canvas = document.createElement("canvas"); this._canvas.width = textureSize.width; this._canvas.height = textureSize.height; this._context = this._canvas.getContext("2d"); this._context.textBaseline = "top"; this._context.font = font; this._context.fillStyle = "white"; this._context.imageSmoothingEnabled = false; this._context.clearRect(0, 0, textureSize.width, textureSize.height); // Create a canvas for the signed distance field mode, we only have to store one char, the purpose is to render a char scaled _sdfScale times // into this 2D context, then get the bitmap data, create the sdf char and push the result in the _context (which hold the whole Font Texture content) // So you can see this context as an intermediate one, because it is. if (this._signedDistanceField) { var sdfC = document.createElement("canvas"); var s = this._sdfScale; sdfC.width = maxCharWidth * s; sdfC.height = this._lineHeightSuper * s; var sdfCtx = sdfC.getContext("2d"); sdfCtx.scale(s, s); sdfCtx.textBaseline = "top"; sdfCtx.font = font; sdfCtx.fillStyle = "white"; sdfCtx.imageSmoothingEnabled = false; this._sdfCanvas = sdfC; this._sdfContext = sdfCtx; } this._currentFreePosition = BABYLON.Vector2.Zero(); // Add the basic ASCII based characters for (var i = 0x20; i < 0x7F; i++) { var c = String.fromCharCode(i); this.getChar(c); } this.update(); } Object.defineProperty(FontTexture.prototype, "isSuperSampled", { get: function () { return this._superSample; }, enumerable: true, configurable: true }); Object.defineProperty(FontTexture.prototype, "isSignedDistanceField", { get: function () { return this._signedDistanceField; }, enumerable: true, configurable: true }); Object.defineProperty(FontTexture.prototype, "spaceWidth", { get: function () { return this._spaceWidth; }, enumerable: true, configurable: true }); Object.defineProperty(FontTexture.prototype, "lineHeight", { get: function () { return this._lineHeight; }, enumerable: true, configurable: true }); FontTexture.GetCachedFontTexture = function (scene, fontName, supersample, signedDistanceField) { if (supersample === void 0) { supersample = false; } if (signedDistanceField === void 0) { signedDistanceField = false; } var s = scene; if (!s.__fontTextureCache__) { s.__fontTextureCache__ = new BABYLON.StringDictionary(); } var dic = s.__fontTextureCache__; var lfn = fontName.toLocaleLowerCase() + (supersample ? "_+SS" : "_-SS") + (signedDistanceField ? "_+SDF" : "_-SDF"); var ft = dic.get(lfn); if (ft) { ++ft._usedCounter; return ft; } ft = new FontTexture(null, fontName, scene, supersample ? 100 : 200, BABYLON.Texture.BILINEAR_SAMPLINGMODE, supersample, signedDistanceField); ft._cachedFontId = lfn; dic.add(lfn, ft); return ft; }; FontTexture.ReleaseCachedFontTexture = function (scene, fontName, supersample, signedDistanceField) { if (supersample === void 0) { supersample = false; } if (signedDistanceField === void 0) { signedDistanceField = false; } var s = scene; var dic = s.__fontTextureCache__; if (!dic) { return; } var lfn = fontName.toLocaleLowerCase() + (supersample ? "_+SS" : "_-SS") + (signedDistanceField ? "_+SDF" : "_-SDF"); var font = dic.get(lfn); if (--font._usedCounter === 0) { dic.remove(lfn); font.dispose(); } }; /** * Make sure the given char is present in the font map. * @param char the character to get or add * @return the CharInfo instance corresponding to the given character */ FontTexture.prototype.getChar = function (char) { if (char.length !== 1) { return null; } var info = this._charInfos[char]; if (info) { return info; } info = new CharInfo(); var measure = this._context.measureText(char); var textureSize = this.getSize(); // we reached the end of the current line? var width = Math.round(measure.width); if (this._currentFreePosition.x + width + this._xMargin > textureSize.width) { this._currentFreePosition.x = 0; this._currentFreePosition.y += this._lineHeightSuper + this._yMargin; // No more room? if (this._currentFreePosition.y > textureSize.height) { return this.getChar("!"); } } // In sdf mode we render the character in an intermediate 2D context which scale the character this._sdfScale times (which is required to compute the sdf map accurately) if (this._signedDistanceField) { this._sdfContext.clearRect(0, 0, this._sdfCanvas.width, this._sdfCanvas.height); this._sdfContext.fillText(char, 0, -this._offset); var data = this._sdfContext.getImageData(0, 0, width * this._sdfScale, this._sdfCanvas.height); var res = this._computeSDFChar(data); this._context.putImageData(res, this._currentFreePosition.x, this._currentFreePosition.y); } else { // Draw the character in the HTML canvas this._context.fillText(char, this._currentFreePosition.x, this._currentFreePosition.y - this._offset); } // Fill the CharInfo object info.topLeftUV = new BABYLON.Vector2(this._currentFreePosition.x / textureSize.width, this._currentFreePosition.y / textureSize.height); info.bottomRightUV = new BABYLON.Vector2((this._currentFreePosition.x + width) / textureSize.width, info.topLeftUV.y + ((this._lineHeightSuper + 2) / textureSize.height)); if (this._signedDistanceField) { var off = 1 / textureSize.width; info.topLeftUV.addInPlace(new BABYLON.Vector2(off, off)); info.bottomRightUV.addInPlace(new BABYLON.Vector2(off, off)); } info.charWidth = this._superSample ? (width / 2) : width; // Add the info structure this._charInfos[char] = info; this._curCharCount++; // Set the next position this._currentFreePosition.x += width + this._xMargin; return info; }; FontTexture.prototype._computeSDFChar = function (source) { var scl = this._sdfScale; var sw = source.width; var sh = source.height; var dw = sw / scl; var dh = sh / scl; var roffx = 0; var roffy = 0; // We shouldn't look beyond half of the biggest between width and height var radius = scl; var br = radius - 1; var lookupSrc = function (dx, dy, offX, offY, lookVis) { var sx = dx * scl; var sy = dy * scl; // Looking out of the area? return true to make the test going on if (((sx + offX) < 0) || ((sx + offX) >= sw) || ((sy + offY) < 0) || ((sy + offY) >= sh)) { return true; } // Get the pixel we want var val = source.data[(((sy + offY) * sw) + (sx + offX)) * 4]; var res = (val > 0) === lookVis; if (!res) { roffx = offX; roffy = offY; } return res; }; var lookupArea = function (dx, dy, lookVis) { // Fast rejection test, if we have the same result in N, S, W, E at a distance which is the radius-1 then it means the data will be consistent in this area. That's because we've scale the rendering of the letter "radius" times, so a letter's pixel will be at least radius wide if (lookupSrc(dx, dy, 0, br, lookVis) && lookupSrc(dx, dy, 0, -br, lookVis) && lookupSrc(dx, dy, -br, 0, lookVis) && lookupSrc(dx, dy, br, 0, lookVis)) { return 0; } for (var i = 1; i <= radius; i++) { // Quick test N, S, W, E if (!lookupSrc(dx, dy, 0, i, lookVis) || !lookupSrc(dx, dy, 0, -i, lookVis) || !lookupSrc(dx, dy, -i, 0, lookVis) || !lookupSrc(dx, dy, i, 0, lookVis)) { return i * i; // Squared Distance is simple to compute in this case } // Test the frame area (except the N, S, W, E spots) from the nearest point from the center to the further one for (var j = 1; j <= i; j++) { if (!lookupSrc(dx, dy, -j, i, lookVis) || !lookupSrc(dx, dy, j, i, lookVis) || !lookupSrc(dx, dy, i, -j, lookVis) || !lookupSrc(dx, dy, i, j, lookVis) || !lookupSrc(dx, dy, -j, -i, lookVis) || !lookupSrc(dx, dy, j, -i, lookVis) || !lookupSrc(dx, dy, -i, -j, lookVis) || !lookupSrc(dx, dy, -i, j, lookVis)) { // We found the nearest texel having and opposite state, store the squared length var res_1 = (i * i) + (j * j); var count = 1; // To improve quality we will sample the texels around this one, so it's 8 samples, we consider only the one having an opposite state, add them to the current res and will will compute the average at the end if (!lookupSrc(dx, dy, roffx - 1, roffy, lookVis)) { res_1 += (roffx - 1) * (roffx - 1) + roffy * roffy; ++count; } if (!lookupSrc(dx, dy, roffx + 1, roffy, lookVis)) { res_1 += (roffx + 1) * (roffx + 1) + roffy * roffy; ++count; } if (!lookupSrc(dx, dy, roffx, roffy - 1, lookVis)) { res_1 += roffx * roffx + (roffy - 1) * (roffy - 1); ++count; } if (!lookupSrc(dx, dy, roffx, roffy + 1, lookVis)) { res_1 += roffx * roffx + (roffy + 1) * (roffy + 1); ++count; } if (!lookupSrc(dx, dy, roffx - 1, roffy - 1, lookVis)) { res_1 += (roffx - 1) * (roffx - 1) + (roffy - 1) * (roffy - 1); ++count; } if (!lookupSrc(dx, dy, roffx + 1, roffy + 1, lookVis)) { res_1 += (roffx + 1) * (roffx + 1) + (roffy + 1) * (roffy + 1); ++count; } if (!lookupSrc(dx, dy, roffx + 1, roffy - 1, lookVis)) { res_1 += (roffx + 1) * (roffx + 1) + (roffy - 1) * (roffy - 1); ++count; } if (!lookupSrc(dx, dy, roffx - 1, roffy + 1, lookVis)) { res_1 += (roffx - 1) * (roffx - 1) + (roffy + 1) * (roffy + 1); ++count; } // Compute the average based on the accumulated distance return res_1 / count; } } } return 0; }; var tmp = new Array(dw * dh); for (var y = 0; y < dh; y++) { for (var x = 0; x < dw; x++) { var curState = lookupSrc(x, y, 0, 0, true); var d = lookupArea(x, y, curState); if (d === 0) { d = radius * radius * 2; } tmp[(y * dw) + x] = curState ? d : -d; } } var res = this._context.createImageData(dw, dh); var size = dw * dh; for (var j = 0; j < size; j++) { var d = tmp[j]; var sign = (d < 0) ? -1 : 1; d = Math.sqrt(Math.abs(d)) * sign; d *= 127.5 / radius; d += 127.5; if (d < 0) { d = 0; } else if (d > 255) { d = 255; } d += 0.5; res.data[j * 4 + 0] = d; res.data[j * 4 + 1] = d; res.data[j * 4 + 2] = d; res.data[j * 4 + 3] = 255; } return res; }; FontTexture.prototype.measureText = function (text, tabulationSize) { if (tabulationSize === void 0) { tabulationSize = 4; } var maxWidth = 0; var curWidth = 0; var lineCount = 1; var charxpos = 0; // Parse each char of the string for (var _i = 0, text_1 = text; _i < text_1.length; _i++) { var char = text_1[_i]; // Next line feed? if (char === "\n") { maxWidth = Math.max(maxWidth, curWidth); charxpos = 0; curWidth = 0; ++lineCount; continue; } // Tabulation ? if (char === "\t") { var nextPos = charxpos + tabulationSize; nextPos = nextPos - (nextPos % tabulationSize); curWidth += (nextPos - charxpos) * this.spaceWidth; charxpos = nextPos; continue; } if (char < " ") { continue; } curWidth += this.getChar(char).charWidth; ++charxpos; } maxWidth = Math.max(maxWidth, curWidth); return new BABYLON.Size(maxWidth, lineCount * this.lineHeight); }; FontTexture.prototype.getSuperSampleFont = function (font) { // Eternal thank to http://stackoverflow.com/a/10136041/802124 var regex = /^\s*(?=(?:(?:[-a-z]+\s*){0,2}(italic|oblique))?)(?=(?:(?:[-a-z]+\s*){0,2}(small-caps))?)(?=(?:(?:[-a-z]+\s*){0,2}(bold(?:er)?|lighter|[1-9]00))?)(?:(?:normal|\1|\2|\3)\s*){0,3}((?:xx?-)?(?:small|large)|medium|smaller|larger|[.\d]+(?:\%|in|[cem]m|ex|p[ctx]))(?:\s*\/\s*(normal|[.\d]+(?:\%|in|[cem]m|ex|p[ctx])))?\s*([-,\"\sa-z]+?)\s*$/; var res = font.toLocaleLowerCase().match(regex); if (res == null) { return null; } var size = parseInt(res[4]); res[4] = (size * 2).toString() + (res[4].match(/\D+/) || []).pop(); var newFont = ""; for (var j = 1; j < res.length; j++) { if (res[j] != null) { newFont += res[j] + " "; } } return newFont; }; // More info here: https://videlais.com/2014/03/16/the-many-and-varied-problems-with-measuring-font-height-for-html5-canvas/ FontTexture.prototype.getFontHeight = function (font) { var fontDraw = document.createElement("canvas"); var ctx = fontDraw.getContext('2d'); ctx.fillRect(0, 0, fontDraw.width, fontDraw.height); ctx.textBaseline = 'top'; ctx.fillStyle = 'white'; ctx.font = font; ctx.fillText('jH|', 0, 0); var pixels = ctx.getImageData(0, 0, fontDraw.width, fontDraw.height).data; var start = -1; var end = -1; for (var row = 0; row < fontDraw.height; row++) { for (var column = 0; column < fontDraw.width; column++) { var index = (row * fontDraw.width + column) * 4; if (pixels[index] === 0) { if (column === fontDraw.width - 1 && start !== -1) { end = row; row = fontDraw.height; break; } continue; } else { if (start === -1) { start = row; } break; } } } return { height: (end - start) + 1, offset: start - 1 }; }; Object.defineProperty(FontTexture.prototype, "canRescale", { get: function () { return false; }, enumerable: true, configurable: true }); FontTexture.prototype.getContext = function () { return this._context; }; /** * Call this method when you've call getChar() at least one time, this will update the texture if needed. * Don't be afraid to call it, if no new character was added, this method simply does nothing. */ FontTexture.prototype.update = function () { // Update only if there's new char added since the previous update if (this._lastUpdateCharCount < this._curCharCount) { this.getScene().getEngine().updateDynamicTexture(this._texture, this._canvas, false, true); this._lastUpdateCharCount = this._curCharCount; } }; // cloning should be prohibited, there's no point to duplicate this texture at all FontTexture.prototype.clone = function () { return null; }; /** * For FontTexture retrieved using GetCachedFontTexture, use this method when you transfer this object's lifetime to another party in order to share this resource. * When the other party is done with this object, decCachedFontTextureCounter must be called. */ FontTexture.prototype.incCachedFontTextureCounter = function () { ++this._usedCounter; }; /** * Use this method only in conjunction with incCachedFontTextureCounter, call it when you no longer need to use this shared resource. */ FontTexture.prototype.decCachedFontTextureCounter = function () { var s = this.getScene(); var dic = s.__fontTextureCache__; if (!dic) { return; } if (--this._usedCounter === 0) { dic.remove(this._cachedFontId); this.dispose(); } }; return FontTexture; }(BABYLON.Texture)); BABYLON.FontTexture = FontTexture; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Materials/Textures/babylon.fontTexture.js.map var BABYLON; (function (BABYLON) { var MapTexture = (function (_super) { __extends(MapTexture, _super); function MapTexture(name, scene, size, samplingMode, useMipMap) { if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } if (useMipMap === void 0) { useMipMap = false; } _super.call(this, null, scene, !useMipMap, false, samplingMode); this.name = name; this._size = size; this.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE; this.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE; // Create the rectPackMap that will allocate portion of the texture this._rectPackingMap = new BABYLON.RectPackingMap(new BABYLON.Size(size.width, size.height)); // Create the texture that will store the content this._texture = scene.getEngine().createRenderTargetTexture(size, { generateMipMaps: !this.noMipmap, type: BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT }); } /** * Allocate a rectangle of a given size in the texture map * @param size the size of the rectangle to allocation * @return the PackedRect instance corresponding to the allocated rect or null is there was not enough space to allocate it. */ MapTexture.prototype.allocateRect = function (size) { return this._rectPackingMap.addRect(size); }; /** * Free a given rectangle from the texture map * @param rectInfo the instance corresponding to the rect to free. */ MapTexture.prototype.freeRect = function (rectInfo) { if (rectInfo) { rectInfo.freeContent(); } }; Object.defineProperty(MapTexture.prototype, "freeSpace", { /** * Return the available space in the range of [O;1]. 0 being not space left at all, 1 being an empty texture map. * This is the cumulated space, not the biggest available surface. Due to fragmentation you may not allocate a rect corresponding to this surface. * @returns {} */ get: function () { return this._rectPackingMap.freeSpace; }, enumerable: true, configurable: true }); /** * Bind the texture to the rendering engine to render in the zone of a given rectangle. * Use this method when you want to render into the texture map with a clipspace set to the location and size of the given rect. * Don't forget to call unbindTexture when you're done rendering * @param rect the zone to render to * @param clear true to clear the portion's color/depth data */ MapTexture.prototype.bindTextureForRect = function (rect, clear) { return this.bindTextureForPosSize(rect.pos, rect.contentSize, clear); }; /** * Bind the texture to the rendering engine to render in the zone of the given size at the given position. * Use this method when you want to render into the texture map with a clipspace set to the location and size of the given rect. * Don't forget to call unbindTexture when you're done rendering * @param pos the position into the texture * @param size the portion to fit the clip space to * @param clear true to clear the portion's color/depth data */ MapTexture.prototype.bindTextureForPosSize = function (pos, size, clear) { var engine = this.getScene().getEngine(); engine.bindFramebuffer(this._texture); this._replacedViewport = engine.setDirectViewport(pos.x, pos.y, size.width, size.height); if (clear) { // We only want to clear the part of the texture we're binding to, only the scissor can help us to achieve that engine.scissorClear(pos.x, pos.y, size.width, size.height, new BABYLON.Color4(0, 0, 0, 0)); } }; /** * Unbind the texture map from the rendering engine. * Call this method when you're done rendering. A previous call to bindTextureForRect has to be made. * @param dumpForDebug if set to true the content of the texture map will be dumped to a picture file that will be sent to the internet browser. */ MapTexture.prototype.unbindTexture = function (dumpForDebug) { // Dump ? if (dumpForDebug) { BABYLON.Tools.DumpFramebuffer(this._size.width, this._size.height, this.getScene().getEngine()); } var engine = this.getScene().getEngine(); if (this._replacedViewport) { engine.setViewport(this._replacedViewport); this._replacedViewport = null; } engine.unBindFramebuffer(this._texture); }; Object.defineProperty(MapTexture.prototype, "canRescale", { get: function () { return false; }, enumerable: true, configurable: true }); // Note, I don't know what behavior this method should have: clone the underlying texture/rectPackingMap or just reference them? // Anyway, there's not much point to use this method for this kind of texture I guess MapTexture.prototype.clone = function () { return null; }; return MapTexture; }(BABYLON.Texture)); BABYLON.MapTexture = MapTexture; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Materials/Textures/babylon.mapTexture.js.map var BABYLON; (function (BABYLON) { var ShaderMaterial = (function (_super) { __extends(ShaderMaterial, _super); function ShaderMaterial(name, scene, shaderPath, options) { _super.call(this, name, scene); this._textures = {}; this._textureArrays = {}; this._floats = {}; this._floatsArrays = {}; this._colors3 = {}; this._colors4 = {}; this._vectors2 = {}; this._vectors3 = {}; this._vectors4 = {}; this._matrices = {}; this._matrices3x3 = {}; this._matrices2x2 = {}; this._vectors3Arrays = {}; this._cachedWorldViewMatrix = new BABYLON.Matrix(); this._shaderPath = shaderPath; options.needAlphaBlending = options.needAlphaBlending || false; options.needAlphaTesting = options.needAlphaTesting || false; options.attributes = options.attributes || ["position", "normal", "uv"]; options.uniforms = options.uniforms || ["worldViewProjection"]; options.samplers = options.samplers || []; options.defines = options.defines || []; this._options = options; } ShaderMaterial.prototype.needAlphaBlending = function () { return this._options.needAlphaBlending; }; ShaderMaterial.prototype.needAlphaTesting = function () { return this._options.needAlphaTesting; }; ShaderMaterial.prototype._checkUniform = function (uniformName) { if (this._options.uniforms.indexOf(uniformName) === -1) { this._options.uniforms.push(uniformName); } }; ShaderMaterial.prototype.setTexture = function (name, texture) { if (this._options.samplers.indexOf(name) === -1) { this._options.samplers.push(name); } this._textures[name] = texture; return this; }; ShaderMaterial.prototype.setTextureArray = function (name, textures) { if (this._options.samplers.indexOf(name) === -1) { this._options.samplers.push(name); } this._checkUniform(name); this._textureArrays[name] = textures; return this; }; ShaderMaterial.prototype.setFloat = function (name, value) { this._checkUniform(name); this._floats[name] = value; return this; }; ShaderMaterial.prototype.setFloats = function (name, value) { this._checkUniform(name); this._floatsArrays[name] = value; return this; }; ShaderMaterial.prototype.setColor3 = function (name, value) { this._checkUniform(name); this._colors3[name] = value; return this; }; ShaderMaterial.prototype.setColor4 = function (name, value) { this._checkUniform(name); this._colors4[name] = value; return this; }; ShaderMaterial.prototype.setVector2 = function (name, value) { this._checkUniform(name); this._vectors2[name] = value; return this; }; ShaderMaterial.prototype.setVector3 = function (name, value) { this._checkUniform(name); this._vectors3[name] = value; return this; }; ShaderMaterial.prototype.setVector4 = function (name, value) { this._checkUniform(name); this._vectors4[name] = value; return this; }; ShaderMaterial.prototype.setMatrix = function (name, value) { this._checkUniform(name); this._matrices[name] = value; return this; }; ShaderMaterial.prototype.setMatrix3x3 = function (name, value) { this._checkUniform(name); this._matrices3x3[name] = value; return this; }; ShaderMaterial.prototype.setMatrix2x2 = function (name, value) { this._checkUniform(name); this._matrices2x2[name] = value; return this; }; ShaderMaterial.prototype.setArray3 = function (name, value) { this._checkUniform(name); this._vectors3Arrays[name] = value; return this; }; ShaderMaterial.prototype._checkCache = function (scene, mesh, useInstances) { if (!mesh) { return true; } if (this._effect && (this._effect.defines.indexOf("#define INSTANCES") !== -1) !== useInstances) { return false; } return false; }; ShaderMaterial.prototype.isReady = function (mesh, useInstances) { var scene = this.getScene(); var engine = scene.getEngine(); if (!this.checkReadyOnEveryCall) { if (this._renderId === scene.getRenderId()) { if (this._checkCache(scene, mesh, useInstances)) { return true; } } } // Instances var defines = []; var fallbacks = new BABYLON.EffectFallbacks(); if (useInstances) { defines.push("#define INSTANCES"); } for (var index = 0; index < this._options.defines.length; index++) { defines.push(this._options.defines[index]); } // Bones if (mesh && mesh.useBones && mesh.computeBonesUsingShaders) { defines.push("#define NUM_BONE_INFLUENCERS " + mesh.numBoneInfluencers); defines.push("#define BonesPerMesh " + (mesh.skeleton.bones.length + 1)); fallbacks.addCPUSkinningFallback(0, mesh); } // Alpha test if (engine.getAlphaTesting()) { defines.push("#define ALPHATEST"); } var previousEffect = this._effect; var join = defines.join("\n"); this._effect = engine.createEffect(this._shaderPath, this._options.attributes, this._options.uniforms, this._options.samplers, join, fallbacks, this.onCompiled, this.onError); if (!this._effect.isReady()) { return false; } if (previousEffect !== this._effect) { scene.resetCachedMaterial(); } this._renderId = scene.getRenderId(); return true; }; ShaderMaterial.prototype.bindOnlyWorldMatrix = function (world) { var scene = this.getScene(); if (this._options.uniforms.indexOf("world") !== -1) { this._effect.setMatrix("world", world); } if (this._options.uniforms.indexOf("worldView") !== -1) { world.multiplyToRef(scene.getViewMatrix(), this._cachedWorldViewMatrix); this._effect.setMatrix("worldView", this._cachedWorldViewMatrix); } if (this._options.uniforms.indexOf("worldViewProjection") !== -1) { this._effect.setMatrix("worldViewProjection", world.multiply(scene.getTransformMatrix())); } }; ShaderMaterial.prototype.bind = function (world, mesh) { // Std values this.bindOnlyWorldMatrix(world); if (this.getScene().getCachedMaterial() !== this) { if (this._options.uniforms.indexOf("view") !== -1) { this._effect.setMatrix("view", this.getScene().getViewMatrix()); } if (this._options.uniforms.indexOf("projection") !== -1) { this._effect.setMatrix("projection", this.getScene().getProjectionMatrix()); } if (this._options.uniforms.indexOf("viewProjection") !== -1) { this._effect.setMatrix("viewProjection", this.getScene().getTransformMatrix()); } // Bones BABYLON.MaterialHelper.BindBonesParameters(mesh, this._effect); var name; // Texture for (name in this._textures) { this._effect.setTexture(name, this._textures[name]); } // Texture arrays for (name in this._textureArrays) { this._effect.setTextureArray(name, this._textureArrays[name]); } // Float for (name in this._floats) { this._effect.setFloat(name, this._floats[name]); } // Float s for (name in this._floatsArrays) { this._effect.setArray(name, this._floatsArrays[name]); } // Color3 for (name in this._colors3) { this._effect.setColor3(name, this._colors3[name]); } // Color4 for (name in this._colors4) { var color = this._colors4[name]; this._effect.setFloat4(name, color.r, color.g, color.b, color.a); } // Vector2 for (name in this._vectors2) { this._effect.setVector2(name, this._vectors2[name]); } // Vector3 for (name in this._vectors3) { this._effect.setVector3(name, this._vectors3[name]); } // Vector4 for (name in this._vectors4) { this._effect.setVector4(name, this._vectors4[name]); } // Matrix for (name in this._matrices) { this._effect.setMatrix(name, this._matrices[name]); } // Matrix 3x3 for (name in this._matrices3x3) { this._effect.setMatrix3x3(name, this._matrices3x3[name]); } // Matrix 2x2 for (name in this._matrices2x2) { this._effect.setMatrix2x2(name, this._matrices2x2[name]); } // Vector3Array for (name in this._vectors3Arrays) { this._effect.setArray3(name, this._vectors3Arrays[name]); } } _super.prototype.bind.call(this, world, mesh); }; ShaderMaterial.prototype.clone = function (name) { var newShaderMaterial = new ShaderMaterial(name, this.getScene(), this._shaderPath, this._options); return newShaderMaterial; }; ShaderMaterial.prototype.dispose = function (forceDisposeEffect, forceDisposeTextures) { if (forceDisposeTextures) { var name; for (name in this._textures) { this._textures[name].dispose(); } for (name in this._textureArrays) { var array = this._textureArrays[name]; for (var index = 0; index < array.length; index++) { array[index].dispose(); } } } this._textures = {}; _super.prototype.dispose.call(this, forceDisposeEffect, forceDisposeTextures); }; ShaderMaterial.prototype.serialize = function () { var serializationObject = BABYLON.SerializationHelper.Serialize(this); serializationObject.customType = "BABYLON.ShaderMaterial"; serializationObject.options = this._options; serializationObject.shaderPath = this._shaderPath; var name; // Texture serializationObject.textures = {}; for (name in this._textures) { serializationObject.textures[name] = this._textures[name].serialize(); } // Texture arrays serializationObject.textureArrays = {}; for (name in this._textureArrays) { serializationObject.textureArrays[name] = []; var array = this._textureArrays[name]; for (var index = 0; index < array.length; index++) { serializationObject.textureArrays[name].push(array[index].serialize()); } } // Float serializationObject.floats = {}; for (name in this._floats) { serializationObject.floats[name] = this._floats[name]; } // Float s serializationObject.floatArrays = {}; for (name in this._floatsArrays) { serializationObject.floatArrays[name] = this._floatsArrays[name]; } // Color3 serializationObject.colors3 = {}; for (name in this._colors3) { serializationObject.colors3[name] = this._colors3[name].asArray(); } // Color4 serializationObject.colors4 = {}; for (name in this._colors4) { serializationObject.colors4[name] = this._colors4[name].asArray(); } // Vector2 serializationObject.vectors2 = {}; for (name in this._vectors2) { serializationObject.vectors2[name] = this._vectors2[name].asArray(); } // Vector3 serializationObject.vectors3 = {}; for (name in this._vectors3) { serializationObject.vectors3[name] = this._vectors3[name].asArray(); } // Vector4 serializationObject.vectors4 = {}; for (name in this._vectors4) { serializationObject.vectors4[name] = this._vectors4[name].asArray(); } // Matrix serializationObject.matrices = {}; for (name in this._matrices) { serializationObject.matrices[name] = this._matrices[name].asArray(); } // Matrix 3x3 serializationObject.matrices3x3 = {}; for (name in this._matrices3x3) { serializationObject.matrices3x3[name] = this._matrices3x3[name]; } // Matrix 2x2 serializationObject.matrices2x2 = {}; for (name in this._matrices2x2) { serializationObject.matrices2x2[name] = this._matrices2x2[name]; } // Vector3Array serializationObject.vectors3Arrays = {}; for (name in this._vectors3Arrays) { serializationObject.vectors3Arrays[name] = this._vectors3Arrays[name]; } return serializationObject; }; ShaderMaterial.Parse = function (source, scene, rootUrl) { var material = BABYLON.SerializationHelper.Parse(function () { return new ShaderMaterial(source.name, scene, source.shaderPath, source.options); }, source, scene, rootUrl); var name; // Texture for (name in source.textures) { material.setTexture(name, BABYLON.Texture.Parse(source.textures[name], scene, rootUrl)); } // Texture arrays for (name in source.textureArrays) { var array = source.textureArrays[name]; var textureArray = new Array(); for (var index = 0; index < array.length; index++) { textureArray.push(BABYLON.Texture.Parse(array[index], scene, rootUrl)); } material.setTextureArray(name, textureArray); } // Float for (name in source.floats) { material.setFloat(name, source.floats[name]); } // Float s for (name in source.floatsArrays) { material.setFloats(name, source.floatsArrays[name]); } // Color3 for (name in source.colors3) { material.setColor3(name, BABYLON.Color3.FromArray(source.colors3[name])); } // Color4 for (name in source.colors4) { material.setColor4(name, BABYLON.Color4.FromArray(source.colors4[name])); } // Vector2 for (name in source.vectors2) { material.setVector2(name, BABYLON.Vector2.FromArray(source.vectors2[name])); } // Vector3 for (name in source.vectors3) { material.setVector3(name, BABYLON.Vector3.FromArray(source.vectors3[name])); } // Vector4 for (name in source.vectors4) { material.setVector4(name, BABYLON.Vector4.FromArray(source.vectors4[name])); } // Matrix for (name in source.matrices) { material.setMatrix(name, BABYLON.Matrix.FromArray(source.matrices[name])); } // Matrix 3x3 for (name in source.matrices3x3) { material.setMatrix3x3(name, source.matrices3x3[name]); } // Matrix 2x2 for (name in source.matrices2x2) { material.setMatrix2x2(name, source.matrices2x2[name]); } // Vector3Array for (name in source.vectors3Arrays) { material.setArray3(name, source.vectors3Arrays[name]); } return material; }; return ShaderMaterial; }(BABYLON.Material)); BABYLON.ShaderMaterial = ShaderMaterial; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Materials/babylon.shaderMaterial.js.map var BABYLON; (function (BABYLON) { var Internals; (function (Internals) { // Based on demo done by Brandon Jones - http://media.tojicode.com/webgl-samples/dds.html // All values and structures referenced from: // http://msdn.microsoft.com/en-us/library/bb943991.aspx/ var DDS_MAGIC = 0x20534444; var DDSD_CAPS = 0x1, DDSD_HEIGHT = 0x2, DDSD_WIDTH = 0x4, DDSD_PITCH = 0x8, DDSD_PIXELFORMAT = 0x1000, DDSD_MIPMAPCOUNT = 0x20000, DDSD_LINEARSIZE = 0x80000, DDSD_DEPTH = 0x800000; var DDSCAPS_COMPLEX = 0x8, DDSCAPS_MIPMAP = 0x400000, DDSCAPS_TEXTURE = 0x1000; var DDSCAPS2_CUBEMAP = 0x200, DDSCAPS2_CUBEMAP_POSITIVEX = 0x400, DDSCAPS2_CUBEMAP_NEGATIVEX = 0x800, DDSCAPS2_CUBEMAP_POSITIVEY = 0x1000, DDSCAPS2_CUBEMAP_NEGATIVEY = 0x2000, DDSCAPS2_CUBEMAP_POSITIVEZ = 0x4000, DDSCAPS2_CUBEMAP_NEGATIVEZ = 0x8000, DDSCAPS2_VOLUME = 0x200000; var DDPF_ALPHAPIXELS = 0x1, DDPF_ALPHA = 0x2, DDPF_FOURCC = 0x4, DDPF_RGB = 0x40, DDPF_YUV = 0x200, DDPF_LUMINANCE = 0x20000; function FourCCToInt32(value) { return value.charCodeAt(0) + (value.charCodeAt(1) << 8) + (value.charCodeAt(2) << 16) + (value.charCodeAt(3) << 24); } function Int32ToFourCC(value) { return String.fromCharCode(value & 0xff, (value >> 8) & 0xff, (value >> 16) & 0xff, (value >> 24) & 0xff); } var FOURCC_DXT1 = FourCCToInt32("DXT1"); var FOURCC_DXT3 = FourCCToInt32("DXT3"); var FOURCC_DXT5 = FourCCToInt32("DXT5"); var headerLengthInt = 31; // The header length in 32 bit ints // Offsets into the header array var off_magic = 0; var off_size = 1; var off_flags = 2; var off_height = 3; var off_width = 4; var off_mipmapCount = 7; var off_pfFlags = 20; var off_pfFourCC = 21; var off_RGBbpp = 22; var off_RMask = 23; var off_GMask = 24; var off_BMask = 25; var off_AMask = 26; var off_caps1 = 27; var off_caps2 = 28; ; var DDSTools = (function () { function DDSTools() { } DDSTools.GetDDSInfo = function (arrayBuffer) { var header = new Int32Array(arrayBuffer, 0, headerLengthInt); var mipmapCount = 1; if (header[off_flags] & DDSD_MIPMAPCOUNT) { mipmapCount = Math.max(1, header[off_mipmapCount]); } return { width: header[off_width], height: header[off_height], mipmapCount: mipmapCount, isFourCC: (header[off_pfFlags] & DDPF_FOURCC) === DDPF_FOURCC, isRGB: (header[off_pfFlags] & DDPF_RGB) === DDPF_RGB, isLuminance: (header[off_pfFlags] & DDPF_LUMINANCE) === DDPF_LUMINANCE, isCube: (header[off_caps2] & DDSCAPS2_CUBEMAP) === DDSCAPS2_CUBEMAP }; }; DDSTools.GetRGBAArrayBuffer = function (width, height, dataOffset, dataLength, arrayBuffer) { var byteArray = new Uint8Array(dataLength); var srcData = new Uint8Array(arrayBuffer); var index = 0; for (var y = height - 1; y >= 0; y--) { for (var x = 0; x < width; x++) { var srcPos = dataOffset + (x + y * width) * 4; byteArray[index + 2] = srcData[srcPos]; byteArray[index + 1] = srcData[srcPos + 1]; byteArray[index] = srcData[srcPos + 2]; byteArray[index + 3] = srcData[srcPos + 3]; index += 4; } } return byteArray; }; DDSTools.GetRGBArrayBuffer = function (width, height, dataOffset, dataLength, arrayBuffer) { var byteArray = new Uint8Array(dataLength); var srcData = new Uint8Array(arrayBuffer); var index = 0; for (var y = height - 1; y >= 0; y--) { for (var x = 0; x < width; x++) { var srcPos = dataOffset + (x + y * width) * 3; byteArray[index + 2] = srcData[srcPos]; byteArray[index + 1] = srcData[srcPos + 1]; byteArray[index] = srcData[srcPos + 2]; index += 3; } } return byteArray; }; DDSTools.GetLuminanceArrayBuffer = function (width, height, dataOffset, dataLength, arrayBuffer) { var byteArray = new Uint8Array(dataLength); var srcData = new Uint8Array(arrayBuffer); var index = 0; for (var y = height - 1; y >= 0; y--) { for (var x = 0; x < width; x++) { var srcPos = dataOffset + (x + y * width); byteArray[index] = srcData[srcPos]; index++; } } return byteArray; }; DDSTools.UploadDDSLevels = function (gl, ext, arrayBuffer, info, loadMipmaps, faces) { var header = new Int32Array(arrayBuffer, 0, headerLengthInt), fourCC, blockBytes, internalFormat, width, height, dataLength, dataOffset, byteArray, mipmapCount, i; if (header[off_magic] != DDS_MAGIC) { BABYLON.Tools.Error("Invalid magic number in DDS header"); return; } if (!info.isFourCC && !info.isRGB && !info.isLuminance) { BABYLON.Tools.Error("Unsupported format, must contain a FourCC, RGB or LUMINANCE code"); return; } if (info.isFourCC) { fourCC = header[off_pfFourCC]; switch (fourCC) { case FOURCC_DXT1: blockBytes = 8; internalFormat = ext.COMPRESSED_RGBA_S3TC_DXT1_EXT; break; case FOURCC_DXT3: blockBytes = 16; internalFormat = ext.COMPRESSED_RGBA_S3TC_DXT3_EXT; break; case FOURCC_DXT5: blockBytes = 16; internalFormat = ext.COMPRESSED_RGBA_S3TC_DXT5_EXT; break; default: console.error("Unsupported FourCC code:", Int32ToFourCC(fourCC)); return; } } mipmapCount = 1; if (header[off_flags] & DDSD_MIPMAPCOUNT && loadMipmaps !== false) { mipmapCount = Math.max(1, header[off_mipmapCount]); } var bpp = header[off_RGBbpp]; for (var face = 0; face < faces; face++) { var sampler = faces === 1 ? gl.TEXTURE_2D : (gl.TEXTURE_CUBE_MAP_POSITIVE_X + face); width = header[off_width]; height = header[off_height]; dataOffset = header[off_size] + 4; for (i = 0; i < mipmapCount; ++i) { if (info.isRGB) { if (bpp === 24) { dataLength = width * height * 3; byteArray = DDSTools.GetRGBArrayBuffer(width, height, dataOffset, dataLength, arrayBuffer); gl.texImage2D(sampler, i, gl.RGB, width, height, 0, gl.RGB, gl.UNSIGNED_BYTE, byteArray); } else { dataLength = width * height * 4; byteArray = DDSTools.GetRGBAArrayBuffer(width, height, dataOffset, dataLength, arrayBuffer); gl.texImage2D(sampler, i, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, byteArray); } } else if (info.isLuminance) { var unpackAlignment = gl.getParameter(gl.UNPACK_ALIGNMENT); var unpaddedRowSize = width; var paddedRowSize = Math.floor((width + unpackAlignment - 1) / unpackAlignment) * unpackAlignment; dataLength = paddedRowSize * (height - 1) + unpaddedRowSize; byteArray = DDSTools.GetLuminanceArrayBuffer(width, height, dataOffset, dataLength, arrayBuffer); gl.texImage2D(sampler, i, gl.LUMINANCE, width, height, 0, gl.LUMINANCE, gl.UNSIGNED_BYTE, byteArray); } else { dataLength = Math.max(4, width) / 4 * Math.max(4, height) / 4 * blockBytes; byteArray = new Uint8Array(arrayBuffer, dataOffset, dataLength); gl.compressedTexImage2D(sampler, i, internalFormat, width, height, 0, byteArray); } dataOffset += dataLength; width *= 0.5; height *= 0.5; width = Math.max(1.0, width); height = Math.max(1.0, height); } } }; return DDSTools; }()); Internals.DDSTools = DDSTools; })(Internals = BABYLON.Internals || (BABYLON.Internals = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.tools.dds.js.map var BABYLON; (function (BABYLON) { var CannonJSPlugin = (function () { function CannonJSPlugin(_useDeltaForWorldStep, iterations) { if (_useDeltaForWorldStep === void 0) { _useDeltaForWorldStep = true; } if (iterations === void 0) { iterations = 10; } this._useDeltaForWorldStep = _useDeltaForWorldStep; this.name = "CannonJSPlugin"; this._physicsMaterials = []; this._fixedTimeStep = 1 / 60; //See https://github.com/schteppe/cannon.js/blob/gh-pages/demos/collisionFilter.html this._currentCollisionGroup = 2; this._minus90X = new BABYLON.Quaternion(-0.7071067811865475, 0, 0, 0.7071067811865475); this._plus90X = new BABYLON.Quaternion(0.7071067811865475, 0, 0, 0.7071067811865475); this._tmpPosition = BABYLON.Vector3.Zero(); this._tmpQuaternion = new BABYLON.Quaternion(); this._tmpDeltaPosition = BABYLON.Vector3.Zero(); this._tmpDeltaRotation = new BABYLON.Quaternion(); this._tmpUnityRotation = new BABYLON.Quaternion(); if (!this.isSupported()) { BABYLON.Tools.Error("CannonJS is not available. Please make sure you included the js file."); return; } this.world = new CANNON.World(); this.world.broadphase = new CANNON.NaiveBroadphase(); this.world.solver.iterations = iterations; } CannonJSPlugin.prototype.setGravity = function (gravity) { this.world.gravity.copy(gravity); }; CannonJSPlugin.prototype.setTimeStep = function (timeStep) { this._fixedTimeStep = timeStep; }; CannonJSPlugin.prototype.executeStep = function (delta, impostors) { this.world.step(this._fixedTimeStep, this._useDeltaForWorldStep ? delta * 1000 : 0, 3); }; CannonJSPlugin.prototype.applyImpulse = function (impostor, force, contactPoint) { var worldPoint = new CANNON.Vec3(contactPoint.x, contactPoint.y, contactPoint.z); var impulse = new CANNON.Vec3(force.x, force.y, force.z); impostor.physicsBody.applyImpulse(impulse, worldPoint); }; CannonJSPlugin.prototype.applyForce = function (impostor, force, contactPoint) { var worldPoint = new CANNON.Vec3(contactPoint.x, contactPoint.y, contactPoint.z); var impulse = new CANNON.Vec3(force.x, force.y, force.z); impostor.physicsBody.applyImpulse(impulse, worldPoint); }; CannonJSPlugin.prototype.generatePhysicsBody = function (impostor) { //parent-child relationship. Does this impostor has a parent impostor? if (impostor.parent) { if (impostor.physicsBody) { this.removePhysicsBody(impostor); //TODO is that needed? impostor.forceUpdate(); } return; } //should a new body be created for this impostor? if (impostor.isBodyInitRequired()) { var shape = this._createShape(impostor); //unregister events, if body is being changed var oldBody = impostor.physicsBody; if (oldBody) { this.removePhysicsBody(impostor); } //create the body and material var material = this._addMaterial("mat-" + impostor.uniqueId, impostor.getParam("friction"), impostor.getParam("restitution")); var bodyCreationObject = { mass: impostor.getParam("mass"), material: material }; // A simple extend, in case native options were used. var nativeOptions = impostor.getParam("nativeOptions"); for (var key in nativeOptions) { if (nativeOptions.hasOwnProperty(key)) { bodyCreationObject[key] = nativeOptions[key]; } } impostor.physicsBody = new CANNON.Body(bodyCreationObject); impostor.physicsBody.addEventListener("collide", impostor.onCollide); this.world.addEventListener("preStep", impostor.beforeStep); this.world.addEventListener("postStep", impostor.afterStep); impostor.physicsBody.addShape(shape); this.world.add(impostor.physicsBody); //try to keep the body moving in the right direction by taking old properties. //Should be tested! if (oldBody) { ['force', 'torque', 'velocity', 'angularVelocity'].forEach(function (param) { impostor.physicsBody[param].copy(oldBody[param]); }); } this._processChildMeshes(impostor); } //now update the body's transformation this._updatePhysicsBodyTransformation(impostor); }; CannonJSPlugin.prototype._processChildMeshes = function (mainImpostor) { var _this = this; var meshChildren = mainImpostor.object.getChildMeshes ? mainImpostor.object.getChildMeshes() : []; if (meshChildren.length) { var processMesh = function (localPosition, mesh) { var childImpostor = mesh.getPhysicsImpostor(); if (childImpostor) { var parent = childImpostor.parent; if (parent !== mainImpostor) { var localPosition = mesh.position; if (childImpostor.physicsBody) { _this.removePhysicsBody(childImpostor); childImpostor.physicsBody = null; } childImpostor.parent = mainImpostor; childImpostor.resetUpdateFlags(); mainImpostor.physicsBody.addShape(_this._createShape(childImpostor), new CANNON.Vec3(localPosition.x, localPosition.y, localPosition.z)); //Add the mass of the children. mainImpostor.physicsBody.mass += childImpostor.getParam("mass"); } } mesh.getChildMeshes().forEach(processMesh.bind(_this, mesh.position)); }; meshChildren.forEach(processMesh.bind(this, BABYLON.Vector3.Zero())); } }; CannonJSPlugin.prototype.removePhysicsBody = function (impostor) { impostor.physicsBody.removeEventListener("collide", impostor.onCollide); this.world.removeEventListener("preStep", impostor.beforeStep); this.world.removeEventListener("postStep", impostor.afterStep); this.world.remove(impostor.physicsBody); }; CannonJSPlugin.prototype.generateJoint = function (impostorJoint) { var mainBody = impostorJoint.mainImpostor.physicsBody; var connectedBody = impostorJoint.connectedImpostor.physicsBody; if (!mainBody || !connectedBody) { return; } var constraint; var jointData = impostorJoint.joint.jointData; //TODO - https://github.com/schteppe/cannon.js/blob/gh-pages/demos/collisionFilter.html var constraintData = { pivotA: jointData.mainPivot ? new CANNON.Vec3().copy(jointData.mainPivot) : null, pivotB: jointData.connectedPivot ? new CANNON.Vec3().copy(jointData.connectedPivot) : null, axisA: jointData.mainAxis ? new CANNON.Vec3().copy(jointData.mainAxis) : null, axisB: jointData.connectedAxis ? new CANNON.Vec3().copy(jointData.connectedAxis) : null, maxForce: jointData.nativeParams.maxForce, collideConnected: !!jointData.collision }; //Not needed, Cannon has a collideConnected flag /*if (!jointData.collision) { //add 1st body to a collision group of its own, if it is not in 1 if (mainBody.collisionFilterGroup === 1) { mainBody.collisionFilterGroup = this._currentCollisionGroup; this._currentCollisionGroup <<= 1; } if (connectedBody.collisionFilterGroup === 1) { connectedBody.collisionFilterGroup = this._currentCollisionGroup; this._currentCollisionGroup <<= 1; } //add their mask to the collisionFilterMask of each other: connectedBody.collisionFilterMask = connectedBody.collisionFilterMask | ~mainBody.collisionFilterGroup; mainBody.collisionFilterMask = mainBody.collisionFilterMask | ~connectedBody.collisionFilterGroup; }*/ switch (impostorJoint.joint.type) { case BABYLON.PhysicsJoint.HingeJoint: case BABYLON.PhysicsJoint.Hinge2Joint: constraint = new CANNON.HingeConstraint(mainBody, connectedBody, constraintData); break; case BABYLON.PhysicsJoint.DistanceJoint: constraint = new CANNON.DistanceConstraint(mainBody, connectedBody, jointData.maxDistance || 2); break; case BABYLON.PhysicsJoint.SpringJoint: var springData = jointData; constraint = new CANNON.Spring(mainBody, connectedBody, { restLength: springData.length, stiffness: springData.stiffness, damping: springData.damping, localAnchorA: constraintData.pivotA, localAnchorB: constraintData.pivotB }); break; case BABYLON.PhysicsJoint.LockJoint: constraint = new CANNON.LockConstraint(mainBody, connectedBody, constraintData); break; case BABYLON.PhysicsJoint.PointToPointJoint: case BABYLON.PhysicsJoint.BallAndSocketJoint: default: constraint = new CANNON.PointToPointConstraint(mainBody, constraintData.pivotA, connectedBody, constraintData.pivotA, constraintData.maxForce); break; } //set the collideConnected flag after the creation, since DistanceJoint ignores it. constraint.collideConnected = !!jointData.collision; impostorJoint.joint.physicsJoint = constraint; //don't add spring as constraint, as it is not one. if (impostorJoint.joint.type !== BABYLON.PhysicsJoint.SpringJoint) { this.world.addConstraint(constraint); } else { impostorJoint.mainImpostor.registerAfterPhysicsStep(function () { constraint.applyForce(); }); } }; CannonJSPlugin.prototype.removeJoint = function (impostorJoint) { this.world.removeConstraint(impostorJoint.joint.physicsJoint); }; CannonJSPlugin.prototype._addMaterial = function (name, friction, restitution) { var index; var mat; for (index = 0; index < this._physicsMaterials.length; index++) { mat = this._physicsMaterials[index]; if (mat.friction === friction && mat.restitution === restitution) { return mat; } } var currentMat = new CANNON.Material(name); currentMat.friction = friction; currentMat.restitution = restitution; this._physicsMaterials.push(currentMat); return currentMat; }; CannonJSPlugin.prototype._checkWithEpsilon = function (value) { return value < BABYLON.PhysicsEngine.Epsilon ? BABYLON.PhysicsEngine.Epsilon : value; }; CannonJSPlugin.prototype._createShape = function (impostor) { var object = impostor.object; var returnValue; var extendSize = impostor.getObjectExtendSize(); switch (impostor.type) { case BABYLON.PhysicsEngine.SphereImpostor: var radiusX = extendSize.x; var radiusY = extendSize.y; var radiusZ = extendSize.z; returnValue = new CANNON.Sphere(Math.max(this._checkWithEpsilon(radiusX), this._checkWithEpsilon(radiusY), this._checkWithEpsilon(radiusZ)) / 2); break; //TMP also for cylinder - TODO Cannon supports cylinder natively. case BABYLON.PhysicsImpostor.CylinderImpostor: returnValue = new CANNON.Cylinder(this._checkWithEpsilon(extendSize.x) / 2, this._checkWithEpsilon(extendSize.x) / 2, this._checkWithEpsilon(extendSize.y), 16); break; case BABYLON.PhysicsImpostor.BoxImpostor: var box = extendSize.scale(0.5); returnValue = new CANNON.Box(new CANNON.Vec3(this._checkWithEpsilon(box.x), this._checkWithEpsilon(box.y), this._checkWithEpsilon(box.z))); break; case BABYLON.PhysicsImpostor.PlaneImpostor: BABYLON.Tools.Warn("Attention, PlaneImposter might not behave as you expect. Consider using BoxImposter instead"); returnValue = new CANNON.Plane(); break; case BABYLON.PhysicsImpostor.MeshImpostor: var rawVerts = object.getVerticesData ? object.getVerticesData(BABYLON.VertexBuffer.PositionKind) : []; var rawFaces = object.getIndices ? object.getIndices() : []; BABYLON.Tools.Warn("MeshImpostor only collides against spheres."); returnValue = new CANNON.Trimesh(rawVerts, rawFaces); break; case BABYLON.PhysicsImpostor.HeightmapImpostor: returnValue = this._createHeightmap(object); break; case BABYLON.PhysicsImpostor.ParticleImpostor: returnValue = new CANNON.Particle(); break; } return returnValue; }; CannonJSPlugin.prototype._createHeightmap = function (object, pointDepth) { var pos = object.getVerticesData(BABYLON.VertexBuffer.PositionKind); var matrix = []; //For now pointDepth will not be used and will be automatically calculated. //Future reference - try and find the best place to add a reference to the pointDepth variable. var arraySize = pointDepth || ~~(Math.sqrt(pos.length / 3) - 1); var dim = Math.min(object.getBoundingInfo().boundingBox.extendSize.x, object.getBoundingInfo().boundingBox.extendSize.z); var elementSize = dim * 2 / arraySize; var minY = object.getBoundingInfo().boundingBox.extendSize.y; for (var i = 0; i < pos.length; i = i + 3) { var x = Math.round((pos[i + 0]) / elementSize + arraySize / 2); var z = Math.round(((pos[i + 2]) / elementSize - arraySize / 2) * -1); var y = pos[i + 1] + minY; if (!matrix[x]) { matrix[x] = []; } if (!matrix[x][z]) { matrix[x][z] = y; } matrix[x][z] = Math.max(y, matrix[x][z]); } for (var x = 0; x <= arraySize; ++x) { if (!matrix[x]) { var loc = 1; while (!matrix[(x + loc) % arraySize]) { loc++; } matrix[x] = matrix[(x + loc) % arraySize].slice(); } for (var z = 0; z <= arraySize; ++z) { if (!matrix[x][z]) { var loc = 1; var newValue; while (newValue === undefined) { newValue = matrix[x][(z + loc++) % arraySize]; } matrix[x][z] = newValue; } } } var shape = new CANNON.Heightfield(matrix, { elementSize: elementSize }); //For future reference, needed for body transformation shape.minY = minY; return shape; }; CannonJSPlugin.prototype._updatePhysicsBodyTransformation = function (impostor) { var object = impostor.object; //make sure it is updated... object.computeWorldMatrix && object.computeWorldMatrix(true); // The delta between the mesh position and the mesh bounding box center var center = impostor.getObjectCenter(); var extendSize = impostor.getObjectExtendSize(); this._tmpDeltaPosition.copyFrom(object.position.subtract(center)); this._tmpPosition.copyFrom(center); var quaternion = object.rotationQuaternion; //is shape is a plane or a heightmap, it must be rotated 90 degs in the X axis. if (impostor.type === BABYLON.PhysicsImpostor.PlaneImpostor || impostor.type === BABYLON.PhysicsImpostor.HeightmapImpostor || impostor.type === BABYLON.PhysicsImpostor.CylinderImpostor) { //-90 DEG in X, precalculated quaternion = quaternion.multiply(this._minus90X); //Invert! (Precalculated, 90 deg in X) //No need to clone. this will never change. impostor.setDeltaRotation(this._plus90X); } //If it is a heightfield, if should be centered. if (impostor.type === BABYLON.PhysicsEngine.HeightmapImpostor) { var mesh = object; //calculate the correct body position: var rotationQuaternion = mesh.rotationQuaternion; mesh.rotationQuaternion = this._tmpUnityRotation; mesh.computeWorldMatrix(true); //get original center with no rotation var c = center.clone(); var oldPivot = mesh.getPivotMatrix() || BABYLON.Matrix.Translation(0, 0, 0); //rotation is back mesh.rotationQuaternion = rotationQuaternion; //calculate the new center using a pivot (since Cannon.js doesn't center height maps) var p = BABYLON.Matrix.Translation(mesh.getBoundingInfo().boundingBox.extendSize.x, 0, -mesh.getBoundingInfo().boundingBox.extendSize.z); mesh.setPivotMatrix(p); mesh.computeWorldMatrix(true); //calculate the translation var translation = mesh.getBoundingInfo().boundingBox.center.subtract(center).subtract(mesh.position).negate(); this._tmpPosition.copyFromFloats(translation.x, translation.y - mesh.getBoundingInfo().boundingBox.extendSize.y, translation.z); //add it inverted to the delta this._tmpDeltaPosition.copyFrom(mesh.getBoundingInfo().boundingBox.center.subtract(c)); this._tmpDeltaPosition.y += mesh.getBoundingInfo().boundingBox.extendSize.y; mesh.setPivotMatrix(oldPivot); mesh.computeWorldMatrix(true); } else if (impostor.type === BABYLON.PhysicsEngine.MeshImpostor) { this._tmpDeltaPosition.copyFromFloats(0, 0, 0); this._tmpPosition.copyFrom(object.position); } impostor.setDeltaPosition(this._tmpDeltaPosition); //Now update the impostor object impostor.physicsBody.position.copy(this._tmpPosition); impostor.physicsBody.quaternion.copy(quaternion); }; CannonJSPlugin.prototype.setTransformationFromPhysicsBody = function (impostor) { impostor.object.position.copyFrom(impostor.physicsBody.position); impostor.object.rotationQuaternion.copyFrom(impostor.physicsBody.quaternion); }; CannonJSPlugin.prototype.setPhysicsBodyTransformation = function (impostor, newPosition, newRotation) { impostor.physicsBody.position.copy(newPosition); impostor.physicsBody.quaternion.copy(newRotation); }; CannonJSPlugin.prototype.isSupported = function () { return window.CANNON !== undefined; }; CannonJSPlugin.prototype.setLinearVelocity = function (impostor, velocity) { impostor.physicsBody.velocity.copy(velocity); }; CannonJSPlugin.prototype.setAngularVelocity = function (impostor, velocity) { impostor.physicsBody.angularVelocity.copy(velocity); }; CannonJSPlugin.prototype.getLinearVelocity = function (impostor) { var v = impostor.physicsBody.velocity; if (!v) return null; return new BABYLON.Vector3(v.x, v.y, v.z); }; CannonJSPlugin.prototype.getAngularVelocity = function (impostor) { var v = impostor.physicsBody.angularVelocity; if (!v) return null; return new BABYLON.Vector3(v.x, v.y, v.z); }; CannonJSPlugin.prototype.setBodyMass = function (impostor, mass) { impostor.physicsBody.mass = mass; impostor.physicsBody.updateMassProperties(); }; CannonJSPlugin.prototype.sleepBody = function (impostor) { impostor.physicsBody.sleep(); }; CannonJSPlugin.prototype.wakeUpBody = function (impostor) { impostor.physicsBody.wakeUp(); }; CannonJSPlugin.prototype.updateDistanceJoint = function (joint, maxDistance, minDistance) { joint.physicsJoint.distance = maxDistance; }; CannonJSPlugin.prototype.enableMotor = function (joint, motorIndex) { if (!motorIndex) { joint.physicsJoint.enableMotor(); } }; CannonJSPlugin.prototype.disableMotor = function (joint, motorIndex) { if (!motorIndex) { joint.physicsJoint.disableMotor(); } }; CannonJSPlugin.prototype.setMotor = function (joint, speed, maxForce, motorIndex) { if (!motorIndex) { joint.physicsJoint.enableMotor(); joint.physicsJoint.setMotorSpeed(speed); if (maxForce) { this.setLimit(joint, maxForce); } } }; CannonJSPlugin.prototype.setLimit = function (joint, upperLimit, lowerLimit) { joint.physicsJoint.motorEquation.maxForce = upperLimit; joint.physicsJoint.motorEquation.minForce = lowerLimit === void 0 ? -upperLimit : lowerLimit; }; CannonJSPlugin.prototype.dispose = function () { //nothing to do, actually. }; return CannonJSPlugin; }()); BABYLON.CannonJSPlugin = CannonJSPlugin; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Physics/Plugins/babylon.cannonJSPlugin.js.map var BABYLON; (function (BABYLON) { var OimoJSPlugin = (function () { function OimoJSPlugin(iterations) { this.name = "OimoJSPlugin"; this._tmpImpostorsArray = []; this._tmpPositionVector = BABYLON.Vector3.Zero(); this.world = new OIMO.World(1 / 60, 2, iterations, true); this.world.worldscale(1); this.world.clear(); //making sure no stats are calculated this.world.isNoStat = true; } OimoJSPlugin.prototype.setGravity = function (gravity) { this.world.gravity.copy(gravity); }; OimoJSPlugin.prototype.setTimeStep = function (timeStep) { this.world.timeStep = timeStep; }; OimoJSPlugin.prototype.executeStep = function (delta, impostors) { var _this = this; impostors.forEach(function (impostor) { impostor.beforeStep(); }); this.world.step(); impostors.forEach(function (impostor) { impostor.afterStep(); //update the ordered impostors array _this._tmpImpostorsArray[impostor.uniqueId] = impostor; }); //check for collisions var contact = this.world.contacts; while (contact !== null) { if (contact.touching && !contact.body1.sleeping && !contact.body2.sleeping) { contact = contact.next; continue; } //is this body colliding with any other? get the impostor var mainImpostor = this._tmpImpostorsArray[+contact.body1.name]; var collidingImpostor = this._tmpImpostorsArray[+contact.body2.name]; if (!mainImpostor || !collidingImpostor) { contact = contact.next; continue; } mainImpostor.onCollide({ body: collidingImpostor.physicsBody }); collidingImpostor.onCollide({ body: mainImpostor.physicsBody }); contact = contact.next; } }; OimoJSPlugin.prototype.applyImpulse = function (impostor, force, contactPoint) { var mass = impostor.physicsBody.massInfo.mass; impostor.physicsBody.applyImpulse(contactPoint.scale(OIMO.INV_SCALE), force.scale(OIMO.INV_SCALE * mass)); }; OimoJSPlugin.prototype.applyForce = function (impostor, force, contactPoint) { BABYLON.Tools.Warn("Oimo doesn't support applying force. Using impule instead."); this.applyImpulse(impostor, force, contactPoint); }; OimoJSPlugin.prototype.generatePhysicsBody = function (impostor) { var _this = this; //parent-child relationship. Does this impostor has a parent impostor? if (impostor.parent) { if (impostor.physicsBody) { this.removePhysicsBody(impostor); //TODO is that needed? impostor.forceUpdate(); } return; } if (impostor.isBodyInitRequired()) { var bodyConfig = { name: impostor.uniqueId, //Oimo must have mass, also for static objects. config: [impostor.getParam("mass") || 1, impostor.getParam("friction"), impostor.getParam("restitution")], size: [], type: [], pos: [], rot: [], move: impostor.getParam("mass") !== 0, //Supporting older versions of Oimo world: this.world }; var impostors = [impostor]; var addToArray = function (parent) { if (!parent.getChildMeshes) return; parent.getChildMeshes().forEach(function (m) { if (m.physicsImpostor) { impostors.push(m.physicsImpostor); m.physicsImpostor._init(); } }); }; addToArray(impostor.object); var checkWithEpsilon_1 = function (value) { return Math.max(value, BABYLON.PhysicsEngine.Epsilon); }; impostors.forEach(function (i) { //get the correct bounding box var oldQuaternion = i.object.rotationQuaternion; var rot = new OIMO.Euler().setFromQuaternion({ x: impostor.object.rotationQuaternion.x, y: impostor.object.rotationQuaternion.y, z: impostor.object.rotationQuaternion.z, s: impostor.object.rotationQuaternion.w }); var extendSize = i.getObjectExtendSize(); if (i === impostor) { var center = impostor.getObjectCenter(); impostor.object.position.subtractToRef(center, _this._tmpPositionVector); //Can also use Array.prototype.push.apply bodyConfig.pos.push(center.x); bodyConfig.pos.push(center.y); bodyConfig.pos.push(center.z); //tmp solution bodyConfig.rot.push(rot.x / (OIMO.degtorad || OIMO.TO_RAD)); bodyConfig.rot.push(rot.y / (OIMO.degtorad || OIMO.TO_RAD)); bodyConfig.rot.push(rot.z / (OIMO.degtorad || OIMO.TO_RAD)); } else { bodyConfig.pos.push(i.object.position.x); bodyConfig.pos.push(i.object.position.y); bodyConfig.pos.push(i.object.position.z); //tmp solution until https://github.com/lo-th/Oimo.js/pull/37 is merged bodyConfig.rot.push(0); bodyConfig.rot.push(0); bodyConfig.rot.push(0); } // register mesh switch (i.type) { case BABYLON.PhysicsImpostor.ParticleImpostor: BABYLON.Tools.Warn("No Particle support in Oimo.js. using SphereImpostor instead"); case BABYLON.PhysicsImpostor.SphereImpostor: var radiusX = extendSize.x; var radiusY = extendSize.y; var radiusZ = extendSize.z; var size = Math.max(checkWithEpsilon_1(radiusX), checkWithEpsilon_1(radiusY), checkWithEpsilon_1(radiusZ)) / 2; bodyConfig.type.push('sphere'); //due to the way oimo works with compounds, add 3 times bodyConfig.size.push(size); bodyConfig.size.push(size); bodyConfig.size.push(size); break; case BABYLON.PhysicsImpostor.CylinderImpostor: var sizeX = checkWithEpsilon_1(extendSize.x) / 2; var sizeY = checkWithEpsilon_1(extendSize.y); bodyConfig.type.push('cylinder'); bodyConfig.size.push(sizeX); bodyConfig.size.push(sizeY); //due to the way oimo works with compounds, add one more value. bodyConfig.size.push(sizeY); break; case BABYLON.PhysicsImpostor.PlaneImpostor: case BABYLON.PhysicsImpostor.BoxImpostor: default: var sizeX = checkWithEpsilon_1(extendSize.x); var sizeY = checkWithEpsilon_1(extendSize.y); var sizeZ = checkWithEpsilon_1(extendSize.z); bodyConfig.type.push('box'); bodyConfig.size.push(sizeX); bodyConfig.size.push(sizeY); bodyConfig.size.push(sizeZ); break; } //actually not needed, but hey... i.object.rotationQuaternion = oldQuaternion; }); impostor.physicsBody = new OIMO.Body(bodyConfig).body; //this.world.add(bodyConfig); } else { this._tmpPositionVector.copyFromFloats(0, 0, 0); } impostor.setDeltaPosition(this._tmpPositionVector); //this._tmpPositionVector.addInPlace(impostor.mesh.getBoundingInfo().boundingBox.center); //this.setPhysicsBodyTransformation(impostor, this._tmpPositionVector, impostor.mesh.rotationQuaternion); }; OimoJSPlugin.prototype.removePhysicsBody = function (impostor) { //impostor.physicsBody.dispose(); //Same as : (older oimo versions) this.world.removeRigidBody(impostor.physicsBody); }; OimoJSPlugin.prototype.generateJoint = function (impostorJoint) { var mainBody = impostorJoint.mainImpostor.physicsBody; var connectedBody = impostorJoint.connectedImpostor.physicsBody; if (!mainBody || !connectedBody) { return; } var jointData = impostorJoint.joint.jointData; var options = jointData.nativeParams || {}; var type; var nativeJointData = { body1: mainBody, body2: connectedBody, axe1: options.axe1 || (jointData.mainAxis ? jointData.mainAxis.asArray() : null), axe2: options.axe2 || (jointData.connectedAxis ? jointData.connectedAxis.asArray() : null), pos1: options.pos1 || (jointData.mainPivot ? jointData.mainPivot.asArray() : null), pos2: options.pos2 || (jointData.connectedPivot ? jointData.connectedPivot.asArray() : null), min: options.min, max: options.max, collision: options.collision || jointData.collision, spring: options.spring, //supporting older version of Oimo world: this.world }; switch (impostorJoint.joint.type) { case BABYLON.PhysicsJoint.BallAndSocketJoint: type = "jointBall"; break; case BABYLON.PhysicsJoint.SpringJoint: BABYLON.Tools.Warn("Oimo.js doesn't support Spring Constraint. Simulating using DistanceJoint instead"); var springData = jointData; nativeJointData.min = springData.length || nativeJointData.min; //Max should also be set, just make sure it is at least min nativeJointData.max = Math.max(nativeJointData.min, nativeJointData.max); case BABYLON.PhysicsJoint.DistanceJoint: type = "jointDistance"; nativeJointData.max = jointData.maxDistance; break; case BABYLON.PhysicsJoint.PrismaticJoint: type = "jointPrisme"; break; case BABYLON.PhysicsJoint.SliderJoint: type = "jointSlide"; break; case BABYLON.PhysicsJoint.WheelJoint: type = "jointWheel"; break; case BABYLON.PhysicsJoint.HingeJoint: default: type = "jointHinge"; break; } nativeJointData.type = type; impostorJoint.joint.physicsJoint = new OIMO.Link(nativeJointData).joint; //this.world.add(nativeJointData); }; OimoJSPlugin.prototype.removeJoint = function (impostorJoint) { //Bug in Oimo prevents us from disposing a joint in the playground //joint.joint.physicsJoint.dispose(); //So we will bruteforce it! try { this.world.removeJoint(impostorJoint.joint.physicsJoint); } catch (e) { BABYLON.Tools.Warn(e); } }; OimoJSPlugin.prototype.isSupported = function () { return OIMO !== undefined; }; OimoJSPlugin.prototype.setTransformationFromPhysicsBody = function (impostor) { if (!impostor.physicsBody.sleeping) { //TODO check that if (impostor.physicsBody.shapes.next) { var parentShape = this._getLastShape(impostor.physicsBody); impostor.object.position.x = parentShape.position.x * OIMO.WORLD_SCALE; impostor.object.position.y = parentShape.position.y * OIMO.WORLD_SCALE; impostor.object.position.z = parentShape.position.z * OIMO.WORLD_SCALE; } else { impostor.object.position.copyFrom(impostor.physicsBody.getPosition()); } impostor.object.rotationQuaternion.copyFrom(impostor.physicsBody.getQuaternion()); impostor.object.rotationQuaternion.normalize(); } }; OimoJSPlugin.prototype.setPhysicsBodyTransformation = function (impostor, newPosition, newRotation) { var body = impostor.physicsBody; body.position.init(newPosition.x * OIMO.INV_SCALE, newPosition.y * OIMO.INV_SCALE, newPosition.z * OIMO.INV_SCALE); body.orientation.init(newRotation.w, newRotation.x, newRotation.y, newRotation.z); body.syncShapes(); body.awake(); }; OimoJSPlugin.prototype._getLastShape = function (body) { var lastShape = body.shapes; while (lastShape.next) { lastShape = lastShape.next; } return lastShape; }; OimoJSPlugin.prototype.setLinearVelocity = function (impostor, velocity) { impostor.physicsBody.linearVelocity.init(velocity.x, velocity.y, velocity.z); }; OimoJSPlugin.prototype.setAngularVelocity = function (impostor, velocity) { impostor.physicsBody.angularVelocity.init(velocity.x, velocity.y, velocity.z); }; OimoJSPlugin.prototype.getLinearVelocity = function (impostor) { var v = impostor.physicsBody.linearVelocity; if (!v) return null; return new BABYLON.Vector3(v.x, v.y, v.z); }; OimoJSPlugin.prototype.getAngularVelocity = function (impostor) { var v = impostor.physicsBody.angularVelocity; if (!v) return null; return new BABYLON.Vector3(v.x, v.y, v.z); }; OimoJSPlugin.prototype.setBodyMass = function (impostor, mass) { var staticBody = mass === 0; //this will actually set the body's density and not its mass. //But this is how oimo treats the mass variable. impostor.physicsBody.shapes.density = staticBody ? 1 : mass; impostor.physicsBody.setupMass(staticBody ? 0x2 : 0x1); }; OimoJSPlugin.prototype.sleepBody = function (impostor) { impostor.physicsBody.sleep(); }; OimoJSPlugin.prototype.wakeUpBody = function (impostor) { impostor.physicsBody.awake(); }; OimoJSPlugin.prototype.updateDistanceJoint = function (joint, maxDistance, minDistance) { joint.physicsJoint.limitMotor.upperLimit = maxDistance; if (minDistance !== void 0) { joint.physicsJoint.limitMotor.lowerLimit = minDistance; } }; OimoJSPlugin.prototype.setMotor = function (joint, speed, maxForce, motorIndex) { //TODO separate rotational and transational motors. var motor = motorIndex ? joint.physicsJoint.rotationalLimitMotor2 : joint.physicsJoint.rotationalLimitMotor1 || joint.physicsJoint.rotationalLimitMotor || joint.physicsJoint.limitMotor; if (motor) { motor.setMotor(speed, maxForce); } }; OimoJSPlugin.prototype.setLimit = function (joint, upperLimit, lowerLimit, motorIndex) { //TODO separate rotational and transational motors. var motor = motorIndex ? joint.physicsJoint.rotationalLimitMotor2 : joint.physicsJoint.rotationalLimitMotor1 || joint.physicsJoint.rotationalLimitMotor || joint.physicsJoint.limitMotor; if (motor) { motor.setLimit(upperLimit, lowerLimit === void 0 ? -upperLimit : lowerLimit); } }; OimoJSPlugin.prototype.dispose = function () { this.world.clear(); }; return OimoJSPlugin; }()); BABYLON.OimoJSPlugin = OimoJSPlugin; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Physics/Plugins/babylon.oimoJSPlugin.js.map var BABYLON; (function (BABYLON) { var DisplayPassPostProcess = (function (_super) { __extends(DisplayPassPostProcess, _super); function DisplayPassPostProcess(name, options, camera, samplingMode, engine, reusable) { _super.call(this, name, "displayPass", ["passSampler"], ["passSampler"], options, camera, samplingMode, engine, reusable); } return DisplayPassPostProcess; }(BABYLON.PostProcess)); BABYLON.DisplayPassPostProcess = DisplayPassPostProcess; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.displayPassPostProcess.js.map var BABYLON; (function (BABYLON) { var SimplificationSettings = (function () { function SimplificationSettings(quality, distance, optimizeMesh) { this.quality = quality; this.distance = distance; this.optimizeMesh = optimizeMesh; } return SimplificationSettings; }()); BABYLON.SimplificationSettings = SimplificationSettings; var SimplificationQueue = (function () { function SimplificationQueue() { this.running = false; this._simplificationArray = []; } SimplificationQueue.prototype.addTask = function (task) { this._simplificationArray.push(task); }; SimplificationQueue.prototype.executeNext = function () { var task = this._simplificationArray.pop(); if (task) { this.running = true; this.runSimplification(task); } else { this.running = false; } }; SimplificationQueue.prototype.runSimplification = function (task) { var _this = this; if (task.parallelProcessing) { //parallel simplifier task.settings.forEach(function (setting) { var simplifier = _this.getSimplifier(task); simplifier.simplify(setting, function (newMesh) { task.mesh.addLODLevel(setting.distance, newMesh); newMesh.isVisible = true; //check if it is the last if (setting.quality === task.settings[task.settings.length - 1].quality && task.successCallback) { //all done, run the success callback. task.successCallback(); } _this.executeNext(); }); }); } else { //single simplifier. var simplifier = this.getSimplifier(task); var runDecimation = function (setting, callback) { simplifier.simplify(setting, function (newMesh) { task.mesh.addLODLevel(setting.distance, newMesh); newMesh.isVisible = true; //run the next quality level callback(); }); }; BABYLON.AsyncLoop.Run(task.settings.length, function (loop) { runDecimation(task.settings[loop.index], function () { loop.executeNext(); }); }, function () { //execution ended, run the success callback. if (task.successCallback) { task.successCallback(); } _this.executeNext(); }); } }; SimplificationQueue.prototype.getSimplifier = function (task) { switch (task.simplificationType) { case SimplificationType.QUADRATIC: default: return new QuadraticErrorSimplification(task.mesh); } }; return SimplificationQueue; }()); BABYLON.SimplificationQueue = SimplificationQueue; /** * The implemented types of simplification. * At the moment only Quadratic Error Decimation is implemented. */ (function (SimplificationType) { SimplificationType[SimplificationType["QUADRATIC"] = 0] = "QUADRATIC"; })(BABYLON.SimplificationType || (BABYLON.SimplificationType = {})); var SimplificationType = BABYLON.SimplificationType; var DecimationTriangle = (function () { function DecimationTriangle(vertices) { this.vertices = vertices; this.error = new Array(4); this.deleted = false; this.isDirty = false; this.deletePending = false; this.borderFactor = 0; } return DecimationTriangle; }()); BABYLON.DecimationTriangle = DecimationTriangle; var DecimationVertex = (function () { function DecimationVertex(position, id) { this.position = position; this.id = id; this.isBorder = true; this.q = new QuadraticMatrix(); this.triangleCount = 0; this.triangleStart = 0; this.originalOffsets = []; } DecimationVertex.prototype.updatePosition = function (newPosition) { this.position.copyFrom(newPosition); }; return DecimationVertex; }()); BABYLON.DecimationVertex = DecimationVertex; var QuadraticMatrix = (function () { function QuadraticMatrix(data) { this.data = new Array(10); for (var i = 0; i < 10; ++i) { if (data && data[i]) { this.data[i] = data[i]; } else { this.data[i] = 0; } } } QuadraticMatrix.prototype.det = function (a11, a12, a13, a21, a22, a23, a31, a32, a33) { var det = this.data[a11] * this.data[a22] * this.data[a33] + this.data[a13] * this.data[a21] * this.data[a32] + this.data[a12] * this.data[a23] * this.data[a31] - this.data[a13] * this.data[a22] * this.data[a31] - this.data[a11] * this.data[a23] * this.data[a32] - this.data[a12] * this.data[a21] * this.data[a33]; return det; }; QuadraticMatrix.prototype.addInPlace = function (matrix) { for (var i = 0; i < 10; ++i) { this.data[i] += matrix.data[i]; } }; QuadraticMatrix.prototype.addArrayInPlace = function (data) { for (var i = 0; i < 10; ++i) { this.data[i] += data[i]; } }; QuadraticMatrix.prototype.add = function (matrix) { var m = new QuadraticMatrix(); for (var i = 0; i < 10; ++i) { m.data[i] = this.data[i] + matrix.data[i]; } return m; }; QuadraticMatrix.FromData = function (a, b, c, d) { return new QuadraticMatrix(QuadraticMatrix.DataFromNumbers(a, b, c, d)); }; //returning an array to avoid garbage collection QuadraticMatrix.DataFromNumbers = function (a, b, c, d) { return [a * a, a * b, a * c, a * d, b * b, b * c, b * d, c * c, c * d, d * d]; }; return QuadraticMatrix; }()); BABYLON.QuadraticMatrix = QuadraticMatrix; var Reference = (function () { function Reference(vertexId, triangleId) { this.vertexId = vertexId; this.triangleId = triangleId; } return Reference; }()); BABYLON.Reference = Reference; /** * An implementation of the Quadratic Error simplification algorithm. * Original paper : http://www1.cs.columbia.edu/~cs4162/html05s/garland97.pdf * Ported mostly from QSlim and http://voxels.blogspot.de/2014/05/quadric-mesh-simplification-with-source.html to babylon JS * @author RaananW */ var QuadraticErrorSimplification = (function () { function QuadraticErrorSimplification(_mesh) { this._mesh = _mesh; this.initialized = false; this.syncIterations = 5000; this.aggressiveness = 7; this.decimationIterations = 100; this.boundingBoxEpsilon = BABYLON.Epsilon; } QuadraticErrorSimplification.prototype.simplify = function (settings, successCallback) { var _this = this; this.initDecimatedMesh(); //iterating through the submeshes array, one after the other. BABYLON.AsyncLoop.Run(this._mesh.subMeshes.length, function (loop) { _this.initWithMesh(loop.index, function () { _this.runDecimation(settings, loop.index, function () { loop.executeNext(); }); }, settings.optimizeMesh); }, function () { setTimeout(function () { successCallback(_this._reconstructedMesh); }, 0); }); }; QuadraticErrorSimplification.prototype.isTriangleOnBoundingBox = function (triangle) { var _this = this; var gCount = 0; triangle.vertices.forEach(function (vertex) { var count = 0; var vPos = vertex.position; var bbox = _this._mesh.getBoundingInfo().boundingBox; if (bbox.maximum.x - vPos.x < _this.boundingBoxEpsilon || vPos.x - bbox.minimum.x > _this.boundingBoxEpsilon) ++count; if (bbox.maximum.y === vPos.y || vPos.y === bbox.minimum.y) ++count; if (bbox.maximum.z === vPos.z || vPos.z === bbox.minimum.z) ++count; if (count > 1) { ++gCount; } ; }); if (gCount > 1) { console.log(triangle, gCount); } return gCount > 1; }; QuadraticErrorSimplification.prototype.runDecimation = function (settings, submeshIndex, successCallback) { var _this = this; var targetCount = ~~(this.triangles.length * settings.quality); var deletedTriangles = 0; var triangleCount = this.triangles.length; var iterationFunction = function (iteration, callback) { setTimeout(function () { if (iteration % 5 === 0) { _this.updateMesh(iteration === 0); } for (var i = 0; i < _this.triangles.length; ++i) { _this.triangles[i].isDirty = false; } var threshold = 0.000000001 * Math.pow((iteration + 3), _this.aggressiveness); var trianglesIterator = function (i) { var tIdx = ~~(((_this.triangles.length / 2) + i) % _this.triangles.length); var t = _this.triangles[tIdx]; if (!t) return; if (t.error[3] > threshold || t.deleted || t.isDirty) { return; } for (var j = 0; j < 3; ++j) { if (t.error[j] < threshold) { var deleted0 = []; var deleted1 = []; var v0 = t.vertices[j]; var v1 = t.vertices[(j + 1) % 3]; if (v0.isBorder || v1.isBorder) continue; var p = BABYLON.Vector3.Zero(); var n = BABYLON.Vector3.Zero(); var uv = BABYLON.Vector2.Zero(); var color = new BABYLON.Color4(0, 0, 0, 1); _this.calculateError(v0, v1, p, n, uv, color); var delTr = []; if (_this.isFlipped(v0, v1, p, deleted0, t.borderFactor, delTr)) continue; if (_this.isFlipped(v1, v0, p, deleted1, t.borderFactor, delTr)) continue; if (deleted0.indexOf(true) < 0 || deleted1.indexOf(true) < 0) continue; var uniqueArray = []; delTr.forEach(function (deletedT) { if (uniqueArray.indexOf(deletedT) === -1) { deletedT.deletePending = true; uniqueArray.push(deletedT); } }); if (uniqueArray.length % 2 !== 0) { continue; } v0.q = v1.q.add(v0.q); v0.updatePosition(p); var tStart = _this.references.length; deletedTriangles = _this.updateTriangles(v0, v0, deleted0, deletedTriangles); deletedTriangles = _this.updateTriangles(v0, v1, deleted1, deletedTriangles); var tCount = _this.references.length - tStart; if (tCount <= v0.triangleCount) { if (tCount) { for (var c = 0; c < tCount; c++) { _this.references[v0.triangleStart + c] = _this.references[tStart + c]; } } } else { v0.triangleStart = tStart; } v0.triangleCount = tCount; break; } } }; BABYLON.AsyncLoop.SyncAsyncForLoop(_this.triangles.length, _this.syncIterations, trianglesIterator, callback, function () { return (triangleCount - deletedTriangles <= targetCount); }); }, 0); }; BABYLON.AsyncLoop.Run(this.decimationIterations, function (loop) { if (triangleCount - deletedTriangles <= targetCount) loop.breakLoop(); else { iterationFunction(loop.index, function () { loop.executeNext(); }); } }, function () { setTimeout(function () { //reconstruct this part of the mesh _this.reconstructMesh(submeshIndex); successCallback(); }, 0); }); }; QuadraticErrorSimplification.prototype.initWithMesh = function (submeshIndex, callback, optimizeMesh) { var _this = this; this.vertices = []; this.triangles = []; var positionData = this._mesh.getVerticesData(BABYLON.VertexBuffer.PositionKind); var indices = this._mesh.getIndices(); var submesh = this._mesh.subMeshes[submeshIndex]; var findInVertices = function (positionToSearch) { if (optimizeMesh) { for (var ii = 0; ii < _this.vertices.length; ++ii) { if (_this.vertices[ii].position.equals(positionToSearch)) { return _this.vertices[ii]; } } } return null; }; var vertexReferences = []; var vertexInit = function (i) { var offset = i + submesh.verticesStart; var position = BABYLON.Vector3.FromArray(positionData, offset * 3); var vertex = findInVertices(position) || new DecimationVertex(position, _this.vertices.length); vertex.originalOffsets.push(offset); if (vertex.id === _this.vertices.length) { _this.vertices.push(vertex); } vertexReferences.push(vertex.id); }; //var totalVertices = mesh.getTotalVertices(); var totalVertices = submesh.verticesCount; BABYLON.AsyncLoop.SyncAsyncForLoop(totalVertices, (this.syncIterations / 4) >> 0, vertexInit, function () { var indicesInit = function (i) { var offset = (submesh.indexStart / 3) + i; var pos = (offset * 3); var i0 = indices[pos + 0]; var i1 = indices[pos + 1]; var i2 = indices[pos + 2]; var v0 = _this.vertices[vertexReferences[i0 - submesh.verticesStart]]; var v1 = _this.vertices[vertexReferences[i1 - submesh.verticesStart]]; var v2 = _this.vertices[vertexReferences[i2 - submesh.verticesStart]]; var triangle = new DecimationTriangle([v0, v1, v2]); triangle.originalOffset = pos; _this.triangles.push(triangle); }; BABYLON.AsyncLoop.SyncAsyncForLoop(submesh.indexCount / 3, _this.syncIterations, indicesInit, function () { _this.init(callback); }); }); }; QuadraticErrorSimplification.prototype.init = function (callback) { var _this = this; var triangleInit1 = function (i) { var t = _this.triangles[i]; t.normal = BABYLON.Vector3.Cross(t.vertices[1].position.subtract(t.vertices[0].position), t.vertices[2].position.subtract(t.vertices[0].position)).normalize(); for (var j = 0; j < 3; j++) { t.vertices[j].q.addArrayInPlace(QuadraticMatrix.DataFromNumbers(t.normal.x, t.normal.y, t.normal.z, -(BABYLON.Vector3.Dot(t.normal, t.vertices[0].position)))); } }; BABYLON.AsyncLoop.SyncAsyncForLoop(this.triangles.length, this.syncIterations, triangleInit1, function () { var triangleInit2 = function (i) { var t = _this.triangles[i]; for (var j = 0; j < 3; ++j) { t.error[j] = _this.calculateError(t.vertices[j], t.vertices[(j + 1) % 3]); } t.error[3] = Math.min(t.error[0], t.error[1], t.error[2]); }; BABYLON.AsyncLoop.SyncAsyncForLoop(_this.triangles.length, _this.syncIterations, triangleInit2, function () { _this.initialized = true; callback(); }); }); }; QuadraticErrorSimplification.prototype.reconstructMesh = function (submeshIndex) { var newTriangles = []; var i; for (i = 0; i < this.vertices.length; ++i) { this.vertices[i].triangleCount = 0; } var t; var j; for (i = 0; i < this.triangles.length; ++i) { if (!this.triangles[i].deleted) { t = this.triangles[i]; for (j = 0; j < 3; ++j) { t.vertices[j].triangleCount = 1; } newTriangles.push(t); } } var newPositionData = (this._reconstructedMesh.getVerticesData(BABYLON.VertexBuffer.PositionKind) || []); var newNormalData = (this._reconstructedMesh.getVerticesData(BABYLON.VertexBuffer.NormalKind) || []); var newUVsData = (this._reconstructedMesh.getVerticesData(BABYLON.VertexBuffer.UVKind) || []); var newColorsData = (this._reconstructedMesh.getVerticesData(BABYLON.VertexBuffer.ColorKind) || []); var normalData = this._mesh.getVerticesData(BABYLON.VertexBuffer.NormalKind); var uvs = this._mesh.getVerticesData(BABYLON.VertexBuffer.UVKind); var colorsData = this._mesh.getVerticesData(BABYLON.VertexBuffer.ColorKind); var vertexCount = 0; for (i = 0; i < this.vertices.length; ++i) { var vertex = this.vertices[i]; vertex.id = vertexCount; if (vertex.triangleCount) { vertex.originalOffsets.forEach(function (originalOffset) { newPositionData.push(vertex.position.x); newPositionData.push(vertex.position.y); newPositionData.push(vertex.position.z); newNormalData.push(normalData[originalOffset * 3]); newNormalData.push(normalData[(originalOffset * 3) + 1]); newNormalData.push(normalData[(originalOffset * 3) + 2]); if (uvs && uvs.length) { newUVsData.push(uvs[(originalOffset * 2)]); newUVsData.push(uvs[(originalOffset * 2) + 1]); } else if (colorsData && colorsData.length) { newColorsData.push(colorsData[(originalOffset * 4)]); newColorsData.push(colorsData[(originalOffset * 4) + 1]); newColorsData.push(colorsData[(originalOffset * 4) + 2]); newColorsData.push(colorsData[(originalOffset * 4) + 3]); } ++vertexCount; }); } } var startingIndex = this._reconstructedMesh.getTotalIndices(); var startingVertex = this._reconstructedMesh.getTotalVertices(); var submeshesArray = this._reconstructedMesh.subMeshes; this._reconstructedMesh.subMeshes = []; var newIndicesArray = this._reconstructedMesh.getIndices(); //[]; var originalIndices = this._mesh.getIndices(); for (i = 0; i < newTriangles.length; ++i) { t = newTriangles[i]; //now get the new referencing point for each vertex [0, 1, 2].forEach(function (idx) { var id = originalIndices[t.originalOffset + idx]; var offset = t.vertices[idx].originalOffsets.indexOf(id); if (offset < 0) offset = 0; newIndicesArray.push(t.vertices[idx].id + offset + startingVertex); }); } //overwriting the old vertex buffers and indices. this._reconstructedMesh.setIndices(newIndicesArray); this._reconstructedMesh.setVerticesData(BABYLON.VertexBuffer.PositionKind, newPositionData); this._reconstructedMesh.setVerticesData(BABYLON.VertexBuffer.NormalKind, newNormalData); if (newUVsData.length > 0) this._reconstructedMesh.setVerticesData(BABYLON.VertexBuffer.UVKind, newUVsData); if (newColorsData.length > 0) this._reconstructedMesh.setVerticesData(BABYLON.VertexBuffer.ColorKind, newColorsData); //create submesh var originalSubmesh = this._mesh.subMeshes[submeshIndex]; if (submeshIndex > 0) { this._reconstructedMesh.subMeshes = []; submeshesArray.forEach(function (submesh) { new BABYLON.SubMesh(submesh.materialIndex, submesh.verticesStart, submesh.verticesCount, /* 0, newPositionData.length/3, */ submesh.indexStart, submesh.indexCount, submesh.getMesh()); }); var newSubmesh = new BABYLON.SubMesh(originalSubmesh.materialIndex, startingVertex, vertexCount, /* 0, newPositionData.length / 3, */ startingIndex, newTriangles.length * 3, this._reconstructedMesh); } }; QuadraticErrorSimplification.prototype.initDecimatedMesh = function () { this._reconstructedMesh = new BABYLON.Mesh(this._mesh.name + "Decimated", this._mesh.getScene()); this._reconstructedMesh.material = this._mesh.material; this._reconstructedMesh.parent = this._mesh.parent; this._reconstructedMesh.isVisible = false; this._reconstructedMesh.renderingGroupId = this._mesh.renderingGroupId; }; QuadraticErrorSimplification.prototype.isFlipped = function (vertex1, vertex2, point, deletedArray, borderFactor, delTr) { for (var i = 0; i < vertex1.triangleCount; ++i) { var t = this.triangles[this.references[vertex1.triangleStart + i].triangleId]; if (t.deleted) continue; var s = this.references[vertex1.triangleStart + i].vertexId; var v1 = t.vertices[(s + 1) % 3]; var v2 = t.vertices[(s + 2) % 3]; if ((v1 === vertex2 || v2 === vertex2) /* && !this.isTriangleOnBoundingBox(t)*/) { deletedArray[i] = true; delTr.push(t); continue; } var d1 = v1.position.subtract(point); d1 = d1.normalize(); var d2 = v2.position.subtract(point); d2 = d2.normalize(); if (Math.abs(BABYLON.Vector3.Dot(d1, d2)) > 0.999) return true; var normal = BABYLON.Vector3.Cross(d1, d2).normalize(); deletedArray[i] = false; if (BABYLON.Vector3.Dot(normal, t.normal) < 0.2) return true; } return false; }; QuadraticErrorSimplification.prototype.updateTriangles = function (origVertex, vertex, deletedArray, deletedTriangles) { var newDeleted = deletedTriangles; for (var i = 0; i < vertex.triangleCount; ++i) { var ref = this.references[vertex.triangleStart + i]; var t = this.triangles[ref.triangleId]; if (t.deleted) continue; if (deletedArray[i] && t.deletePending) { t.deleted = true; newDeleted++; continue; } t.vertices[ref.vertexId] = origVertex; t.isDirty = true; t.error[0] = this.calculateError(t.vertices[0], t.vertices[1]) + (t.borderFactor / 2); t.error[1] = this.calculateError(t.vertices[1], t.vertices[2]) + (t.borderFactor / 2); t.error[2] = this.calculateError(t.vertices[2], t.vertices[0]) + (t.borderFactor / 2); t.error[3] = Math.min(t.error[0], t.error[1], t.error[2]); this.references.push(ref); } return newDeleted; }; QuadraticErrorSimplification.prototype.identifyBorder = function () { for (var i = 0; i < this.vertices.length; ++i) { var vCount = []; var vId = []; var v = this.vertices[i]; var j; for (j = 0; j < v.triangleCount; ++j) { var triangle = this.triangles[this.references[v.triangleStart + j].triangleId]; for (var ii = 0; ii < 3; ii++) { var ofs = 0; var vv = triangle.vertices[ii]; while (ofs < vCount.length) { if (vId[ofs] === vv.id) break; ++ofs; } if (ofs === vCount.length) { vCount.push(1); vId.push(vv.id); } else { vCount[ofs]++; } } } for (j = 0; j < vCount.length; ++j) { if (vCount[j] === 1) { this.vertices[vId[j]].isBorder = true; } else { this.vertices[vId[j]].isBorder = false; } } } }; QuadraticErrorSimplification.prototype.updateMesh = function (identifyBorders) { if (identifyBorders === void 0) { identifyBorders = false; } var i; if (!identifyBorders) { var newTrianglesVector = []; for (i = 0; i < this.triangles.length; ++i) { if (!this.triangles[i].deleted) { newTrianglesVector.push(this.triangles[i]); } } this.triangles = newTrianglesVector; } for (i = 0; i < this.vertices.length; ++i) { this.vertices[i].triangleCount = 0; this.vertices[i].triangleStart = 0; } var t; var j; var v; for (i = 0; i < this.triangles.length; ++i) { t = this.triangles[i]; for (j = 0; j < 3; ++j) { v = t.vertices[j]; v.triangleCount++; } } var tStart = 0; for (i = 0; i < this.vertices.length; ++i) { this.vertices[i].triangleStart = tStart; tStart += this.vertices[i].triangleCount; this.vertices[i].triangleCount = 0; } var newReferences = new Array(this.triangles.length * 3); for (i = 0; i < this.triangles.length; ++i) { t = this.triangles[i]; for (j = 0; j < 3; ++j) { v = t.vertices[j]; newReferences[v.triangleStart + v.triangleCount] = new Reference(j, i); v.triangleCount++; } } this.references = newReferences; if (identifyBorders) { this.identifyBorder(); } }; QuadraticErrorSimplification.prototype.vertexError = function (q, point) { var x = point.x; var y = point.y; var z = point.z; return q.data[0] * x * x + 2 * q.data[1] * x * y + 2 * q.data[2] * x * z + 2 * q.data[3] * x + q.data[4] * y * y + 2 * q.data[5] * y * z + 2 * q.data[6] * y + q.data[7] * z * z + 2 * q.data[8] * z + q.data[9]; }; QuadraticErrorSimplification.prototype.calculateError = function (vertex1, vertex2, pointResult, normalResult, uvResult, colorResult) { var q = vertex1.q.add(vertex2.q); var border = vertex1.isBorder && vertex2.isBorder; var error = 0; var qDet = q.det(0, 1, 2, 1, 4, 5, 2, 5, 7); if (qDet !== 0 && !border) { if (!pointResult) { pointResult = BABYLON.Vector3.Zero(); } pointResult.x = -1 / qDet * (q.det(1, 2, 3, 4, 5, 6, 5, 7, 8)); pointResult.y = 1 / qDet * (q.det(0, 2, 3, 1, 5, 6, 2, 7, 8)); pointResult.z = -1 / qDet * (q.det(0, 1, 3, 1, 4, 6, 2, 5, 8)); error = this.vertexError(q, pointResult); } else { var p3 = (vertex1.position.add(vertex2.position)).divide(new BABYLON.Vector3(2, 2, 2)); //var norm3 = (vertex1.normal.add(vertex2.normal)).divide(new Vector3(2, 2, 2)).normalize(); var error1 = this.vertexError(q, vertex1.position); var error2 = this.vertexError(q, vertex2.position); var error3 = this.vertexError(q, p3); error = Math.min(error1, error2, error3); if (error === error1) { if (pointResult) { pointResult.copyFrom(vertex1.position); } } else if (error === error2) { if (pointResult) { pointResult.copyFrom(vertex2.position); } } else { if (pointResult) { pointResult.copyFrom(p3); } } } return error; }; return QuadraticErrorSimplification; }()); BABYLON.QuadraticErrorSimplification = QuadraticErrorSimplification; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Mesh/babylon.meshSimplification.js.map var BABYLON; (function (BABYLON) { var serializedGeometries = []; var serializeGeometry = function (geometry, serializationGeometries) { if (serializedGeometries[geometry.id]) { return; } if (geometry.doNotSerialize) { return; } if (geometry instanceof BABYLON.Geometry.Primitives.Box) { serializationGeometries.boxes.push(geometry.serialize()); } else if (geometry instanceof BABYLON.Geometry.Primitives.Sphere) { serializationGeometries.spheres.push(geometry.serialize()); } else if (geometry instanceof BABYLON.Geometry.Primitives.Cylinder) { serializationGeometries.cylinders.push(geometry.serialize()); } else if (geometry instanceof BABYLON.Geometry.Primitives.Torus) { serializationGeometries.toruses.push(geometry.serialize()); } else if (geometry instanceof BABYLON.Geometry.Primitives.Ground) { serializationGeometries.grounds.push(geometry.serialize()); } else if (geometry instanceof BABYLON.Geometry.Primitives.Plane) { serializationGeometries.planes.push(geometry.serialize()); } else if (geometry instanceof BABYLON.Geometry.Primitives.TorusKnot) { serializationGeometries.torusKnots.push(geometry.serialize()); } else if (geometry instanceof BABYLON.Geometry.Primitives._Primitive) { throw new Error("Unknown primitive type"); } else { serializationGeometries.vertexData.push(geometry.serializeVerticeData()); } serializedGeometries[geometry.id] = true; }; var serializeMesh = function (mesh, serializationScene) { var serializationObject = {}; serializationObject.name = mesh.name; serializationObject.id = mesh.id; if (BABYLON.Tags.HasTags(mesh)) { serializationObject.tags = BABYLON.Tags.GetTags(mesh); } serializationObject.position = mesh.position.asArray(); if (mesh.rotationQuaternion) { serializationObject.rotationQuaternion = mesh.rotationQuaternion.asArray(); } else if (mesh.rotation) { serializationObject.rotation = mesh.rotation.asArray(); } serializationObject.scaling = mesh.scaling.asArray(); serializationObject.localMatrix = mesh.getPivotMatrix().asArray(); serializationObject.isEnabled = mesh.isEnabled(); serializationObject.isVisible = mesh.isVisible; serializationObject.infiniteDistance = mesh.infiniteDistance; serializationObject.pickable = mesh.isPickable; serializationObject.receiveShadows = mesh.receiveShadows; serializationObject.billboardMode = mesh.billboardMode; serializationObject.visibility = mesh.visibility; serializationObject.checkCollisions = mesh.checkCollisions; serializationObject.isBlocker = mesh.isBlocker; // Parent if (mesh.parent) { serializationObject.parentId = mesh.parent.id; } // Geometry var geometry = mesh._geometry; if (geometry) { var geometryId = geometry.id; serializationObject.geometryId = geometryId; if (!mesh.getScene().getGeometryByID(geometryId)) { // geometry was in the memory but not added to the scene, nevertheless it's better to serialize to be able to reload the mesh with its geometry serializeGeometry(geometry, serializationScene.geometries); } // SubMeshes serializationObject.subMeshes = []; for (var subIndex = 0; subIndex < mesh.subMeshes.length; subIndex++) { var subMesh = mesh.subMeshes[subIndex]; serializationObject.subMeshes.push({ materialIndex: subMesh.materialIndex, verticesStart: subMesh.verticesStart, verticesCount: subMesh.verticesCount, indexStart: subMesh.indexStart, indexCount: subMesh.indexCount }); } } // Material if (mesh.material) { serializationObject.materialId = mesh.material.id; } else { mesh.material = null; } // Skeleton if (mesh.skeleton) { serializationObject.skeletonId = mesh.skeleton.id; } // Physics //TODO implement correct serialization for physics impostors. if (mesh.getPhysicsImpostor()) { serializationObject.physicsMass = mesh.getPhysicsMass(); serializationObject.physicsFriction = mesh.getPhysicsFriction(); serializationObject.physicsRestitution = mesh.getPhysicsRestitution(); serializationObject.physicsImpostor = mesh.getPhysicsImpostor().type; } // Metadata if (mesh.metadata) { serializationObject.metadata = mesh.metadata; } // Instances serializationObject.instances = []; for (var index = 0; index < mesh.instances.length; index++) { var instance = mesh.instances[index]; var serializationInstance = { name: instance.name, position: instance.position.asArray(), scaling: instance.scaling.asArray() }; if (instance.rotationQuaternion) { serializationInstance.rotationQuaternion = instance.rotationQuaternion.asArray(); } else if (instance.rotation) { serializationInstance.rotation = instance.rotation.asArray(); } serializationObject.instances.push(serializationInstance); // Animations BABYLON.Animation.AppendSerializedAnimations(instance, serializationInstance); serializationInstance.ranges = instance.serializeAnimationRanges(); } // Animations BABYLON.Animation.AppendSerializedAnimations(mesh, serializationObject); serializationObject.ranges = mesh.serializeAnimationRanges(); // Layer mask serializationObject.layerMask = mesh.layerMask; // Action Manager if (mesh.actionManager) { serializationObject.actions = mesh.actionManager.serialize(mesh.name); } return serializationObject; }; var finalizeSingleMesh = function (mesh, serializationObject) { //only works if the mesh is already loaded if (mesh.delayLoadState === BABYLON.Engine.DELAYLOADSTATE_LOADED || mesh.delayLoadState === BABYLON.Engine.DELAYLOADSTATE_NONE) { //serialize material if (mesh.material) { if (mesh.material instanceof BABYLON.StandardMaterial) { serializationObject.materials = serializationObject.materials || []; if (!serializationObject.materials.some(function (mat) { return (mat.id === mesh.material.id); })) { serializationObject.materials.push(mesh.material.serialize()); } } else if (mesh.material instanceof BABYLON.MultiMaterial) { serializationObject.multiMaterials = serializationObject.multiMaterials || []; if (!serializationObject.multiMaterials.some(function (mat) { return (mat.id === mesh.material.id); })) { serializationObject.multiMaterials.push(mesh.material.serialize()); } } } //serialize geometry var geometry = mesh._geometry; if (geometry) { if (!serializationObject.geometries) { serializationObject.geometries = {}; serializationObject.geometries.boxes = []; serializationObject.geometries.spheres = []; serializationObject.geometries.cylinders = []; serializationObject.geometries.toruses = []; serializationObject.geometries.grounds = []; serializationObject.geometries.planes = []; serializationObject.geometries.torusKnots = []; serializationObject.geometries.vertexData = []; } serializeGeometry(geometry, serializationObject.geometries); } // Skeletons if (mesh.skeleton) { serializationObject.skeletons = serializationObject.skeletons || []; serializationObject.skeletons.push(mesh.skeleton.serialize()); } //serialize the actual mesh serializationObject.meshes = serializationObject.meshes || []; serializationObject.meshes.push(serializeMesh(mesh, serializationObject)); } }; var SceneSerializer = (function () { function SceneSerializer() { } SceneSerializer.ClearCache = function () { serializedGeometries = []; }; SceneSerializer.Serialize = function (scene) { var serializationObject = {}; // Scene serializationObject.useDelayedTextureLoading = scene.useDelayedTextureLoading; serializationObject.autoClear = scene.autoClear; serializationObject.clearColor = scene.clearColor.asArray(); serializationObject.ambientColor = scene.ambientColor.asArray(); serializationObject.gravity = scene.gravity.asArray(); serializationObject.collisionsEnabled = scene.collisionsEnabled; serializationObject.workerCollisions = scene.workerCollisions; // Fog if (scene.fogMode && scene.fogMode !== 0) { serializationObject.fogMode = scene.fogMode; serializationObject.fogColor = scene.fogColor.asArray(); serializationObject.fogStart = scene.fogStart; serializationObject.fogEnd = scene.fogEnd; serializationObject.fogDensity = scene.fogDensity; } //Physics if (scene.isPhysicsEnabled()) { serializationObject.physicsEnabled = true; serializationObject.physicsGravity = scene.getPhysicsEngine().gravity.asArray(); serializationObject.physicsEngine = scene.getPhysicsEngine().getPhysicsPluginName(); } // Metadata if (scene.metadata) { serializationObject.metadata = scene.metadata; } // Lights serializationObject.lights = []; var index; var light; for (index = 0; index < scene.lights.length; index++) { light = scene.lights[index]; if (!light.doNotSerialize) { serializationObject.lights.push(light.serialize()); } } // Cameras serializationObject.cameras = []; for (index = 0; index < scene.cameras.length; index++) { var camera = scene.cameras[index]; if (!camera.doNotSerialize) { serializationObject.cameras.push(camera.serialize()); } } if (scene.activeCamera) { serializationObject.activeCameraID = scene.activeCamera.id; } // Animations BABYLON.Animation.AppendSerializedAnimations(scene, serializationObject); // Materials serializationObject.materials = []; serializationObject.multiMaterials = []; var material; for (index = 0; index < scene.materials.length; index++) { material = scene.materials[index]; if (!material.doNotSerialize) { serializationObject.materials.push(material.serialize()); } } // MultiMaterials serializationObject.multiMaterials = []; for (index = 0; index < scene.multiMaterials.length; index++) { var multiMaterial = scene.multiMaterials[index]; serializationObject.multiMaterials.push(multiMaterial.serialize()); } // Skeletons serializationObject.skeletons = []; for (index = 0; index < scene.skeletons.length; index++) { serializationObject.skeletons.push(scene.skeletons[index].serialize()); } // Geometries serializationObject.geometries = {}; serializationObject.geometries.boxes = []; serializationObject.geometries.spheres = []; serializationObject.geometries.cylinders = []; serializationObject.geometries.toruses = []; serializationObject.geometries.grounds = []; serializationObject.geometries.planes = []; serializationObject.geometries.torusKnots = []; serializationObject.geometries.vertexData = []; serializedGeometries = []; var geometries = scene.getGeometries(); for (index = 0; index < geometries.length; index++) { var geometry = geometries[index]; if (geometry.isReady()) { serializeGeometry(geometry, serializationObject.geometries); } } // Meshes serializationObject.meshes = []; for (index = 0; index < scene.meshes.length; index++) { var abstractMesh = scene.meshes[index]; if (abstractMesh instanceof BABYLON.Mesh) { var mesh = abstractMesh; if (!mesh.doNotSerialize) { if (mesh.delayLoadState === BABYLON.Engine.DELAYLOADSTATE_LOADED || mesh.delayLoadState === BABYLON.Engine.DELAYLOADSTATE_NONE) { serializationObject.meshes.push(serializeMesh(mesh, serializationObject)); } } } } // Particles Systems serializationObject.particleSystems = []; for (index = 0; index < scene.particleSystems.length; index++) { serializationObject.particleSystems.push(scene.particleSystems[index].serialize()); } // Lens flares serializationObject.lensFlareSystems = []; for (index = 0; index < scene.lensFlareSystems.length; index++) { serializationObject.lensFlareSystems.push(scene.lensFlareSystems[index].serialize()); } // Shadows serializationObject.shadowGenerators = []; for (index = 0; index < scene.lights.length; index++) { light = scene.lights[index]; var shadowGenerator = light.getShadowGenerator(); // Only support serialization for official generator so far. if (shadowGenerator && shadowGenerator instanceof BABYLON.ShadowGenerator) { serializationObject.shadowGenerators.push(shadowGenerator.serialize()); } } // Action Manager if (scene.actionManager) { serializationObject.actions = scene.actionManager.serialize("scene"); } // Audio serializationObject.sounds = []; for (index = 0; index < scene.soundTracks.length; index++) { var soundtrack = scene.soundTracks[index]; for (var soundId = 0; soundId < soundtrack.soundCollection.length; soundId++) { serializationObject.sounds.push(soundtrack.soundCollection[soundId].serialize()); } } return serializationObject; }; SceneSerializer.SerializeMesh = function (toSerialize /* Mesh || Mesh[] */, withParents, withChildren) { if (withParents === void 0) { withParents = false; } if (withChildren === void 0) { withChildren = false; } var serializationObject = {}; toSerialize = (toSerialize instanceof Array) ? toSerialize : [toSerialize]; if (withParents || withChildren) { //deliberate for loop! not for each, appended should be processed as well. for (var i = 0; i < toSerialize.length; ++i) { if (withChildren) { toSerialize[i].getDescendants().forEach(function (node) { if (node instanceof BABYLON.Mesh && (toSerialize.indexOf(node) < 0)) { toSerialize.push(node); } }); } //make sure the array doesn't contain the object already if (withParents && toSerialize[i].parent && (toSerialize.indexOf(toSerialize[i].parent) < 0)) { toSerialize.push(toSerialize[i].parent); } } } toSerialize.forEach(function (mesh) { finalizeSingleMesh(mesh, serializationObject); }); return serializationObject; }; return SceneSerializer; }()); BABYLON.SceneSerializer = SceneSerializer; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.sceneSerializer.js.map // All the credit goes to this project and the guy who's behind it https://github.com/mapbox/earcut // Huge respect for a such great lib. // Earcut license: // Copyright (c) 2016, Mapbox // // Permission to use, copy, modify, and/or distribute this software for any purpose // with or without fee is hereby granted, provided that the above copyright notice // and this permission notice appear in all copies. // // THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH // REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND // FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, // INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS // OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER // TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF // THIS SOFTWARE. var Earcut; (function (Earcut) { /** * The fastest and smallest JavaScript polygon triangulation library for your WebGL apps * @param data is a flat array of vertice coordinates like [x0, y0, x1, y1, x2, y2, ...]. * @param holeIndices is an array of hole indices if any (e.g. [5, 8] for a 12- vertice input would mean one hole with vertices 5–7 and another with 8–11). * @param dim is the number of coordinates per vertice in the input array (2 by default). */ function earcut(data, holeIndices, dim) { dim = dim || 2; var hasHoles = holeIndices && holeIndices.length, outerLen = hasHoles ? holeIndices[0] * dim : data.length, outerNode = linkedList(data, 0, outerLen, dim, true), triangles = []; if (!outerNode) return triangles; var minX, minY, maxX, maxY, x, y, size; if (hasHoles) outerNode = eliminateHoles(data, holeIndices, outerNode, dim); // if the shape is not too simple, we'll use z-order curve hash later; calculate polygon bbox if (data.length > 80 * dim) { minX = maxX = data[0]; minY = maxY = data[1]; for (var i = dim; i < outerLen; i += dim) { x = data[i]; y = data[i + 1]; if (x < minX) minX = x; if (y < minY) minY = y; if (x > maxX) maxX = x; if (y > maxY) maxY = y; } // minX, minY and size are later used to transform coords into integers for z-order calculation size = Math.max(maxX - minX, maxY - minY); } earcutLinked(outerNode, triangles, dim, minX, minY, size, undefined); return triangles; } Earcut.earcut = earcut; // create a circular doubly linked list from polygon points in the specified winding order function linkedList(data, start, end, dim, clockwise) { var i, last; if (clockwise === (signedArea(data, start, end, dim) > 0)) { for (i = start; i < end; i += dim) last = insertNode(i, data[i], data[i + 1], last); } else { for (i = end - dim; i >= start; i -= dim) last = insertNode(i, data[i], data[i + 1], last); } if (last && equals(last, last.next)) { removeNode(last); last = last.next; } return last; } // eliminate colinear or duplicate points function filterPoints(start, end) { if (!start) return start; if (!end) end = start; var p = start, again; do { again = false; if (!p.steiner && (equals(p, p.next) || area(p.prev, p, p.next) === 0)) { removeNode(p); p = end = p.prev; if (p === p.next) return null; again = true; } else { p = p.next; } } while (again || p !== end); return end; } // main ear slicing loop which triangulates a polygon (given as a linked list) function earcutLinked(ear, triangles, dim, minX, minY, size, pass) { if (!ear) return; // interlink polygon nodes in z-order if (!pass && size) indexCurve(ear, minX, minY, size); var stop = ear, prev, next; // iterate through ears, slicing them one by one while (ear.prev !== ear.next) { prev = ear.prev; next = ear.next; if (size ? isEarHashed(ear, minX, minY, size) : isEar(ear)) { // cut off the triangle triangles.push(prev.i / dim); triangles.push(ear.i / dim); triangles.push(next.i / dim); removeNode(ear); // skipping the next vertice leads to less sliver triangles ear = next.next; stop = next.next; continue; } ear = next; // if we looped through the whole remaining polygon and can't find any more ears if (ear === stop) { // try filtering points and slicing again if (!pass) { earcutLinked(filterPoints(ear, undefined), triangles, dim, minX, minY, size, 1); } else if (pass === 1) { ear = cureLocalIntersections(ear, triangles, dim); earcutLinked(ear, triangles, dim, minX, minY, size, 2); } else if (pass === 2) { splitEarcut(ear, triangles, dim, minX, minY, size); } break; } } } // check whether a polygon node forms a valid ear with adjacent nodes function isEar(ear) { var a = ear.prev, b = ear, c = ear.next; if (area(a, b, c) >= 0) return false; // reflex, can't be an ear // now make sure we don't have other points inside the potential ear var p = ear.next.next; while (p !== ear.prev) { if (pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false; p = p.next; } return true; } function isEarHashed(ear, minX, minY, size) { var a = ear.prev, b = ear, c = ear.next; if (area(a, b, c) >= 0) return false; // reflex, can't be an ear // triangle bbox; min & max are calculated like this for speed var minTX = a.x < b.x ? (a.x < c.x ? a.x : c.x) : (b.x < c.x ? b.x : c.x), minTY = a.y < b.y ? (a.y < c.y ? a.y : c.y) : (b.y < c.y ? b.y : c.y), maxTX = a.x > b.x ? (a.x > c.x ? a.x : c.x) : (b.x > c.x ? b.x : c.x), maxTY = a.y > b.y ? (a.y > c.y ? a.y : c.y) : (b.y > c.y ? b.y : c.y); // z-order range for the current triangle bbox; var minZ = zOrder(minTX, minTY, minX, minY, size), maxZ = zOrder(maxTX, maxTY, minX, minY, size); // first look for points inside the triangle in increasing z-order var p = ear.nextZ; while (p && p.z <= maxZ) { if (p !== ear.prev && p !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false; p = p.nextZ; } // then look for points in decreasing z-order p = ear.prevZ; while (p && p.z >= minZ) { if (p !== ear.prev && p !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false; p = p.prevZ; } return true; } // go through all polygon nodes and cure small local self-intersections function cureLocalIntersections(start, triangles, dim) { var p = start; do { var a = p.prev, b = p.next.next; if (!equals(a, b) && intersects(a, p, p.next, b) && locallyInside(a, b) && locallyInside(b, a)) { triangles.push(a.i / dim); triangles.push(p.i / dim); triangles.push(b.i / dim); // remove two nodes involved removeNode(p); removeNode(p.next); p = start = b; } p = p.next; } while (p !== start); return p; } // try splitting polygon into two and triangulate them independently function splitEarcut(start, triangles, dim, minX, minY, size) { // look for a valid diagonal that divides the polygon into two var a = start; do { var b = a.next.next; while (b !== a.prev) { if (a.i !== b.i && isValidDiagonal(a, b)) { // split the polygon in two by the diagonal var c = splitPolygon(a, b); // filter colinear points around the cuts a = filterPoints(a, a.next); c = filterPoints(c, c.next); // run earcut on each half earcutLinked(a, triangles, dim, minX, minY, size, undefined); earcutLinked(c, triangles, dim, minX, minY, size, undefined); return; } b = b.next; } a = a.next; } while (a !== start); } // link every hole into the outer loop, producing a single-ring polygon without holes function eliminateHoles(data, holeIndices, outerNode, dim) { var queue = [], i, len, start, end, list; for (i = 0, len = holeIndices.length; i < len; i++) { start = holeIndices[i] * dim; end = i < len - 1 ? holeIndices[i + 1] * dim : data.length; list = linkedList(data, start, end, dim, false); if (list === list.next) list.steiner = true; queue.push(getLeftmost(list)); } queue.sort(compareX); // process holes from left to right for (i = 0; i < queue.length; i++) { eliminateHole(queue[i], outerNode); outerNode = filterPoints(outerNode, outerNode.next); } return outerNode; } function compareX(a, b) { return a.x - b.x; } // find a bridge between vertices that connects hole with an outer ring and and link it function eliminateHole(hole, outerNode) { outerNode = findHoleBridge(hole, outerNode); if (outerNode) { var b = splitPolygon(outerNode, hole); filterPoints(b, b.next); } } // David Eberly's algorithm for finding a bridge between hole and outer polygon function findHoleBridge(hole, outerNode) { var p = outerNode, hx = hole.x, hy = hole.y, qx = -Infinity, m; // find a segment intersected by a ray from the hole's leftmost point to the left; // segment's endpoint with lesser x will be potential connection point do { if (hy <= p.y && hy >= p.next.y) { var x = p.x + (hy - p.y) * (p.next.x - p.x) / (p.next.y - p.y); if (x <= hx && x > qx) { qx = x; if (x === hx) { if (hy === p.y) return p; if (hy === p.next.y) return p.next; } m = p.x < p.next.x ? p : p.next; } } p = p.next; } while (p !== outerNode); if (!m) return null; if (hx === qx) return m.prev; // hole touches outer segment; pick lower endpoint // look for points inside the triangle of hole point, segment intersection and endpoint; // if there are no points found, we have a valid connection; // otherwise choose the point of the minimum angle with the ray as connection point var stop = m, mx = m.x, my = m.y, tanMin = Infinity, tan; p = m.next; while (p !== stop) { if (hx >= p.x && p.x >= mx && pointInTriangle(hy < my ? hx : qx, hy, mx, my, hy < my ? qx : hx, hy, p.x, p.y)) { tan = Math.abs(hy - p.y) / (hx - p.x); // tangential if ((tan < tanMin || (tan === tanMin && p.x > m.x)) && locallyInside(p, hole)) { m = p; tanMin = tan; } } p = p.next; } return m; } // interlink polygon nodes in z-order function indexCurve(start, minX, minY, size) { var p = start; do { if (p.z === null) p.z = zOrder(p.x, p.y, minX, minY, size); p.prevZ = p.prev; p.nextZ = p.next; p = p.next; } while (p !== start); p.prevZ.nextZ = null; p.prevZ = null; sortLinked(p); } // Simon Tatham's linked list merge sort algorithm // http://www.chiark.greenend.org.uk/~sgtatham/algorithms/listsort.html function sortLinked(list) { var i, p, q, e, tail, numMerges, pSize, qSize, inSize = 1; do { p = list; list = null; tail = null; numMerges = 0; while (p) { numMerges++; q = p; pSize = 0; for (i = 0; i < inSize; i++) { pSize++; q = q.nextZ; if (!q) break; } qSize = inSize; while (pSize > 0 || (qSize > 0 && q)) { if (pSize === 0) { e = q; q = q.nextZ; qSize--; } else if (qSize === 0 || !q) { e = p; p = p.nextZ; pSize--; } else if (p.z <= q.z) { e = p; p = p.nextZ; pSize--; } else { e = q; q = q.nextZ; qSize--; } if (tail) tail.nextZ = e; else list = e; e.prevZ = tail; tail = e; } p = q; } tail.nextZ = null; inSize *= 2; } while (numMerges > 1); return list; } // z-order of a point given coords and size of the data bounding box function zOrder(x, y, minX, minY, size) { // coords are transformed into non-negative 15-bit integer range x = 32767 * (x - minX) / size; y = 32767 * (y - minY) / size; x = (x | (x << 8)) & 0x00FF00FF; x = (x | (x << 4)) & 0x0F0F0F0F; x = (x | (x << 2)) & 0x33333333; x = (x | (x << 1)) & 0x55555555; y = (y | (y << 8)) & 0x00FF00FF; y = (y | (y << 4)) & 0x0F0F0F0F; y = (y | (y << 2)) & 0x33333333; y = (y | (y << 1)) & 0x55555555; return x | (y << 1); } // find the leftmost node of a polygon ring function getLeftmost(start) { var p = start, leftmost = start; do { if (p.x < leftmost.x) leftmost = p; p = p.next; } while (p !== start); return leftmost; } // check if a point lies within a convex triangle function pointInTriangle(ax, ay, bx, by, cx, cy, px, py) { return (cx - px) * (ay - py) - (ax - px) * (cy - py) >= 0 && (ax - px) * (by - py) - (bx - px) * (ay - py) >= 0 && (bx - px) * (cy - py) - (cx - px) * (by - py) >= 0; } // check if a diagonal between two polygon nodes is valid (lies in polygon interior) function isValidDiagonal(a, b) { return a.next.i !== b.i && a.prev.i !== b.i && !intersectsPolygon(a, b) && locallyInside(a, b) && locallyInside(b, a) && middleInside(a, b); } // signed area of a triangle function area(p, q, r) { return (q.y - p.y) * (r.x - q.x) - (q.x - p.x) * (r.y - q.y); } // check if two points are equal function equals(p1, p2) { return p1.x === p2.x && p1.y === p2.y; } // check if two segments intersect function intersects(p1, q1, p2, q2) { if ((equals(p1, q1) && equals(p2, q2)) || (equals(p1, q2) && equals(p2, q1))) return true; return area(p1, q1, p2) > 0 !== area(p1, q1, q2) > 0 && area(p2, q2, p1) > 0 !== area(p2, q2, q1) > 0; } // check if a polygon diagonal intersects any polygon segments function intersectsPolygon(a, b) { var p = a; do { if (p.i !== a.i && p.next.i !== a.i && p.i !== b.i && p.next.i !== b.i && intersects(p, p.next, a, b)) return true; p = p.next; } while (p !== a); return false; } // check if a polygon diagonal is locally inside the polygon function locallyInside(a, b) { return area(a.prev, a, a.next) < 0 ? area(a, b, a.next) >= 0 && area(a, a.prev, b) >= 0 : area(a, b, a.prev) < 0 || area(a, a.next, b) < 0; } // check if the middle point of a polygon diagonal is inside the polygon function middleInside(a, b) { var p = a, inside = false, px = (a.x + b.x) / 2, py = (a.y + b.y) / 2; do { if (((p.y > py) !== (p.next.y > py)) && (px < (p.next.x - p.x) * (py - p.y) / (p.next.y - p.y) + p.x)) inside = !inside; p = p.next; } while (p !== a); return inside; } // link two polygon vertices with a bridge; if the vertices belong to the same ring, it splits polygon into two; // if one belongs to the outer ring and another to a hole, it merges it into a single ring function splitPolygon(a, b) { var a2 = new Node(a.i, a.x, a.y), b2 = new Node(b.i, b.x, b.y), an = a.next, bp = b.prev; a.next = b; b.prev = a; a2.next = an; an.prev = a2; b2.next = a2; a2.prev = b2; bp.next = b2; b2.prev = bp; return b2; } // create a node and optionally link it with previous one (in a circular doubly linked list) function insertNode(i, x, y, last) { var p = new Node(i, x, y); if (!last) { p.prev = p; p.next = p; } else { p.next = last.next; p.prev = last; last.next.prev = p; last.next = p; } return p; } function removeNode(p) { p.next.prev = p.prev; p.prev.next = p.next; if (p.prevZ) p.prevZ.nextZ = p.nextZ; if (p.nextZ) p.nextZ.prevZ = p.prevZ; } function Node(i, x, y) { // vertice index in coordinates array this.i = i; // vertex coordinates this.x = x; this.y = y; // previous and next vertice nodes in a polygon ring this.prev = null; this.next = null; // z-order curve value this.z = null; // previous and next nodes in z-order this.prevZ = null; this.nextZ = null; // indicates whether this is a steiner point this.steiner = false; } /** * return a percentage difference between the polygon area and its triangulation area; * used to verify correctness of triangulation */ function deviation(data, holeIndices, dim, triangles) { var hasHoles = holeIndices && holeIndices.length; var outerLen = hasHoles ? holeIndices[0] * dim : data.length; var polygonArea = Math.abs(signedArea(data, 0, outerLen, dim)); if (hasHoles) { for (var i = 0, len = holeIndices.length; i < len; i++) { var start = holeIndices[i] * dim; var end = i < len - 1 ? holeIndices[i + 1] * dim : data.length; polygonArea -= Math.abs(signedArea(data, start, end, dim)); } } var trianglesArea = 0; for (i = 0; i < triangles.length; i += 3) { var a = triangles[i] * dim; var b = triangles[i + 1] * dim; var c = triangles[i + 2] * dim; trianglesArea += Math.abs((data[a] - data[c]) * (data[b + 1] - data[a + 1]) - (data[a] - data[b]) * (data[c + 1] - data[a + 1])); } return polygonArea === 0 && trianglesArea === 0 ? 0 : Math.abs((trianglesArea - polygonArea) / polygonArea); } Earcut.deviation = deviation; ; function signedArea(data, start, end, dim) { var sum = 0; for (var i = start, j = end - dim; i < end; i += dim) { sum += (data[j] - data[i]) * (data[i + 1] + data[j + 1]); j = i; } return sum; } /** * turn a polygon in a multi-dimensional array form (e.g. as in GeoJSON) into a form Earcut accepts */ function flatten(data) { var dim = data[0][0].length, result = { vertices: [], holes: [], dimensions: dim }, holeIndex = 0; for (var i = 0; i < data.length; i++) { for (var j = 0; j < data[i].length; j++) { for (var d = 0; d < dim; d++) result.vertices.push(data[i][j][d]); } if (i > 0) { holeIndex += data[i - 1].length; result.holes.push(holeIndex); } } return result; } Earcut.flatten = flatten; ; })(Earcut || (Earcut = {})); //# sourceMappingURL=../Tools/babylon.earcut.js.map var BABYLON; (function (BABYLON) { // Unique ID when we import meshes from Babylon to CSG var currentCSGMeshId = 0; // # class Vertex // Represents a vertex of a polygon. Use your own vertex class instead of this // one to provide additional features like texture coordinates and vertex // colors. Custom vertex classes need to provide a `pos` property and `clone()`, // `flip()`, and `interpolate()` methods that behave analogous to the ones // defined by `BABYLON.CSG.Vertex`. This class provides `normal` so convenience // functions like `BABYLON.CSG.sphere()` can return a smooth vertex normal, but `normal` // is not used anywhere else. // Same goes for uv, it allows to keep the original vertex uv coordinates of the 2 meshes var Vertex = (function () { function Vertex(pos, normal, uv) { this.pos = pos; this.normal = normal; this.uv = uv; } Vertex.prototype.clone = function () { return new Vertex(this.pos.clone(), this.normal.clone(), this.uv.clone()); }; // Invert all orientation-specific data (e.g. vertex normal). Called when the // orientation of a polygon is flipped. Vertex.prototype.flip = function () { this.normal = this.normal.scale(-1); }; // Create a new vertex between this vertex and `other` by linearly // interpolating all properties using a parameter of `t`. Subclasses should // override this to interpolate additional properties. Vertex.prototype.interpolate = function (other, t) { return new Vertex(BABYLON.Vector3.Lerp(this.pos, other.pos, t), BABYLON.Vector3.Lerp(this.normal, other.normal, t), BABYLON.Vector2.Lerp(this.uv, other.uv, t)); }; return Vertex; }()); // # class Plane // Represents a plane in 3D space. var Plane = (function () { function Plane(normal, w) { this.normal = normal; this.w = w; } Plane.FromPoints = function (a, b, c) { var v0 = c.subtract(a); var v1 = b.subtract(a); if (v0.lengthSquared() === 0 || v1.lengthSquared() === 0) { return null; } var n = BABYLON.Vector3.Normalize(BABYLON.Vector3.Cross(v0, v1)); return new Plane(n, BABYLON.Vector3.Dot(n, a)); }; Plane.prototype.clone = function () { return new Plane(this.normal.clone(), this.w); }; Plane.prototype.flip = function () { this.normal.scaleInPlace(-1); this.w = -this.w; }; // Split `polygon` by this plane if needed, then put the polygon or polygon // fragments in the appropriate lists. Coplanar polygons go into either // `coplanarFront` or `coplanarBack` depending on their orientation with // respect to this plane. Polygons in front or in back of this plane go into // either `front` or `back`. Plane.prototype.splitPolygon = function (polygon, coplanarFront, coplanarBack, front, back) { var COPLANAR = 0; var FRONT = 1; var BACK = 2; var SPANNING = 3; // Classify each point as well as the entire polygon into one of the above // four classes. var polygonType = 0; var types = []; var i; var t; for (i = 0; i < polygon.vertices.length; i++) { t = BABYLON.Vector3.Dot(this.normal, polygon.vertices[i].pos) - this.w; var type = (t < -Plane.EPSILON) ? BACK : (t > Plane.EPSILON) ? FRONT : COPLANAR; polygonType |= type; types.push(type); } // Put the polygon in the correct list, splitting it when necessary. switch (polygonType) { case COPLANAR: (BABYLON.Vector3.Dot(this.normal, polygon.plane.normal) > 0 ? coplanarFront : coplanarBack).push(polygon); break; case FRONT: front.push(polygon); break; case BACK: back.push(polygon); break; case SPANNING: var f = [], b = []; for (i = 0; i < polygon.vertices.length; i++) { var j = (i + 1) % polygon.vertices.length; var ti = types[i], tj = types[j]; var vi = polygon.vertices[i], vj = polygon.vertices[j]; if (ti !== BACK) f.push(vi); if (ti !== FRONT) b.push(ti !== BACK ? vi.clone() : vi); if ((ti | tj) === SPANNING) { t = (this.w - BABYLON.Vector3.Dot(this.normal, vi.pos)) / BABYLON.Vector3.Dot(this.normal, vj.pos.subtract(vi.pos)); var v = vi.interpolate(vj, t); f.push(v); b.push(v.clone()); } } var poly; if (f.length >= 3) { poly = new Polygon(f, polygon.shared); if (poly.plane) front.push(poly); } if (b.length >= 3) { poly = new Polygon(b, polygon.shared); if (poly.plane) back.push(poly); } break; } }; // `BABYLON.CSG.Plane.EPSILON` is the tolerance used by `splitPolygon()` to decide if a // point is on the plane. Plane.EPSILON = 1e-5; return Plane; }()); // # class Polygon // Represents a convex polygon. The vertices used to initialize a polygon must // be coplanar and form a convex loop. // // Each convex polygon has a `shared` property, which is shared between all // polygons that are clones of each other or were split from the same polygon. // This can be used to define per-polygon properties (such as surface color). var Polygon = (function () { function Polygon(vertices, shared) { this.vertices = vertices; this.shared = shared; this.plane = Plane.FromPoints(vertices[0].pos, vertices[1].pos, vertices[2].pos); } Polygon.prototype.clone = function () { var vertices = this.vertices.map(function (v) { return v.clone(); }); return new Polygon(vertices, this.shared); }; Polygon.prototype.flip = function () { this.vertices.reverse().map(function (v) { v.flip(); }); this.plane.flip(); }; return Polygon; }()); // # class Node // Holds a node in a BSP tree. A BSP tree is built from a collection of polygons // by picking a polygon to split along. That polygon (and all other coplanar // polygons) are added directly to that node and the other polygons are added to // the front and/or back subtrees. This is not a leafy BSP tree since there is // no distinction between internal and leaf nodes. var Node = (function () { function Node(polygons) { this.plane = null; this.front = null; this.back = null; this.polygons = []; if (polygons) { this.build(polygons); } } Node.prototype.clone = function () { var node = new Node(); node.plane = this.plane && this.plane.clone(); node.front = this.front && this.front.clone(); node.back = this.back && this.back.clone(); node.polygons = this.polygons.map(function (p) { return p.clone(); }); return node; }; // Convert solid space to empty space and empty space to solid space. Node.prototype.invert = function () { for (var i = 0; i < this.polygons.length; i++) { this.polygons[i].flip(); } if (this.plane) { this.plane.flip(); } if (this.front) { this.front.invert(); } if (this.back) { this.back.invert(); } var temp = this.front; this.front = this.back; this.back = temp; }; // Recursively remove all polygons in `polygons` that are inside this BSP // tree. Node.prototype.clipPolygons = function (polygons) { if (!this.plane) return polygons.slice(); var front = [], back = []; for (var i = 0; i < polygons.length; i++) { this.plane.splitPolygon(polygons[i], front, back, front, back); } if (this.front) { front = this.front.clipPolygons(front); } if (this.back) { back = this.back.clipPolygons(back); } else { back = []; } return front.concat(back); }; // Remove all polygons in this BSP tree that are inside the other BSP tree // `bsp`. Node.prototype.clipTo = function (bsp) { this.polygons = bsp.clipPolygons(this.polygons); if (this.front) this.front.clipTo(bsp); if (this.back) this.back.clipTo(bsp); }; // Return a list of all polygons in this BSP tree. Node.prototype.allPolygons = function () { var polygons = this.polygons.slice(); if (this.front) polygons = polygons.concat(this.front.allPolygons()); if (this.back) polygons = polygons.concat(this.back.allPolygons()); return polygons; }; // Build a BSP tree out of `polygons`. When called on an existing tree, the // new polygons are filtered down to the bottom of the tree and become new // nodes there. Each set of polygons is partitioned using the first polygon // (no heuristic is used to pick a good split). Node.prototype.build = function (polygons) { if (!polygons.length) return; if (!this.plane) this.plane = polygons[0].plane.clone(); var front = [], back = []; for (var i = 0; i < polygons.length; i++) { this.plane.splitPolygon(polygons[i], this.polygons, this.polygons, front, back); } if (front.length) { if (!this.front) this.front = new Node(); this.front.build(front); } if (back.length) { if (!this.back) this.back = new Node(); this.back.build(back); } }; return Node; }()); var CSG = (function () { function CSG() { this.polygons = new Array(); } // Convert BABYLON.Mesh to BABYLON.CSG CSG.FromMesh = function (mesh) { var vertex, normal, uv, position, polygon, polygons = new Array(), vertices; var matrix, meshPosition, meshRotation, meshRotationQuaternion, meshScaling; if (mesh instanceof BABYLON.Mesh) { mesh.computeWorldMatrix(true); matrix = mesh.getWorldMatrix(); meshPosition = mesh.position.clone(); meshRotation = mesh.rotation.clone(); if (mesh.rotationQuaternion) { meshRotationQuaternion = mesh.rotationQuaternion.clone(); } meshScaling = mesh.scaling.clone(); } else { throw 'BABYLON.CSG: Wrong Mesh type, must be BABYLON.Mesh'; } var indices = mesh.getIndices(), positions = mesh.getVerticesData(BABYLON.VertexBuffer.PositionKind), normals = mesh.getVerticesData(BABYLON.VertexBuffer.NormalKind), uvs = mesh.getVerticesData(BABYLON.VertexBuffer.UVKind); var subMeshes = mesh.subMeshes; for (var sm = 0, sml = subMeshes.length; sm < sml; sm++) { for (var i = subMeshes[sm].indexStart, il = subMeshes[sm].indexCount + subMeshes[sm].indexStart; i < il; i += 3) { vertices = []; for (var j = 0; j < 3; j++) { var sourceNormal = new BABYLON.Vector3(normals[indices[i + j] * 3], normals[indices[i + j] * 3 + 1], normals[indices[i + j] * 3 + 2]); uv = new BABYLON.Vector2(uvs[indices[i + j] * 2], uvs[indices[i + j] * 2 + 1]); var sourcePosition = new BABYLON.Vector3(positions[indices[i + j] * 3], positions[indices[i + j] * 3 + 1], positions[indices[i + j] * 3 + 2]); position = BABYLON.Vector3.TransformCoordinates(sourcePosition, matrix); normal = BABYLON.Vector3.TransformNormal(sourceNormal, matrix); vertex = new Vertex(position, normal, uv); vertices.push(vertex); } polygon = new Polygon(vertices, { subMeshId: sm, meshId: currentCSGMeshId, materialIndex: subMeshes[sm].materialIndex }); // To handle the case of degenerated triangle // polygon.plane == null <=> the polygon does not represent 1 single plane <=> the triangle is degenerated if (polygon.plane) polygons.push(polygon); } } var csg = CSG.FromPolygons(polygons); csg.matrix = matrix; csg.position = meshPosition; csg.rotation = meshRotation; csg.scaling = meshScaling; csg.rotationQuaternion = meshRotationQuaternion; currentCSGMeshId++; return csg; }; // Construct a BABYLON.CSG solid from a list of `BABYLON.CSG.Polygon` instances. CSG.FromPolygons = function (polygons) { var csg = new CSG(); csg.polygons = polygons; return csg; }; CSG.prototype.clone = function () { var csg = new CSG(); csg.polygons = this.polygons.map(function (p) { return p.clone(); }); csg.copyTransformAttributes(this); return csg; }; CSG.prototype.toPolygons = function () { return this.polygons; }; CSG.prototype.union = function (csg) { var a = new Node(this.clone().polygons); var b = new Node(csg.clone().polygons); a.clipTo(b); b.clipTo(a); b.invert(); b.clipTo(a); b.invert(); a.build(b.allPolygons()); return CSG.FromPolygons(a.allPolygons()).copyTransformAttributes(this); }; CSG.prototype.unionInPlace = function (csg) { var a = new Node(this.polygons); var b = new Node(csg.polygons); a.clipTo(b); b.clipTo(a); b.invert(); b.clipTo(a); b.invert(); a.build(b.allPolygons()); this.polygons = a.allPolygons(); }; CSG.prototype.subtract = function (csg) { var a = new Node(this.clone().polygons); var b = new Node(csg.clone().polygons); a.invert(); a.clipTo(b); b.clipTo(a); b.invert(); b.clipTo(a); b.invert(); a.build(b.allPolygons()); a.invert(); return CSG.FromPolygons(a.allPolygons()).copyTransformAttributes(this); }; CSG.prototype.subtractInPlace = function (csg) { var a = new Node(this.polygons); var b = new Node(csg.polygons); a.invert(); a.clipTo(b); b.clipTo(a); b.invert(); b.clipTo(a); b.invert(); a.build(b.allPolygons()); a.invert(); this.polygons = a.allPolygons(); }; CSG.prototype.intersect = function (csg) { var a = new Node(this.clone().polygons); var b = new Node(csg.clone().polygons); a.invert(); b.clipTo(a); b.invert(); a.clipTo(b); b.clipTo(a); a.build(b.allPolygons()); a.invert(); return CSG.FromPolygons(a.allPolygons()).copyTransformAttributes(this); }; CSG.prototype.intersectInPlace = function (csg) { var a = new Node(this.polygons); var b = new Node(csg.polygons); a.invert(); b.clipTo(a); b.invert(); a.clipTo(b); b.clipTo(a); a.build(b.allPolygons()); a.invert(); this.polygons = a.allPolygons(); }; // Return a new BABYLON.CSG solid with solid and empty space switched. This solid is // not modified. CSG.prototype.inverse = function () { var csg = this.clone(); csg.inverseInPlace(); return csg; }; CSG.prototype.inverseInPlace = function () { this.polygons.map(function (p) { p.flip(); }); }; // This is used to keep meshes transformations so they can be restored // when we build back a Babylon Mesh // NB : All CSG operations are performed in world coordinates CSG.prototype.copyTransformAttributes = function (csg) { this.matrix = csg.matrix; this.position = csg.position; this.rotation = csg.rotation; this.scaling = csg.scaling; this.rotationQuaternion = csg.rotationQuaternion; return this; }; // Build Raw mesh from CSG // Coordinates here are in world space CSG.prototype.buildMeshGeometry = function (name, scene, keepSubMeshes) { var matrix = this.matrix.clone(); matrix.invert(); var mesh = new BABYLON.Mesh(name, scene), vertices = [], indices = [], normals = [], uvs = [], vertex = BABYLON.Vector3.Zero(), normal = BABYLON.Vector3.Zero(), uv = BABYLON.Vector2.Zero(), polygons = this.polygons, polygonIndices = [0, 0, 0], polygon, vertice_dict = {}, vertex_idx, currentIndex = 0, subMesh_dict = {}, subMesh_obj; if (keepSubMeshes) { // Sort Polygons, since subMeshes are indices range polygons.sort(function (a, b) { if (a.shared.meshId === b.shared.meshId) { return a.shared.subMeshId - b.shared.subMeshId; } else { return a.shared.meshId - b.shared.meshId; } }); } for (var i = 0, il = polygons.length; i < il; i++) { polygon = polygons[i]; // Building SubMeshes if (!subMesh_dict[polygon.shared.meshId]) { subMesh_dict[polygon.shared.meshId] = {}; } if (!subMesh_dict[polygon.shared.meshId][polygon.shared.subMeshId]) { subMesh_dict[polygon.shared.meshId][polygon.shared.subMeshId] = { indexStart: +Infinity, indexEnd: -Infinity, materialIndex: polygon.shared.materialIndex }; } subMesh_obj = subMesh_dict[polygon.shared.meshId][polygon.shared.subMeshId]; for (var j = 2, jl = polygon.vertices.length; j < jl; j++) { polygonIndices[0] = 0; polygonIndices[1] = j - 1; polygonIndices[2] = j; for (var k = 0; k < 3; k++) { vertex.copyFrom(polygon.vertices[polygonIndices[k]].pos); normal.copyFrom(polygon.vertices[polygonIndices[k]].normal); uv.copyFrom(polygon.vertices[polygonIndices[k]].uv); var localVertex = BABYLON.Vector3.TransformCoordinates(vertex, matrix); var localNormal = BABYLON.Vector3.TransformNormal(normal, matrix); vertex_idx = vertice_dict[localVertex.x + ',' + localVertex.y + ',' + localVertex.z]; // Check if 2 points can be merged if (!(typeof vertex_idx !== 'undefined' && normals[vertex_idx * 3] === localNormal.x && normals[vertex_idx * 3 + 1] === localNormal.y && normals[vertex_idx * 3 + 2] === localNormal.z && uvs[vertex_idx * 2] === uv.x && uvs[vertex_idx * 2 + 1] === uv.y)) { vertices.push(localVertex.x, localVertex.y, localVertex.z); uvs.push(uv.x, uv.y); normals.push(normal.x, normal.y, normal.z); vertex_idx = vertice_dict[localVertex.x + ',' + localVertex.y + ',' + localVertex.z] = (vertices.length / 3) - 1; } indices.push(vertex_idx); subMesh_obj.indexStart = Math.min(currentIndex, subMesh_obj.indexStart); subMesh_obj.indexEnd = Math.max(currentIndex, subMesh_obj.indexEnd); currentIndex++; } } } mesh.setVerticesData(BABYLON.VertexBuffer.PositionKind, vertices); mesh.setVerticesData(BABYLON.VertexBuffer.NormalKind, normals); mesh.setVerticesData(BABYLON.VertexBuffer.UVKind, uvs); mesh.setIndices(indices); if (keepSubMeshes) { // We offset the materialIndex by the previous number of materials in the CSG mixed meshes var materialIndexOffset = 0, materialMaxIndex; mesh.subMeshes = new Array(); for (var m in subMesh_dict) { materialMaxIndex = -1; for (var sm in subMesh_dict[m]) { subMesh_obj = subMesh_dict[m][sm]; BABYLON.SubMesh.CreateFromIndices(subMesh_obj.materialIndex + materialIndexOffset, subMesh_obj.indexStart, subMesh_obj.indexEnd - subMesh_obj.indexStart + 1, mesh); materialMaxIndex = Math.max(subMesh_obj.materialIndex, materialMaxIndex); } materialIndexOffset += ++materialMaxIndex; } } return mesh; }; // Build Mesh from CSG taking material and transforms into account CSG.prototype.toMesh = function (name, material, scene, keepSubMeshes) { var mesh = this.buildMeshGeometry(name, scene, keepSubMeshes); mesh.material = material; mesh.position.copyFrom(this.position); mesh.rotation.copyFrom(this.rotation); if (this.rotationQuaternion) { mesh.rotationQuaternion = this.rotationQuaternion.clone(); } mesh.scaling.copyFrom(this.scaling); mesh.computeWorldMatrix(true); return mesh; }; return CSG; }()); BABYLON.CSG = CSG; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Mesh/babylon.csg.js.map var BABYLON; (function (BABYLON) { var VRDistortionCorrectionPostProcess = (function (_super) { __extends(VRDistortionCorrectionPostProcess, _super); //ANY function VRDistortionCorrectionPostProcess(name, camera, isRightEye, vrMetrics) { var _this = this; _super.call(this, name, "vrDistortionCorrection", [ 'LensCenter', 'Scale', 'ScaleIn', 'HmdWarpParam' ], null, vrMetrics.postProcessScaleFactor, camera, BABYLON.Texture.BILINEAR_SAMPLINGMODE, null, null); this._isRightEye = isRightEye; this._distortionFactors = vrMetrics.distortionK; this._postProcessScaleFactor = vrMetrics.postProcessScaleFactor; this._lensCenterOffset = vrMetrics.lensCenterOffset; this.onSizeChangedObservable.add(function () { _this.aspectRatio = _this.width * .5 / _this.height; _this._scaleIn = new BABYLON.Vector2(2, 2 / _this.aspectRatio); _this._scaleFactor = new BABYLON.Vector2(.5 * (1 / _this._postProcessScaleFactor), .5 * (1 / _this._postProcessScaleFactor) * _this.aspectRatio); _this._lensCenter = new BABYLON.Vector2(_this._isRightEye ? 0.5 - _this._lensCenterOffset * 0.5 : 0.5 + _this._lensCenterOffset * 0.5, 0.5); }); this.onApplyObservable.add(function (effect) { effect.setFloat2("LensCenter", _this._lensCenter.x, _this._lensCenter.y); effect.setFloat2("Scale", _this._scaleFactor.x, _this._scaleFactor.y); effect.setFloat2("ScaleIn", _this._scaleIn.x, _this._scaleIn.y); effect.setFloat4("HmdWarpParam", _this._distortionFactors[0], _this._distortionFactors[1], _this._distortionFactors[2], _this._distortionFactors[3]); }); } return VRDistortionCorrectionPostProcess; }(BABYLON.PostProcess)); BABYLON.VRDistortionCorrectionPostProcess = VRDistortionCorrectionPostProcess; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.vrDistortionCorrectionPostProcess.js.map // Mainly based on these 2 articles : // Creating an universal virtual touch joystick working for all Touch models thanks to Hand.JS : http://blogs.msdn.com/b/davrous/archive/2013/02/22/creating-an-universal-virtual-touch-joystick-working-for-all-touch-models-thanks-to-hand-js.aspx // & on Seb Lee-Delisle original work: http://seb.ly/2011/04/multi-touch-game-controller-in-javascripthtml5-for-ipad/ var BABYLON; (function (BABYLON) { (function (JoystickAxis) { JoystickAxis[JoystickAxis["X"] = 0] = "X"; JoystickAxis[JoystickAxis["Y"] = 1] = "Y"; JoystickAxis[JoystickAxis["Z"] = 2] = "Z"; })(BABYLON.JoystickAxis || (BABYLON.JoystickAxis = {})); var JoystickAxis = BABYLON.JoystickAxis; var VirtualJoystick = (function () { function VirtualJoystick(leftJoystick) { var _this = this; if (leftJoystick) { this._leftJoystick = true; } else { this._leftJoystick = false; } this._joystickIndex = VirtualJoystick._globalJoystickIndex; VirtualJoystick._globalJoystickIndex++; // By default left & right arrow keys are moving the X // and up & down keys are moving the Y this._axisTargetedByLeftAndRight = JoystickAxis.X; this._axisTargetedByUpAndDown = JoystickAxis.Y; this.reverseLeftRight = false; this.reverseUpDown = false; // collections of pointers this._touches = new BABYLON.StringDictionary(); this.deltaPosition = BABYLON.Vector3.Zero(); this._joystickSensibility = 25; this._inversedSensibility = 1 / (this._joystickSensibility / 1000); this._rotationSpeed = 25; this._inverseRotationSpeed = 1 / (this._rotationSpeed / 1000); this._rotateOnAxisRelativeToMesh = false; this._onResize = function (evt) { VirtualJoystick.vjCanvasWidth = window.innerWidth; VirtualJoystick.vjCanvasHeight = window.innerHeight; VirtualJoystick.vjCanvas.width = VirtualJoystick.vjCanvasWidth; VirtualJoystick.vjCanvas.height = VirtualJoystick.vjCanvasHeight; VirtualJoystick.halfWidth = VirtualJoystick.vjCanvasWidth / 2; VirtualJoystick.halfHeight = VirtualJoystick.vjCanvasHeight / 2; }; // injecting a canvas element on top of the canvas 3D game if (!VirtualJoystick.vjCanvas) { window.addEventListener("resize", this._onResize, false); VirtualJoystick.vjCanvas = document.createElement("canvas"); VirtualJoystick.vjCanvasWidth = window.innerWidth; VirtualJoystick.vjCanvasHeight = window.innerHeight; VirtualJoystick.vjCanvas.width = window.innerWidth; VirtualJoystick.vjCanvas.height = window.innerHeight; VirtualJoystick.vjCanvas.style.width = "100%"; VirtualJoystick.vjCanvas.style.height = "100%"; VirtualJoystick.vjCanvas.style.position = "absolute"; VirtualJoystick.vjCanvas.style.backgroundColor = "transparent"; VirtualJoystick.vjCanvas.style.top = "0px"; VirtualJoystick.vjCanvas.style.left = "0px"; VirtualJoystick.vjCanvas.style.zIndex = "5"; VirtualJoystick.vjCanvas.style.msTouchAction = "none"; // Support for jQuery PEP polyfill VirtualJoystick.vjCanvas.setAttribute("touch-action", "none"); VirtualJoystick.vjCanvasContext = VirtualJoystick.vjCanvas.getContext('2d'); VirtualJoystick.vjCanvasContext.strokeStyle = "#ffffff"; VirtualJoystick.vjCanvasContext.lineWidth = 2; document.body.appendChild(VirtualJoystick.vjCanvas); } VirtualJoystick.halfWidth = VirtualJoystick.vjCanvas.width / 2; VirtualJoystick.halfHeight = VirtualJoystick.vjCanvas.height / 2; this.pressed = false; // default joystick color this._joystickColor = "cyan"; this._joystickPointerID = -1; // current joystick position this._joystickPointerPos = new BABYLON.Vector2(0, 0); this._joystickPreviousPointerPos = new BABYLON.Vector2(0, 0); // origin joystick position this._joystickPointerStartPos = new BABYLON.Vector2(0, 0); this._deltaJoystickVector = new BABYLON.Vector2(0, 0); this._onPointerDownHandlerRef = function (evt) { _this._onPointerDown(evt); }; this._onPointerMoveHandlerRef = function (evt) { _this._onPointerMove(evt); }; this._onPointerOutHandlerRef = function (evt) { _this._onPointerUp(evt); }; this._onPointerUpHandlerRef = function (evt) { _this._onPointerUp(evt); }; VirtualJoystick.vjCanvas.addEventListener('pointerdown', this._onPointerDownHandlerRef, false); VirtualJoystick.vjCanvas.addEventListener('pointermove', this._onPointerMoveHandlerRef, false); VirtualJoystick.vjCanvas.addEventListener('pointerup', this._onPointerUpHandlerRef, false); VirtualJoystick.vjCanvas.addEventListener('pointerout', this._onPointerUpHandlerRef, false); VirtualJoystick.vjCanvas.addEventListener("contextmenu", function (evt) { evt.preventDefault(); // Disables system menu }, false); requestAnimationFrame(function () { _this._drawVirtualJoystick(); }); } VirtualJoystick.prototype.setJoystickSensibility = function (newJoystickSensibility) { this._joystickSensibility = newJoystickSensibility; this._inversedSensibility = 1 / (this._joystickSensibility / 1000); }; VirtualJoystick.prototype._onPointerDown = function (e) { var positionOnScreenCondition; e.preventDefault(); if (this._leftJoystick === true) { positionOnScreenCondition = (e.clientX < VirtualJoystick.halfWidth); } else { positionOnScreenCondition = (e.clientX > VirtualJoystick.halfWidth); } if (positionOnScreenCondition && this._joystickPointerID < 0) { // First contact will be dedicated to the virtual joystick this._joystickPointerID = e.pointerId; this._joystickPointerStartPos.x = e.clientX; this._joystickPointerStartPos.y = e.clientY; this._joystickPointerPos = this._joystickPointerStartPos.clone(); this._joystickPreviousPointerPos = this._joystickPointerStartPos.clone(); this._deltaJoystickVector.x = 0; this._deltaJoystickVector.y = 0; this.pressed = true; this._touches.add(e.pointerId.toString(), e); } else { // You can only trigger the action buttons with a joystick declared if (VirtualJoystick._globalJoystickIndex < 2 && this._action) { this._action(); this._touches.add(e.pointerId.toString(), { x: e.clientX, y: e.clientY, prevX: e.clientX, prevY: e.clientY }); } } }; VirtualJoystick.prototype._onPointerMove = function (e) { // If the current pointer is the one associated to the joystick (first touch contact) if (this._joystickPointerID == e.pointerId) { this._joystickPointerPos.x = e.clientX; this._joystickPointerPos.y = e.clientY; this._deltaJoystickVector = this._joystickPointerPos.clone(); this._deltaJoystickVector = this._deltaJoystickVector.subtract(this._joystickPointerStartPos); var directionLeftRight = this.reverseLeftRight ? -1 : 1; var deltaJoystickX = directionLeftRight * this._deltaJoystickVector.x / this._inversedSensibility; switch (this._axisTargetedByLeftAndRight) { case JoystickAxis.X: this.deltaPosition.x = Math.min(1, Math.max(-1, deltaJoystickX)); break; case JoystickAxis.Y: this.deltaPosition.y = Math.min(1, Math.max(-1, deltaJoystickX)); break; case JoystickAxis.Z: this.deltaPosition.z = Math.min(1, Math.max(-1, deltaJoystickX)); break; } var directionUpDown = this.reverseUpDown ? 1 : -1; var deltaJoystickY = directionUpDown * this._deltaJoystickVector.y / this._inversedSensibility; switch (this._axisTargetedByUpAndDown) { case JoystickAxis.X: this.deltaPosition.x = Math.min(1, Math.max(-1, deltaJoystickY)); break; case JoystickAxis.Y: this.deltaPosition.y = Math.min(1, Math.max(-1, deltaJoystickY)); break; case JoystickAxis.Z: this.deltaPosition.z = Math.min(1, Math.max(-1, deltaJoystickY)); break; } } else { var data = this._touches.get(e.pointerId.toString()); if (data) { data.x = e.clientX; data.y = e.clientY; } } }; VirtualJoystick.prototype._onPointerUp = function (e) { if (this._joystickPointerID == e.pointerId) { VirtualJoystick.vjCanvasContext.clearRect(this._joystickPointerStartPos.x - 63, this._joystickPointerStartPos.y - 63, 126, 126); VirtualJoystick.vjCanvasContext.clearRect(this._joystickPreviousPointerPos.x - 41, this._joystickPreviousPointerPos.y - 41, 82, 82); this._joystickPointerID = -1; this.pressed = false; } else { var touch = this._touches.get(e.pointerId.toString()); if (touch) { VirtualJoystick.vjCanvasContext.clearRect(touch.prevX - 43, touch.prevY - 43, 86, 86); } } this._deltaJoystickVector.x = 0; this._deltaJoystickVector.y = 0; this._touches.remove(e.pointerId.toString()); }; /** * Change the color of the virtual joystick * @param newColor a string that must be a CSS color value (like "red") or the hexa value (like "#FF0000") */ VirtualJoystick.prototype.setJoystickColor = function (newColor) { this._joystickColor = newColor; }; VirtualJoystick.prototype.setActionOnTouch = function (action) { this._action = action; }; // Define which axis you'd like to control for left & right VirtualJoystick.prototype.setAxisForLeftRight = function (axis) { switch (axis) { case JoystickAxis.X: case JoystickAxis.Y: case JoystickAxis.Z: this._axisTargetedByLeftAndRight = axis; break; default: this._axisTargetedByLeftAndRight = JoystickAxis.X; break; } }; // Define which axis you'd like to control for up & down VirtualJoystick.prototype.setAxisForUpDown = function (axis) { switch (axis) { case JoystickAxis.X: case JoystickAxis.Y: case JoystickAxis.Z: this._axisTargetedByUpAndDown = axis; break; default: this._axisTargetedByUpAndDown = JoystickAxis.Y; break; } }; VirtualJoystick.prototype._clearCanvas = function () { if (this._leftJoystick) { VirtualJoystick.vjCanvasContext.clearRect(0, 0, VirtualJoystick.vjCanvasWidth / 2, VirtualJoystick.vjCanvasHeight); } else { VirtualJoystick.vjCanvasContext.clearRect(VirtualJoystick.vjCanvasWidth / 2, 0, VirtualJoystick.vjCanvasWidth, VirtualJoystick.vjCanvasHeight); } }; VirtualJoystick.prototype._drawVirtualJoystick = function () { var _this = this; if (this.pressed) { this._touches.forEach(function (touch) { if (touch.pointerId === _this._joystickPointerID) { VirtualJoystick.vjCanvasContext.clearRect(_this._joystickPointerStartPos.x - 63, _this._joystickPointerStartPos.y - 63, 126, 126); VirtualJoystick.vjCanvasContext.clearRect(_this._joystickPreviousPointerPos.x - 41, _this._joystickPreviousPointerPos.y - 41, 82, 82); VirtualJoystick.vjCanvasContext.beginPath(); VirtualJoystick.vjCanvasContext.lineWidth = 6; VirtualJoystick.vjCanvasContext.strokeStyle = _this._joystickColor; VirtualJoystick.vjCanvasContext.arc(_this._joystickPointerStartPos.x, _this._joystickPointerStartPos.y, 40, 0, Math.PI * 2, true); VirtualJoystick.vjCanvasContext.stroke(); VirtualJoystick.vjCanvasContext.closePath(); VirtualJoystick.vjCanvasContext.beginPath(); VirtualJoystick.vjCanvasContext.strokeStyle = _this._joystickColor; VirtualJoystick.vjCanvasContext.lineWidth = 2; VirtualJoystick.vjCanvasContext.arc(_this._joystickPointerStartPos.x, _this._joystickPointerStartPos.y, 60, 0, Math.PI * 2, true); VirtualJoystick.vjCanvasContext.stroke(); VirtualJoystick.vjCanvasContext.closePath(); VirtualJoystick.vjCanvasContext.beginPath(); VirtualJoystick.vjCanvasContext.strokeStyle = _this._joystickColor; VirtualJoystick.vjCanvasContext.arc(_this._joystickPointerPos.x, _this._joystickPointerPos.y, 40, 0, Math.PI * 2, true); VirtualJoystick.vjCanvasContext.stroke(); VirtualJoystick.vjCanvasContext.closePath(); _this._joystickPreviousPointerPos = _this._joystickPointerPos.clone(); } else { VirtualJoystick.vjCanvasContext.clearRect(touch.prevX - 43, touch.prevY - 43, 86, 86); VirtualJoystick.vjCanvasContext.beginPath(); VirtualJoystick.vjCanvasContext.fillStyle = "white"; VirtualJoystick.vjCanvasContext.beginPath(); VirtualJoystick.vjCanvasContext.strokeStyle = "red"; VirtualJoystick.vjCanvasContext.lineWidth = 6; VirtualJoystick.vjCanvasContext.arc(touch.x, touch.y, 40, 0, Math.PI * 2, true); VirtualJoystick.vjCanvasContext.stroke(); VirtualJoystick.vjCanvasContext.closePath(); touch.prevX = touch.x; touch.prevY = touch.y; } ; }); } requestAnimationFrame(function () { _this._drawVirtualJoystick(); }); }; VirtualJoystick.prototype.releaseCanvas = function () { if (VirtualJoystick.vjCanvas) { VirtualJoystick.vjCanvas.removeEventListener('pointerdown', this._onPointerDownHandlerRef); VirtualJoystick.vjCanvas.removeEventListener('pointermove', this._onPointerMoveHandlerRef); VirtualJoystick.vjCanvas.removeEventListener('pointerup', this._onPointerUpHandlerRef); VirtualJoystick.vjCanvas.removeEventListener('pointerout', this._onPointerUpHandlerRef); window.removeEventListener("resize", this._onResize); document.body.removeChild(VirtualJoystick.vjCanvas); VirtualJoystick.vjCanvas = null; } }; // Used to draw the virtual joystick inside a 2D canvas on top of the WebGL rendering canvas VirtualJoystick._globalJoystickIndex = 0; return VirtualJoystick; }()); BABYLON.VirtualJoystick = VirtualJoystick; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.virtualJoystick.js.map var BABYLON; (function (BABYLON) { // We're mainly based on the logic defined into the FreeCamera code var VirtualJoysticksCamera = (function (_super) { __extends(VirtualJoysticksCamera, _super); function VirtualJoysticksCamera(name, position, scene) { _super.call(this, name, position, scene); this.inputs.addVirtualJoystick(); } return VirtualJoysticksCamera; }(BABYLON.FreeCamera)); BABYLON.VirtualJoysticksCamera = VirtualJoysticksCamera; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Cameras/babylon.virtualJoysticksCamera.js.map var BABYLON; (function (BABYLON) { var FreeCameraVirtualJoystickInput = (function () { function FreeCameraVirtualJoystickInput() { } FreeCameraVirtualJoystickInput.prototype.getLeftJoystick = function () { return this._leftjoystick; }; FreeCameraVirtualJoystickInput.prototype.getRightJoystick = function () { return this._rightjoystick; }; FreeCameraVirtualJoystickInput.prototype.checkInputs = function () { if (this._leftjoystick) { var camera = this.camera; var speed = camera._computeLocalCameraSpeed() * 50; var cameraTransform = BABYLON.Matrix.RotationYawPitchRoll(camera.rotation.y, camera.rotation.x, 0); var deltaTransform = BABYLON.Vector3.TransformCoordinates(new BABYLON.Vector3(this._leftjoystick.deltaPosition.x * speed, this._leftjoystick.deltaPosition.y * speed, this._leftjoystick.deltaPosition.z * speed), cameraTransform); camera.cameraDirection = camera.cameraDirection.add(deltaTransform); camera.cameraRotation = camera.cameraRotation.addVector3(this._rightjoystick.deltaPosition); if (!this._leftjoystick.pressed) { this._leftjoystick.deltaPosition = this._leftjoystick.deltaPosition.scale(0.9); } if (!this._rightjoystick.pressed) { this._rightjoystick.deltaPosition = this._rightjoystick.deltaPosition.scale(0.9); } } }; FreeCameraVirtualJoystickInput.prototype.attachControl = function (element, noPreventDefault) { this._leftjoystick = new BABYLON.VirtualJoystick(true); this._leftjoystick.setAxisForUpDown(BABYLON.JoystickAxis.Z); this._leftjoystick.setAxisForLeftRight(BABYLON.JoystickAxis.X); this._leftjoystick.setJoystickSensibility(0.15); this._rightjoystick = new BABYLON.VirtualJoystick(false); this._rightjoystick.setAxisForUpDown(BABYLON.JoystickAxis.X); this._rightjoystick.setAxisForLeftRight(BABYLON.JoystickAxis.Y); this._rightjoystick.reverseUpDown = true; this._rightjoystick.setJoystickSensibility(0.05); this._rightjoystick.setJoystickColor("yellow"); }; FreeCameraVirtualJoystickInput.prototype.detachControl = function (element) { this._leftjoystick.releaseCanvas(); this._rightjoystick.releaseCanvas(); }; FreeCameraVirtualJoystickInput.prototype.getTypeName = function () { return "FreeCameraVirtualJoystickInput"; }; FreeCameraVirtualJoystickInput.prototype.getSimpleName = function () { return "virtualJoystick"; }; return FreeCameraVirtualJoystickInput; }()); BABYLON.FreeCameraVirtualJoystickInput = FreeCameraVirtualJoystickInput; BABYLON.CameraInputTypes["FreeCameraVirtualJoystickInput"] = FreeCameraVirtualJoystickInput; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Cameras/Inputs/babylon.freecamera.input.virtualjoystick.js.map var BABYLON; (function (BABYLON) { var AnaglyphPostProcess = (function (_super) { __extends(AnaglyphPostProcess, _super); function AnaglyphPostProcess(name, options, rigCameras, samplingMode, engine, reusable) { var _this = this; _super.call(this, name, "anaglyph", null, ["leftSampler"], options, rigCameras[1], samplingMode, engine, reusable); this._passedProcess = rigCameras[0]._rigPostProcess; this.onApplyObservable.add(function (effect) { effect.setTextureFromPostProcess("leftSampler", _this._passedProcess); }); } return AnaglyphPostProcess; }(BABYLON.PostProcess)); BABYLON.AnaglyphPostProcess = AnaglyphPostProcess; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.anaglyphPostProcess.js.map var BABYLON; (function (BABYLON) { var OutlineRenderer = (function () { function OutlineRenderer(scene) { this._scene = scene; } OutlineRenderer.prototype.render = function (subMesh, batch, useOverlay) { var _this = this; if (useOverlay === void 0) { useOverlay = false; } var scene = this._scene; var engine = this._scene.getEngine(); var hardwareInstancedRendering = (engine.getCaps().instancedArrays !== null) && (batch.visibleInstances[subMesh._id] !== null) && (batch.visibleInstances[subMesh._id] !== undefined); if (!this.isReady(subMesh, hardwareInstancedRendering)) { return; } var mesh = subMesh.getRenderingMesh(); var material = subMesh.getMaterial(); engine.enableEffect(this._effect); this._effect.setFloat("offset", useOverlay ? 0 : mesh.outlineWidth); this._effect.setColor4("color", useOverlay ? mesh.overlayColor : mesh.outlineColor, useOverlay ? mesh.overlayAlpha : 1.0); this._effect.setMatrix("viewProjection", scene.getTransformMatrix()); // Bones if (mesh.useBones && mesh.computeBonesUsingShaders) { this._effect.setMatrices("mBones", mesh.skeleton.getTransformMatrices(mesh)); } mesh._bind(subMesh, this._effect, BABYLON.Material.TriangleFillMode); // Alpha test if (material && material.needAlphaTesting()) { var alphaTexture = material.getAlphaTestTexture(); this._effect.setTexture("diffuseSampler", alphaTexture); this._effect.setMatrix("diffuseMatrix", alphaTexture.getTextureMatrix()); } mesh._processRendering(subMesh, this._effect, BABYLON.Material.TriangleFillMode, batch, hardwareInstancedRendering, function (isInstance, world) { _this._effect.setMatrix("world", world); }); }; OutlineRenderer.prototype.isReady = function (subMesh, useInstances) { var defines = []; var attribs = [BABYLON.VertexBuffer.PositionKind, BABYLON.VertexBuffer.NormalKind]; var mesh = subMesh.getMesh(); var material = subMesh.getMaterial(); // Alpha test if (material && material.needAlphaTesting()) { defines.push("#define ALPHATEST"); if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UVKind)) { attribs.push(BABYLON.VertexBuffer.UVKind); defines.push("#define UV1"); } if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UV2Kind)) { attribs.push(BABYLON.VertexBuffer.UV2Kind); defines.push("#define UV2"); } } // Bones if (mesh.useBones && mesh.computeBonesUsingShaders) { attribs.push(BABYLON.VertexBuffer.MatricesIndicesKind); attribs.push(BABYLON.VertexBuffer.MatricesWeightsKind); if (mesh.numBoneInfluencers > 4) { attribs.push(BABYLON.VertexBuffer.MatricesIndicesExtraKind); attribs.push(BABYLON.VertexBuffer.MatricesWeightsExtraKind); } defines.push("#define NUM_BONE_INFLUENCERS " + mesh.numBoneInfluencers); defines.push("#define BonesPerMesh " + (mesh.skeleton.bones.length + 1)); } else { defines.push("#define NUM_BONE_INFLUENCERS 0"); } // Instances if (useInstances) { defines.push("#define INSTANCES"); attribs.push("world0"); attribs.push("world1"); attribs.push("world2"); attribs.push("world3"); } // Get correct effect var join = defines.join("\n"); if (this._cachedDefines !== join) { this._cachedDefines = join; this._effect = this._scene.getEngine().createEffect("outline", attribs, ["world", "mBones", "viewProjection", "diffuseMatrix", "offset", "color"], ["diffuseSampler"], join); } return this._effect.isReady(); }; return OutlineRenderer; }()); BABYLON.OutlineRenderer = OutlineRenderer; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Rendering/babylon.outlineRenderer.js.map var BABYLON; (function (BABYLON) { var MeshAssetTask = (function () { function MeshAssetTask(name, meshesNames, rootUrl, sceneFilename) { this.name = name; this.meshesNames = meshesNames; this.rootUrl = rootUrl; this.sceneFilename = sceneFilename; this.isCompleted = false; } MeshAssetTask.prototype.run = function (scene, onSuccess, onError) { var _this = this; BABYLON.SceneLoader.ImportMesh(this.meshesNames, this.rootUrl, this.sceneFilename, scene, function (meshes, particleSystems, skeletons) { _this.loadedMeshes = meshes; _this.loadedParticleSystems = particleSystems; _this.loadedSkeletons = skeletons; _this.isCompleted = true; if (_this.onSuccess) { _this.onSuccess(_this); } onSuccess(); }, null, function () { if (_this.onError) { _this.onError(_this); } onError(); }); }; return MeshAssetTask; }()); BABYLON.MeshAssetTask = MeshAssetTask; var TextFileAssetTask = (function () { function TextFileAssetTask(name, url) { this.name = name; this.url = url; this.isCompleted = false; } TextFileAssetTask.prototype.run = function (scene, onSuccess, onError) { var _this = this; BABYLON.Tools.LoadFile(this.url, function (data) { _this.text = data; _this.isCompleted = true; if (_this.onSuccess) { _this.onSuccess(_this); } onSuccess(); }, null, scene.database, false, function () { if (_this.onError) { _this.onError(_this); } onError(); }); }; return TextFileAssetTask; }()); BABYLON.TextFileAssetTask = TextFileAssetTask; var BinaryFileAssetTask = (function () { function BinaryFileAssetTask(name, url) { this.name = name; this.url = url; this.isCompleted = false; } BinaryFileAssetTask.prototype.run = function (scene, onSuccess, onError) { var _this = this; BABYLON.Tools.LoadFile(this.url, function (data) { _this.data = data; _this.isCompleted = true; if (_this.onSuccess) { _this.onSuccess(_this); } onSuccess(); }, null, scene.database, true, function () { if (_this.onError) { _this.onError(_this); } onError(); }); }; return BinaryFileAssetTask; }()); BABYLON.BinaryFileAssetTask = BinaryFileAssetTask; var ImageAssetTask = (function () { function ImageAssetTask(name, url) { this.name = name; this.url = url; this.isCompleted = false; } ImageAssetTask.prototype.run = function (scene, onSuccess, onError) { var _this = this; var img = new Image(); BABYLON.Tools.SetCorsBehavior(this.url, img); img.onload = function () { _this.image = img; _this.isCompleted = true; if (_this.onSuccess) { _this.onSuccess(_this); } onSuccess(); }; img.onerror = function () { if (_this.onError) { _this.onError(_this); } onError(); }; img.src = this.url; }; return ImageAssetTask; }()); BABYLON.ImageAssetTask = ImageAssetTask; var TextureAssetTask = (function () { function TextureAssetTask(name, url, noMipmap, invertY, samplingMode) { if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } this.name = name; this.url = url; this.noMipmap = noMipmap; this.invertY = invertY; this.samplingMode = samplingMode; this.isCompleted = false; } TextureAssetTask.prototype.run = function (scene, onSuccess, onError) { var _this = this; var onload = function () { _this.isCompleted = true; if (_this.onSuccess) { _this.onSuccess(_this); } onSuccess(); }; var onerror = function () { if (_this.onError) { _this.onError(_this); } onError(); }; this.texture = new BABYLON.Texture(this.url, scene, this.noMipmap, this.invertY, this.samplingMode, onload, onerror); }; return TextureAssetTask; }()); BABYLON.TextureAssetTask = TextureAssetTask; var CubeTextureAssetTask = (function () { function CubeTextureAssetTask(name, url, extensions, noMipmap, files) { this.name = name; this.url = url; this.extensions = extensions; this.noMipmap = noMipmap; this.files = files; this.isCompleted = false; } CubeTextureAssetTask.prototype.run = function (scene, onSuccess, onError) { var _this = this; var onload = function () { _this.isCompleted = true; if (_this.onSuccess) { _this.onSuccess(_this); } onSuccess(); }; var onerror = function () { if (_this.onError) { _this.onError(_this); } onError(); }; this.texture = new BABYLON.CubeTexture(this.url, scene, this.extensions, this.noMipmap, this.files, onload, onerror); }; return CubeTextureAssetTask; }()); BABYLON.CubeTextureAssetTask = CubeTextureAssetTask; var AssetsManager = (function () { function AssetsManager(scene) { this.tasks = new Array(); this.waitingTasksCount = 0; this.useDefaultLoadingScreen = true; this._scene = scene; } AssetsManager.prototype.addMeshTask = function (taskName, meshesNames, rootUrl, sceneFilename) { var task = new MeshAssetTask(taskName, meshesNames, rootUrl, sceneFilename); this.tasks.push(task); return task; }; AssetsManager.prototype.addTextFileTask = function (taskName, url) { var task = new TextFileAssetTask(taskName, url); this.tasks.push(task); return task; }; AssetsManager.prototype.addBinaryFileTask = function (taskName, url) { var task = new BinaryFileAssetTask(taskName, url); this.tasks.push(task); return task; }; AssetsManager.prototype.addImageTask = function (taskName, url) { var task = new ImageAssetTask(taskName, url); this.tasks.push(task); return task; }; AssetsManager.prototype.addTextureTask = function (taskName, url, noMipmap, invertY, samplingMode) { if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } var task = new TextureAssetTask(taskName, url, noMipmap, invertY, samplingMode); this.tasks.push(task); return task; }; AssetsManager.prototype._decreaseWaitingTasksCount = function () { this.waitingTasksCount--; if (this.waitingTasksCount === 0) { if (this.onFinish) { this.onFinish(this.tasks); } this._scene.getEngine().hideLoadingUI(); } }; AssetsManager.prototype._runTask = function (task) { var _this = this; task.run(this._scene, function () { if (_this.onTaskSuccess) { _this.onTaskSuccess(task); } _this._decreaseWaitingTasksCount(); }, function () { if (_this.onTaskError) { _this.onTaskError(task); } _this._decreaseWaitingTasksCount(); }); }; AssetsManager.prototype.reset = function () { this.tasks = new Array(); return this; }; AssetsManager.prototype.load = function () { this.waitingTasksCount = this.tasks.length; if (this.waitingTasksCount === 0) { if (this.onFinish) { this.onFinish(this.tasks); } return this; } if (this.useDefaultLoadingScreen) { this._scene.getEngine().displayLoadingUI(); } for (var index = 0; index < this.tasks.length; index++) { var task = this.tasks[index]; this._runTask(task); } return this; }; return AssetsManager; }()); BABYLON.AssetsManager = AssetsManager; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.assetsManager.js.map var BABYLON; (function (BABYLON) { var VRCameraMetrics = (function () { function VRCameraMetrics() { this.compensateDistortion = true; } Object.defineProperty(VRCameraMetrics.prototype, "aspectRatio", { get: function () { return this.hResolution / (2 * this.vResolution); }, enumerable: true, configurable: true }); Object.defineProperty(VRCameraMetrics.prototype, "aspectRatioFov", { get: function () { return (2 * Math.atan((this.postProcessScaleFactor * this.vScreenSize) / (2 * this.eyeToScreenDistance))); }, enumerable: true, configurable: true }); Object.defineProperty(VRCameraMetrics.prototype, "leftHMatrix", { get: function () { var meters = (this.hScreenSize / 4) - (this.lensSeparationDistance / 2); var h = (4 * meters) / this.hScreenSize; return BABYLON.Matrix.Translation(h, 0, 0); }, enumerable: true, configurable: true }); Object.defineProperty(VRCameraMetrics.prototype, "rightHMatrix", { get: function () { var meters = (this.hScreenSize / 4) - (this.lensSeparationDistance / 2); var h = (4 * meters) / this.hScreenSize; return BABYLON.Matrix.Translation(-h, 0, 0); }, enumerable: true, configurable: true }); Object.defineProperty(VRCameraMetrics.prototype, "leftPreViewMatrix", { get: function () { return BABYLON.Matrix.Translation(0.5 * this.interpupillaryDistance, 0, 0); }, enumerable: true, configurable: true }); Object.defineProperty(VRCameraMetrics.prototype, "rightPreViewMatrix", { get: function () { return BABYLON.Matrix.Translation(-0.5 * this.interpupillaryDistance, 0, 0); }, enumerable: true, configurable: true }); VRCameraMetrics.GetDefault = function () { var result = new VRCameraMetrics(); result.hResolution = 1280; result.vResolution = 800; result.hScreenSize = 0.149759993; result.vScreenSize = 0.0935999975; result.vScreenCenter = 0.0467999987, result.eyeToScreenDistance = 0.0410000011; result.lensSeparationDistance = 0.0635000020; result.interpupillaryDistance = 0.0640000030; result.distortionK = [1.0, 0.219999999, 0.239999995, 0.0]; result.chromaAbCorrection = [0.995999992, -0.00400000019, 1.01400006, 0.0]; result.postProcessScaleFactor = 1.714605507808412; result.lensCenterOffset = 0.151976421; return result; }; return VRCameraMetrics; }()); BABYLON.VRCameraMetrics = VRCameraMetrics; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Cameras/VR/babylon.vrCameraMetrics.js.map var BABYLON; (function (BABYLON) { var WebVRFreeCamera = (function (_super) { __extends(WebVRFreeCamera, _super); function WebVRFreeCamera(name, position, scene, compensateDistortion, webVROptions) { var _this = this; if (compensateDistortion === void 0) { compensateDistortion = false; } if (webVROptions === void 0) { webVROptions = {}; } _super.call(this, name, position, scene); this.webVROptions = webVROptions; this._vrDevice = null; this._cacheState = null; this._vrEnabled = false; this._attached = false; //using the position provided as the current position offset this._positionOffset = position; //enable VR this.getEngine().initWebVR(); if (!this.getEngine().vrDisplaysPromise) { BABYLON.Tools.Error("WebVR is not enabled on your browser"); } else { //TODO get the metrics updated using the device's eye parameters! //TODO also check that the device has the right capabilities! this._frameData = new VRFrameData(); this.getEngine().vrDisplaysPromise.then(function (devices) { if (devices.length > 0) { _this._vrEnabled = true; if (_this.webVROptions.displayName) { var found = devices.some(function (device) { if (device.displayName === _this.webVROptions.displayName) { _this._vrDevice = device; return true; } else { return false; } }); if (!found) { _this._vrDevice = devices[0]; BABYLON.Tools.Warn("Display " + _this.webVROptions.displayName + " was not found. Using " + _this._vrDevice.displayName); } } else { //choose the first one _this._vrDevice = devices[0]; } //reset the rig parameters. _this.setCameraRigMode(BABYLON.Camera.RIG_MODE_WEBVR, { vrDisplay: _this._vrDevice, frameData: _this._frameData }); if (_this._attached) { _this.getEngine().enableVR(_this._vrDevice); } } else { BABYLON.Tools.Error("No WebVR devices found!"); } }); } this.rotationQuaternion = new BABYLON.Quaternion(); this._quaternionCache = new BABYLON.Quaternion(); } WebVRFreeCamera.prototype._checkInputs = function () { if (this._vrEnabled && this._vrDevice.getFrameData(this._frameData)) { var currentPost = this._frameData.pose; //make sure we have data if (currentPost && currentPost.orientation) { this._cacheState = currentPost; this.rotationQuaternion.copyFromFloats(this._cacheState.orientation[0], this._cacheState.orientation[1], -this._cacheState.orientation[2], -this._cacheState.orientation[3]); if (this.webVROptions.trackPosition && this._cacheState.position) { this.position.copyFromFloats(this._cacheState.position[0], this._cacheState.position[1], -this._cacheState.position[2]); //scale the position accordingly this.webVROptions.positionScale && this.position.scaleInPlace(this.webVROptions.positionScale); //add the position offset this.position.addInPlace(this._positionOffset); } } } _super.prototype._checkInputs.call(this); }; WebVRFreeCamera.prototype.attachControl = function (element, noPreventDefault) { _super.prototype.attachControl.call(this, element, noPreventDefault); this._attached = true; noPreventDefault = BABYLON.Camera.ForceAttachControlToAlwaysPreventDefault ? false : noPreventDefault; if (this._vrEnabled) { this.getEngine().enableVR(this._vrDevice); } }; WebVRFreeCamera.prototype.detachControl = function (element) { _super.prototype.detachControl.call(this, element); this._vrEnabled = false; this._attached = false; this.getEngine().disableVR(); }; WebVRFreeCamera.prototype.requestVRFullscreen = function (requestPointerlock) { //Backwards comp. BABYLON.Tools.Warn("requestVRFullscreen is deprecated. call attachControl() to start sending frames to the VR display."); //this.getEngine().switchFullscreen(requestPointerlock); }; WebVRFreeCamera.prototype.getTypeName = function () { return "WebVRFreeCamera"; }; WebVRFreeCamera.prototype.resetToCurrentRotation = function () { //uses the vrDisplay's "resetPose()". //pitch and roll won't be affected. this._vrDevice.resetPose(); }; /** * * Set the position offset of the VR camera * The offset will be added to the WebVR pose, after scaling it (if set). * * @param {Vector3} [newPosition] an optional new position. if not provided, the current camera position will be used. * * @memberOf WebVRFreeCamera */ WebVRFreeCamera.prototype.setPositionOffset = function (newPosition) { if (newPosition) { this._positionOffset = newPosition; } else { this._positionOffset.copyFrom(this.position); } }; return WebVRFreeCamera; }(BABYLON.FreeCamera)); BABYLON.WebVRFreeCamera = WebVRFreeCamera; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Cameras/VR/babylon.webVRCamera.js.map var BABYLON; (function (BABYLON) { // Standard optimizations var SceneOptimization = (function () { function SceneOptimization(priority) { if (priority === void 0) { priority = 0; } this.priority = priority; this.apply = function (scene) { return true; // Return true if everything that can be done was applied }; } return SceneOptimization; }()); BABYLON.SceneOptimization = SceneOptimization; var TextureOptimization = (function (_super) { __extends(TextureOptimization, _super); function TextureOptimization(priority, maximumSize) { var _this = this; if (priority === void 0) { priority = 0; } if (maximumSize === void 0) { maximumSize = 1024; } _super.call(this, priority); this.priority = priority; this.maximumSize = maximumSize; this.apply = function (scene) { var allDone = true; for (var index = 0; index < scene.textures.length; index++) { var texture = scene.textures[index]; if (!texture.canRescale) { continue; } var currentSize = texture.getSize(); var maxDimension = Math.max(currentSize.width, currentSize.height); if (maxDimension > _this.maximumSize) { texture.scale(0.5); allDone = false; } } return allDone; }; } return TextureOptimization; }(SceneOptimization)); BABYLON.TextureOptimization = TextureOptimization; var HardwareScalingOptimization = (function (_super) { __extends(HardwareScalingOptimization, _super); function HardwareScalingOptimization(priority, maximumScale) { var _this = this; if (priority === void 0) { priority = 0; } if (maximumScale === void 0) { maximumScale = 2; } _super.call(this, priority); this.priority = priority; this.maximumScale = maximumScale; this._currentScale = 1; this.apply = function (scene) { _this._currentScale++; scene.getEngine().setHardwareScalingLevel(_this._currentScale); return _this._currentScale >= _this.maximumScale; }; } return HardwareScalingOptimization; }(SceneOptimization)); BABYLON.HardwareScalingOptimization = HardwareScalingOptimization; var ShadowsOptimization = (function (_super) { __extends(ShadowsOptimization, _super); function ShadowsOptimization() { _super.apply(this, arguments); this.apply = function (scene) { scene.shadowsEnabled = false; return true; }; } return ShadowsOptimization; }(SceneOptimization)); BABYLON.ShadowsOptimization = ShadowsOptimization; var PostProcessesOptimization = (function (_super) { __extends(PostProcessesOptimization, _super); function PostProcessesOptimization() { _super.apply(this, arguments); this.apply = function (scene) { scene.postProcessesEnabled = false; return true; }; } return PostProcessesOptimization; }(SceneOptimization)); BABYLON.PostProcessesOptimization = PostProcessesOptimization; var LensFlaresOptimization = (function (_super) { __extends(LensFlaresOptimization, _super); function LensFlaresOptimization() { _super.apply(this, arguments); this.apply = function (scene) { scene.lensFlaresEnabled = false; return true; }; } return LensFlaresOptimization; }(SceneOptimization)); BABYLON.LensFlaresOptimization = LensFlaresOptimization; var ParticlesOptimization = (function (_super) { __extends(ParticlesOptimization, _super); function ParticlesOptimization() { _super.apply(this, arguments); this.apply = function (scene) { scene.particlesEnabled = false; return true; }; } return ParticlesOptimization; }(SceneOptimization)); BABYLON.ParticlesOptimization = ParticlesOptimization; var RenderTargetsOptimization = (function (_super) { __extends(RenderTargetsOptimization, _super); function RenderTargetsOptimization() { _super.apply(this, arguments); this.apply = function (scene) { scene.renderTargetsEnabled = false; return true; }; } return RenderTargetsOptimization; }(SceneOptimization)); BABYLON.RenderTargetsOptimization = RenderTargetsOptimization; var MergeMeshesOptimization = (function (_super) { __extends(MergeMeshesOptimization, _super); function MergeMeshesOptimization() { var _this = this; _super.apply(this, arguments); this._canBeMerged = function (abstractMesh) { if (!(abstractMesh instanceof BABYLON.Mesh)) { return false; } var mesh = abstractMesh; if (!mesh.isVisible || !mesh.isEnabled()) { return false; } if (mesh.instances.length > 0) { return false; } if (mesh.skeleton || mesh.hasLODLevels) { return false; } if (mesh.parent) { return false; } return true; }; this.apply = function (scene, updateSelectionTree) { var globalPool = scene.meshes.slice(0); var globalLength = globalPool.length; for (var index = 0; index < globalLength; index++) { var currentPool = new Array(); var current = globalPool[index]; // Checks if (!_this._canBeMerged(current)) { continue; } currentPool.push(current); // Find compatible meshes for (var subIndex = index + 1; subIndex < globalLength; subIndex++) { var otherMesh = globalPool[subIndex]; if (!_this._canBeMerged(otherMesh)) { continue; } if (otherMesh.material !== current.material) { continue; } if (otherMesh.checkCollisions !== current.checkCollisions) { continue; } currentPool.push(otherMesh); globalLength--; globalPool.splice(subIndex, 1); subIndex--; } if (currentPool.length < 2) { continue; } // Merge meshes BABYLON.Mesh.MergeMeshes(currentPool); } if (updateSelectionTree != undefined) { if (updateSelectionTree) { scene.createOrUpdateSelectionOctree(); } } else if (MergeMeshesOptimization.UpdateSelectionTree) { scene.createOrUpdateSelectionOctree(); } return true; }; } Object.defineProperty(MergeMeshesOptimization, "UpdateSelectionTree", { get: function () { return MergeMeshesOptimization._UpdateSelectionTree; }, set: function (value) { MergeMeshesOptimization._UpdateSelectionTree = value; }, enumerable: true, configurable: true }); MergeMeshesOptimization._UpdateSelectionTree = false; return MergeMeshesOptimization; }(SceneOptimization)); BABYLON.MergeMeshesOptimization = MergeMeshesOptimization; // Options var SceneOptimizerOptions = (function () { function SceneOptimizerOptions(targetFrameRate, trackerDuration) { if (targetFrameRate === void 0) { targetFrameRate = 60; } if (trackerDuration === void 0) { trackerDuration = 2000; } this.targetFrameRate = targetFrameRate; this.trackerDuration = trackerDuration; this.optimizations = new Array(); } SceneOptimizerOptions.LowDegradationAllowed = function (targetFrameRate) { var result = new SceneOptimizerOptions(targetFrameRate); var priority = 0; result.optimizations.push(new MergeMeshesOptimization(priority)); result.optimizations.push(new ShadowsOptimization(priority)); result.optimizations.push(new LensFlaresOptimization(priority)); // Next priority priority++; result.optimizations.push(new PostProcessesOptimization(priority)); result.optimizations.push(new ParticlesOptimization(priority)); // Next priority priority++; result.optimizations.push(new TextureOptimization(priority, 1024)); return result; }; SceneOptimizerOptions.ModerateDegradationAllowed = function (targetFrameRate) { var result = new SceneOptimizerOptions(targetFrameRate); var priority = 0; result.optimizations.push(new MergeMeshesOptimization(priority)); result.optimizations.push(new ShadowsOptimization(priority)); result.optimizations.push(new LensFlaresOptimization(priority)); // Next priority priority++; result.optimizations.push(new PostProcessesOptimization(priority)); result.optimizations.push(new ParticlesOptimization(priority)); // Next priority priority++; result.optimizations.push(new TextureOptimization(priority, 512)); // Next priority priority++; result.optimizations.push(new RenderTargetsOptimization(priority)); // Next priority priority++; result.optimizations.push(new HardwareScalingOptimization(priority, 2)); return result; }; SceneOptimizerOptions.HighDegradationAllowed = function (targetFrameRate) { var result = new SceneOptimizerOptions(targetFrameRate); var priority = 0; result.optimizations.push(new MergeMeshesOptimization(priority)); result.optimizations.push(new ShadowsOptimization(priority)); result.optimizations.push(new LensFlaresOptimization(priority)); // Next priority priority++; result.optimizations.push(new PostProcessesOptimization(priority)); result.optimizations.push(new ParticlesOptimization(priority)); // Next priority priority++; result.optimizations.push(new TextureOptimization(priority, 256)); // Next priority priority++; result.optimizations.push(new RenderTargetsOptimization(priority)); // Next priority priority++; result.optimizations.push(new HardwareScalingOptimization(priority, 4)); return result; }; return SceneOptimizerOptions; }()); BABYLON.SceneOptimizerOptions = SceneOptimizerOptions; // Scene optimizer tool var SceneOptimizer = (function () { function SceneOptimizer() { } SceneOptimizer._CheckCurrentState = function (scene, options, currentPriorityLevel, onSuccess, onFailure) { // TODO: add an epsilon if (scene.getEngine().getFps() >= options.targetFrameRate) { if (onSuccess) { onSuccess(); } return; } // Apply current level of optimizations var allDone = true; var noOptimizationApplied = true; for (var index = 0; index < options.optimizations.length; index++) { var optimization = options.optimizations[index]; if (optimization.priority === currentPriorityLevel) { noOptimizationApplied = false; allDone = allDone && optimization.apply(scene); } } // If no optimization was applied, this is a failure :( if (noOptimizationApplied) { if (onFailure) { onFailure(); } return; } // If all optimizations were done, move to next level if (allDone) { currentPriorityLevel++; } // Let's the system running for a specific amount of time before checking FPS scene.executeWhenReady(function () { setTimeout(function () { SceneOptimizer._CheckCurrentState(scene, options, currentPriorityLevel, onSuccess, onFailure); }, options.trackerDuration); }); }; SceneOptimizer.OptimizeAsync = function (scene, options, onSuccess, onFailure) { if (!options) { options = SceneOptimizerOptions.ModerateDegradationAllowed(); } // Let's the system running for a specific amount of time before checking FPS scene.executeWhenReady(function () { setTimeout(function () { SceneOptimizer._CheckCurrentState(scene, options, 0, onSuccess, onFailure); }, options.trackerDuration); }); }; return SceneOptimizer; }()); BABYLON.SceneOptimizer = SceneOptimizer; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.sceneOptimizer.js.map var BABYLON; (function (BABYLON) { var Internals; (function (Internals) { var MeshLODLevel = (function () { function MeshLODLevel(distance, mesh) { this.distance = distance; this.mesh = mesh; } return MeshLODLevel; }()); Internals.MeshLODLevel = MeshLODLevel; })(Internals = BABYLON.Internals || (BABYLON.Internals = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Mesh/babylon.meshLODLevel.js.map var BABYLON; (function (BABYLON) { var RawTexture = (function (_super) { __extends(RawTexture, _super); function RawTexture(data, width, height, format, scene, generateMipMaps, invertY, samplingMode) { if (generateMipMaps === void 0) { generateMipMaps = true; } if (invertY === void 0) { invertY = false; } if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } _super.call(this, null, scene, !generateMipMaps, invertY); this.format = format; this._texture = scene.getEngine().createRawTexture(data, width, height, format, generateMipMaps, invertY, samplingMode); this.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE; this.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE; } RawTexture.prototype.update = function (data) { this.getScene().getEngine().updateRawTexture(this._texture, data, this.format, this._invertY); }; // Statics RawTexture.CreateLuminanceTexture = function (data, width, height, scene, generateMipMaps, invertY, samplingMode) { if (generateMipMaps === void 0) { generateMipMaps = true; } if (invertY === void 0) { invertY = false; } if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } return new RawTexture(data, width, height, BABYLON.Engine.TEXTUREFORMAT_LUMINANCE, scene, generateMipMaps, invertY, samplingMode); }; RawTexture.CreateLuminanceAlphaTexture = function (data, width, height, scene, generateMipMaps, invertY, samplingMode) { if (generateMipMaps === void 0) { generateMipMaps = true; } if (invertY === void 0) { invertY = false; } if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } return new RawTexture(data, width, height, BABYLON.Engine.TEXTUREFORMAT_LUMINANCE_ALPHA, scene, generateMipMaps, invertY, samplingMode); }; RawTexture.CreateAlphaTexture = function (data, width, height, scene, generateMipMaps, invertY, samplingMode) { if (generateMipMaps === void 0) { generateMipMaps = true; } if (invertY === void 0) { invertY = false; } if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } return new RawTexture(data, width, height, BABYLON.Engine.TEXTUREFORMAT_ALPHA, scene, generateMipMaps, invertY, samplingMode); }; RawTexture.CreateRGBTexture = function (data, width, height, scene, generateMipMaps, invertY, samplingMode) { if (generateMipMaps === void 0) { generateMipMaps = true; } if (invertY === void 0) { invertY = false; } if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } return new RawTexture(data, width, height, BABYLON.Engine.TEXTUREFORMAT_RGB, scene, generateMipMaps, invertY, samplingMode); }; RawTexture.CreateRGBATexture = function (data, width, height, scene, generateMipMaps, invertY, samplingMode) { if (generateMipMaps === void 0) { generateMipMaps = true; } if (invertY === void 0) { invertY = false; } if (samplingMode === void 0) { samplingMode = BABYLON.Texture.TRILINEAR_SAMPLINGMODE; } return new RawTexture(data, width, height, BABYLON.Engine.TEXTUREFORMAT_RGBA, scene, generateMipMaps, invertY, samplingMode); }; return RawTexture; }(BABYLON.Texture)); BABYLON.RawTexture = RawTexture; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Materials/Textures/babylon.rawTexture.js.map var BABYLON; (function (BABYLON) { var IndexedVector2 = (function (_super) { __extends(IndexedVector2, _super); function IndexedVector2(original, index) { _super.call(this, original.x, original.y); this.index = index; } return IndexedVector2; }(BABYLON.Vector2)); var PolygonPoints = (function () { function PolygonPoints() { this.elements = new Array(); } PolygonPoints.prototype.add = function (originalPoints) { var _this = this; var result = new Array(); originalPoints.forEach(function (point) { if (result.length === 0 || !point.equalsWithEpsilon(result[0])) { var newPoint = new IndexedVector2(point, _this.elements.length); result.push(newPoint); _this.elements.push(newPoint); } }); return result; }; PolygonPoints.prototype.computeBounds = function () { var lmin = new BABYLON.Vector2(this.elements[0].x, this.elements[0].y); var lmax = new BABYLON.Vector2(this.elements[0].x, this.elements[0].y); this.elements.forEach(function (point) { // x if (point.x < lmin.x) { lmin.x = point.x; } else if (point.x > lmax.x) { lmax.x = point.x; } // y if (point.y < lmin.y) { lmin.y = point.y; } else if (point.y > lmax.y) { lmax.y = point.y; } }); return { min: lmin, max: lmax, width: lmax.x - lmin.x, height: lmax.y - lmin.y }; }; return PolygonPoints; }()); var Polygon = (function () { function Polygon() { } Polygon.Rectangle = function (xmin, ymin, xmax, ymax) { return [ new BABYLON.Vector2(xmin, ymin), new BABYLON.Vector2(xmax, ymin), new BABYLON.Vector2(xmax, ymax), new BABYLON.Vector2(xmin, ymax) ]; }; Polygon.Circle = function (radius, cx, cy, numberOfSides) { if (cx === void 0) { cx = 0; } if (cy === void 0) { cy = 0; } if (numberOfSides === void 0) { numberOfSides = 32; } var result = new Array(); var angle = 0; var increment = (Math.PI * 2) / numberOfSides; for (var i = 0; i < numberOfSides; i++) { result.push(new BABYLON.Vector2(cx + Math.cos(angle) * radius, cy + Math.sin(angle) * radius)); angle -= increment; } return result; }; Polygon.Parse = function (input) { var floats = input.split(/[^-+eE\.\d]+/).map(parseFloat).filter(function (val) { return (!isNaN(val)); }); var i, result = []; for (i = 0; i < (floats.length & 0x7FFFFFFE); i += 2) { result.push(new BABYLON.Vector2(floats[i], floats[i + 1])); } return result; }; Polygon.StartingAt = function (x, y) { return BABYLON.Path2.StartingAt(x, y); }; return Polygon; }()); BABYLON.Polygon = Polygon; var PolygonMeshBuilder = (function () { function PolygonMeshBuilder(name, contours, scene) { this._points = new PolygonPoints(); this._outlinepoints = new PolygonPoints(); this._holes = []; this._epoints = new Array(); this._eholes = new Array(); this._name = name; this._scene = scene; var points; if (contours instanceof BABYLON.Path2) { points = contours.getPoints(); } else { points = contours; } this._addToepoint(points); this._points.add(points); this._outlinepoints.add(points); } PolygonMeshBuilder.prototype._addToepoint = function (points) { for (var _i = 0, points_1 = points; _i < points_1.length; _i++) { var p = points_1[_i]; this._epoints.push(p.x, p.y); } }; PolygonMeshBuilder.prototype.addHole = function (hole) { this._points.add(hole); var holepoints = new PolygonPoints(); holepoints.add(hole); this._holes.push(holepoints); this._eholes.push(this._epoints.length / 2); this._addToepoint(hole); return this; }; PolygonMeshBuilder.prototype.build = function (updatable, depth) { var _this = this; if (updatable === void 0) { updatable = false; } var result = new BABYLON.Mesh(this._name, this._scene); var normals = []; var positions = []; var uvs = []; var bounds = this._points.computeBounds(); this._points.elements.forEach(function (p) { normals.push(0, 1.0, 0); positions.push(p.x, 0, p.y); uvs.push((p.x - bounds.min.x) / bounds.width, (p.y - bounds.min.y) / bounds.height); }); var indices = []; var res = Earcut.earcut(this._epoints, this._eholes, 2); for (var i = 0; i < res.length; i++) { indices.push(res[i]); } if (depth > 0) { var positionscount = (positions.length / 3); //get the current pointcount this._points.elements.forEach(function (p) { normals.push(0, -1.0, 0); positions.push(p.x, -depth, p.y); uvs.push(1 - (p.x - bounds.min.x) / bounds.width, 1 - (p.y - bounds.min.y) / bounds.height); }); var totalCount = indices.length; for (var i = 0; i < totalCount; i += 3) { var i0 = indices[i + 0]; var i1 = indices[i + 1]; var i2 = indices[i + 2]; indices.push(i2 + positionscount); indices.push(i1 + positionscount); indices.push(i0 + positionscount); } //Add the sides this.addSide(positions, normals, uvs, indices, bounds, this._outlinepoints, depth, false); this._holes.forEach(function (hole) { _this.addSide(positions, normals, uvs, indices, bounds, hole, depth, true); }); } result.setVerticesData(BABYLON.VertexBuffer.PositionKind, positions, updatable); result.setVerticesData(BABYLON.VertexBuffer.NormalKind, normals, updatable); result.setVerticesData(BABYLON.VertexBuffer.UVKind, uvs, updatable); result.setIndices(indices); return result; }; PolygonMeshBuilder.prototype.addSide = function (positions, normals, uvs, indices, bounds, points, depth, flip) { var StartIndex = positions.length / 3; var ulength = 0; for (var i = 0; i < points.elements.length; i++) { var p = points.elements[i]; var p1; if ((i + 1) > points.elements.length - 1) { p1 = points.elements[0]; } else { p1 = points.elements[i + 1]; } positions.push(p.x, 0, p.y); positions.push(p.x, -depth, p.y); positions.push(p1.x, 0, p1.y); positions.push(p1.x, -depth, p1.y); var v1 = new BABYLON.Vector3(p.x, 0, p.y); var v2 = new BABYLON.Vector3(p1.x, 0, p1.y); var v3 = v2.subtract(v1); var v4 = new BABYLON.Vector3(0, 1, 0); var vn = BABYLON.Vector3.Cross(v3, v4); vn = vn.normalize(); uvs.push(ulength / bounds.width, 0); uvs.push(ulength / bounds.width, 1); ulength += v3.length(); uvs.push((ulength / bounds.width), 0); uvs.push((ulength / bounds.width), 1); if (!flip) { normals.push(-vn.x, -vn.y, -vn.z); normals.push(-vn.x, -vn.y, -vn.z); normals.push(-vn.x, -vn.y, -vn.z); normals.push(-vn.x, -vn.y, -vn.z); indices.push(StartIndex); indices.push(StartIndex + 1); indices.push(StartIndex + 2); indices.push(StartIndex + 1); indices.push(StartIndex + 3); indices.push(StartIndex + 2); } else { normals.push(vn.x, vn.y, vn.z); normals.push(vn.x, vn.y, vn.z); normals.push(vn.x, vn.y, vn.z); normals.push(vn.x, vn.y, vn.z); indices.push(StartIndex); indices.push(StartIndex + 2); indices.push(StartIndex + 1); indices.push(StartIndex + 1); indices.push(StartIndex + 2); indices.push(StartIndex + 3); } StartIndex += 4; } ; }; return PolygonMeshBuilder; }()); BABYLON.PolygonMeshBuilder = PolygonMeshBuilder; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Mesh/babylon.polygonMesh.js.map var BABYLON; (function (BABYLON) { var Octree = (function () { function Octree(creationFunc, maxBlockCapacity, maxDepth) { if (maxDepth === void 0) { maxDepth = 2; } this.maxDepth = maxDepth; this.dynamicContent = new Array(); this._maxBlockCapacity = maxBlockCapacity || 64; this._selectionContent = new BABYLON.SmartArray(1024); this._creationFunc = creationFunc; } // Methods Octree.prototype.update = function (worldMin, worldMax, entries) { Octree._CreateBlocks(worldMin, worldMax, entries, this._maxBlockCapacity, 0, this.maxDepth, this, this._creationFunc); }; Octree.prototype.addMesh = function (entry) { for (var index = 0; index < this.blocks.length; index++) { var block = this.blocks[index]; block.addEntry(entry); } }; Octree.prototype.select = function (frustumPlanes, allowDuplicate) { this._selectionContent.reset(); for (var index = 0; index < this.blocks.length; index++) { var block = this.blocks[index]; block.select(frustumPlanes, this._selectionContent, allowDuplicate); } if (allowDuplicate) { this._selectionContent.concat(this.dynamicContent); } else { this._selectionContent.concatWithNoDuplicate(this.dynamicContent); } return this._selectionContent; }; Octree.prototype.intersects = function (sphereCenter, sphereRadius, allowDuplicate) { this._selectionContent.reset(); for (var index = 0; index < this.blocks.length; index++) { var block = this.blocks[index]; block.intersects(sphereCenter, sphereRadius, this._selectionContent, allowDuplicate); } if (allowDuplicate) { this._selectionContent.concat(this.dynamicContent); } else { this._selectionContent.concatWithNoDuplicate(this.dynamicContent); } return this._selectionContent; }; Octree.prototype.intersectsRay = function (ray) { this._selectionContent.reset(); for (var index = 0; index < this.blocks.length; index++) { var block = this.blocks[index]; block.intersectsRay(ray, this._selectionContent); } this._selectionContent.concatWithNoDuplicate(this.dynamicContent); return this._selectionContent; }; Octree._CreateBlocks = function (worldMin, worldMax, entries, maxBlockCapacity, currentDepth, maxDepth, target, creationFunc) { target.blocks = new Array(); var blockSize = new BABYLON.Vector3((worldMax.x - worldMin.x) / 2, (worldMax.y - worldMin.y) / 2, (worldMax.z - worldMin.z) / 2); // Segmenting space for (var x = 0; x < 2; x++) { for (var y = 0; y < 2; y++) { for (var z = 0; z < 2; z++) { var localMin = worldMin.add(blockSize.multiplyByFloats(x, y, z)); var localMax = worldMin.add(blockSize.multiplyByFloats(x + 1, y + 1, z + 1)); var block = new BABYLON.OctreeBlock(localMin, localMax, maxBlockCapacity, currentDepth + 1, maxDepth, creationFunc); block.addEntries(entries); target.blocks.push(block); } } } }; Octree.CreationFuncForMeshes = function (entry, block) { if (!entry.isBlocked && entry.getBoundingInfo().boundingBox.intersectsMinMax(block.minPoint, block.maxPoint)) { block.entries.push(entry); } }; Octree.CreationFuncForSubMeshes = function (entry, block) { if (entry.getBoundingInfo().boundingBox.intersectsMinMax(block.minPoint, block.maxPoint)) { block.entries.push(entry); } }; return Octree; }()); BABYLON.Octree = Octree; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Culling/Octrees/babylon.octree.js.map var BABYLON; (function (BABYLON) { var OctreeBlock = (function () { function OctreeBlock(minPoint, maxPoint, capacity, depth, maxDepth, creationFunc) { this.entries = new Array(); this._boundingVectors = new Array(); this._capacity = capacity; this._depth = depth; this._maxDepth = maxDepth; this._creationFunc = creationFunc; this._minPoint = minPoint; this._maxPoint = maxPoint; this._boundingVectors.push(minPoint.clone()); this._boundingVectors.push(maxPoint.clone()); this._boundingVectors.push(minPoint.clone()); this._boundingVectors[2].x = maxPoint.x; this._boundingVectors.push(minPoint.clone()); this._boundingVectors[3].y = maxPoint.y; this._boundingVectors.push(minPoint.clone()); this._boundingVectors[4].z = maxPoint.z; this._boundingVectors.push(maxPoint.clone()); this._boundingVectors[5].z = minPoint.z; this._boundingVectors.push(maxPoint.clone()); this._boundingVectors[6].x = minPoint.x; this._boundingVectors.push(maxPoint.clone()); this._boundingVectors[7].y = minPoint.y; } Object.defineProperty(OctreeBlock.prototype, "capacity", { // Property get: function () { return this._capacity; }, enumerable: true, configurable: true }); Object.defineProperty(OctreeBlock.prototype, "minPoint", { get: function () { return this._minPoint; }, enumerable: true, configurable: true }); Object.defineProperty(OctreeBlock.prototype, "maxPoint", { get: function () { return this._maxPoint; }, enumerable: true, configurable: true }); // Methods OctreeBlock.prototype.addEntry = function (entry) { if (this.blocks) { for (var index = 0; index < this.blocks.length; index++) { var block = this.blocks[index]; block.addEntry(entry); } return; } this._creationFunc(entry, this); if (this.entries.length > this.capacity && this._depth < this._maxDepth) { this.createInnerBlocks(); } }; OctreeBlock.prototype.addEntries = function (entries) { for (var index = 0; index < entries.length; index++) { var mesh = entries[index]; this.addEntry(mesh); } }; OctreeBlock.prototype.select = function (frustumPlanes, selection, allowDuplicate) { if (BABYLON.BoundingBox.IsInFrustum(this._boundingVectors, frustumPlanes)) { if (this.blocks) { for (var index = 0; index < this.blocks.length; index++) { var block = this.blocks[index]; block.select(frustumPlanes, selection, allowDuplicate); } return; } if (allowDuplicate) { selection.concat(this.entries); } else { selection.concatWithNoDuplicate(this.entries); } } }; OctreeBlock.prototype.intersects = function (sphereCenter, sphereRadius, selection, allowDuplicate) { if (BABYLON.BoundingBox.IntersectsSphere(this._minPoint, this._maxPoint, sphereCenter, sphereRadius)) { if (this.blocks) { for (var index = 0; index < this.blocks.length; index++) { var block = this.blocks[index]; block.intersects(sphereCenter, sphereRadius, selection, allowDuplicate); } return; } if (allowDuplicate) { selection.concat(this.entries); } else { selection.concatWithNoDuplicate(this.entries); } } }; OctreeBlock.prototype.intersectsRay = function (ray, selection) { if (ray.intersectsBoxMinMax(this._minPoint, this._maxPoint)) { if (this.blocks) { for (var index = 0; index < this.blocks.length; index++) { var block = this.blocks[index]; block.intersectsRay(ray, selection); } return; } selection.concatWithNoDuplicate(this.entries); } }; OctreeBlock.prototype.createInnerBlocks = function () { BABYLON.Octree._CreateBlocks(this._minPoint, this._maxPoint, this.entries, this._capacity, this._depth, this._maxDepth, this, this._creationFunc); }; return OctreeBlock; }()); BABYLON.OctreeBlock = OctreeBlock; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Culling/Octrees/babylon.octreeBlock.js.map var BABYLON; (function (BABYLON) { var BlurPostProcess = (function (_super) { __extends(BlurPostProcess, _super); function BlurPostProcess(name, direction, blurWidth, options, camera, samplingMode, engine, reusable) { var _this = this; if (samplingMode === void 0) { samplingMode = BABYLON.Texture.BILINEAR_SAMPLINGMODE; } _super.call(this, name, "blur", ["screenSize", "direction", "blurWidth"], null, options, camera, samplingMode, engine, reusable); this.direction = direction; this.blurWidth = blurWidth; this.onApplyObservable.add(function (effect) { effect.setFloat2("screenSize", _this.width, _this.height); effect.setVector2("direction", _this.direction); effect.setFloat("blurWidth", _this.blurWidth); }); } return BlurPostProcess; }(BABYLON.PostProcess)); BABYLON.BlurPostProcess = BlurPostProcess; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.blurPostProcess.js.map var BABYLON; (function (BABYLON) { var RefractionPostProcess = (function (_super) { __extends(RefractionPostProcess, _super); function RefractionPostProcess(name, refractionTextureUrl, color, depth, colorLevel, options, camera, samplingMode, engine, reusable) { var _this = this; _super.call(this, name, "refraction", ["baseColor", "depth", "colorLevel"], ["refractionSampler"], options, camera, samplingMode, engine, reusable); this.color = color; this.depth = depth; this.colorLevel = colorLevel; this.onActivateObservable.add(function (cam) { _this._refRexture = _this._refRexture || new BABYLON.Texture(refractionTextureUrl, cam.getScene()); }); this.onApplyObservable.add(function (effect) { effect.setColor3("baseColor", _this.color); effect.setFloat("depth", _this.depth); effect.setFloat("colorLevel", _this.colorLevel); effect.setTexture("refractionSampler", _this._refRexture); }); } // Methods RefractionPostProcess.prototype.dispose = function (camera) { if (this._refRexture) { this._refRexture.dispose(); } _super.prototype.dispose.call(this, camera); }; return RefractionPostProcess; }(BABYLON.PostProcess)); BABYLON.RefractionPostProcess = RefractionPostProcess; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.refractionPostProcess.js.map var BABYLON; (function (BABYLON) { var BlackAndWhitePostProcess = (function (_super) { __extends(BlackAndWhitePostProcess, _super); function BlackAndWhitePostProcess(name, options, camera, samplingMode, engine, reusable) { _super.call(this, name, "blackAndWhite", null, null, options, camera, samplingMode, engine, reusable); } return BlackAndWhitePostProcess; }(BABYLON.PostProcess)); BABYLON.BlackAndWhitePostProcess = BlackAndWhitePostProcess; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.blackAndWhitePostProcess.js.map var BABYLON; (function (BABYLON) { var ConvolutionPostProcess = (function (_super) { __extends(ConvolutionPostProcess, _super); function ConvolutionPostProcess(name, kernel, options, camera, samplingMode, engine, reusable) { var _this = this; _super.call(this, name, "convolution", ["kernel", "screenSize"], null, options, camera, samplingMode, engine, reusable); this.kernel = kernel; this.onApply = function (effect) { effect.setFloat2("screenSize", _this.width, _this.height); effect.setArray("kernel", _this.kernel); }; } // Statics // Based on http://en.wikipedia.org/wiki/Kernel_(image_processing) ConvolutionPostProcess.EdgeDetect0Kernel = [1, 0, -1, 0, 0, 0, -1, 0, 1]; ConvolutionPostProcess.EdgeDetect1Kernel = [0, 1, 0, 1, -4, 1, 0, 1, 0]; ConvolutionPostProcess.EdgeDetect2Kernel = [-1, -1, -1, -1, 8, -1, -1, -1, -1]; ConvolutionPostProcess.SharpenKernel = [0, -1, 0, -1, 5, -1, 0, -1, 0]; ConvolutionPostProcess.EmbossKernel = [-2, -1, 0, -1, 1, 1, 0, 1, 2]; ConvolutionPostProcess.GaussianKernel = [0, 1, 0, 1, 1, 1, 0, 1, 0]; return ConvolutionPostProcess; }(BABYLON.PostProcess)); BABYLON.ConvolutionPostProcess = ConvolutionPostProcess; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.convolutionPostProcess.js.map var BABYLON; (function (BABYLON) { var FilterPostProcess = (function (_super) { __extends(FilterPostProcess, _super); function FilterPostProcess(name, kernelMatrix, options, camera, samplingMode, engine, reusable) { var _this = this; _super.call(this, name, "filter", ["kernelMatrix"], null, options, camera, samplingMode, engine, reusable); this.kernelMatrix = kernelMatrix; this.onApply = function (effect) { effect.setMatrix("kernelMatrix", _this.kernelMatrix); }; } return FilterPostProcess; }(BABYLON.PostProcess)); BABYLON.FilterPostProcess = FilterPostProcess; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.filterPostProcess.js.map var BABYLON; (function (BABYLON) { var FxaaPostProcess = (function (_super) { __extends(FxaaPostProcess, _super); function FxaaPostProcess(name, options, camera, samplingMode, engine, reusable) { var _this = this; _super.call(this, name, "fxaa", ["texelSize"], null, options, camera, samplingMode, engine, reusable); this.onSizeChangedObservable.add(function () { _this.texelWidth = 1.0 / _this.width; _this.texelHeight = 1.0 / _this.height; }); this.onApplyObservable.add(function (effect) { effect.setFloat2("texelSize", _this.texelWidth, _this.texelHeight); }); } return FxaaPostProcess; }(BABYLON.PostProcess)); BABYLON.FxaaPostProcess = FxaaPostProcess; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.fxaaPostProcess.js.map var BABYLON; (function (BABYLON) { var StereoscopicInterlacePostProcess = (function (_super) { __extends(StereoscopicInterlacePostProcess, _super); function StereoscopicInterlacePostProcess(name, rigCameras, isStereoscopicHoriz, samplingMode, engine, reusable) { var _this = this; _super.call(this, name, "stereoscopicInterlace", ['stepSize'], ['camASampler'], 1, rigCameras[1], samplingMode, engine, reusable, isStereoscopicHoriz ? "#define IS_STEREOSCOPIC_HORIZ 1" : undefined); this._passedProcess = rigCameras[0]._rigPostProcess; this._stepSize = new BABYLON.Vector2(1 / this.width, 1 / this.height); this.onSizeChangedObservable.add(function () { _this._stepSize = new BABYLON.Vector2(1 / _this.width, 1 / _this.height); }); this.onApplyObservable.add(function (effect) { effect.setTextureFromPostProcess("camASampler", _this._passedProcess); effect.setFloat2("stepSize", _this._stepSize.x, _this._stepSize.y); }); } return StereoscopicInterlacePostProcess; }(BABYLON.PostProcess)); BABYLON.StereoscopicInterlacePostProcess = StereoscopicInterlacePostProcess; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.stereoscopicInterlacePostProcess.js.map var BABYLON; (function (BABYLON) { var LensFlare = (function () { function LensFlare(size, position, color, imgUrl, system) { this.size = size; this.position = position; this.alphaMode = BABYLON.Engine.ALPHA_ONEONE; this.dispose = function () { if (this.texture) { this.texture.dispose(); } // Remove from scene var index = this._system.lensFlares.indexOf(this); this._system.lensFlares.splice(index, 1); }; this.color = color || new BABYLON.Color3(1, 1, 1); this.texture = imgUrl ? new BABYLON.Texture(imgUrl, system.getScene(), true) : null; this._system = system; system.lensFlares.push(this); } return LensFlare; }()); BABYLON.LensFlare = LensFlare; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../LensFlare/babylon.lensFlare.js.map var BABYLON; (function (BABYLON) { var LensFlareSystem = (function () { function LensFlareSystem(name, emitter, scene) { this.name = name; this.lensFlares = new Array(); this.borderLimit = 300; this.viewportBorder = 0; this.layerMask = 0x0FFFFFFF; this._vertexBuffers = {}; this._isEnabled = true; this._scene = scene; this._emitter = emitter; this.id = name; scene.lensFlareSystems.push(this); this.meshesSelectionPredicate = function (m) { return m.material && m.isVisible && m.isEnabled() && m.isBlocker && ((m.layerMask & scene.activeCamera.layerMask) != 0); }; var engine = scene.getEngine(); // VBO var vertices = []; vertices.push(1, 1); vertices.push(-1, 1); vertices.push(-1, -1); vertices.push(1, -1); this._vertexBuffers[BABYLON.VertexBuffer.PositionKind] = new BABYLON.VertexBuffer(engine, vertices, BABYLON.VertexBuffer.PositionKind, false, false, 2); // Indices var indices = []; indices.push(0); indices.push(1); indices.push(2); indices.push(0); indices.push(2); indices.push(3); this._indexBuffer = engine.createIndexBuffer(indices); // Effects this._effect = engine.createEffect("lensFlare", [BABYLON.VertexBuffer.PositionKind], ["color", "viewportMatrix"], ["textureSampler"], ""); } Object.defineProperty(LensFlareSystem.prototype, "isEnabled", { get: function () { return this._isEnabled; }, set: function (value) { this._isEnabled = value; }, enumerable: true, configurable: true }); LensFlareSystem.prototype.getScene = function () { return this._scene; }; LensFlareSystem.prototype.getEmitter = function () { return this._emitter; }; LensFlareSystem.prototype.setEmitter = function (newEmitter) { this._emitter = newEmitter; }; LensFlareSystem.prototype.getEmitterPosition = function () { return this._emitter.getAbsolutePosition ? this._emitter.getAbsolutePosition() : this._emitter.position; }; LensFlareSystem.prototype.computeEffectivePosition = function (globalViewport) { var position = this.getEmitterPosition(); position = BABYLON.Vector3.Project(position, BABYLON.Matrix.Identity(), this._scene.getTransformMatrix(), globalViewport); this._positionX = position.x; this._positionY = position.y; position = BABYLON.Vector3.TransformCoordinates(this.getEmitterPosition(), this._scene.getViewMatrix()); if (this.viewportBorder > 0) { globalViewport.x -= this.viewportBorder; globalViewport.y -= this.viewportBorder; globalViewport.width += this.viewportBorder * 2; globalViewport.height += this.viewportBorder * 2; position.x += this.viewportBorder; position.y += this.viewportBorder; this._positionX += this.viewportBorder; this._positionY += this.viewportBorder; } if (position.z > 0) { if ((this._positionX > globalViewport.x) && (this._positionX < globalViewport.x + globalViewport.width)) { if ((this._positionY > globalViewport.y) && (this._positionY < globalViewport.y + globalViewport.height)) return true; } return true; } return false; }; LensFlareSystem.prototype._isVisible = function () { if (!this._isEnabled) { return false; } var emitterPosition = this.getEmitterPosition(); var direction = emitterPosition.subtract(this._scene.activeCamera.globalPosition); var distance = direction.length(); direction.normalize(); var ray = new BABYLON.Ray(this._scene.activeCamera.globalPosition, direction); var pickInfo = this._scene.pickWithRay(ray, this.meshesSelectionPredicate, true); return !pickInfo.hit || pickInfo.distance > distance; }; LensFlareSystem.prototype.render = function () { if (!this._effect.isReady()) return false; var engine = this._scene.getEngine(); var viewport = this._scene.activeCamera.viewport; var globalViewport = viewport.toGlobal(engine.getRenderWidth(true), engine.getRenderHeight(true)); // Position if (!this.computeEffectivePosition(globalViewport)) { return false; } // Visibility if (!this._isVisible()) { return false; } // Intensity var awayX; var awayY; if (this._positionX < this.borderLimit + globalViewport.x) { awayX = this.borderLimit + globalViewport.x - this._positionX; } else if (this._positionX > globalViewport.x + globalViewport.width - this.borderLimit) { awayX = this._positionX - globalViewport.x - globalViewport.width + this.borderLimit; } else { awayX = 0; } if (this._positionY < this.borderLimit + globalViewport.y) { awayY = this.borderLimit + globalViewport.y - this._positionY; } else if (this._positionY > globalViewport.y + globalViewport.height - this.borderLimit) { awayY = this._positionY - globalViewport.y - globalViewport.height + this.borderLimit; } else { awayY = 0; } var away = (awayX > awayY) ? awayX : awayY; away -= this.viewportBorder; if (away > this.borderLimit) { away = this.borderLimit; } var intensity = 1.0 - (away / this.borderLimit); if (intensity < 0) { return false; } if (intensity > 1.0) { intensity = 1.0; } if (this.viewportBorder > 0) { globalViewport.x += this.viewportBorder; globalViewport.y += this.viewportBorder; globalViewport.width -= this.viewportBorder * 2; globalViewport.height -= this.viewportBorder * 2; this._positionX -= this.viewportBorder; this._positionY -= this.viewportBorder; } // Position var centerX = globalViewport.x + globalViewport.width / 2; var centerY = globalViewport.y + globalViewport.height / 2; var distX = centerX - this._positionX; var distY = centerY - this._positionY; // Effects engine.enableEffect(this._effect); engine.setState(false); engine.setDepthBuffer(false); // VBOs engine.bindBuffers(this._vertexBuffers, this._indexBuffer, this._effect); // Flares for (var index = 0; index < this.lensFlares.length; index++) { var flare = this.lensFlares[index]; engine.setAlphaMode(flare.alphaMode); var x = centerX - (distX * flare.position); var y = centerY - (distY * flare.position); var cw = flare.size; var ch = flare.size * engine.getAspectRatio(this._scene.activeCamera, true); var cx = 2 * (x / (globalViewport.width + globalViewport.x * 2)) - 1.0; var cy = 1.0 - 2 * (y / (globalViewport.height + globalViewport.y * 2)); var viewportMatrix = BABYLON.Matrix.FromValues(cw / 2, 0, 0, 0, 0, ch / 2, 0, 0, 0, 0, 1, 0, cx, cy, 0, 1); this._effect.setMatrix("viewportMatrix", viewportMatrix); // Texture this._effect.setTexture("textureSampler", flare.texture); // Color this._effect.setFloat4("color", flare.color.r * intensity, flare.color.g * intensity, flare.color.b * intensity, 1.0); // Draw order engine.draw(true, 0, 6); } engine.setDepthBuffer(true); engine.setAlphaMode(BABYLON.Engine.ALPHA_DISABLE); return true; }; LensFlareSystem.prototype.dispose = function () { var vertexBuffer = this._vertexBuffers[BABYLON.VertexBuffer.PositionKind]; if (vertexBuffer) { vertexBuffer.dispose(); this._vertexBuffers[BABYLON.VertexBuffer.PositionKind] = null; } if (this._indexBuffer) { this._scene.getEngine()._releaseBuffer(this._indexBuffer); this._indexBuffer = null; } while (this.lensFlares.length) { this.lensFlares[0].dispose(); } // Remove from scene var index = this._scene.lensFlareSystems.indexOf(this); this._scene.lensFlareSystems.splice(index, 1); }; LensFlareSystem.Parse = function (parsedLensFlareSystem, scene, rootUrl) { var emitter = scene.getLastEntryByID(parsedLensFlareSystem.emitterId); var name = parsedLensFlareSystem.name || "lensFlareSystem#" + parsedLensFlareSystem.emitterId; var lensFlareSystem = new LensFlareSystem(name, emitter, scene); lensFlareSystem.id = parsedLensFlareSystem.id || name; lensFlareSystem.borderLimit = parsedLensFlareSystem.borderLimit; for (var index = 0; index < parsedLensFlareSystem.flares.length; index++) { var parsedFlare = parsedLensFlareSystem.flares[index]; var flare = new BABYLON.LensFlare(parsedFlare.size, parsedFlare.position, BABYLON.Color3.FromArray(parsedFlare.color), rootUrl + parsedFlare.textureName, lensFlareSystem); } return lensFlareSystem; }; LensFlareSystem.prototype.serialize = function () { var serializationObject = {}; serializationObject.id = this.id; serializationObject.name = this.name; serializationObject.emitterId = this.getEmitter().id; serializationObject.borderLimit = this.borderLimit; serializationObject.flares = []; for (var index = 0; index < this.lensFlares.length; index++) { var flare = this.lensFlares[index]; serializationObject.flares.push({ size: flare.size, position: flare.position, color: flare.color.asArray(), textureName: BABYLON.Tools.GetFilename(flare.texture.name) }); } return serializationObject; }; return LensFlareSystem; }()); BABYLON.LensFlareSystem = LensFlareSystem; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../LensFlare/babylon.lensFlareSystem.js.map var BABYLON; (function (BABYLON) { // We're mainly based on the logic defined into the FreeCamera code var DeviceOrientationCamera = (function (_super) { __extends(DeviceOrientationCamera, _super); function DeviceOrientationCamera(name, position, scene) { _super.call(this, name, position, scene); this._quaternionCache = new BABYLON.Quaternion(); this.inputs.addDeviceOrientation(); } DeviceOrientationCamera.prototype.getTypeName = function () { return "DeviceOrientationCamera"; }; DeviceOrientationCamera.prototype._checkInputs = function () { _super.prototype._checkInputs.call(this); this._quaternionCache.copyFrom(this.rotationQuaternion); if (this._initialQuaternion) { this._initialQuaternion.multiplyToRef(this.rotationQuaternion, this.rotationQuaternion); } }; DeviceOrientationCamera.prototype.resetToCurrentRotation = function (axis) { var _this = this; if (axis === void 0) { axis = BABYLON.Axis.Y; } //can only work if this camera has a rotation quaternion already. if (!this.rotationQuaternion) return; if (!this._initialQuaternion) { this._initialQuaternion = new BABYLON.Quaternion(); } this._initialQuaternion.copyFrom(this._quaternionCache || this.rotationQuaternion); ['x', 'y', 'z'].forEach(function (axisName) { if (!axis[axisName]) { _this._initialQuaternion[axisName] = 0; } else { _this._initialQuaternion[axisName] *= -1; } }); this._initialQuaternion.normalize(); //force rotation update this._initialQuaternion.multiplyToRef(this.rotationQuaternion, this.rotationQuaternion); }; return DeviceOrientationCamera; }(BABYLON.FreeCamera)); BABYLON.DeviceOrientationCamera = DeviceOrientationCamera; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Cameras/babylon.deviceOrientationCamera.js.map var BABYLON; (function (BABYLON) { var VRDeviceOrientationFreeCamera = (function (_super) { __extends(VRDeviceOrientationFreeCamera, _super); function VRDeviceOrientationFreeCamera(name, position, scene, compensateDistortion, vrCameraMetrics) { if (compensateDistortion === void 0) { compensateDistortion = true; } if (vrCameraMetrics === void 0) { vrCameraMetrics = BABYLON.VRCameraMetrics.GetDefault(); } _super.call(this, name, position, scene); vrCameraMetrics.compensateDistortion = compensateDistortion; this.setCameraRigMode(BABYLON.Camera.RIG_MODE_VR, { vrCameraMetrics: vrCameraMetrics }); } VRDeviceOrientationFreeCamera.prototype.getTypeName = function () { return "VRDeviceOrientationFreeCamera"; }; return VRDeviceOrientationFreeCamera; }(BABYLON.DeviceOrientationCamera)); BABYLON.VRDeviceOrientationFreeCamera = VRDeviceOrientationFreeCamera; var VRDeviceOrientationArcRotateCamera = (function (_super) { __extends(VRDeviceOrientationArcRotateCamera, _super); function VRDeviceOrientationArcRotateCamera(name, alpha, beta, radius, target, scene, compensateDistortion, vrCameraMetrics) { if (compensateDistortion === void 0) { compensateDistortion = true; } if (vrCameraMetrics === void 0) { vrCameraMetrics = BABYLON.VRCameraMetrics.GetDefault(); } _super.call(this, name, alpha, beta, radius, target, scene); vrCameraMetrics.compensateDistortion = compensateDistortion; this.setCameraRigMode(BABYLON.Camera.RIG_MODE_VR, { vrCameraMetrics: vrCameraMetrics }); this.inputs.addVRDeviceOrientation(); } VRDeviceOrientationArcRotateCamera.prototype.getTypeName = function () { return "VRDeviceOrientationArcRotateCamera"; }; return VRDeviceOrientationArcRotateCamera; }(BABYLON.ArcRotateCamera)); BABYLON.VRDeviceOrientationArcRotateCamera = VRDeviceOrientationArcRotateCamera; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Cameras/VR/babylon.vrDeviceOrientationCamera.js.map var BABYLON; (function (BABYLON) { // We're mainly based on the logic defined into the FreeCamera code var UniversalCamera = (function (_super) { __extends(UniversalCamera, _super); //-- end properties for backward compatibility for inputs function UniversalCamera(name, position, scene) { _super.call(this, name, position, scene); this.inputs.addGamepad(); } Object.defineProperty(UniversalCamera.prototype, "gamepadAngularSensibility", { //-- Begin properties for backward compatibility for inputs get: function () { var gamepad = this.inputs.attached["gamepad"]; if (gamepad) return gamepad.gamepadAngularSensibility; }, set: function (value) { var gamepad = this.inputs.attached["gamepad"]; if (gamepad) gamepad.gamepadAngularSensibility = value; }, enumerable: true, configurable: true }); Object.defineProperty(UniversalCamera.prototype, "gamepadMoveSensibility", { get: function () { var gamepad = this.inputs.attached["gamepad"]; if (gamepad) return gamepad.gamepadMoveSensibility; }, set: function (value) { var gamepad = this.inputs.attached["gamepad"]; if (gamepad) gamepad.gamepadMoveSensibility = value; }, enumerable: true, configurable: true }); UniversalCamera.prototype.getTypeName = function () { return "UniversalCamera"; }; return UniversalCamera; }(BABYLON.TouchCamera)); BABYLON.UniversalCamera = UniversalCamera; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Cameras/babylon.universalCamera.js.map var BABYLON; (function (BABYLON) { var Gamepads = (function () { function Gamepads(ongamedpadconnected) { var _this = this; this.babylonGamepads = []; this.oneGamepadConnected = false; this.isMonitoring = false; this.gamepadEventSupported = 'GamepadEvent' in window; this.gamepadSupportAvailable = (navigator.getGamepads || !!navigator.webkitGetGamepads || !!navigator.msGetGamepads || !!navigator.webkitGamepads); this._callbackGamepadConnected = ongamedpadconnected; if (this.gamepadSupportAvailable) { // Checking if the gamepad connected event is supported (like in Firefox) if (this.gamepadEventSupported) { this._onGamepadConnectedEvent = function (evt) { _this._onGamepadConnected(evt); }; this._onGamepadDisonnectedEvent = function (evt) { _this._onGamepadDisconnected(evt); }; window.addEventListener('gamepadconnected', this._onGamepadConnectedEvent, false); window.addEventListener('gamepaddisconnected', this._onGamepadDisonnectedEvent, false); } else { this._startMonitoringGamepads(); } } } Gamepads.prototype.dispose = function () { if (Gamepads.gamepadDOMInfo) { document.body.removeChild(Gamepads.gamepadDOMInfo); } if (this._onGamepadConnectedEvent) { window.removeEventListener('gamepadconnected', this._onGamepadConnectedEvent, false); window.removeEventListener('gamepaddisconnected', this._onGamepadDisonnectedEvent, false); this._onGamepadConnectedEvent = null; this._onGamepadDisonnectedEvent = null; } }; Gamepads.prototype._onGamepadConnected = function (evt) { var newGamepad = this._addNewGamepad(evt.gamepad); if (this._callbackGamepadConnected) this._callbackGamepadConnected(newGamepad); this._startMonitoringGamepads(); }; Gamepads.prototype._addNewGamepad = function (gamepad) { if (!this.oneGamepadConnected) { this.oneGamepadConnected = true; if (Gamepads.gamepadDOMInfo) { document.body.removeChild(Gamepads.gamepadDOMInfo); Gamepads.gamepadDOMInfo = null; } } var newGamepad; if (gamepad.id.search("Xbox 360") !== -1 || gamepad.id.search("xinput") !== -1) { newGamepad = new Xbox360Pad(gamepad.id, gamepad.index, gamepad); } else { newGamepad = new GenericPad(gamepad.id, gamepad.index, gamepad); } this.babylonGamepads.push(newGamepad); return newGamepad; }; Gamepads.prototype._onGamepadDisconnected = function (evt) { // Remove the gamepad from the list of gamepads to monitor. for (var i in this.babylonGamepads) { if (this.babylonGamepads[i].index == evt.gamepad.index) { this.babylonGamepads.splice(+i, 1); break; } } // If no gamepads are left, stop the polling loop. if (this.babylonGamepads.length == 0) { this._stopMonitoringGamepads(); } }; Gamepads.prototype._startMonitoringGamepads = function () { if (!this.isMonitoring) { this.isMonitoring = true; this._checkGamepadsStatus(); } }; Gamepads.prototype._stopMonitoringGamepads = function () { this.isMonitoring = false; }; Gamepads.prototype._checkGamepadsStatus = function () { var _this = this; // updating gamepad objects this._updateGamepadObjects(); for (var i in this.babylonGamepads) { this.babylonGamepads[i].update(); } if (this.isMonitoring) { if (window.requestAnimationFrame) { window.requestAnimationFrame(function () { _this._checkGamepadsStatus(); }); } else if (window.mozRequestAnimationFrame) { window.mozRequestAnimationFrame(function () { _this._checkGamepadsStatus(); }); } else if (window.webkitRequestAnimationFrame) { window.webkitRequestAnimationFrame(function () { _this._checkGamepadsStatus(); }); } } }; // This function is called only on Chrome, which does not yet support // connection/disconnection events, but requires you to monitor // an array for changes. Gamepads.prototype._updateGamepadObjects = function () { var gamepads = navigator.getGamepads ? navigator.getGamepads() : (navigator.webkitGetGamepads ? navigator.webkitGetGamepads() : []); for (var i = 0; i < gamepads.length; i++) { if (gamepads[i]) { if (!(gamepads[i].index in this.babylonGamepads)) { var newGamepad = this._addNewGamepad(gamepads[i]); if (this._callbackGamepadConnected) { this._callbackGamepadConnected(newGamepad); } } else { this.babylonGamepads[i].browserGamepad = gamepads[i]; } } } }; return Gamepads; }()); BABYLON.Gamepads = Gamepads; var StickValues = (function () { function StickValues(x, y) { this.x = x; this.y = y; } return StickValues; }()); BABYLON.StickValues = StickValues; var Gamepad = (function () { function Gamepad(id, index, browserGamepad) { this.id = id; this.index = index; this.browserGamepad = browserGamepad; if (this.browserGamepad.axes.length >= 2) { this._leftStick = { x: this.browserGamepad.axes[0], y: this.browserGamepad.axes[1] }; } if (this.browserGamepad.axes.length >= 4) { this._rightStick = { x: this.browserGamepad.axes[2], y: this.browserGamepad.axes[3] }; } } Gamepad.prototype.onleftstickchanged = function (callback) { this._onleftstickchanged = callback; }; Gamepad.prototype.onrightstickchanged = function (callback) { this._onrightstickchanged = callback; }; Object.defineProperty(Gamepad.prototype, "leftStick", { get: function () { return this._leftStick; }, set: function (newValues) { if (this._onleftstickchanged && (this._leftStick.x !== newValues.x || this._leftStick.y !== newValues.y)) { this._onleftstickchanged(newValues); } this._leftStick = newValues; }, enumerable: true, configurable: true }); Object.defineProperty(Gamepad.prototype, "rightStick", { get: function () { return this._rightStick; }, set: function (newValues) { if (this._onrightstickchanged && (this._rightStick.x !== newValues.x || this._rightStick.y !== newValues.y)) { this._onrightstickchanged(newValues); } this._rightStick = newValues; }, enumerable: true, configurable: true }); Gamepad.prototype.update = function () { if (this._leftStick) { this.leftStick = { x: this.browserGamepad.axes[0], y: this.browserGamepad.axes[1] }; } if (this._rightStick) { this.rightStick = { x: this.browserGamepad.axes[2], y: this.browserGamepad.axes[3] }; } }; return Gamepad; }()); BABYLON.Gamepad = Gamepad; var GenericPad = (function (_super) { __extends(GenericPad, _super); function GenericPad(id, index, gamepad) { _super.call(this, id, index, gamepad); this.id = id; this.index = index; this.gamepad = gamepad; this._buttons = new Array(gamepad.buttons.length); } GenericPad.prototype.onbuttondown = function (callback) { this._onbuttondown = callback; }; GenericPad.prototype.onbuttonup = function (callback) { this._onbuttonup = callback; }; GenericPad.prototype._setButtonValue = function (newValue, currentValue, buttonIndex) { if (newValue !== currentValue) { if (this._onbuttondown && newValue === 1) { this._onbuttondown(buttonIndex); } if (this._onbuttonup && newValue === 0) { this._onbuttonup(buttonIndex); } } return newValue; }; GenericPad.prototype.update = function () { _super.prototype.update.call(this); for (var index = 0; index < this._buttons.length; index++) { this._buttons[index] = this._setButtonValue(this.gamepad.buttons[index].value, this._buttons[index], index); } }; return GenericPad; }(Gamepad)); BABYLON.GenericPad = GenericPad; (function (Xbox360Button) { Xbox360Button[Xbox360Button["A"] = 0] = "A"; Xbox360Button[Xbox360Button["B"] = 1] = "B"; Xbox360Button[Xbox360Button["X"] = 2] = "X"; Xbox360Button[Xbox360Button["Y"] = 3] = "Y"; Xbox360Button[Xbox360Button["Start"] = 4] = "Start"; Xbox360Button[Xbox360Button["Back"] = 5] = "Back"; Xbox360Button[Xbox360Button["LB"] = 6] = "LB"; Xbox360Button[Xbox360Button["RB"] = 7] = "RB"; Xbox360Button[Xbox360Button["LeftStick"] = 8] = "LeftStick"; Xbox360Button[Xbox360Button["RightStick"] = 9] = "RightStick"; })(BABYLON.Xbox360Button || (BABYLON.Xbox360Button = {})); var Xbox360Button = BABYLON.Xbox360Button; (function (Xbox360Dpad) { Xbox360Dpad[Xbox360Dpad["Up"] = 0] = "Up"; Xbox360Dpad[Xbox360Dpad["Down"] = 1] = "Down"; Xbox360Dpad[Xbox360Dpad["Left"] = 2] = "Left"; Xbox360Dpad[Xbox360Dpad["Right"] = 3] = "Right"; })(BABYLON.Xbox360Dpad || (BABYLON.Xbox360Dpad = {})); var Xbox360Dpad = BABYLON.Xbox360Dpad; var Xbox360Pad = (function (_super) { __extends(Xbox360Pad, _super); function Xbox360Pad() { _super.apply(this, arguments); this._leftTrigger = 0; this._rightTrigger = 0; this._buttonA = 0; this._buttonB = 0; this._buttonX = 0; this._buttonY = 0; this._buttonBack = 0; this._buttonStart = 0; this._buttonLB = 0; this._buttonRB = 0; this._buttonLeftStick = 0; this._buttonRightStick = 0; this._dPadUp = 0; this._dPadDown = 0; this._dPadLeft = 0; this._dPadRight = 0; } Xbox360Pad.prototype.onlefttriggerchanged = function (callback) { this._onlefttriggerchanged = callback; }; Xbox360Pad.prototype.onrighttriggerchanged = function (callback) { this._onrighttriggerchanged = callback; }; Object.defineProperty(Xbox360Pad.prototype, "leftTrigger", { get: function () { return this._leftTrigger; }, set: function (newValue) { if (this._onlefttriggerchanged && this._leftTrigger !== newValue) { this._onlefttriggerchanged(newValue); } this._leftTrigger = newValue; }, enumerable: true, configurable: true }); Object.defineProperty(Xbox360Pad.prototype, "rightTrigger", { get: function () { return this._rightTrigger; }, set: function (newValue) { if (this._onrighttriggerchanged && this._rightTrigger !== newValue) { this._onrighttriggerchanged(newValue); } this._rightTrigger = newValue; }, enumerable: true, configurable: true }); Xbox360Pad.prototype.onbuttondown = function (callback) { this._onbuttondown = callback; }; Xbox360Pad.prototype.onbuttonup = function (callback) { this._onbuttonup = callback; }; Xbox360Pad.prototype.ondpaddown = function (callback) { this._ondpaddown = callback; }; Xbox360Pad.prototype.ondpadup = function (callback) { this._ondpadup = callback; }; Xbox360Pad.prototype._setButtonValue = function (newValue, currentValue, buttonType) { if (newValue !== currentValue) { if (this._onbuttondown && newValue === 1) { this._onbuttondown(buttonType); } if (this._onbuttonup && newValue === 0) { this._onbuttonup(buttonType); } } return newValue; }; Xbox360Pad.prototype._setDPadValue = function (newValue, currentValue, buttonType) { if (newValue !== currentValue) { if (this._ondpaddown && newValue === 1) { this._ondpaddown(buttonType); } if (this._ondpadup && newValue === 0) { this._ondpadup(buttonType); } } return newValue; }; Object.defineProperty(Xbox360Pad.prototype, "buttonA", { get: function () { return this._buttonA; }, set: function (value) { this._buttonA = this._setButtonValue(value, this._buttonA, Xbox360Button.A); }, enumerable: true, configurable: true }); Object.defineProperty(Xbox360Pad.prototype, "buttonB", { get: function () { return this._buttonB; }, set: function (value) { this._buttonB = this._setButtonValue(value, this._buttonB, Xbox360Button.B); }, enumerable: true, configurable: true }); Object.defineProperty(Xbox360Pad.prototype, "buttonX", { get: function () { return this._buttonX; }, set: function (value) { this._buttonX = this._setButtonValue(value, this._buttonX, Xbox360Button.X); }, enumerable: true, configurable: true }); Object.defineProperty(Xbox360Pad.prototype, "buttonY", { get: function () { return this._buttonY; }, set: function (value) { this._buttonY = this._setButtonValue(value, this._buttonY, Xbox360Button.Y); }, enumerable: true, configurable: true }); Object.defineProperty(Xbox360Pad.prototype, "buttonStart", { get: function () { return this._buttonStart; }, set: function (value) { this._buttonStart = this._setButtonValue(value, this._buttonStart, Xbox360Button.Start); }, enumerable: true, configurable: true }); Object.defineProperty(Xbox360Pad.prototype, "buttonBack", { get: function () { return this._buttonBack; }, set: function (value) { this._buttonBack = this._setButtonValue(value, this._buttonBack, Xbox360Button.Back); }, enumerable: true, configurable: true }); Object.defineProperty(Xbox360Pad.prototype, "buttonLB", { get: function () { return this._buttonLB; }, set: function (value) { this._buttonLB = this._setButtonValue(value, this._buttonLB, Xbox360Button.LB); }, enumerable: true, configurable: true }); Object.defineProperty(Xbox360Pad.prototype, "buttonRB", { get: function () { return this._buttonRB; }, set: function (value) { this._buttonRB = this._setButtonValue(value, this._buttonRB, Xbox360Button.RB); }, enumerable: true, configurable: true }); Object.defineProperty(Xbox360Pad.prototype, "buttonLeftStick", { get: function () { return this._buttonLeftStick; }, set: function (value) { this._buttonLeftStick = this._setButtonValue(value, this._buttonLeftStick, Xbox360Button.LeftStick); }, enumerable: true, configurable: true }); Object.defineProperty(Xbox360Pad.prototype, "buttonRightStick", { get: function () { return this._buttonRightStick; }, set: function (value) { this._buttonRightStick = this._setButtonValue(value, this._buttonRightStick, Xbox360Button.RightStick); }, enumerable: true, configurable: true }); Object.defineProperty(Xbox360Pad.prototype, "dPadUp", { get: function () { return this._dPadUp; }, set: function (value) { this._dPadUp = this._setDPadValue(value, this._dPadUp, Xbox360Dpad.Up); }, enumerable: true, configurable: true }); Object.defineProperty(Xbox360Pad.prototype, "dPadDown", { get: function () { return this._dPadDown; }, set: function (value) { this._dPadDown = this._setDPadValue(value, this._dPadDown, Xbox360Dpad.Down); }, enumerable: true, configurable: true }); Object.defineProperty(Xbox360Pad.prototype, "dPadLeft", { get: function () { return this._dPadLeft; }, set: function (value) { this._dPadLeft = this._setDPadValue(value, this._dPadLeft, Xbox360Dpad.Left); }, enumerable: true, configurable: true }); Object.defineProperty(Xbox360Pad.prototype, "dPadRight", { get: function () { return this._dPadRight; }, set: function (value) { this._dPadRight = this._setDPadValue(value, this._dPadRight, Xbox360Dpad.Right); }, enumerable: true, configurable: true }); Xbox360Pad.prototype.update = function () { _super.prototype.update.call(this); this.buttonA = this.browserGamepad.buttons[0].value; this.buttonB = this.browserGamepad.buttons[1].value; this.buttonX = this.browserGamepad.buttons[2].value; this.buttonY = this.browserGamepad.buttons[3].value; this.buttonLB = this.browserGamepad.buttons[4].value; this.buttonRB = this.browserGamepad.buttons[5].value; this.leftTrigger = this.browserGamepad.buttons[6].value; this.rightTrigger = this.browserGamepad.buttons[7].value; this.buttonBack = this.browserGamepad.buttons[8].value; this.buttonStart = this.browserGamepad.buttons[9].value; this.buttonLeftStick = this.browserGamepad.buttons[10].value; this.buttonRightStick = this.browserGamepad.buttons[11].value; this.dPadUp = this.browserGamepad.buttons[12].value; this.dPadDown = this.browserGamepad.buttons[13].value; this.dPadLeft = this.browserGamepad.buttons[14].value; this.dPadRight = this.browserGamepad.buttons[15].value; }; return Xbox360Pad; }(Gamepad)); BABYLON.Xbox360Pad = Xbox360Pad; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Tools/babylon.gamepads.js.map var BABYLON; (function (BABYLON) { // We're mainly based on the logic defined into the FreeCamera code var GamepadCamera = (function (_super) { __extends(GamepadCamera, _super); //-- end properties for backward compatibility for inputs function GamepadCamera(name, position, scene) { BABYLON.Tools.Warn("Deprecated. Please use Universal Camera instead."); _super.call(this, name, position, scene); } Object.defineProperty(GamepadCamera.prototype, "gamepadAngularSensibility", { //-- Begin properties for backward compatibility for inputs get: function () { var gamepad = this.inputs.attached["gamepad"]; if (gamepad) return gamepad.gamepadAngularSensibility; }, set: function (value) { var gamepad = this.inputs.attached["gamepad"]; if (gamepad) gamepad.gamepadAngularSensibility = value; }, enumerable: true, configurable: true }); Object.defineProperty(GamepadCamera.prototype, "gamepadMoveSensibility", { get: function () { var gamepad = this.inputs.attached["gamepad"]; if (gamepad) return gamepad.gamepadMoveSensibility; }, set: function (value) { var gamepad = this.inputs.attached["gamepad"]; if (gamepad) gamepad.gamepadMoveSensibility = value; }, enumerable: true, configurable: true }); GamepadCamera.prototype.getTypeName = function () { return "GamepadCamera"; }; return GamepadCamera; }(BABYLON.UniversalCamera)); BABYLON.GamepadCamera = GamepadCamera; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Cameras/babylon.gamepadCamera.js.map var BABYLON; (function (BABYLON) { var Analyser = (function () { function Analyser(scene) { this.SMOOTHING = 0.75; this.FFT_SIZE = 512; this.BARGRAPHAMPLITUDE = 256; this.DEBUGCANVASPOS = { x: 20, y: 20 }; this.DEBUGCANVASSIZE = { width: 320, height: 200 }; this._scene = scene; this._audioEngine = BABYLON.Engine.audioEngine; if (this._audioEngine.canUseWebAudio) { this._webAudioAnalyser = this._audioEngine.audioContext.createAnalyser(); this._webAudioAnalyser.minDecibels = -140; this._webAudioAnalyser.maxDecibels = 0; this._byteFreqs = new Uint8Array(this._webAudioAnalyser.frequencyBinCount); this._byteTime = new Uint8Array(this._webAudioAnalyser.frequencyBinCount); this._floatFreqs = new Float32Array(this._webAudioAnalyser.frequencyBinCount); } } Analyser.prototype.getFrequencyBinCount = function () { if (this._audioEngine.canUseWebAudio) { return this._webAudioAnalyser.frequencyBinCount; } else { return 0; } }; Analyser.prototype.getByteFrequencyData = function () { if (this._audioEngine.canUseWebAudio) { this._webAudioAnalyser.smoothingTimeConstant = this.SMOOTHING; this._webAudioAnalyser.fftSize = this.FFT_SIZE; this._webAudioAnalyser.getByteFrequencyData(this._byteFreqs); } return this._byteFreqs; }; Analyser.prototype.getByteTimeDomainData = function () { if (this._audioEngine.canUseWebAudio) { this._webAudioAnalyser.smoothingTimeConstant = this.SMOOTHING; this._webAudioAnalyser.fftSize = this.FFT_SIZE; this._webAudioAnalyser.getByteTimeDomainData(this._byteTime); } return this._byteTime; }; Analyser.prototype.getFloatFrequencyData = function () { if (this._audioEngine.canUseWebAudio) { this._webAudioAnalyser.smoothingTimeConstant = this.SMOOTHING; this._webAudioAnalyser.fftSize = this.FFT_SIZE; this._webAudioAnalyser.getFloatFrequencyData(this._floatFreqs); } return this._floatFreqs; }; Analyser.prototype.drawDebugCanvas = function () { var _this = this; if (this._audioEngine.canUseWebAudio) { if (!this._debugCanvas) { this._debugCanvas = document.createElement("canvas"); this._debugCanvas.width = this.DEBUGCANVASSIZE.width; this._debugCanvas.height = this.DEBUGCANVASSIZE.height; this._debugCanvas.style.position = "absolute"; this._debugCanvas.style.top = this.DEBUGCANVASPOS.y + "px"; this._debugCanvas.style.left = this.DEBUGCANVASPOS.x + "px"; this._debugCanvasContext = this._debugCanvas.getContext("2d"); document.body.appendChild(this._debugCanvas); this._registerFunc = function () { _this.drawDebugCanvas(); }; this._scene.registerBeforeRender(this._registerFunc); } if (this._registerFunc) { var workingArray = this.getByteFrequencyData(); this._debugCanvasContext.fillStyle = 'rgb(0, 0, 0)'; this._debugCanvasContext.fillRect(0, 0, this.DEBUGCANVASSIZE.width, this.DEBUGCANVASSIZE.height); // Draw the frequency domain chart. for (var i = 0; i < this.getFrequencyBinCount(); i++) { var value = workingArray[i]; var percent = value / this.BARGRAPHAMPLITUDE; var height = this.DEBUGCANVASSIZE.height * percent; var offset = this.DEBUGCANVASSIZE.height - height - 1; var barWidth = this.DEBUGCANVASSIZE.width / this.getFrequencyBinCount(); var hue = i / this.getFrequencyBinCount() * 360; this._debugCanvasContext.fillStyle = 'hsl(' + hue + ', 100%, 50%)'; this._debugCanvasContext.fillRect(i * barWidth, offset, barWidth, height); } } } }; Analyser.prototype.stopDebugCanvas = function () { if (this._debugCanvas) { this._scene.unregisterBeforeRender(this._registerFunc); this._registerFunc = null; document.body.removeChild(this._debugCanvas); this._debugCanvas = null; this._debugCanvasContext = null; } }; Analyser.prototype.connectAudioNodes = function (inputAudioNode, outputAudioNode) { if (this._audioEngine.canUseWebAudio) { inputAudioNode.connect(this._webAudioAnalyser); this._webAudioAnalyser.connect(outputAudioNode); } }; Analyser.prototype.dispose = function () { if (this._audioEngine.canUseWebAudio) { this._webAudioAnalyser.disconnect(); } }; return Analyser; }()); BABYLON.Analyser = Analyser; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Audio/babylon.analyser.js.map var BABYLON; (function (BABYLON) { var DepthRenderer = (function () { function DepthRenderer(scene, type) { var _this = this; if (type === void 0) { type = BABYLON.Engine.TEXTURETYPE_FLOAT; } this._viewMatrix = BABYLON.Matrix.Zero(); this._projectionMatrix = BABYLON.Matrix.Zero(); this._transformMatrix = BABYLON.Matrix.Zero(); this._worldViewProjection = BABYLON.Matrix.Zero(); this._scene = scene; var engine = scene.getEngine(); // Render target this._depthMap = new BABYLON.RenderTargetTexture("depthMap", { width: engine.getRenderWidth(), height: engine.getRenderHeight() }, this._scene, false, true, type); this._depthMap.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE; this._depthMap.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE; this._depthMap.refreshRate = 1; this._depthMap.renderParticles = false; this._depthMap.renderList = null; // set default depth value to 1.0 (far away) this._depthMap.onClearObservable.add(function (engine) { engine.clear(new BABYLON.Color4(1.0, 1.0, 1.0, 1.0), true, true, true); }); // Custom render function var renderSubMesh = function (subMesh) { var mesh = subMesh.getRenderingMesh(); var scene = _this._scene; var engine = scene.getEngine(); // Culling engine.setState(subMesh.getMaterial().backFaceCulling); // Managing instances var batch = mesh._getInstancesRenderList(subMesh._id); if (batch.mustReturn) { return; } var hardwareInstancedRendering = (engine.getCaps().instancedArrays !== null) && (batch.visibleInstances[subMesh._id] !== null); if (_this.isReady(subMesh, hardwareInstancedRendering)) { engine.enableEffect(_this._effect); mesh._bind(subMesh, _this._effect, BABYLON.Material.TriangleFillMode); var material = subMesh.getMaterial(); _this._effect.setMatrix("viewProjection", scene.getTransformMatrix()); _this._effect.setFloat("far", scene.activeCamera.maxZ); // Alpha test if (material && material.needAlphaTesting()) { var alphaTexture = material.getAlphaTestTexture(); _this._effect.setTexture("diffuseSampler", alphaTexture); _this._effect.setMatrix("diffuseMatrix", alphaTexture.getTextureMatrix()); } // Bones if (mesh.useBones && mesh.computeBonesUsingShaders) { _this._effect.setMatrices("mBones", mesh.skeleton.getTransformMatrices(mesh)); } // Draw mesh._processRendering(subMesh, _this._effect, BABYLON.Material.TriangleFillMode, batch, hardwareInstancedRendering, function (isInstance, world) { return _this._effect.setMatrix("world", world); }); } }; this._depthMap.customRenderFunction = function (opaqueSubMeshes, alphaTestSubMeshes) { var index; for (index = 0; index < opaqueSubMeshes.length; index++) { renderSubMesh(opaqueSubMeshes.data[index]); } for (index = 0; index < alphaTestSubMeshes.length; index++) { renderSubMesh(alphaTestSubMeshes.data[index]); } }; } DepthRenderer.prototype.isReady = function (subMesh, useInstances) { var material = subMesh.getMaterial(); if (material.disableDepthWrite) { return false; } var defines = []; var attribs = [BABYLON.VertexBuffer.PositionKind]; var mesh = subMesh.getMesh(); var scene = mesh.getScene(); // Alpha test if (material && material.needAlphaTesting()) { defines.push("#define ALPHATEST"); if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UVKind)) { attribs.push(BABYLON.VertexBuffer.UVKind); defines.push("#define UV1"); } if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UV2Kind)) { attribs.push(BABYLON.VertexBuffer.UV2Kind); defines.push("#define UV2"); } } // Bones if (mesh.useBones && mesh.computeBonesUsingShaders) { attribs.push(BABYLON.VertexBuffer.MatricesIndicesKind); attribs.push(BABYLON.VertexBuffer.MatricesWeightsKind); if (mesh.numBoneInfluencers > 4) { attribs.push(BABYLON.VertexBuffer.MatricesIndicesExtraKind); attribs.push(BABYLON.VertexBuffer.MatricesWeightsExtraKind); } defines.push("#define NUM_BONE_INFLUENCERS " + mesh.numBoneInfluencers); defines.push("#define BonesPerMesh " + (mesh.skeleton.bones.length + 1)); } else { defines.push("#define NUM_BONE_INFLUENCERS 0"); } // Instances if (useInstances) { defines.push("#define INSTANCES"); attribs.push("world0"); attribs.push("world1"); attribs.push("world2"); attribs.push("world3"); } // Get correct effect var join = defines.join("\n"); if (this._cachedDefines !== join) { this._cachedDefines = join; this._effect = this._scene.getEngine().createEffect("depth", attribs, ["world", "mBones", "viewProjection", "diffuseMatrix", "far"], ["diffuseSampler"], join); } return this._effect.isReady(); }; DepthRenderer.prototype.getDepthMap = function () { return this._depthMap; }; // Methods DepthRenderer.prototype.dispose = function () { this._depthMap.dispose(); }; return DepthRenderer; }()); BABYLON.DepthRenderer = DepthRenderer; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Rendering/babylon.depthRenderer.js.map var BABYLON; (function (BABYLON) { var SSAORenderingPipeline = (function (_super) { __extends(SSAORenderingPipeline, _super); /** * @constructor * @param {string} name - The rendering pipeline name * @param {BABYLON.Scene} scene - The scene linked to this pipeline * @param {any} ratio - The size of the postprocesses. Can be a number shared between passes or an object for more precision: { ssaoRatio: 0.5, combineRatio: 1.0 } * @param {BABYLON.Camera[]} cameras - The array of cameras that the rendering pipeline will be attached to */ function SSAORenderingPipeline(name, scene, ratio, cameras) { var _this = this; _super.call(this, scene.getEngine(), name); // Members /** * The PassPostProcess id in the pipeline that contains the original scene color * @type {string} */ this.SSAOOriginalSceneColorEffect = "SSAOOriginalSceneColorEffect"; /** * The SSAO PostProcess id in the pipeline * @type {string} */ this.SSAORenderEffect = "SSAORenderEffect"; /** * The horizontal blur PostProcess id in the pipeline * @type {string} */ this.SSAOBlurHRenderEffect = "SSAOBlurHRenderEffect"; /** * The vertical blur PostProcess id in the pipeline * @type {string} */ this.SSAOBlurVRenderEffect = "SSAOBlurVRenderEffect"; /** * The PostProcess id in the pipeline that combines the SSAO-Blur output with the original scene color (SSAOOriginalSceneColorEffect) * @type {string} */ this.SSAOCombineRenderEffect = "SSAOCombineRenderEffect"; /** * The output strength of the SSAO post-process. Default value is 1.0. * @type {number} */ this.totalStrength = 1.0; /** * The radius around the analyzed pixel used by the SSAO post-process. Default value is 0.0006 * @type {number} */ this.radius = 0.0001; /** * Related to fallOff, used to interpolate SSAO samples (first interpolate function input) based on the occlusion difference of each pixel * Must not be equal to fallOff and superior to fallOff. * Default value is 0.975 * @type {number} */ this.area = 0.0075; /** * Related to area, used to interpolate SSAO samples (second interpolate function input) based on the occlusion difference of each pixel * Must not be equal to area and inferior to area. * Default value is 0.0 * @type {number} */ this.fallOff = 0.000001; /** * The base color of the SSAO post-process * The final result is "base + ssao" between [0, 1] * @type {number} */ this.base = 0.5; this._firstUpdate = true; this._scene = scene; // Set up assets this._createRandomTexture(); this._depthTexture = scene.enableDepthRenderer().getDepthMap(); // Force depth renderer "on" var ssaoRatio = ratio.ssaoRatio || ratio; var combineRatio = ratio.combineRatio || ratio; this._ratio = { ssaoRatio: ssaoRatio, combineRatio: combineRatio }; this._originalColorPostProcess = new BABYLON.PassPostProcess("SSAOOriginalSceneColor", combineRatio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), false); this._createSSAOPostProcess(ssaoRatio); this._createBlurPostProcess(ssaoRatio); this._createSSAOCombinePostProcess(combineRatio); // Set up pipeline this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), this.SSAOOriginalSceneColorEffect, function () { return _this._originalColorPostProcess; }, true)); this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), this.SSAORenderEffect, function () { return _this._ssaoPostProcess; }, true)); this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), this.SSAOBlurHRenderEffect, function () { return _this._blurHPostProcess; }, true)); this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), this.SSAOBlurVRenderEffect, function () { return _this._blurVPostProcess; }, true)); this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), this.SSAOCombineRenderEffect, function () { return _this._ssaoCombinePostProcess; }, true)); // Finish scene.postProcessRenderPipelineManager.addPipeline(this); if (cameras) scene.postProcessRenderPipelineManager.attachCamerasToRenderPipeline(name, cameras); } // Public Methods /** * Returns the horizontal blur PostProcess * @return {BABYLON.BlurPostProcess} The horizontal blur post-process */ SSAORenderingPipeline.prototype.getBlurHPostProcess = function () { BABYLON.Tools.Error("SSAORenderinPipeline.getBlurHPostProcess() is deprecated, no more blur post-process exists"); return null; }; /** * Returns the vertical blur PostProcess * @return {BABYLON.BlurPostProcess} The vertical blur post-process */ SSAORenderingPipeline.prototype.getBlurVPostProcess = function () { BABYLON.Tools.Error("SSAORenderinPipeline.getBlurVPostProcess() is deprecated, no more blur post-process exists"); return null; }; /** * Removes the internal pipeline assets and detatches the pipeline from the scene cameras */ SSAORenderingPipeline.prototype.dispose = function (disableDepthRender) { if (disableDepthRender === void 0) { disableDepthRender = false; } for (var i = 0; i < this._scene.cameras.length; i++) { var camera = this._scene.cameras[i]; this._originalColorPostProcess.dispose(camera); this._ssaoPostProcess.dispose(camera); this._blurHPostProcess.dispose(camera); this._blurVPostProcess.dispose(camera); this._ssaoCombinePostProcess.dispose(camera); } this._randomTexture.dispose(); if (disableDepthRender) this._scene.disableDepthRenderer(); this._scene.postProcessRenderPipelineManager.detachCamerasFromRenderPipeline(this._name, this._scene.cameras); }; // Private Methods SSAORenderingPipeline.prototype._createBlurPostProcess = function (ratio) { var _this = this; /* var samplerOffsets = [ -8.0, -6.0, -4.0, -2.0, 0.0, 2.0, 4.0, 6.0, 8.0 ]; */ var samples = 16; var samplerOffsets = []; for (var i = -8; i < 8; i++) { samplerOffsets.push(i * 2); } this._blurHPostProcess = new BABYLON.PostProcess("BlurH", "ssao", ["outSize", "samplerOffsets"], ["depthSampler"], ratio, null, BABYLON.Texture.TRILINEAR_SAMPLINGMODE, this._scene.getEngine(), false, "#define BILATERAL_BLUR\n#define BILATERAL_BLUR_H\n#define SAMPLES 16"); this._blurHPostProcess.onApply = function (effect) { effect.setFloat("outSize", _this._ssaoCombinePostProcess.width); effect.setTexture("depthSampler", _this._depthTexture); if (_this._firstUpdate) { effect.setArray("samplerOffsets", samplerOffsets); } }; this._blurVPostProcess = new BABYLON.PostProcess("BlurV", "ssao", ["outSize", "samplerOffsets"], ["depthSampler"], ratio, null, BABYLON.Texture.TRILINEAR_SAMPLINGMODE, this._scene.getEngine(), false, "#define BILATERAL_BLUR\n#define SAMPLES 16"); this._blurVPostProcess.onApply = function (effect) { effect.setFloat("outSize", _this._ssaoCombinePostProcess.height); effect.setTexture("depthSampler", _this._depthTexture); if (_this._firstUpdate) { effect.setArray("samplerOffsets", samplerOffsets); _this._firstUpdate = false; } }; }; SSAORenderingPipeline.prototype._createSSAOPostProcess = function (ratio) { var _this = this; var numSamples = 16; var sampleSphere = [ 0.5381, 0.1856, -0.4319, 0.1379, 0.2486, 0.4430, 0.3371, 0.5679, -0.0057, -0.6999, -0.0451, -0.0019, 0.0689, -0.1598, -0.8547, 0.0560, 0.0069, -0.1843, -0.0146, 0.1402, 0.0762, 0.0100, -0.1924, -0.0344, -0.3577, -0.5301, -0.4358, -0.3169, 0.1063, 0.0158, 0.0103, -0.5869, 0.0046, -0.0897, -0.4940, 0.3287, 0.7119, -0.0154, -0.0918, -0.0533, 0.0596, -0.5411, 0.0352, -0.0631, 0.5460, -0.4776, 0.2847, -0.0271 ]; var samplesFactor = 1.0 / numSamples; this._ssaoPostProcess = new BABYLON.PostProcess("ssao", "ssao", [ "sampleSphere", "samplesFactor", "randTextureTiles", "totalStrength", "radius", "area", "fallOff", "base", "range", "viewport" ], ["randomSampler"], ratio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, this._scene.getEngine(), false, "#define SAMPLES " + numSamples + "\n#define SSAO"); var viewport = new BABYLON.Vector2(0, 0); this._ssaoPostProcess.onApply = function (effect) { if (_this._firstUpdate) { effect.setArray3("sampleSphere", sampleSphere); effect.setFloat("samplesFactor", samplesFactor); effect.setFloat("randTextureTiles", 4.0); } effect.setFloat("totalStrength", _this.totalStrength); effect.setFloat("radius", _this.radius); effect.setFloat("area", _this.area); effect.setFloat("fallOff", _this.fallOff); effect.setFloat("base", _this.base); effect.setTexture("textureSampler", _this._depthTexture); effect.setTexture("randomSampler", _this._randomTexture); }; }; SSAORenderingPipeline.prototype._createSSAOCombinePostProcess = function (ratio) { var _this = this; this._ssaoCombinePostProcess = new BABYLON.PostProcess("ssaoCombine", "ssaoCombine", [], ["originalColor"], ratio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, this._scene.getEngine(), false); this._ssaoCombinePostProcess.onApply = function (effect) { effect.setTextureFromPostProcess("originalColor", _this._originalColorPostProcess); }; }; SSAORenderingPipeline.prototype._createRandomTexture = function () { var size = 512; this._randomTexture = new BABYLON.DynamicTexture("SSAORandomTexture", size, this._scene, false, BABYLON.Texture.TRILINEAR_SAMPLINGMODE); this._randomTexture.wrapU = BABYLON.Texture.WRAP_ADDRESSMODE; this._randomTexture.wrapV = BABYLON.Texture.WRAP_ADDRESSMODE; var context = this._randomTexture.getContext(); var rand = function (min, max) { return Math.random() * (max - min) + min; }; var randVector = BABYLON.Vector3.Zero(); for (var x = 0; x < size; x++) { for (var y = 0; y < size; y++) { randVector.x = Math.floor(rand(-1.0, 1.0) * 255); randVector.y = Math.floor(rand(-1.0, 1.0) * 255); randVector.z = Math.floor(rand(-1.0, 1.0) * 255); context.fillStyle = 'rgb(' + randVector.x + ', ' + randVector.y + ', ' + randVector.z + ')'; context.fillRect(x, y, 1, 1); } } this._randomTexture.update(false); }; __decorate([ BABYLON.serialize() ], SSAORenderingPipeline.prototype, "totalStrength", void 0); __decorate([ BABYLON.serialize() ], SSAORenderingPipeline.prototype, "radius", void 0); __decorate([ BABYLON.serialize() ], SSAORenderingPipeline.prototype, "area", void 0); __decorate([ BABYLON.serialize() ], SSAORenderingPipeline.prototype, "fallOff", void 0); __decorate([ BABYLON.serialize() ], SSAORenderingPipeline.prototype, "base", void 0); __decorate([ BABYLON.serialize() ], SSAORenderingPipeline.prototype, "_ratio", void 0); return SSAORenderingPipeline; }(BABYLON.PostProcessRenderPipeline)); BABYLON.SSAORenderingPipeline = SSAORenderingPipeline; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.ssaoRenderingPipeline.js.map var BABYLON; (function (BABYLON) { // Inspired by http://http.developer.nvidia.com/GPUGems3/gpugems3_ch13.html var VolumetricLightScatteringPostProcess = (function (_super) { __extends(VolumetricLightScatteringPostProcess, _super); /** * @constructor * @param {string} name - The post-process name * @param {any} ratio - The size of the post-process and/or internal pass (0.5 means that your postprocess will have a width = canvas.width 0.5 and a height = canvas.height 0.5) * @param {BABYLON.Camera} camera - The camera that the post-process will be attached to * @param {BABYLON.Mesh} mesh - The mesh used to create the light scattering * @param {number} samples - The post-process quality, default 100 * @param {number} samplingMode - The post-process filtering mode * @param {BABYLON.Engine} engine - The babylon engine * @param {boolean} reusable - If the post-process is reusable * @param {BABYLON.Scene} scene - The constructor needs a scene reference to initialize internal components. If "camera" is null (RenderPipelineà, "scene" must be provided */ function VolumetricLightScatteringPostProcess(name, ratio, camera, mesh, samples, samplingMode, engine, reusable, scene) { var _this = this; if (samples === void 0) { samples = 100; } if (samplingMode === void 0) { samplingMode = BABYLON.Texture.BILINEAR_SAMPLINGMODE; } _super.call(this, name, "volumetricLightScattering", ["decay", "exposure", "weight", "meshPositionOnScreen", "density"], ["lightScatteringSampler"], ratio.postProcessRatio || ratio, camera, samplingMode, engine, reusable, "#define NUM_SAMPLES " + samples); this._screenCoordinates = BABYLON.Vector2.Zero(); /** * Custom position of the mesh. Used if "useCustomMeshPosition" is set to "true" * @type {Vector3} */ this.customMeshPosition = BABYLON.Vector3.Zero(); /** * Set if the post-process should use a custom position for the light source (true) or the internal mesh position (false) * @type {boolean} */ this.useCustomMeshPosition = false; /** * If the post-process should inverse the light scattering direction * @type {boolean} */ this.invert = true; /** * Array containing the excluded meshes not rendered in the internal pass */ this.excludedMeshes = new Array(); /** * Controls the overall intensity of the post-process * @type {number} */ this.exposure = 0.3; /** * Dissipates each sample's contribution in range [0, 1] * @type {number} */ this.decay = 0.96815; /** * Controls the overall intensity of each sample * @type {number} */ this.weight = 0.58767; /** * Controls the density of each sample * @type {number} */ this.density = 0.926; scene = (camera === null) ? scene : camera.getScene(); // parameter "scene" can be null. var engine = scene.getEngine(); this._viewPort = new BABYLON.Viewport(0, 0, 1, 1).toGlobal(engine.getRenderWidth(), engine.getRenderHeight()); // Configure mesh this.mesh = (mesh !== null) ? mesh : VolumetricLightScatteringPostProcess.CreateDefaultMesh("VolumetricLightScatteringMesh", scene); // Configure this._createPass(scene, ratio.passRatio || ratio); this.onActivate = function (camera) { if (!_this.isSupported) { _this.dispose(camera); } _this.onActivate = null; }; this.onApplyObservable.add(function (effect) { _this._updateMeshScreenCoordinates(scene); effect.setTexture("lightScatteringSampler", _this._volumetricLightScatteringRTT); effect.setFloat("exposure", _this.exposure); effect.setFloat("decay", _this.decay); effect.setFloat("weight", _this.weight); effect.setFloat("density", _this.density); effect.setVector2("meshPositionOnScreen", _this._screenCoordinates); }); } Object.defineProperty(VolumetricLightScatteringPostProcess.prototype, "useDiffuseColor", { get: function () { BABYLON.Tools.Warn("VolumetricLightScatteringPostProcess.useDiffuseColor is no longer used, use the mesh material directly instead"); return false; }, set: function (useDiffuseColor) { BABYLON.Tools.Warn("VolumetricLightScatteringPostProcess.useDiffuseColor is no longer used, use the mesh material directly instead"); }, enumerable: true, configurable: true }); VolumetricLightScatteringPostProcess.prototype.isReady = function (subMesh, useInstances) { var mesh = subMesh.getMesh(); // Render this.mesh as default if (mesh === this.mesh) { return mesh.material.isReady(mesh); } var defines = []; var attribs = [BABYLON.VertexBuffer.PositionKind]; var material = subMesh.getMaterial(); var needUV = false; // Alpha test if (material) { if (material.needAlphaTesting()) { defines.push("#define ALPHATEST"); } if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UVKind)) { attribs.push(BABYLON.VertexBuffer.UVKind); defines.push("#define UV1"); } if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UV2Kind)) { attribs.push(BABYLON.VertexBuffer.UV2Kind); defines.push("#define UV2"); } } // Bones if (mesh.useBones && mesh.computeBonesUsingShaders) { attribs.push(BABYLON.VertexBuffer.MatricesIndicesKind); attribs.push(BABYLON.VertexBuffer.MatricesWeightsKind); defines.push("#define NUM_BONE_INFLUENCERS " + mesh.numBoneInfluencers); defines.push("#define BonesPerMesh " + (mesh.skeleton.bones.length + 1)); } else { defines.push("#define NUM_BONE_INFLUENCERS 0"); } // Instances if (useInstances) { defines.push("#define INSTANCES"); attribs.push("world0"); attribs.push("world1"); attribs.push("world2"); attribs.push("world3"); } // Get correct effect var join = defines.join("\n"); if (this._cachedDefines !== join) { this._cachedDefines = join; this._volumetricLightScatteringPass = mesh.getScene().getEngine().createEffect({ vertexElement: "depth", fragmentElement: "volumetricLightScatteringPass" }, attribs, ["world", "mBones", "viewProjection", "diffuseMatrix"], ["diffuseSampler"], join); } return this._volumetricLightScatteringPass.isReady(); }; /** * Sets the new light position for light scattering effect * @param {BABYLON.Vector3} The new custom light position */ VolumetricLightScatteringPostProcess.prototype.setCustomMeshPosition = function (position) { this.customMeshPosition = position; }; /** * Returns the light position for light scattering effect * @return {BABYLON.Vector3} The custom light position */ VolumetricLightScatteringPostProcess.prototype.getCustomMeshPosition = function () { return this.customMeshPosition; }; /** * Disposes the internal assets and detaches the post-process from the camera */ VolumetricLightScatteringPostProcess.prototype.dispose = function (camera) { var rttIndex = camera.getScene().customRenderTargets.indexOf(this._volumetricLightScatteringRTT); if (rttIndex !== -1) { camera.getScene().customRenderTargets.splice(rttIndex, 1); } this._volumetricLightScatteringRTT.dispose(); _super.prototype.dispose.call(this, camera); }; /** * Returns the render target texture used by the post-process * @return {BABYLON.RenderTargetTexture} The render target texture used by the post-process */ VolumetricLightScatteringPostProcess.prototype.getPass = function () { return this._volumetricLightScatteringRTT; }; // Private methods VolumetricLightScatteringPostProcess.prototype._meshExcluded = function (mesh) { if (this.excludedMeshes.length > 0 && this.excludedMeshes.indexOf(mesh) !== -1) { return true; } return false; }; VolumetricLightScatteringPostProcess.prototype._createPass = function (scene, ratio) { var _this = this; var engine = scene.getEngine(); this._volumetricLightScatteringRTT = new BABYLON.RenderTargetTexture("volumetricLightScatteringMap", { width: engine.getRenderWidth() * ratio, height: engine.getRenderHeight() * ratio }, scene, false, true, BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT); this._volumetricLightScatteringRTT.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE; this._volumetricLightScatteringRTT.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE; this._volumetricLightScatteringRTT.renderList = null; this._volumetricLightScatteringRTT.renderParticles = false; scene.customRenderTargets.push(this._volumetricLightScatteringRTT); // Custom render function for submeshes var renderSubMesh = function (subMesh) { var mesh = subMesh.getRenderingMesh(); if (_this._meshExcluded(mesh)) { return; } var scene = mesh.getScene(); var engine = scene.getEngine(); // Culling engine.setState(subMesh.getMaterial().backFaceCulling); // Managing instances var batch = mesh._getInstancesRenderList(subMesh._id); if (batch.mustReturn) { return; } var hardwareInstancedRendering = (engine.getCaps().instancedArrays !== null) && (batch.visibleInstances[subMesh._id] !== null); if (_this.isReady(subMesh, hardwareInstancedRendering)) { var effect = _this._volumetricLightScatteringPass; if (mesh === _this.mesh) { effect = subMesh.getMaterial().getEffect(); } engine.enableEffect(effect); mesh._bind(subMesh, effect, BABYLON.Material.TriangleFillMode); if (mesh === _this.mesh) { subMesh.getMaterial().bind(mesh.getWorldMatrix(), mesh); } else { var material = subMesh.getMaterial(); _this._volumetricLightScatteringPass.setMatrix("viewProjection", scene.getTransformMatrix()); // Alpha test if (material && material.needAlphaTesting()) { var alphaTexture = material.getAlphaTestTexture(); _this._volumetricLightScatteringPass.setTexture("diffuseSampler", alphaTexture); if (alphaTexture) { _this._volumetricLightScatteringPass.setMatrix("diffuseMatrix", alphaTexture.getTextureMatrix()); } } // Bones if (mesh.useBones && mesh.computeBonesUsingShaders) { _this._volumetricLightScatteringPass.setMatrices("mBones", mesh.skeleton.getTransformMatrices(mesh)); } } // Draw mesh._processRendering(subMesh, _this._volumetricLightScatteringPass, BABYLON.Material.TriangleFillMode, batch, hardwareInstancedRendering, function (isInstance, world) { return effect.setMatrix("world", world); }); } }; // Render target texture callbacks var savedSceneClearColor; var sceneClearColor = new BABYLON.Color4(0.0, 0.0, 0.0, 1.0); this._volumetricLightScatteringRTT.onBeforeRenderObservable.add(function () { savedSceneClearColor = scene.clearColor; scene.clearColor = sceneClearColor; }); this._volumetricLightScatteringRTT.onAfterRenderObservable.add(function () { scene.clearColor = savedSceneClearColor; }); this._volumetricLightScatteringRTT.customRenderFunction = function (opaqueSubMeshes, alphaTestSubMeshes, transparentSubMeshes) { var engine = scene.getEngine(); var index; for (index = 0; index < opaqueSubMeshes.length; index++) { renderSubMesh(opaqueSubMeshes.data[index]); } engine.setAlphaTesting(true); for (index = 0; index < alphaTestSubMeshes.length; index++) { renderSubMesh(alphaTestSubMeshes.data[index]); } engine.setAlphaTesting(false); if (transparentSubMeshes.length) { // Sort sub meshes for (index = 0; index < transparentSubMeshes.length; index++) { var submesh = transparentSubMeshes.data[index]; submesh._alphaIndex = submesh.getMesh().alphaIndex; submesh._distanceToCamera = submesh.getBoundingInfo().boundingSphere.centerWorld.subtract(scene.activeCamera.position).length(); } var sortedArray = transparentSubMeshes.data.slice(0, transparentSubMeshes.length); sortedArray.sort(function (a, b) { // Alpha index first if (a._alphaIndex > b._alphaIndex) { return 1; } if (a._alphaIndex < b._alphaIndex) { return -1; } // Then distance to camera if (a._distanceToCamera < b._distanceToCamera) { return 1; } if (a._distanceToCamera > b._distanceToCamera) { return -1; } return 0; }); // Render sub meshes engine.setAlphaMode(BABYLON.Engine.ALPHA_COMBINE); for (index = 0; index < sortedArray.length; index++) { renderSubMesh(sortedArray[index]); } engine.setAlphaMode(BABYLON.Engine.ALPHA_DISABLE); } }; }; VolumetricLightScatteringPostProcess.prototype._updateMeshScreenCoordinates = function (scene) { var transform = scene.getTransformMatrix(); var meshPosition; if (this.useCustomMeshPosition) { meshPosition = this.customMeshPosition; } else if (this.attachedNode) { meshPosition = this.attachedNode.position; } else { meshPosition = this.mesh.parent ? this.mesh.getAbsolutePosition() : this.mesh.position; } var pos = BABYLON.Vector3.Project(meshPosition, BABYLON.Matrix.Identity(), transform, this._viewPort); this._screenCoordinates.x = pos.x / this._viewPort.width; this._screenCoordinates.y = pos.y / this._viewPort.height; if (this.invert) this._screenCoordinates.y = 1.0 - this._screenCoordinates.y; }; // Static methods /** * Creates a default mesh for the Volumeric Light Scattering post-process * @param {string} The mesh name * @param {BABYLON.Scene} The scene where to create the mesh * @return {BABYLON.Mesh} the default mesh */ VolumetricLightScatteringPostProcess.CreateDefaultMesh = function (name, scene) { var mesh = BABYLON.Mesh.CreatePlane(name, 1, scene); mesh.billboardMode = BABYLON.AbstractMesh.BILLBOARDMODE_ALL; var material = new BABYLON.StandardMaterial(name + "Material", scene); material.emissiveColor = new BABYLON.Color3(1, 1, 1); mesh.material = material; return mesh; }; __decorate([ BABYLON.serializeAsVector3() ], VolumetricLightScatteringPostProcess.prototype, "customMeshPosition", void 0); __decorate([ BABYLON.serialize() ], VolumetricLightScatteringPostProcess.prototype, "useCustomMeshPosition", void 0); __decorate([ BABYLON.serialize() ], VolumetricLightScatteringPostProcess.prototype, "invert", void 0); __decorate([ BABYLON.serializeAsMeshReference() ], VolumetricLightScatteringPostProcess.prototype, "mesh", void 0); __decorate([ BABYLON.serialize() ], VolumetricLightScatteringPostProcess.prototype, "excludedMeshes", void 0); __decorate([ BABYLON.serialize() ], VolumetricLightScatteringPostProcess.prototype, "exposure", void 0); __decorate([ BABYLON.serialize() ], VolumetricLightScatteringPostProcess.prototype, "decay", void 0); __decorate([ BABYLON.serialize() ], VolumetricLightScatteringPostProcess.prototype, "weight", void 0); __decorate([ BABYLON.serialize() ], VolumetricLightScatteringPostProcess.prototype, "density", void 0); return VolumetricLightScatteringPostProcess; }(BABYLON.PostProcess)); BABYLON.VolumetricLightScatteringPostProcess = VolumetricLightScatteringPostProcess; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.volumetricLightScatteringPostProcess.js.map // BABYLON.JS Chromatic Aberration GLSL Shader // Author: Olivier Guyot // Separates very slightly R, G and B colors on the edges of the screen // Inspired by Francois Tarlier & Martins Upitis var BABYLON; (function (BABYLON) { var LensRenderingPipeline = (function (_super) { __extends(LensRenderingPipeline, _super); /** * @constructor * * Effect parameters are as follow: * { * chromatic_aberration: number; // from 0 to x (1 for realism) * edge_blur: number; // from 0 to x (1 for realism) * distortion: number; // from 0 to x (1 for realism) * grain_amount: number; // from 0 to 1 * grain_texture: BABYLON.Texture; // texture to use for grain effect; if unset, use random B&W noise * dof_focus_distance: number; // depth-of-field: focus distance; unset to disable (disabled by default) * dof_aperture: number; // depth-of-field: focus blur bias (default: 1) * dof_darken: number; // depth-of-field: darken that which is out of focus (from 0 to 1, disabled by default) * dof_pentagon: boolean; // depth-of-field: makes a pentagon-like "bokeh" effect * dof_gain: number; // depth-of-field: highlights gain; unset to disable (disabled by default) * dof_threshold: number; // depth-of-field: highlights threshold (default: 1) * blur_noise: boolean; // add a little bit of noise to the blur (default: true) * } * Note: if an effect parameter is unset, effect is disabled * * @param {string} name - The rendering pipeline name * @param {object} parameters - An object containing all parameters (see above) * @param {BABYLON.Scene} scene - The scene linked to this pipeline * @param {number} ratio - The size of the postprocesses (0.5 means that your postprocess will have a width = canvas.width 0.5 and a height = canvas.height 0.5) * @param {BABYLON.Camera[]} cameras - The array of cameras that the rendering pipeline will be attached to */ function LensRenderingPipeline(name, parameters, scene, ratio, cameras) { var _this = this; if (ratio === void 0) { ratio = 1.0; } _super.call(this, scene.getEngine(), name); // Lens effects can be of the following: // - chromatic aberration (slight shift of RGB colors) // - blur on the edge of the lens // - lens distortion // - depth-of-field blur & highlights enhancing // - depth-of-field 'bokeh' effect (shapes appearing in blurred areas) // - grain effect (noise or custom texture) // Two additional texture samplers are needed: // - depth map (for depth-of-field) // - grain texture /** * The chromatic aberration PostProcess id in the pipeline * @type {string} */ this.LensChromaticAberrationEffect = "LensChromaticAberrationEffect"; /** * The highlights enhancing PostProcess id in the pipeline * @type {string} */ this.HighlightsEnhancingEffect = "HighlightsEnhancingEffect"; /** * The depth-of-field PostProcess id in the pipeline * @type {string} */ this.LensDepthOfFieldEffect = "LensDepthOfFieldEffect"; this._scene = scene; // Fetch texture samplers this._depthTexture = scene.enableDepthRenderer().getDepthMap(); // Force depth renderer "on" if (parameters.grain_texture) { this._grainTexture = parameters.grain_texture; } else { this._createGrainTexture(); } // save parameters this._edgeBlur = parameters.edge_blur ? parameters.edge_blur : 0; this._grainAmount = parameters.grain_amount ? parameters.grain_amount : 0; this._chromaticAberration = parameters.chromatic_aberration ? parameters.chromatic_aberration : 0; this._distortion = parameters.distortion ? parameters.distortion : 0; this._highlightsGain = parameters.dof_gain !== undefined ? parameters.dof_gain : -1; this._highlightsThreshold = parameters.dof_threshold ? parameters.dof_threshold : 1; this._dofDistance = parameters.dof_focus_distance !== undefined ? parameters.dof_focus_distance : -1; this._dofAperture = parameters.dof_aperture ? parameters.dof_aperture : 1; this._dofDarken = parameters.dof_darken ? parameters.dof_darken : 0; this._dofPentagon = parameters.dof_pentagon !== undefined ? parameters.dof_pentagon : true; this._blurNoise = parameters.blur_noise !== undefined ? parameters.blur_noise : true; // Create effects this._createChromaticAberrationPostProcess(ratio); this._createHighlightsPostProcess(ratio); this._createDepthOfFieldPostProcess(ratio / 4); // Set up pipeline this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), this.LensChromaticAberrationEffect, function () { return _this._chromaticAberrationPostProcess; }, true)); this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), this.HighlightsEnhancingEffect, function () { return _this._highlightsPostProcess; }, true)); this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), this.LensDepthOfFieldEffect, function () { return _this._depthOfFieldPostProcess; }, true)); if (this._highlightsGain === -1) { this._disableEffect(this.HighlightsEnhancingEffect, null); } // Finish scene.postProcessRenderPipelineManager.addPipeline(this); if (cameras) { scene.postProcessRenderPipelineManager.attachCamerasToRenderPipeline(name, cameras); } } // public methods (self explanatory) LensRenderingPipeline.prototype.setEdgeBlur = function (amount) { this._edgeBlur = amount; }; LensRenderingPipeline.prototype.disableEdgeBlur = function () { this._edgeBlur = 0; }; LensRenderingPipeline.prototype.setGrainAmount = function (amount) { this._grainAmount = amount; }; LensRenderingPipeline.prototype.disableGrain = function () { this._grainAmount = 0; }; LensRenderingPipeline.prototype.setChromaticAberration = function (amount) { this._chromaticAberration = amount; }; LensRenderingPipeline.prototype.disableChromaticAberration = function () { this._chromaticAberration = 0; }; LensRenderingPipeline.prototype.setEdgeDistortion = function (amount) { this._distortion = amount; }; LensRenderingPipeline.prototype.disableEdgeDistortion = function () { this._distortion = 0; }; LensRenderingPipeline.prototype.setFocusDistance = function (amount) { this._dofDistance = amount; }; LensRenderingPipeline.prototype.disableDepthOfField = function () { this._dofDistance = -1; }; LensRenderingPipeline.prototype.setAperture = function (amount) { this._dofAperture = amount; }; LensRenderingPipeline.prototype.setDarkenOutOfFocus = function (amount) { this._dofDarken = amount; }; LensRenderingPipeline.prototype.enablePentagonBokeh = function () { this._highlightsPostProcess.updateEffect("#define PENTAGON\n"); }; LensRenderingPipeline.prototype.disablePentagonBokeh = function () { this._highlightsPostProcess.updateEffect(); }; LensRenderingPipeline.prototype.enableNoiseBlur = function () { this._blurNoise = true; }; LensRenderingPipeline.prototype.disableNoiseBlur = function () { this._blurNoise = false; }; LensRenderingPipeline.prototype.setHighlightsGain = function (amount) { this._highlightsGain = amount; }; LensRenderingPipeline.prototype.setHighlightsThreshold = function (amount) { if (this._highlightsGain === -1) { this._highlightsGain = 1.0; } this._highlightsThreshold = amount; }; LensRenderingPipeline.prototype.disableHighlights = function () { this._highlightsGain = -1; }; /** * Removes the internal pipeline assets and detaches the pipeline from the scene cameras */ LensRenderingPipeline.prototype.dispose = function (disableDepthRender) { if (disableDepthRender === void 0) { disableDepthRender = false; } this._scene.postProcessRenderPipelineManager.detachCamerasFromRenderPipeline(this._name, this._scene.cameras); this._chromaticAberrationPostProcess = undefined; this._highlightsPostProcess = undefined; this._depthOfFieldPostProcess = undefined; this._grainTexture.dispose(); if (disableDepthRender) this._scene.disableDepthRenderer(); }; // colors shifting and distortion LensRenderingPipeline.prototype._createChromaticAberrationPostProcess = function (ratio) { var _this = this; this._chromaticAberrationPostProcess = new BABYLON.PostProcess("LensChromaticAberration", "chromaticAberration", ["chromatic_aberration", "screen_width", "screen_height"], // uniforms [], // samplers ratio, null, BABYLON.Texture.TRILINEAR_SAMPLINGMODE, this._scene.getEngine(), false); this._chromaticAberrationPostProcess.onApply = function (effect) { effect.setFloat('chromatic_aberration', _this._chromaticAberration); effect.setFloat('screen_width', _this._scene.getEngine().getRenderingCanvas().width); effect.setFloat('screen_height', _this._scene.getEngine().getRenderingCanvas().height); }; }; // highlights enhancing LensRenderingPipeline.prototype._createHighlightsPostProcess = function (ratio) { var _this = this; this._highlightsPostProcess = new BABYLON.PostProcess("LensHighlights", "lensHighlights", ["gain", "threshold", "screen_width", "screen_height"], // uniforms [], // samplers ratio, null, BABYLON.Texture.TRILINEAR_SAMPLINGMODE, this._scene.getEngine(), false, this._dofPentagon ? "#define PENTAGON\n" : ""); this._highlightsPostProcess.onApply = function (effect) { effect.setFloat('gain', _this._highlightsGain); effect.setFloat('threshold', _this._highlightsThreshold); effect.setTextureFromPostProcess("textureSampler", _this._chromaticAberrationPostProcess); effect.setFloat('screen_width', _this._scene.getEngine().getRenderingCanvas().width); effect.setFloat('screen_height', _this._scene.getEngine().getRenderingCanvas().height); }; }; // colors shifting and distortion LensRenderingPipeline.prototype._createDepthOfFieldPostProcess = function (ratio) { var _this = this; this._depthOfFieldPostProcess = new BABYLON.PostProcess("LensDepthOfField", "depthOfField", [ "grain_amount", "blur_noise", "screen_width", "screen_height", "distortion", "dof_enabled", "screen_distance", "aperture", "darken", "edge_blur", "highlights", "near", "far" ], ["depthSampler", "grainSampler", "highlightsSampler"], ratio, null, BABYLON.Texture.TRILINEAR_SAMPLINGMODE, this._scene.getEngine(), false); this._depthOfFieldPostProcess.onApply = function (effect) { effect.setTexture("depthSampler", _this._depthTexture); effect.setTexture("grainSampler", _this._grainTexture); effect.setTextureFromPostProcess("textureSampler", _this._highlightsPostProcess); effect.setTextureFromPostProcess("highlightsSampler", _this._depthOfFieldPostProcess); effect.setFloat('grain_amount', _this._grainAmount); effect.setBool('blur_noise', _this._blurNoise); effect.setFloat('screen_width', _this._scene.getEngine().getRenderingCanvas().width); effect.setFloat('screen_height', _this._scene.getEngine().getRenderingCanvas().height); effect.setFloat('distortion', _this._distortion); effect.setBool('dof_enabled', (_this._dofDistance !== -1)); effect.setFloat('screen_distance', 1.0 / (0.1 - 1.0 / _this._dofDistance)); effect.setFloat('aperture', _this._dofAperture); effect.setFloat('darken', _this._dofDarken); effect.setFloat('edge_blur', _this._edgeBlur); effect.setBool('highlights', (_this._highlightsGain !== -1)); effect.setFloat('near', _this._scene.activeCamera.minZ); effect.setFloat('far', _this._scene.activeCamera.maxZ); }; }; // creates a black and white random noise texture, 512x512 LensRenderingPipeline.prototype._createGrainTexture = function () { var size = 512; this._grainTexture = new BABYLON.DynamicTexture("LensNoiseTexture", size, this._scene, false, BABYLON.Texture.BILINEAR_SAMPLINGMODE); this._grainTexture.wrapU = BABYLON.Texture.WRAP_ADDRESSMODE; this._grainTexture.wrapV = BABYLON.Texture.WRAP_ADDRESSMODE; var context = this._grainTexture.getContext(); var rand = function (min, max) { return Math.random() * (max - min) + min; }; var value; for (var x = 0; x < size; x++) { for (var y = 0; y < size; y++) { value = Math.floor(rand(0.42, 0.58) * 255); context.fillStyle = 'rgb(' + value + ', ' + value + ', ' + value + ')'; context.fillRect(x, y, 1, 1); } } this._grainTexture.update(false); }; return LensRenderingPipeline; }(BABYLON.PostProcessRenderPipeline)); BABYLON.LensRenderingPipeline = LensRenderingPipeline; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.lensRenderingPipeline.js.map // // This post-process allows the modification of rendered colors by using // a 'look-up table' (LUT). This effect is also called Color Grading. // // The object needs to be provided an url to a texture containing the color // look-up table: the texture must be 256 pixels wide and 16 pixels high. // Use an image editing software to tweak the LUT to match your needs. // // For an example of a color LUT, see here: // http://udn.epicgames.com/Three/rsrc/Three/ColorGrading/RGBTable16x1.png // For explanations on color grading, see here: // http://udn.epicgames.com/Three/ColorGrading.html // var BABYLON; (function (BABYLON) { var ColorCorrectionPostProcess = (function (_super) { __extends(ColorCorrectionPostProcess, _super); function ColorCorrectionPostProcess(name, colorTableUrl, options, camera, samplingMode, engine, reusable) { var _this = this; _super.call(this, name, 'colorCorrection', null, ['colorTable'], options, camera, samplingMode, engine, reusable); this._colorTableTexture = new BABYLON.Texture(colorTableUrl, camera.getScene(), true, false, BABYLON.Texture.TRILINEAR_SAMPLINGMODE); this._colorTableTexture.anisotropicFilteringLevel = 1; this._colorTableTexture.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE; this._colorTableTexture.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE; this.onApply = function (effect) { effect.setTexture("colorTable", _this._colorTableTexture); }; } return ColorCorrectionPostProcess; }(BABYLON.PostProcess)); BABYLON.ColorCorrectionPostProcess = ColorCorrectionPostProcess; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.colorCorrectionPostProcess.js.map var BABYLON; (function (BABYLON) { var AnaglyphFreeCamera = (function (_super) { __extends(AnaglyphFreeCamera, _super); function AnaglyphFreeCamera(name, position, interaxialDistance, scene) { _super.call(this, name, position, scene); this.interaxialDistance = interaxialDistance; this.setCameraRigMode(BABYLON.Camera.RIG_MODE_STEREOSCOPIC_ANAGLYPH, { interaxialDistance: interaxialDistance }); } AnaglyphFreeCamera.prototype.getTypeName = function () { return "AnaglyphFreeCamera"; }; return AnaglyphFreeCamera; }(BABYLON.FreeCamera)); BABYLON.AnaglyphFreeCamera = AnaglyphFreeCamera; var AnaglyphArcRotateCamera = (function (_super) { __extends(AnaglyphArcRotateCamera, _super); function AnaglyphArcRotateCamera(name, alpha, beta, radius, target, interaxialDistance, scene) { _super.call(this, name, alpha, beta, radius, target, scene); this.interaxialDistance = interaxialDistance; this.setCameraRigMode(BABYLON.Camera.RIG_MODE_STEREOSCOPIC_ANAGLYPH, { interaxialDistance: interaxialDistance }); } AnaglyphArcRotateCamera.prototype.getTypeName = function () { return "AnaglyphArcRotateCamera"; }; return AnaglyphArcRotateCamera; }(BABYLON.ArcRotateCamera)); BABYLON.AnaglyphArcRotateCamera = AnaglyphArcRotateCamera; var AnaglyphGamepadCamera = (function (_super) { __extends(AnaglyphGamepadCamera, _super); function AnaglyphGamepadCamera(name, position, interaxialDistance, scene) { _super.call(this, name, position, scene); this.interaxialDistance = interaxialDistance; this.setCameraRigMode(BABYLON.Camera.RIG_MODE_STEREOSCOPIC_ANAGLYPH, { interaxialDistance: interaxialDistance }); } AnaglyphGamepadCamera.prototype.getTypeName = function () { return "AnaglyphGamepadCamera"; }; return AnaglyphGamepadCamera; }(BABYLON.GamepadCamera)); BABYLON.AnaglyphGamepadCamera = AnaglyphGamepadCamera; var AnaglyphUniversalCamera = (function (_super) { __extends(AnaglyphUniversalCamera, _super); function AnaglyphUniversalCamera(name, position, interaxialDistance, scene) { _super.call(this, name, position, scene); this.interaxialDistance = interaxialDistance; this.setCameraRigMode(BABYLON.Camera.RIG_MODE_STEREOSCOPIC_ANAGLYPH, { interaxialDistance: interaxialDistance }); } AnaglyphUniversalCamera.prototype.getTypeName = function () { return "AnaglyphUniversalCamera"; }; return AnaglyphUniversalCamera; }(BABYLON.UniversalCamera)); BABYLON.AnaglyphUniversalCamera = AnaglyphUniversalCamera; var StereoscopicFreeCamera = (function (_super) { __extends(StereoscopicFreeCamera, _super); function StereoscopicFreeCamera(name, position, interaxialDistance, isStereoscopicSideBySide, scene) { _super.call(this, name, position, scene); this.interaxialDistance = interaxialDistance; this.isStereoscopicSideBySide = isStereoscopicSideBySide; this.setCameraRigMode(isStereoscopicSideBySide ? BABYLON.Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_PARALLEL : BABYLON.Camera.RIG_MODE_STEREOSCOPIC_OVERUNDER, { interaxialDistance: interaxialDistance }); } StereoscopicFreeCamera.prototype.getTypeName = function () { return "StereoscopicFreeCamera"; }; return StereoscopicFreeCamera; }(BABYLON.FreeCamera)); BABYLON.StereoscopicFreeCamera = StereoscopicFreeCamera; var StereoscopicArcRotateCamera = (function (_super) { __extends(StereoscopicArcRotateCamera, _super); function StereoscopicArcRotateCamera(name, alpha, beta, radius, target, interaxialDistance, isStereoscopicSideBySide, scene) { _super.call(this, name, alpha, beta, radius, target, scene); this.interaxialDistance = interaxialDistance; this.isStereoscopicSideBySide = isStereoscopicSideBySide; this.setCameraRigMode(isStereoscopicSideBySide ? BABYLON.Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_PARALLEL : BABYLON.Camera.RIG_MODE_STEREOSCOPIC_OVERUNDER, { interaxialDistance: interaxialDistance }); } StereoscopicArcRotateCamera.prototype.getTypeName = function () { return "StereoscopicArcRotateCamera"; }; return StereoscopicArcRotateCamera; }(BABYLON.ArcRotateCamera)); BABYLON.StereoscopicArcRotateCamera = StereoscopicArcRotateCamera; var StereoscopicGamepadCamera = (function (_super) { __extends(StereoscopicGamepadCamera, _super); function StereoscopicGamepadCamera(name, position, interaxialDistance, isStereoscopicSideBySide, scene) { _super.call(this, name, position, scene); this.interaxialDistance = interaxialDistance; this.isStereoscopicSideBySide = isStereoscopicSideBySide; this.setCameraRigMode(isStereoscopicSideBySide ? BABYLON.Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_PARALLEL : BABYLON.Camera.RIG_MODE_STEREOSCOPIC_OVERUNDER, { interaxialDistance: interaxialDistance }); } StereoscopicGamepadCamera.prototype.getTypeName = function () { return "StereoscopicGamepadCamera"; }; return StereoscopicGamepadCamera; }(BABYLON.GamepadCamera)); BABYLON.StereoscopicGamepadCamera = StereoscopicGamepadCamera; var StereoscopicUniversalCamera = (function (_super) { __extends(StereoscopicUniversalCamera, _super); function StereoscopicUniversalCamera(name, position, interaxialDistance, isStereoscopicSideBySide, scene) { _super.call(this, name, position, scene); this.interaxialDistance = interaxialDistance; this.isStereoscopicSideBySide = isStereoscopicSideBySide; this.setCameraRigMode(isStereoscopicSideBySide ? BABYLON.Camera.RIG_MODE_STEREOSCOPIC_SIDEBYSIDE_PARALLEL : BABYLON.Camera.RIG_MODE_STEREOSCOPIC_OVERUNDER, { interaxialDistance: interaxialDistance }); } StereoscopicUniversalCamera.prototype.getTypeName = function () { return "StereoscopicUniversalCamera"; }; return StereoscopicUniversalCamera; }(BABYLON.UniversalCamera)); BABYLON.StereoscopicUniversalCamera = StereoscopicUniversalCamera; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Cameras/babylon.stereoscopicCameras.js.map var BABYLON; (function (BABYLON) { var HDRRenderingPipeline = (function (_super) { __extends(HDRRenderingPipeline, _super); /** * @constructor * @param {string} name - The rendering pipeline name * @param {BABYLON.Scene} scene - The scene linked to this pipeline * @param {any} ratio - The size of the postprocesses (0.5 means that your postprocess will have a width = canvas.width 0.5 and a height = canvas.height 0.5) * @param {BABYLON.PostProcess} originalPostProcess - the custom original color post-process. Must be "reusable". Can be null. * @param {BABYLON.Camera[]} cameras - The array of cameras that the rendering pipeline will be attached to */ function HDRRenderingPipeline(name, scene, ratio, originalPostProcess, cameras) { var _this = this; if (originalPostProcess === void 0) { originalPostProcess = null; } _super.call(this, scene.getEngine(), name); /** * Public members */ // Gaussian Blur /** * Gaussian blur coefficient * @type {number} */ this.gaussCoeff = 0.3; /** * Gaussian blur mean * @type {number} */ this.gaussMean = 1.0; /** * Gaussian blur standard deviation * @type {number} */ this.gaussStandDev = 0.8; /** * Gaussian blur multiplier. Multiplies the blur effect * @type {number} */ this.gaussMultiplier = 4.0; // HDR /** * Exposure, controls the overall intensity of the pipeline * @type {number} */ this.exposure = 1.0; /** * Minimum luminance that the post-process can output. Luminance is >= 0 * @type {number} */ this.minimumLuminance = 1.0; /** * Maximum luminance that the post-process can output. Must be suprerior to minimumLuminance * @type {number} */ this.maximumLuminance = 1e20; /** * Increase rate for luminance: eye adaptation speed to dark * @type {number} */ this.luminanceIncreaserate = 0.5; /** * Decrease rate for luminance: eye adaptation speed to bright * @type {number} */ this.luminanceDecreaseRate = 0.5; // Bright pass /** * Minimum luminance needed to compute HDR * @type {number} */ this.brightThreshold = 0.8; this._needUpdate = true; this._scene = scene; // Bright pass this._createBrightPassPostProcess(scene, ratio); // Down sample X4 this._createDownSampleX4PostProcess(scene, ratio); // Create gaussian blur post-processes this._createGaussianBlurPostProcess(scene, ratio); // Texture adder this._createTextureAdderPostProcess(scene, ratio); // Luminance generator this._createLuminanceGeneratorPostProcess(scene); // HDR this._createHDRPostProcess(scene, ratio); // Pass postprocess if (originalPostProcess === null) { this._originalPostProcess = new BABYLON.PassPostProcess("hdr", ratio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), false); } else { this._originalPostProcess = originalPostProcess; } // Configure pipeline this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRPassPostProcess", function () { return _this._originalPostProcess; }, true)); this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRBrightPass", function () { return _this._brightPassPostProcess; }, true)); this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRDownSampleX4", function () { return _this._downSampleX4PostProcess; }, true)); this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRGaussianBlurH", function () { return _this._guassianBlurHPostProcess; }, true)); this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRGaussianBlurV", function () { return _this._guassianBlurVPostProcess; }, true)); this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRTextureAdder", function () { return _this._textureAdderPostProcess; }, true)); var addDownSamplerPostProcess = function (id) { _this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRDownSampler" + id, function () { return _this._downSamplePostProcesses[id]; }, true)); }; for (var i = HDRRenderingPipeline.LUM_STEPS - 1; i >= 0; i--) { addDownSamplerPostProcess(i); } this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDR", function () { return _this._hdrPostProcess; }, true)); // Finish scene.postProcessRenderPipelineManager.addPipeline(this); if (cameras !== null) { scene.postProcessRenderPipelineManager.attachCamerasToRenderPipeline(name, cameras); } this.update(); } /** * Tells the pipeline to update its post-processes */ HDRRenderingPipeline.prototype.update = function () { this._needUpdate = true; }; /** * Returns the current calculated luminance */ HDRRenderingPipeline.prototype.getCurrentLuminance = function () { return this._hdrCurrentLuminance; }; /** * Returns the currently drawn luminance */ HDRRenderingPipeline.prototype.getOutputLuminance = function () { return this._hdrOutputLuminance; }; /** * Releases the rendering pipeline and its internal effects. Detaches pipeline from cameras */ HDRRenderingPipeline.prototype.dispose = function () { this._originalPostProcess = undefined; this._brightPassPostProcess = undefined; this._downSampleX4PostProcess = undefined; this._guassianBlurHPostProcess = undefined; this._guassianBlurVPostProcess = undefined; this._textureAdderPostProcess = undefined; for (var i = HDRRenderingPipeline.LUM_STEPS - 1; i >= 0; i--) { this._downSamplePostProcesses[i] = undefined; } this._hdrPostProcess = undefined; this._scene.postProcessRenderPipelineManager.detachCamerasFromRenderPipeline(this._name, this._scene.cameras); }; /** * Creates the HDR post-process and computes the luminance adaptation */ HDRRenderingPipeline.prototype._createHDRPostProcess = function (scene, ratio) { var _this = this; var hdrLastLuminance = 0.0; this._hdrOutputLuminance = -1.0; this._hdrCurrentLuminance = 1.0; this._hdrPostProcess = new BABYLON.PostProcess("hdr", "hdr", ["exposure", "avgLuminance"], ["otherSampler"], ratio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), false, "#define HDR"); this._hdrPostProcess.onApply = function (effect) { if (_this._hdrOutputLuminance < 0.0) { _this._hdrOutputLuminance = _this._hdrCurrentLuminance; } else { var dt = (hdrLastLuminance - (hdrLastLuminance + scene.getEngine().getDeltaTime())) / 1000.0; if (_this._hdrCurrentLuminance < _this._hdrOutputLuminance + _this.luminanceDecreaseRate * dt) { _this._hdrOutputLuminance += _this.luminanceDecreaseRate * dt; } else if (_this._hdrCurrentLuminance > _this._hdrOutputLuminance - _this.luminanceIncreaserate * dt) { _this._hdrOutputLuminance -= _this.luminanceIncreaserate * dt; } else { _this._hdrOutputLuminance = _this._hdrCurrentLuminance; } } _this._hdrOutputLuminance = BABYLON.MathTools.Clamp(_this._hdrOutputLuminance, _this.minimumLuminance, _this.maximumLuminance); hdrLastLuminance += scene.getEngine().getDeltaTime(); effect.setTextureFromPostProcess("textureSampler", _this._textureAdderPostProcess); effect.setTextureFromPostProcess("otherSampler", _this._originalPostProcess); effect.setFloat("exposure", _this.exposure); effect.setFloat("avgLuminance", _this._hdrOutputLuminance); _this._needUpdate = false; }; }; /** * Texture Adder post-process */ HDRRenderingPipeline.prototype._createTextureAdderPostProcess = function (scene, ratio) { var _this = this; this._textureAdderPostProcess = new BABYLON.PostProcess("hdr", "hdr", [], ["otherSampler"], ratio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), false, "#define TEXTURE_ADDER"); this._textureAdderPostProcess.onApply = function (effect) { effect.setTextureFromPostProcess("otherSampler", _this._originalPostProcess); }; }; /** * Down sample X4 post-process */ HDRRenderingPipeline.prototype._createDownSampleX4PostProcess = function (scene, ratio) { var _this = this; var downSampleX4Offsets = new Array(32); this._downSampleX4PostProcess = new BABYLON.PostProcess("hdr", "hdr", ["dsOffsets"], [], ratio / 4, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), false, "#define DOWN_SAMPLE_X4"); this._downSampleX4PostProcess.onApply = function (effect) { if (_this._needUpdate) { var id = 0; for (var i = -2; i < 2; i++) { for (var j = -2; j < 2; j++) { downSampleX4Offsets[id] = (i + 0.5) * (1.0 / _this._downSampleX4PostProcess.width); downSampleX4Offsets[id + 1] = (j + 0.5) * (1.0 / _this._downSampleX4PostProcess.height); id += 2; } } } effect.setArray2("dsOffsets", downSampleX4Offsets); }; }; /** * Bright pass post-process */ HDRRenderingPipeline.prototype._createBrightPassPostProcess = function (scene, ratio) { var _this = this; var brightOffsets = new Array(8); var brightPassCallback = function (effect) { if (_this._needUpdate) { var sU = (1.0 / _this._brightPassPostProcess.width); var sV = (1.0 / _this._brightPassPostProcess.height); brightOffsets[0] = -0.5 * sU; brightOffsets[1] = 0.5 * sV; brightOffsets[2] = 0.5 * sU; brightOffsets[3] = 0.5 * sV; brightOffsets[4] = -0.5 * sU; brightOffsets[5] = -0.5 * sV; brightOffsets[6] = 0.5 * sU; brightOffsets[7] = -0.5 * sV; } effect.setArray2("dsOffsets", brightOffsets); effect.setFloat("brightThreshold", _this.brightThreshold); }; this._brightPassPostProcess = new BABYLON.PostProcess("hdr", "hdr", ["dsOffsets", "brightThreshold"], [], ratio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), false, "#define BRIGHT_PASS"); this._brightPassPostProcess.onApply = brightPassCallback; }; /** * Luminance generator. Creates the luminance post-process and down sample post-processes */ HDRRenderingPipeline.prototype._createLuminanceGeneratorPostProcess = function (scene) { var _this = this; var lumSteps = HDRRenderingPipeline.LUM_STEPS; var luminanceOffsets = new Array(8); var downSampleOffsets = new Array(18); var halfDestPixelSize; this._downSamplePostProcesses = new Array(lumSteps); // Utils for luminance var luminanceUpdateSourceOffsets = function (width, height) { var sU = (1.0 / width); var sV = (1.0 / height); luminanceOffsets[0] = -0.5 * sU; luminanceOffsets[1] = 0.5 * sV; luminanceOffsets[2] = 0.5 * sU; luminanceOffsets[3] = 0.5 * sV; luminanceOffsets[4] = -0.5 * sU; luminanceOffsets[5] = -0.5 * sV; luminanceOffsets[6] = 0.5 * sU; luminanceOffsets[7] = -0.5 * sV; }; var luminanceUpdateDestOffsets = function (width, height) { var id = 0; for (var x = -1; x < 2; x++) { for (var y = -1; y < 2; y++) { downSampleOffsets[id] = (x) / width; downSampleOffsets[id + 1] = (y) / height; id += 2; } } }; // Luminance callback var luminanceCallback = function (effect) { if (_this._needUpdate) { luminanceUpdateSourceOffsets(_this._textureAdderPostProcess.width, _this._textureAdderPostProcess.height); } effect.setTextureFromPostProcess("textureSampler", _this._textureAdderPostProcess); effect.setArray2("lumOffsets", luminanceOffsets); }; // Down sample callbacks var downSampleCallback = function (indice) { var i = indice; return function (effect) { luminanceUpdateSourceOffsets(_this._downSamplePostProcesses[i].width, _this._downSamplePostProcesses[i].height); luminanceUpdateDestOffsets(_this._downSamplePostProcesses[i].width, _this._downSamplePostProcesses[i].height); halfDestPixelSize = 0.5 / _this._downSamplePostProcesses[i].width; effect.setTextureFromPostProcess("textureSampler", _this._downSamplePostProcesses[i + 1]); effect.setFloat("halfDestPixelSize", halfDestPixelSize); effect.setArray2("dsOffsets", downSampleOffsets); }; }; var downSampleAfterRenderCallback = function (effect) { // Unpack result var pixel = scene.getEngine().readPixels(0, 0, 1, 1); var bit_shift = new BABYLON.Vector4(1.0 / (255.0 * 255.0 * 255.0), 1.0 / (255.0 * 255.0), 1.0 / 255.0, 1.0); _this._hdrCurrentLuminance = (pixel[0] * bit_shift.x + pixel[1] * bit_shift.y + pixel[2] * bit_shift.z + pixel[3] * bit_shift.w) / 100.0; }; // Create luminance post-process var ratio = { width: Math.pow(3, lumSteps - 1), height: Math.pow(3, lumSteps - 1) }; this._downSamplePostProcesses[lumSteps - 1] = new BABYLON.PostProcess("hdr", "hdr", ["lumOffsets"], [], ratio, null, BABYLON.Texture.NEAREST_SAMPLINGMODE, scene.getEngine(), false, "#define LUMINANCE_GENERATOR", BABYLON.Engine.TEXTURETYPE_FLOAT); this._downSamplePostProcesses[lumSteps - 1].onApply = luminanceCallback; // Create down sample post-processes for (var i = lumSteps - 2; i >= 0; i--) { var length = Math.pow(3, i); ratio = { width: length, height: length }; var defines = "#define DOWN_SAMPLE\n"; if (i === 0) { defines += "#define FINAL_DOWN_SAMPLE\n"; // To pack the result } this._downSamplePostProcesses[i] = new BABYLON.PostProcess("hdr", "hdr", ["dsOffsets", "halfDestPixelSize"], [], ratio, null, BABYLON.Texture.NEAREST_SAMPLINGMODE, scene.getEngine(), false, defines, BABYLON.Engine.TEXTURETYPE_FLOAT); this._downSamplePostProcesses[i].onApply = downSampleCallback(i); if (i === 0) { this._downSamplePostProcesses[i].onAfterRender = downSampleAfterRenderCallback; } } }; /** * Gaussian blur post-processes. Horizontal and Vertical */ HDRRenderingPipeline.prototype._createGaussianBlurPostProcess = function (scene, ratio) { var _this = this; var blurOffsetsW = new Array(9); var blurOffsetsH = new Array(9); var blurWeights = new Array(9); var uniforms = ["blurOffsets", "blurWeights", "multiplier"]; // Utils for gaussian blur var calculateBlurOffsets = function (height) { var lastOutputDimensions = { width: scene.getEngine().getRenderWidth(), height: scene.getEngine().getRenderHeight() }; for (var i = 0; i < 9; i++) { var value = (i - 4.0) * (1.0 / (height === true ? lastOutputDimensions.height : lastOutputDimensions.width)); if (height) { blurOffsetsH[i] = value; } else { blurOffsetsW[i] = value; } } }; var calculateWeights = function () { var x = 0.0; for (var i = 0; i < 9; i++) { x = (i - 4.0) / 4.0; blurWeights[i] = _this.gaussCoeff * (1.0 / Math.sqrt(2.0 * Math.PI * _this.gaussStandDev)) * Math.exp((-((x - _this.gaussMean) * (x - _this.gaussMean))) / (2.0 * _this.gaussStandDev * _this.gaussStandDev)); } }; // Callback var gaussianBlurCallback = function (height) { return function (effect) { if (_this._needUpdate) { calculateWeights(); calculateBlurOffsets(height); } effect.setArray("blurOffsets", height ? blurOffsetsH : blurOffsetsW); effect.setArray("blurWeights", blurWeights); effect.setFloat("multiplier", _this.gaussMultiplier); }; }; // Create horizontal gaussian blur post-processes this._guassianBlurHPostProcess = new BABYLON.PostProcess("hdr", "hdr", uniforms, [], ratio / 4, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), false, "#define GAUSSIAN_BLUR_H"); this._guassianBlurHPostProcess.onApply = gaussianBlurCallback(false); // Create vertical gaussian blur post-process this._guassianBlurVPostProcess = new BABYLON.PostProcess("hdr", "hdr", uniforms, [], ratio / 4, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), false, "#define GAUSSIAN_BLUR_V"); this._guassianBlurVPostProcess.onApply = gaussianBlurCallback(true); }; // Luminance generator HDRRenderingPipeline.LUM_STEPS = 6; return HDRRenderingPipeline; }(BABYLON.PostProcessRenderPipeline)); BABYLON.HDRRenderingPipeline = HDRRenderingPipeline; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.hdrRenderingPipeline.js.map var BABYLON; (function (BABYLON) { var FaceAdjacencies = (function () { function FaceAdjacencies() { this.edges = new Array(); this.edgesConnectedCount = 0; } return FaceAdjacencies; }()); var EdgesRenderer = (function () { // Beware when you use this class with complex objects as the adjacencies computation can be really long function EdgesRenderer(source, epsilon, checkVerticesInsteadOfIndices) { if (epsilon === void 0) { epsilon = 0.95; } if (checkVerticesInsteadOfIndices === void 0) { checkVerticesInsteadOfIndices = false; } this.edgesWidthScalerForOrthographic = 1000.0; this.edgesWidthScalerForPerspective = 50.0; this._linesPositions = new Array(); this._linesNormals = new Array(); this._linesIndices = new Array(); this._buffers = {}; this._checkVerticesInsteadOfIndices = false; this._source = source; this._checkVerticesInsteadOfIndices = checkVerticesInsteadOfIndices; this._epsilon = epsilon; this._prepareRessources(); this._generateEdgesLines(); } EdgesRenderer.prototype._prepareRessources = function () { if (this._lineShader) { return; } this._lineShader = new BABYLON.ShaderMaterial("lineShader", this._source.getScene(), "line", { attributes: ["position", "normal"], uniforms: ["worldViewProjection", "color", "width", "aspectRatio"] }); this._lineShader.disableDepthWrite = true; this._lineShader.backFaceCulling = false; }; EdgesRenderer.prototype.dispose = function () { var buffer = this._buffers[BABYLON.VertexBuffer.PositionKind]; if (buffer) { buffer.dispose(); this._buffers[BABYLON.VertexBuffer.PositionKind] = null; } buffer = this._buffers[BABYLON.VertexBuffer.NormalKind]; if (buffer) { buffer.dispose(); this._buffers[BABYLON.VertexBuffer.NormalKind] = null; } this._source.getScene().getEngine()._releaseBuffer(this._ib); this._lineShader.dispose(); }; EdgesRenderer.prototype._processEdgeForAdjacencies = function (pa, pb, p0, p1, p2) { if (pa === p0 && pb === p1 || pa === p1 && pb === p0) { return 0; } if (pa === p1 && pb === p2 || pa === p2 && pb === p1) { return 1; } if (pa === p2 && pb === p0 || pa === p0 && pb === p2) { return 2; } return -1; }; EdgesRenderer.prototype._processEdgeForAdjacenciesWithVertices = function (pa, pb, p0, p1, p2) { if (pa.equalsWithEpsilon(p0) && pb.equalsWithEpsilon(p1) || pa.equalsWithEpsilon(p1) && pb.equalsWithEpsilon(p0)) { return 0; } if (pa.equalsWithEpsilon(p1) && pb.equalsWithEpsilon(p2) || pa.equalsWithEpsilon(p2) && pb.equalsWithEpsilon(p1)) { return 1; } if (pa.equalsWithEpsilon(p2) && pb.equalsWithEpsilon(p0) || pa.equalsWithEpsilon(p0) && pb.equalsWithEpsilon(p2)) { return 2; } return -1; }; EdgesRenderer.prototype._checkEdge = function (faceIndex, edge, faceNormals, p0, p1) { var needToCreateLine; if (edge === undefined) { needToCreateLine = true; } else { var dotProduct = BABYLON.Vector3.Dot(faceNormals[faceIndex], faceNormals[edge]); needToCreateLine = dotProduct < this._epsilon; } if (needToCreateLine) { var offset = this._linesPositions.length / 3; var normal = p0.subtract(p1); normal.normalize(); // Positions this._linesPositions.push(p0.x); this._linesPositions.push(p0.y); this._linesPositions.push(p0.z); this._linesPositions.push(p0.x); this._linesPositions.push(p0.y); this._linesPositions.push(p0.z); this._linesPositions.push(p1.x); this._linesPositions.push(p1.y); this._linesPositions.push(p1.z); this._linesPositions.push(p1.x); this._linesPositions.push(p1.y); this._linesPositions.push(p1.z); // Normals this._linesNormals.push(p1.x); this._linesNormals.push(p1.y); this._linesNormals.push(p1.z); this._linesNormals.push(-1); this._linesNormals.push(p1.x); this._linesNormals.push(p1.y); this._linesNormals.push(p1.z); this._linesNormals.push(1); this._linesNormals.push(p0.x); this._linesNormals.push(p0.y); this._linesNormals.push(p0.z); this._linesNormals.push(-1); this._linesNormals.push(p0.x); this._linesNormals.push(p0.y); this._linesNormals.push(p0.z); this._linesNormals.push(1); // Indices this._linesIndices.push(offset); this._linesIndices.push(offset + 1); this._linesIndices.push(offset + 2); this._linesIndices.push(offset); this._linesIndices.push(offset + 2); this._linesIndices.push(offset + 3); } }; EdgesRenderer.prototype._generateEdgesLines = function () { var positions = this._source.getVerticesData(BABYLON.VertexBuffer.PositionKind); var indices = this._source.getIndices(); // First let's find adjacencies var adjacencies = new Array(); var faceNormals = new Array(); var index; var faceAdjacencies; // Prepare faces for (index = 0; index < indices.length; index += 3) { faceAdjacencies = new FaceAdjacencies(); var p0Index = indices[index]; var p1Index = indices[index + 1]; var p2Index = indices[index + 2]; faceAdjacencies.p0 = new BABYLON.Vector3(positions[p0Index * 3], positions[p0Index * 3 + 1], positions[p0Index * 3 + 2]); faceAdjacencies.p1 = new BABYLON.Vector3(positions[p1Index * 3], positions[p1Index * 3 + 1], positions[p1Index * 3 + 2]); faceAdjacencies.p2 = new BABYLON.Vector3(positions[p2Index * 3], positions[p2Index * 3 + 1], positions[p2Index * 3 + 2]); var faceNormal = BABYLON.Vector3.Cross(faceAdjacencies.p1.subtract(faceAdjacencies.p0), faceAdjacencies.p2.subtract(faceAdjacencies.p1)); faceNormal.normalize(); faceNormals.push(faceNormal); adjacencies.push(faceAdjacencies); } // Scan for (index = 0; index < adjacencies.length; index++) { faceAdjacencies = adjacencies[index]; for (var otherIndex = index + 1; otherIndex < adjacencies.length; otherIndex++) { var otherFaceAdjacencies = adjacencies[otherIndex]; if (faceAdjacencies.edgesConnectedCount === 3) { break; } if (otherFaceAdjacencies.edgesConnectedCount === 3) { continue; } var otherP0 = indices[otherIndex * 3]; var otherP1 = indices[otherIndex * 3 + 1]; var otherP2 = indices[otherIndex * 3 + 2]; for (var edgeIndex = 0; edgeIndex < 3; edgeIndex++) { var otherEdgeIndex; if (faceAdjacencies.edges[edgeIndex] !== undefined) { continue; } switch (edgeIndex) { case 0: if (this._checkVerticesInsteadOfIndices) { otherEdgeIndex = this._processEdgeForAdjacenciesWithVertices(faceAdjacencies.p0, faceAdjacencies.p1, otherFaceAdjacencies.p0, otherFaceAdjacencies.p1, otherFaceAdjacencies.p2); } else { otherEdgeIndex = this._processEdgeForAdjacencies(indices[index * 3], indices[index * 3 + 1], otherP0, otherP1, otherP2); } break; case 1: if (this._checkVerticesInsteadOfIndices) { otherEdgeIndex = this._processEdgeForAdjacenciesWithVertices(faceAdjacencies.p1, faceAdjacencies.p2, otherFaceAdjacencies.p0, otherFaceAdjacencies.p1, otherFaceAdjacencies.p2); } else { otherEdgeIndex = this._processEdgeForAdjacencies(indices[index * 3 + 1], indices[index * 3 + 2], otherP0, otherP1, otherP2); } break; case 2: if (this._checkVerticesInsteadOfIndices) { otherEdgeIndex = this._processEdgeForAdjacenciesWithVertices(faceAdjacencies.p2, faceAdjacencies.p0, otherFaceAdjacencies.p0, otherFaceAdjacencies.p1, otherFaceAdjacencies.p2); } else { otherEdgeIndex = this._processEdgeForAdjacencies(indices[index * 3 + 2], indices[index * 3], otherP0, otherP1, otherP2); } break; } if (otherEdgeIndex === -1) { continue; } faceAdjacencies.edges[edgeIndex] = otherIndex; otherFaceAdjacencies.edges[otherEdgeIndex] = index; faceAdjacencies.edgesConnectedCount++; otherFaceAdjacencies.edgesConnectedCount++; if (faceAdjacencies.edgesConnectedCount === 3) { break; } } } } // Create lines for (index = 0; index < adjacencies.length; index++) { // We need a line when a face has no adjacency on a specific edge or if all the adjacencies has an angle greater than epsilon var current = adjacencies[index]; this._checkEdge(index, current.edges[0], faceNormals, current.p0, current.p1); this._checkEdge(index, current.edges[1], faceNormals, current.p1, current.p2); this._checkEdge(index, current.edges[2], faceNormals, current.p2, current.p0); } // Merge into a single mesh var engine = this._source.getScene().getEngine(); this._buffers[BABYLON.VertexBuffer.PositionKind] = new BABYLON.VertexBuffer(engine, this._linesPositions, BABYLON.VertexBuffer.PositionKind, false); this._buffers[BABYLON.VertexBuffer.NormalKind] = new BABYLON.VertexBuffer(engine, this._linesNormals, BABYLON.VertexBuffer.NormalKind, false, false, 4); this._ib = engine.createIndexBuffer(this._linesIndices); this._indicesCount = this._linesIndices.length; }; EdgesRenderer.prototype.render = function () { if (!this._lineShader.isReady()) { return; } var scene = this._source.getScene(); var engine = scene.getEngine(); this._lineShader._preBind(); // VBOs engine.bindBuffers(this._buffers, this._ib, this._lineShader.getEffect()); scene.resetCachedMaterial(); this._lineShader.setColor4("color", this._source.edgesColor); if (scene.activeCamera.mode === BABYLON.Camera.ORTHOGRAPHIC_CAMERA) { this._lineShader.setFloat("width", this._source.edgesWidth / this.edgesWidthScalerForOrthographic); } else { this._lineShader.setFloat("width", this._source.edgesWidth / this.edgesWidthScalerForPerspective); } this._lineShader.setFloat("aspectRatio", engine.getAspectRatio(scene.activeCamera)); this._lineShader.bind(this._source.getWorldMatrix()); // Draw order engine.draw(true, 0, this._indicesCount); this._lineShader.unbind(); engine.setDepthWrite(true); }; return EdgesRenderer; }()); BABYLON.EdgesRenderer = EdgesRenderer; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Rendering/babylon.edgesRenderer.js.map var BABYLON; (function (BABYLON) { (function (TonemappingOperator) { TonemappingOperator[TonemappingOperator["Hable"] = 0] = "Hable"; TonemappingOperator[TonemappingOperator["Reinhard"] = 1] = "Reinhard"; TonemappingOperator[TonemappingOperator["HejiDawson"] = 2] = "HejiDawson"; TonemappingOperator[TonemappingOperator["Photographic"] = 3] = "Photographic"; })(BABYLON.TonemappingOperator || (BABYLON.TonemappingOperator = {})); var TonemappingOperator = BABYLON.TonemappingOperator; ; var TonemapPostProcess = (function (_super) { __extends(TonemapPostProcess, _super); function TonemapPostProcess(name, _operator, exposureAdjustment, camera, samplingMode, engine, textureFormat) { var _this = this; if (samplingMode === void 0) { samplingMode = BABYLON.Texture.BILINEAR_SAMPLINGMODE; } if (textureFormat === void 0) { textureFormat = BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT; } _super.call(this, name, "tonemap", ["_ExposureAdjustment"], null, 1.0, camera, samplingMode, engine, true, defines, textureFormat); this._operator = _operator; this.exposureAdjustment = exposureAdjustment; var defines = "#define "; if (this._operator === TonemappingOperator.Hable) defines += "HABLE_TONEMAPPING"; else if (this._operator === TonemappingOperator.Reinhard) defines += "REINHARD_TONEMAPPING"; else if (this._operator === TonemappingOperator.HejiDawson) defines += "OPTIMIZED_HEJIDAWSON_TONEMAPPING"; else if (this._operator === TonemappingOperator.Photographic) defines += "PHOTOGRAPHIC_TONEMAPPING"; //sadly a second call to create the effect. this.updateEffect(defines); this.onApply = function (effect) { effect.setFloat("_ExposureAdjustment", _this.exposureAdjustment); }; } return TonemapPostProcess; }(BABYLON.PostProcess)); BABYLON.TonemapPostProcess = TonemapPostProcess; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.tonemapPostProcess.js.map var BABYLON; (function (BABYLON) { var ReflectionProbe = (function () { function ReflectionProbe(name, size, scene, generateMipMaps) { var _this = this; if (generateMipMaps === void 0) { generateMipMaps = true; } this.name = name; this._viewMatrix = BABYLON.Matrix.Identity(); this._target = BABYLON.Vector3.Zero(); this._add = BABYLON.Vector3.Zero(); this.invertYAxis = false; this.position = BABYLON.Vector3.Zero(); this._scene = scene; this._scene.reflectionProbes.push(this); this._renderTargetTexture = new BABYLON.RenderTargetTexture(name, size, scene, generateMipMaps, true, BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT, true); this._renderTargetTexture.onBeforeRenderObservable.add(function (faceIndex) { switch (faceIndex) { case 0: _this._add.copyFromFloats(1, 0, 0); break; case 1: _this._add.copyFromFloats(-1, 0, 0); break; case 2: _this._add.copyFromFloats(0, _this.invertYAxis ? 1 : -1, 0); break; case 3: _this._add.copyFromFloats(0, _this.invertYAxis ? -1 : 1, 0); break; case 4: _this._add.copyFromFloats(0, 0, 1); break; case 5: _this._add.copyFromFloats(0, 0, -1); break; } if (_this._attachedMesh) { _this.position.copyFrom(_this._attachedMesh.getAbsolutePosition()); } _this.position.addToRef(_this._add, _this._target); BABYLON.Matrix.LookAtLHToRef(_this.position, _this._target, BABYLON.Vector3.Up(), _this._viewMatrix); scene.setTransformMatrix(_this._viewMatrix, _this._projectionMatrix); }); this._renderTargetTexture.onAfterUnbindObservable.add(function () { scene.updateTransformMatrix(true); }); this._projectionMatrix = BABYLON.Matrix.PerspectiveFovLH(Math.PI / 2, 1, scene.activeCamera.minZ, scene.activeCamera.maxZ); } Object.defineProperty(ReflectionProbe.prototype, "refreshRate", { get: function () { return this._renderTargetTexture.refreshRate; }, set: function (value) { this._renderTargetTexture.refreshRate = value; }, enumerable: true, configurable: true }); ReflectionProbe.prototype.getScene = function () { return this._scene; }; Object.defineProperty(ReflectionProbe.prototype, "cubeTexture", { get: function () { return this._renderTargetTexture; }, enumerable: true, configurable: true }); Object.defineProperty(ReflectionProbe.prototype, "renderList", { get: function () { return this._renderTargetTexture.renderList; }, enumerable: true, configurable: true }); ReflectionProbe.prototype.attachToMesh = function (mesh) { this._attachedMesh = mesh; }; ReflectionProbe.prototype.dispose = function () { var index = this._scene.reflectionProbes.indexOf(this); if (index !== -1) { // Remove from the scene if found this._scene.reflectionProbes.splice(index, 1); } if (this._renderTargetTexture) { this._renderTargetTexture.dispose(); this._renderTargetTexture = null; } }; return ReflectionProbe; }()); BABYLON.ReflectionProbe = ReflectionProbe; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Probes/babylon.reflectionProbe.js.map var BABYLON; (function (BABYLON) { var SolidParticle = (function () { /** * Creates a Solid Particle object. * Don't create particles manually, use instead the Solid Particle System internal tools like _addParticle() * `particleIndex` (integer) is the particle index in the Solid Particle System pool. It's also the particle identifier. * `positionIndex` (integer) is the starting index of the particle vertices in the SPS "positions" array. * `model` (ModelShape) is a reference to the model shape on what the particle is designed. * `shapeId` (integer) is the model shape identifier in the SPS. * `idxInShape` (integer) is the index of the particle in the current model (ex: the 10th box of addShape(box, 30)) * `modelBoundingInfo` is the reference to the model BoundingInfo used for intersection computations. */ function SolidParticle(particleIndex, positionIndex, model, shapeId, idxInShape, sps, modelBoundingInfo) { this.idx = 0; // particle global index this.color = new BABYLON.Color4(1.0, 1.0, 1.0, 1.0); // color this.position = BABYLON.Vector3.Zero(); // position this.rotation = BABYLON.Vector3.Zero(); // rotation this.scaling = new BABYLON.Vector3(1.0, 1.0, 1.0); // scaling this.uvs = new BABYLON.Vector4(0.0, 0.0, 1.0, 1.0); // uvs this.velocity = BABYLON.Vector3.Zero(); // velocity this.alive = true; // alive this.isVisible = true; // visibility this._pos = 0; // index of this particle in the global "positions" array this.shapeId = 0; // model shape id this.idxInShape = 0; // index of the particle in its shape id this.idx = particleIndex; this._pos = positionIndex; this._model = model; this.shapeId = shapeId; this.idxInShape = idxInShape; this._sps = sps; if (modelBoundingInfo) { this._modelBoundingInfo = modelBoundingInfo; this._boundingInfo = new BABYLON.BoundingInfo(modelBoundingInfo.minimum, modelBoundingInfo.maximum); } } Object.defineProperty(SolidParticle.prototype, "scale", { /** * legacy support, changed scale to scaling */ get: function () { return this.scaling; }, set: function (scale) { this.scaling = scale; }, enumerable: true, configurable: true }); Object.defineProperty(SolidParticle.prototype, "quaternion", { /** * legacy support, changed quaternion to rotationQuaternion */ get: function () { return this.rotationQuaternion; }, set: function (q) { this.rotationQuaternion = q; }, enumerable: true, configurable: true }); /** * Returns a boolean. True if the particle intersects another particle or another mesh, else false. * The intersection is computed on the particle bounding sphere and Axis Aligned Bounding Box (AABB) * `target` is the object (solid particle or mesh) what the intersection is computed against. */ SolidParticle.prototype.intersectsMesh = function (target) { if (!this._boundingInfo || !target._boundingInfo) { return false; } if (this._sps._bSphereOnly) { return BABYLON.BoundingSphere.Intersects(this._boundingInfo.boundingSphere, target._boundingInfo.boundingSphere); } return this._boundingInfo.intersects(target._boundingInfo, false); }; return SolidParticle; }()); BABYLON.SolidParticle = SolidParticle; var ModelShape = (function () { /** * Creates a ModelShape object. This is an internal simplified reference to a mesh used as for a model to replicate particles from by the SPS. * SPS internal tool, don't use it manually. */ function ModelShape(id, shape, shapeUV, posFunction, vtxFunction) { this.shapeID = id; this._shape = shape; this._shapeUV = shapeUV; this._positionFunction = posFunction; this._vertexFunction = vtxFunction; } return ModelShape; }()); BABYLON.ModelShape = ModelShape; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Particles/babylon.solidParticle.js.map var BABYLON; (function (BABYLON) { /** * Full documentation here : http://doc.babylonjs.com/overviews/Solid_Particle_System */ var SolidParticleSystem = (function () { /** * Creates a SPS (Solid Particle System) object. * `name` (String) is the SPS name, this will be the underlying mesh name. * `scene` (Scene) is the scene in which the SPS is added. * `updatable` (optional boolean, default true) : if the SPS must be updatable or immutable. * `isPickable` (optional boolean, default false) : if the solid particles must be pickable. * `particleIntersection` (optional boolean, default false) : if the solid particle intersections must be computed. * `boundingSphereOnly` (optional boolean, default false) : if the particle intersection must be computed only with the bounding sphere (no bounding box computation, so faster). * `bSphereRadiusFactor` (optional float, default 1.0) : a number to multiply the boundind sphere radius by in order to reduce it for instance. * Example : bSphereRadiusFactor = 1.0 / Math.sqrt(3.0) => the bounding sphere exactly matches a spherical mesh. */ function SolidParticleSystem(name, scene, options) { // public members /** * The SPS array of Solid Particle objects. Just access each particle as with any classic array. * Example : var p = SPS.particles[i]; */ this.particles = new Array(); /** * The SPS total number of particles. Read only. Use SPS.counter instead if you need to set your own value. */ this.nbParticles = 0; /** * If the particles must ever face the camera (default false). Useful for planar particles. */ this.billboard = false; /** * Recompute normals when adding a shape */ this.recomputeNormals = true; /** * This a counter ofr your own usage. It's not set by any SPS functions. */ this.counter = 0; /** * This empty object is intended to store some SPS specific or temporary values in order to lower the Garbage Collector activity. * Please read : http://doc.babylonjs.com/overviews/Solid_Particle_System#garbage-collector-concerns */ this.vars = {}; this._positions = new Array(); this._indices = new Array(); this._normals = new Array(); this._colors = new Array(); this._uvs = new Array(); this._index = 0; // indices index this._updatable = true; this._pickable = false; this._isVisibilityBoxLocked = false; this._alwaysVisible = false; this._shapeCounter = 0; this._copy = new BABYLON.SolidParticle(null, null, null, null, null, null); this._color = new BABYLON.Color4(0, 0, 0, 0); this._computeParticleColor = true; this._computeParticleTexture = true; this._computeParticleRotation = true; this._computeParticleVertex = false; this._computeBoundingBox = false; this._cam_axisZ = BABYLON.Vector3.Zero(); this._cam_axisY = BABYLON.Vector3.Zero(); this._cam_axisX = BABYLON.Vector3.Zero(); this._axisX = BABYLON.Axis.X; this._axisY = BABYLON.Axis.Y; this._axisZ = BABYLON.Axis.Z; this._camDir = BABYLON.Vector3.Zero(); this._rotMatrix = new BABYLON.Matrix(); this._invertMatrix = new BABYLON.Matrix(); this._rotated = BABYLON.Vector3.Zero(); this._quaternion = new BABYLON.Quaternion(); this._vertex = BABYLON.Vector3.Zero(); this._normal = BABYLON.Vector3.Zero(); this._yaw = 0.0; this._pitch = 0.0; this._roll = 0.0; this._halfroll = 0.0; this._halfpitch = 0.0; this._halfyaw = 0.0; this._sinRoll = 0.0; this._cosRoll = 0.0; this._sinPitch = 0.0; this._cosPitch = 0.0; this._sinYaw = 0.0; this._cosYaw = 0.0; this._w = 0.0; this._minimum = BABYLON.Tmp.Vector3[0]; this._maximum = BABYLON.Tmp.Vector3[1]; this._scale = BABYLON.Tmp.Vector3[2]; this._translation = BABYLON.Tmp.Vector3[3]; this._minBbox = BABYLON.Tmp.Vector3[4]; this._maxBbox = BABYLON.Tmp.Vector3[5]; this._particlesIntersect = false; this._bSphereOnly = false; this._bSphereRadiusFactor = 1.0; this.name = name; this._scene = scene; this._camera = scene.activeCamera; this._pickable = options ? options.isPickable : false; this._particlesIntersect = options ? options.particleIntersection : false; this._bSphereOnly = options ? options.boundingSphereOnly : false; this._bSphereRadiusFactor = (options && options.bSphereRadiusFactor) ? options.bSphereRadiusFactor : 1.0; if (options && options.updatable) { this._updatable = options.updatable; } else { this._updatable = true; } if (this._pickable) { this.pickedParticles = []; } } /** * Builds the SPS underlying mesh. Returns a standard Mesh. * If no model shape was added to the SPS, the returned mesh is just a single triangular plane. */ SolidParticleSystem.prototype.buildMesh = function () { if (this.nbParticles === 0) { var triangle = BABYLON.MeshBuilder.CreateDisc("", { radius: 1, tessellation: 3 }, this._scene); this.addShape(triangle, 1); triangle.dispose(); } this._positions32 = new Float32Array(this._positions); this._uvs32 = new Float32Array(this._uvs); this._colors32 = new Float32Array(this._colors); if (this.recomputeNormals) { BABYLON.VertexData.ComputeNormals(this._positions32, this._indices, this._normals); } this._normals32 = new Float32Array(this._normals); this._fixedNormal32 = new Float32Array(this._normals); var vertexData = new BABYLON.VertexData(); vertexData.set(this._positions32, BABYLON.VertexBuffer.PositionKind); vertexData.indices = this._indices; vertexData.set(this._normals32, BABYLON.VertexBuffer.NormalKind); if (this._uvs32) { vertexData.set(this._uvs32, BABYLON.VertexBuffer.UVKind); ; } if (this._colors32) { vertexData.set(this._colors32, BABYLON.VertexBuffer.ColorKind); } var mesh = new BABYLON.Mesh(this.name, this._scene); vertexData.applyToMesh(mesh, this._updatable); this.mesh = mesh; this.mesh.isPickable = this._pickable; // free memory this._positions = null; this._normals = null; this._uvs = null; this._colors = null; if (!this._updatable) { this.particles.length = 0; } return mesh; }; /** * Digests the mesh and generates as many solid particles in the system as wanted. Returns the SPS. * These particles will have the same geometry than the mesh parts and will be positioned at the same localisation than the mesh original places. * Thus the particles generated from `digest()` have their property `position` set yet. * `mesh` ( Mesh ) is the mesh to be digested * `facetNb` (optional integer, default 1) is the number of mesh facets per particle, this parameter is overriden by the parameter `number` if any * `delta` (optional integer, default 0) is the random extra number of facets per particle , each particle will have between `facetNb` and `facetNb + delta` facets * `number` (optional positive integer) is the wanted number of particles : each particle is built with `mesh_total_facets / number` facets */ SolidParticleSystem.prototype.digest = function (mesh, options) { var size = (options && options.facetNb) || 1; var number = (options && options.number); var delta = (options && options.delta) || 0; var meshPos = mesh.getVerticesData(BABYLON.VertexBuffer.PositionKind); var meshInd = mesh.getIndices(); var meshUV = mesh.getVerticesData(BABYLON.VertexBuffer.UVKind); var meshCol = mesh.getVerticesData(BABYLON.VertexBuffer.ColorKind); var meshNor = mesh.getVerticesData(BABYLON.VertexBuffer.NormalKind); var f = 0; // facet counter var totalFacets = meshInd.length / 3; // a facet is a triangle, so 3 indices // compute size from number if (number) { number = (number > totalFacets) ? totalFacets : number; size = Math.round(totalFacets / number); delta = 0; } else { size = (size > totalFacets) ? totalFacets : size; } var facetPos = []; // submesh positions var facetInd = []; // submesh indices var facetUV = []; // submesh UV var facetCol = []; // submesh colors var barycenter = BABYLON.Tmp.Vector3[0]; var rand; var sizeO = size; while (f < totalFacets) { size = sizeO + Math.floor((1 + delta) * Math.random()); if (f > totalFacets - size) { size = totalFacets - f; } // reset temp arrays facetPos.length = 0; facetInd.length = 0; facetUV.length = 0; facetCol.length = 0; // iterate over "size" facets var fi = 0; for (var j = f * 3; j < (f + size) * 3; j++) { facetInd.push(fi); var i = meshInd[j]; facetPos.push(meshPos[i * 3], meshPos[i * 3 + 1], meshPos[i * 3 + 2]); if (meshUV) { facetUV.push(meshUV[i * 2], meshUV[i * 2 + 1]); } if (meshCol) { facetCol.push(meshCol[i * 4], meshCol[i * 4 + 1], meshCol[i * 4 + 2], meshCol[i * 4 + 3]); } fi++; } // create a model shape for each single particle var idx = this.nbParticles; var shape = this._posToShape(facetPos); var shapeUV = this._uvsToShapeUV(facetUV); // compute the barycenter of the shape var v; for (v = 0; v < shape.length; v++) { barycenter.addInPlace(shape[v]); } barycenter.scaleInPlace(1 / shape.length); // shift the shape from its barycenter to the origin for (v = 0; v < shape.length; v++) { shape[v].subtractInPlace(barycenter); } var bInfo; if (this._particlesIntersect) { bInfo = new BABYLON.BoundingInfo(barycenter, barycenter); } var modelShape = new BABYLON.ModelShape(this._shapeCounter, shape, shapeUV, null, null); // add the particle in the SPS this._meshBuilder(this._index, shape, this._positions, facetInd, this._indices, facetUV, this._uvs, facetCol, this._colors, meshNor, this._normals, idx, 0, null); this._addParticle(idx, this._positions.length, modelShape, this._shapeCounter, 0, bInfo); // initialize the particle position this.particles[this.nbParticles].position.addInPlace(barycenter); this._index += shape.length; idx++; this.nbParticles++; this._shapeCounter++; f += size; } return this; }; //reset copy SolidParticleSystem.prototype._resetCopy = function () { this._copy.position.x = 0; this._copy.position.y = 0; this._copy.position.z = 0; this._copy.rotation.x = 0; this._copy.rotation.y = 0; this._copy.rotation.z = 0; this._copy.rotationQuaternion = null; this._copy.scaling.x = 1; this._copy.scaling.y = 1; this._copy.scaling.z = 1; this._copy.uvs.x = 0; this._copy.uvs.y = 0; this._copy.uvs.z = 1; this._copy.uvs.w = 1; this._copy.color = null; }; // _meshBuilder : inserts the shape model in the global SPS mesh SolidParticleSystem.prototype._meshBuilder = function (p, shape, positions, meshInd, indices, meshUV, uvs, meshCol, colors, meshNor, normals, idx, idxInShape, options) { var i; var u = 0; var c = 0; var n = 0; this._resetCopy(); if (options && options.positionFunction) { options.positionFunction(this._copy, idx, idxInShape); } if (this._copy.rotationQuaternion) { this._quaternion.copyFrom(this._copy.rotationQuaternion); } else { this._yaw = this._copy.rotation.y; this._pitch = this._copy.rotation.x; this._roll = this._copy.rotation.z; this._quaternionRotationYPR(); } this._quaternionToRotationMatrix(); for (i = 0; i < shape.length; i++) { this._vertex.x = shape[i].x; this._vertex.y = shape[i].y; this._vertex.z = shape[i].z; if (options && options.vertexFunction) { options.vertexFunction(this._copy, this._vertex, i); } this._vertex.x *= this._copy.scaling.x; this._vertex.y *= this._copy.scaling.y; this._vertex.z *= this._copy.scaling.z; BABYLON.Vector3.TransformCoordinatesToRef(this._vertex, this._rotMatrix, this._rotated); positions.push(this._copy.position.x + this._rotated.x, this._copy.position.y + this._rotated.y, this._copy.position.z + this._rotated.z); if (meshUV) { uvs.push((this._copy.uvs.z - this._copy.uvs.x) * meshUV[u] + this._copy.uvs.x, (this._copy.uvs.w - this._copy.uvs.y) * meshUV[u + 1] + this._copy.uvs.y); u += 2; } if (this._copy.color) { this._color = this._copy.color; } else if (meshCol && meshCol[c] !== undefined) { this._color.r = meshCol[c]; this._color.g = meshCol[c + 1]; this._color.b = meshCol[c + 2]; this._color.a = meshCol[c + 3]; } else { this._color.r = 1; this._color.g = 1; this._color.b = 1; this._color.a = 1; } colors.push(this._color.r, this._color.g, this._color.b, this._color.a); c += 4; if (!this.recomputeNormals && meshNor) { this._normal.x = meshNor[n]; this._normal.y = meshNor[n + 1]; this._normal.z = meshNor[n + 2]; BABYLON.Vector3.TransformCoordinatesToRef(this._normal, this._rotMatrix, this._normal); normals.push(this._normal.x, this._normal.y, this._normal.z); n += 3; } } for (i = 0; i < meshInd.length; i++) { indices.push(p + meshInd[i]); } if (this._pickable) { var nbfaces = meshInd.length / 3; for (i = 0; i < nbfaces; i++) { this.pickedParticles.push({ idx: idx, faceId: i }); } } }; // returns a shape array from positions array SolidParticleSystem.prototype._posToShape = function (positions) { var shape = []; for (var i = 0; i < positions.length; i += 3) { shape.push(new BABYLON.Vector3(positions[i], positions[i + 1], positions[i + 2])); } return shape; }; // returns a shapeUV array from a Vector4 uvs SolidParticleSystem.prototype._uvsToShapeUV = function (uvs) { var shapeUV = []; if (uvs) { for (var i = 0; i < uvs.length; i++) shapeUV.push(uvs[i]); } return shapeUV; }; // adds a new particle object in the particles array SolidParticleSystem.prototype._addParticle = function (idx, idxpos, model, shapeId, idxInShape, bInfo) { this.particles.push(new BABYLON.SolidParticle(idx, idxpos, model, shapeId, idxInShape, this, bInfo)); }; /** * Adds some particles to the SPS from the model shape. Returns the shape id. * Please read the doc : http://doc.babylonjs.com/overviews/Solid_Particle_System#create-an-immutable-sps * `mesh` is any Mesh object that will be used as a model for the solid particles. * `nb` (positive integer) the number of particles to be created from this model * `positionFunction` is an optional javascript function to called for each particle on SPS creation. * `vertexFunction` is an optional javascript function to called for each vertex of each particle on SPS creation */ SolidParticleSystem.prototype.addShape = function (mesh, nb, options) { var meshPos = mesh.getVerticesData(BABYLON.VertexBuffer.PositionKind); var meshInd = mesh.getIndices(); var meshUV = mesh.getVerticesData(BABYLON.VertexBuffer.UVKind); var meshCol = mesh.getVerticesData(BABYLON.VertexBuffer.ColorKind); var meshNor = mesh.getVerticesData(BABYLON.VertexBuffer.NormalKind); var bbInfo; if (this._particlesIntersect) { bbInfo = mesh.getBoundingInfo(); } var shape = this._posToShape(meshPos); var shapeUV = this._uvsToShapeUV(meshUV); var posfunc = options ? options.positionFunction : null; var vtxfunc = options ? options.vertexFunction : null; var modelShape = new BABYLON.ModelShape(this._shapeCounter, shape, shapeUV, posfunc, vtxfunc); // particles var idx = this.nbParticles; for (var i = 0; i < nb; i++) { this._meshBuilder(this._index, shape, this._positions, meshInd, this._indices, meshUV, this._uvs, meshCol, this._colors, meshNor, this._normals, idx, i, options); if (this._updatable) { this._addParticle(idx, this._positions.length, modelShape, this._shapeCounter, i, bbInfo); } this._index += shape.length; idx++; } this.nbParticles += nb; this._shapeCounter++; return this._shapeCounter - 1; }; // rebuilds a particle back to its just built status : if needed, recomputes the custom positions and vertices SolidParticleSystem.prototype._rebuildParticle = function (particle) { this._resetCopy(); if (particle._model._positionFunction) { particle._model._positionFunction(this._copy, particle.idx, particle.idxInShape); } if (this._copy.rotationQuaternion) { this._quaternion.copyFrom(this._copy.rotationQuaternion); } else { this._yaw = this._copy.rotation.y; this._pitch = this._copy.rotation.x; this._roll = this._copy.rotation.z; this._quaternionRotationYPR(); } this._quaternionToRotationMatrix(); this._shape = particle._model._shape; for (var pt = 0; pt < this._shape.length; pt++) { this._vertex.x = this._shape[pt].x; this._vertex.y = this._shape[pt].y; this._vertex.z = this._shape[pt].z; if (particle._model._vertexFunction) { particle._model._vertexFunction(this._copy, this._vertex, pt); // recall to stored vertexFunction } this._vertex.x *= this._copy.scaling.x; this._vertex.y *= this._copy.scaling.y; this._vertex.z *= this._copy.scaling.z; BABYLON.Vector3.TransformCoordinatesToRef(this._vertex, this._rotMatrix, this._rotated); this._positions32[particle._pos + pt * 3] = this._copy.position.x + this._rotated.x; this._positions32[particle._pos + pt * 3 + 1] = this._copy.position.y + this._rotated.y; this._positions32[particle._pos + pt * 3 + 2] = this._copy.position.z + this._rotated.z; } particle.position.x = 0.0; particle.position.y = 0.0; particle.position.z = 0.0; particle.rotation.x = 0.0; particle.rotation.y = 0.0; particle.rotation.z = 0.0; particle.rotationQuaternion = null; particle.scaling.x = 1.0; particle.scaling.y = 1.0; particle.scaling.z = 1.0; }; /** * Rebuilds the whole mesh and updates the VBO : custom positions and vertices are recomputed if needed. */ SolidParticleSystem.prototype.rebuildMesh = function () { for (var p = 0; p < this.particles.length; p++) { this._rebuildParticle(this.particles[p]); } this.mesh.updateVerticesData(BABYLON.VertexBuffer.PositionKind, this._positions32, false, false); }; /** * Sets all the particles : this method actually really updates the mesh according to the particle positions, rotations, colors, textures, etc. * This method calls `updateParticle()` for each particle of the SPS. * For an animated SPS, it is usually called within the render loop. * @param start The particle index in the particle array where to start to compute the particle property values _(default 0)_ * @param end The particle index in the particle array where to stop to compute the particle property values _(default nbParticle - 1)_ * @param update If the mesh must be finally updated on this call after all the particle computations _(default true)_ */ SolidParticleSystem.prototype.setParticles = function (start, end, update) { if (start === void 0) { start = 0; } if (end === void 0) { end = this.nbParticles - 1; } if (update === void 0) { update = true; } if (!this._updatable) { return; } // custom beforeUpdate this.beforeUpdateParticles(start, end, update); this._cam_axisX.x = 1.0; this._cam_axisX.y = 0.0; this._cam_axisX.z = 0.0; this._cam_axisY.x = 0.0; this._cam_axisY.y = 1.0; this._cam_axisY.z = 0.0; this._cam_axisZ.x = 0.0; this._cam_axisZ.y = 0.0; this._cam_axisZ.z = 1.0; // if the particles will always face the camera if (this.billboard) { // compute the camera position and un-rotate it by the current mesh rotation if (this.mesh._worldMatrix.decompose(this._scale, this._quaternion, this._translation)) { this._quaternionToRotationMatrix(); this._rotMatrix.invertToRef(this._invertMatrix); this._camera._currentTarget.subtractToRef(this._camera.globalPosition, this._camDir); BABYLON.Vector3.TransformCoordinatesToRef(this._camDir, this._invertMatrix, this._cam_axisZ); this._cam_axisZ.normalize(); // set two orthogonal vectors (_cam_axisX and and _cam_axisY) to the rotated camDir axis (_cam_axisZ) BABYLON.Vector3.CrossToRef(this._cam_axisZ, this._axisX, this._cam_axisY); BABYLON.Vector3.CrossToRef(this._cam_axisY, this._cam_axisZ, this._cam_axisX); this._cam_axisY.normalize(); this._cam_axisX.normalize(); } } BABYLON.Matrix.IdentityToRef(this._rotMatrix); var idx = 0; var index = 0; var colidx = 0; var colorIndex = 0; var uvidx = 0; var uvIndex = 0; var pt = 0; if (this._computeBoundingBox) { BABYLON.Vector3.FromFloatsToRef(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE, this._minimum); BABYLON.Vector3.FromFloatsToRef(-Number.MAX_VALUE, -Number.MAX_VALUE, -Number.MAX_VALUE, this._maximum); } // particle loop end = (end > this.nbParticles - 1) ? this.nbParticles - 1 : end; for (var p = start; p <= end; p++) { this._particle = this.particles[p]; this._shape = this._particle._model._shape; this._shapeUV = this._particle._model._shapeUV; // call to custom user function to update the particle properties this.updateParticle(this._particle); if (this._particle.isVisible) { // particle rotation matrix if (this.billboard) { this._particle.rotation.x = 0.0; this._particle.rotation.y = 0.0; } if (this._computeParticleRotation || this.billboard) { if (this._particle.rotationQuaternion) { this._quaternion.copyFrom(this._particle.rotationQuaternion); } else { this._yaw = this._particle.rotation.y; this._pitch = this._particle.rotation.x; this._roll = this._particle.rotation.z; this._quaternionRotationYPR(); } this._quaternionToRotationMatrix(); } // particle vertex loop for (pt = 0; pt < this._shape.length; pt++) { idx = index + pt * 3; colidx = colorIndex + pt * 4; uvidx = uvIndex + pt * 2; this._vertex.x = this._shape[pt].x; this._vertex.y = this._shape[pt].y; this._vertex.z = this._shape[pt].z; if (this._computeParticleVertex) { this.updateParticleVertex(this._particle, this._vertex, pt); } // positions this._vertex.x *= this._particle.scaling.x; this._vertex.y *= this._particle.scaling.y; this._vertex.z *= this._particle.scaling.z; this._w = (this._vertex.x * this._rotMatrix.m[3]) + (this._vertex.y * this._rotMatrix.m[7]) + (this._vertex.z * this._rotMatrix.m[11]) + this._rotMatrix.m[15]; this._rotated.x = ((this._vertex.x * this._rotMatrix.m[0]) + (this._vertex.y * this._rotMatrix.m[4]) + (this._vertex.z * this._rotMatrix.m[8]) + this._rotMatrix.m[12]) / this._w; this._rotated.y = ((this._vertex.x * this._rotMatrix.m[1]) + (this._vertex.y * this._rotMatrix.m[5]) + (this._vertex.z * this._rotMatrix.m[9]) + this._rotMatrix.m[13]) / this._w; this._rotated.z = ((this._vertex.x * this._rotMatrix.m[2]) + (this._vertex.y * this._rotMatrix.m[6]) + (this._vertex.z * this._rotMatrix.m[10]) + this._rotMatrix.m[14]) / this._w; this._positions32[idx] = this._particle.position.x + this._cam_axisX.x * this._rotated.x + this._cam_axisY.x * this._rotated.y + this._cam_axisZ.x * this._rotated.z; this._positions32[idx + 1] = this._particle.position.y + this._cam_axisX.y * this._rotated.x + this._cam_axisY.y * this._rotated.y + this._cam_axisZ.y * this._rotated.z; this._positions32[idx + 2] = this._particle.position.z + this._cam_axisX.z * this._rotated.x + this._cam_axisY.z * this._rotated.y + this._cam_axisZ.z * this._rotated.z; if (this._computeBoundingBox) { if (this._positions32[idx] < this._minimum.x) { this._minimum.x = this._positions32[idx]; } if (this._positions32[idx] > this._maximum.x) { this._maximum.x = this._positions32[idx]; } if (this._positions32[idx + 1] < this._minimum.y) { this._minimum.y = this._positions32[idx + 1]; } if (this._positions32[idx + 1] > this._maximum.y) { this._maximum.y = this._positions32[idx + 1]; } if (this._positions32[idx + 2] < this._minimum.z) { this._minimum.z = this._positions32[idx + 2]; } if (this._positions32[idx + 2] > this._maximum.z) { this._maximum.z = this._positions32[idx + 2]; } } // normals : if the particles can't be morphed then just rotate the normals, what if much more faster than ComputeNormals() if (!this._computeParticleVertex) { this._normal.x = this._fixedNormal32[idx]; this._normal.y = this._fixedNormal32[idx + 1]; this._normal.z = this._fixedNormal32[idx + 2]; this._w = (this._normal.x * this._rotMatrix.m[3]) + (this._normal.y * this._rotMatrix.m[7]) + (this._normal.z * this._rotMatrix.m[11]) + this._rotMatrix.m[15]; this._rotated.x = ((this._normal.x * this._rotMatrix.m[0]) + (this._normal.y * this._rotMatrix.m[4]) + (this._normal.z * this._rotMatrix.m[8]) + this._rotMatrix.m[12]) / this._w; this._rotated.y = ((this._normal.x * this._rotMatrix.m[1]) + (this._normal.y * this._rotMatrix.m[5]) + (this._normal.z * this._rotMatrix.m[9]) + this._rotMatrix.m[13]) / this._w; this._rotated.z = ((this._normal.x * this._rotMatrix.m[2]) + (this._normal.y * this._rotMatrix.m[6]) + (this._normal.z * this._rotMatrix.m[10]) + this._rotMatrix.m[14]) / this._w; this._normals32[idx] = this._cam_axisX.x * this._rotated.x + this._cam_axisY.x * this._rotated.y + this._cam_axisZ.x * this._rotated.z; this._normals32[idx + 1] = this._cam_axisX.y * this._rotated.x + this._cam_axisY.y * this._rotated.y + this._cam_axisZ.y * this._rotated.z; this._normals32[idx + 2] = this._cam_axisX.z * this._rotated.x + this._cam_axisY.z * this._rotated.y + this._cam_axisZ.z * this._rotated.z; } if (this._computeParticleColor) { this._colors32[colidx] = this._particle.color.r; this._colors32[colidx + 1] = this._particle.color.g; this._colors32[colidx + 2] = this._particle.color.b; this._colors32[colidx + 3] = this._particle.color.a; } if (this._computeParticleTexture) { this._uvs32[uvidx] = this._shapeUV[pt * 2] * (this._particle.uvs.z - this._particle.uvs.x) + this._particle.uvs.x; this._uvs32[uvidx + 1] = this._shapeUV[pt * 2 + 1] * (this._particle.uvs.w - this._particle.uvs.y) + this._particle.uvs.y; } } } else { for (pt = 0; pt < this._shape.length; pt++) { idx = index + pt * 3; colidx = colorIndex + pt * 4; uvidx = uvIndex + pt * 2; this._positions32[idx] = this._camera.position.x; this._positions32[idx + 1] = this._camera.position.y; this._positions32[idx + 2] = this._camera.position.z; this._normals32[idx] = 0.0; this._normals32[idx + 1] = 0.0; this._normals32[idx + 2] = 0.0; if (this._computeParticleColor) { this._colors32[colidx] = this._particle.color.r; this._colors32[colidx + 1] = this._particle.color.g; this._colors32[colidx + 2] = this._particle.color.b; this._colors32[colidx + 3] = this._particle.color.a; } if (this._computeParticleTexture) { this._uvs32[uvidx] = this._shapeUV[pt * 2] * (this._particle.uvs.z - this._particle.uvs.x) + this._particle.uvs.x; this._uvs32[uvidx + 1] = this._shapeUV[pt * 2 + 1] * (this._particle.uvs.w - this._particle.uvs.y) + this._particle.uvs.y; } } } // if the particle intersections must be computed : update the bbInfo if (this._particlesIntersect) { var bInfo = this._particle._boundingInfo; var bBox = bInfo.boundingBox; var bSphere = bInfo.boundingSphere; if (!this._bSphereOnly) { // place, scale and rotate the particle bbox within the SPS local system, then update it for (var b = 0; b < bBox.vectors.length; b++) { this._vertex.x = this._particle._modelBoundingInfo.boundingBox.vectors[b].x * this._particle.scaling.x; this._vertex.y = this._particle._modelBoundingInfo.boundingBox.vectors[b].y * this._particle.scaling.y; this._vertex.z = this._particle._modelBoundingInfo.boundingBox.vectors[b].z * this._particle.scaling.z; this._w = (this._vertex.x * this._rotMatrix.m[3]) + (this._vertex.y * this._rotMatrix.m[7]) + (this._vertex.z * this._rotMatrix.m[11]) + this._rotMatrix.m[15]; this._rotated.x = ((this._vertex.x * this._rotMatrix.m[0]) + (this._vertex.y * this._rotMatrix.m[4]) + (this._vertex.z * this._rotMatrix.m[8]) + this._rotMatrix.m[12]) / this._w; this._rotated.y = ((this._vertex.x * this._rotMatrix.m[1]) + (this._vertex.y * this._rotMatrix.m[5]) + (this._vertex.z * this._rotMatrix.m[9]) + this._rotMatrix.m[13]) / this._w; this._rotated.z = ((this._vertex.x * this._rotMatrix.m[2]) + (this._vertex.y * this._rotMatrix.m[6]) + (this._vertex.z * this._rotMatrix.m[10]) + this._rotMatrix.m[14]) / this._w; bBox.vectors[b].x = this._particle.position.x + this._cam_axisX.x * this._rotated.x + this._cam_axisY.x * this._rotated.y + this._cam_axisZ.x * this._rotated.z; bBox.vectors[b].y = this._particle.position.y + this._cam_axisX.y * this._rotated.x + this._cam_axisY.y * this._rotated.y + this._cam_axisZ.y * this._rotated.z; bBox.vectors[b].z = this._particle.position.z + this._cam_axisX.z * this._rotated.x + this._cam_axisY.z * this._rotated.y + this._cam_axisZ.z * this._rotated.z; } bBox._update(this.mesh._worldMatrix); } // place and scale the particle bouding sphere in the SPS local system, then update it this._minBbox.x = this._particle._modelBoundingInfo.minimum.x * this._particle.scaling.x; this._minBbox.y = this._particle._modelBoundingInfo.minimum.y * this._particle.scaling.y; this._minBbox.z = this._particle._modelBoundingInfo.minimum.z * this._particle.scaling.z; this._maxBbox.x = this._particle._modelBoundingInfo.maximum.x * this._particle.scaling.x; this._maxBbox.y = this._particle._modelBoundingInfo.maximum.y * this._particle.scaling.y; this._maxBbox.z = this._particle._modelBoundingInfo.maximum.z * this._particle.scaling.z; bSphere.center.x = this._particle.position.x + (this._minBbox.x + this._maxBbox.x) * 0.5; bSphere.center.y = this._particle.position.y + (this._minBbox.y + this._maxBbox.y) * 0.5; bSphere.center.z = this._particle.position.z + (this._minBbox.z + this._maxBbox.z) * 0.5; bSphere.radius = this._bSphereRadiusFactor * 0.5 * Math.sqrt((this._maxBbox.x - this._minBbox.x) * (this._maxBbox.x - this._minBbox.x) + (this._maxBbox.y - this._minBbox.y) * (this._maxBbox.y - this._minBbox.y) + (this._maxBbox.z - this._minBbox.z) * (this._maxBbox.z - this._minBbox.z)); bSphere._update(this.mesh._worldMatrix); } // increment indexes for the next particle index = idx + 3; colorIndex = colidx + 4; uvIndex = uvidx + 2; } // if the VBO must be updated if (update) { if (this._computeParticleColor) { this.mesh.updateVerticesData(BABYLON.VertexBuffer.ColorKind, this._colors32, false, false); } if (this._computeParticleTexture) { this.mesh.updateVerticesData(BABYLON.VertexBuffer.UVKind, this._uvs32, false, false); } this.mesh.updateVerticesData(BABYLON.VertexBuffer.PositionKind, this._positions32, false, false); if (!this.mesh.areNormalsFrozen) { if (this._computeParticleVertex) { // recompute the normals only if the particles can be morphed, update then also the normal reference array _fixedNormal32[] BABYLON.VertexData.ComputeNormals(this._positions32, this._indices, this._normals32); for (var i = 0; i < this._normals32.length; i++) { this._fixedNormal32[i] = this._normals32[i]; } } this.mesh.updateVerticesData(BABYLON.VertexBuffer.NormalKind, this._normals32, false, false); } } if (this._computeBoundingBox) { this.mesh._boundingInfo = new BABYLON.BoundingInfo(this._minimum, this._maximum); this.mesh._boundingInfo.update(this.mesh._worldMatrix); } this.afterUpdateParticles(start, end, update); }; SolidParticleSystem.prototype._quaternionRotationYPR = function () { this._halfroll = this._roll * 0.5; this._halfpitch = this._pitch * 0.5; this._halfyaw = this._yaw * 0.5; this._sinRoll = Math.sin(this._halfroll); this._cosRoll = Math.cos(this._halfroll); this._sinPitch = Math.sin(this._halfpitch); this._cosPitch = Math.cos(this._halfpitch); this._sinYaw = Math.sin(this._halfyaw); this._cosYaw = Math.cos(this._halfyaw); this._quaternion.x = (this._cosYaw * this._sinPitch * this._cosRoll) + (this._sinYaw * this._cosPitch * this._sinRoll); this._quaternion.y = (this._sinYaw * this._cosPitch * this._cosRoll) - (this._cosYaw * this._sinPitch * this._sinRoll); this._quaternion.z = (this._cosYaw * this._cosPitch * this._sinRoll) - (this._sinYaw * this._sinPitch * this._cosRoll); this._quaternion.w = (this._cosYaw * this._cosPitch * this._cosRoll) + (this._sinYaw * this._sinPitch * this._sinRoll); }; SolidParticleSystem.prototype._quaternionToRotationMatrix = function () { this._rotMatrix.m[0] = 1.0 - (2.0 * (this._quaternion.y * this._quaternion.y + this._quaternion.z * this._quaternion.z)); this._rotMatrix.m[1] = 2.0 * (this._quaternion.x * this._quaternion.y + this._quaternion.z * this._quaternion.w); this._rotMatrix.m[2] = 2.0 * (this._quaternion.z * this._quaternion.x - this._quaternion.y * this._quaternion.w); this._rotMatrix.m[3] = 0; this._rotMatrix.m[4] = 2.0 * (this._quaternion.x * this._quaternion.y - this._quaternion.z * this._quaternion.w); this._rotMatrix.m[5] = 1.0 - (2.0 * (this._quaternion.z * this._quaternion.z + this._quaternion.x * this._quaternion.x)); this._rotMatrix.m[6] = 2.0 * (this._quaternion.y * this._quaternion.z + this._quaternion.x * this._quaternion.w); this._rotMatrix.m[7] = 0; this._rotMatrix.m[8] = 2.0 * (this._quaternion.z * this._quaternion.x + this._quaternion.y * this._quaternion.w); this._rotMatrix.m[9] = 2.0 * (this._quaternion.y * this._quaternion.z - this._quaternion.x * this._quaternion.w); this._rotMatrix.m[10] = 1.0 - (2.0 * (this._quaternion.y * this._quaternion.y + this._quaternion.x * this._quaternion.x)); this._rotMatrix.m[11] = 0; this._rotMatrix.m[12] = 0; this._rotMatrix.m[13] = 0; this._rotMatrix.m[14] = 0; this._rotMatrix.m[15] = 1.0; }; /** * Disposes the SPS */ SolidParticleSystem.prototype.dispose = function () { this.mesh.dispose(); this.vars = null; // drop references to internal big arrays for the GC this._positions = null; this._indices = null; this._normals = null; this._uvs = null; this._colors = null; this._positions32 = null; this._normals32 = null; this._fixedNormal32 = null; this._uvs32 = null; this._colors32 = null; this.pickedParticles = null; }; /** * Visibilty helper : Recomputes the visible size according to the mesh bounding box * doc : http://doc.babylonjs.com/overviews/Solid_Particle_System#sps-visibility */ SolidParticleSystem.prototype.refreshVisibleSize = function () { if (!this._isVisibilityBoxLocked) { this.mesh.refreshBoundingInfo(); } }; /** * Visibility helper : Sets the size of a visibility box, this sets the underlying mesh bounding box. * @param size the size (float) of the visibility box * note : this doesn't lock the SPS mesh bounding box. * doc : http://doc.babylonjs.com/overviews/Solid_Particle_System#sps-visibility */ SolidParticleSystem.prototype.setVisibilityBox = function (size) { var vis = size / 2; this.mesh._boundingInfo = new BABYLON.BoundingInfo(new BABYLON.Vector3(-vis, -vis, -vis), new BABYLON.Vector3(vis, vis, vis)); }; Object.defineProperty(SolidParticleSystem.prototype, "isAlwaysVisible", { // getter and setter get: function () { return this._alwaysVisible; }, /** * Sets the SPS as always visible or not * doc : http://doc.babylonjs.com/overviews/Solid_Particle_System#sps-visibility */ set: function (val) { this._alwaysVisible = val; this.mesh.alwaysSelectAsActiveMesh = val; }, enumerable: true, configurable: true }); Object.defineProperty(SolidParticleSystem.prototype, "isVisibilityBoxLocked", { get: function () { return this._isVisibilityBoxLocked; }, /** * Sets the SPS visibility box as locked or not. This enables/disables the underlying mesh bounding box updates. * doc : http://doc.babylonjs.com/overviews/Solid_Particle_System#sps-visibility */ set: function (val) { this._isVisibilityBoxLocked = val; this.mesh.getBoundingInfo().isLocked = val; }, enumerable: true, configurable: true }); Object.defineProperty(SolidParticleSystem.prototype, "computeParticleRotation", { // getters get: function () { return this._computeParticleRotation; }, // Optimizer setters /** * Tells to `setParticles()` to compute the particle rotations or not. * Default value : true. The SPS is faster when it's set to false. * Note : the particle rotations aren't stored values, so setting `computeParticleRotation` to false will prevents the particle to rotate. */ set: function (val) { this._computeParticleRotation = val; }, enumerable: true, configurable: true }); Object.defineProperty(SolidParticleSystem.prototype, "computeParticleColor", { get: function () { return this._computeParticleColor; }, /** * Tells to `setParticles()` to compute the particle colors or not. * Default value : true. The SPS is faster when it's set to false. * Note : the particle colors are stored values, so setting `computeParticleColor` to false will keep yet the last colors set. */ set: function (val) { this._computeParticleColor = val; }, enumerable: true, configurable: true }); Object.defineProperty(SolidParticleSystem.prototype, "computeParticleTexture", { get: function () { return this._computeParticleTexture; }, /** * Tells to `setParticles()` to compute the particle textures or not. * Default value : true. The SPS is faster when it's set to false. * Note : the particle textures are stored values, so setting `computeParticleTexture` to false will keep yet the last colors set. */ set: function (val) { this._computeParticleTexture = val; }, enumerable: true, configurable: true }); Object.defineProperty(SolidParticleSystem.prototype, "computeParticleVertex", { get: function () { return this._computeParticleVertex; }, /** * Tells to `setParticles()` to call the vertex function for each vertex of each particle, or not. * Default value : false. The SPS is faster when it's set to false. * Note : the particle custom vertex positions aren't stored values. */ set: function (val) { this._computeParticleVertex = val; }, enumerable: true, configurable: true }); Object.defineProperty(SolidParticleSystem.prototype, "computeBoundingBox", { get: function () { return this._computeBoundingBox; }, /** * Tells to `setParticles()` to compute or not the mesh bounding box when computing the particle positions. */ set: function (val) { this._computeBoundingBox = val; }, enumerable: true, configurable: true }); // ======================================================================= // Particle behavior logic // these following methods may be overwritten by the user to fit his needs /** * This function does nothing. It may be overwritten to set all the particle first values. * The SPS doesn't call this function, you may have to call it by your own. * doc : http://doc.babylonjs.com/overviews/Solid_Particle_System#particle-management */ SolidParticleSystem.prototype.initParticles = function () { }; /** * This function does nothing. It may be overwritten to recycle a particle. * The SPS doesn't call this function, you may have to call it by your own. * doc : http://doc.babylonjs.com/overviews/Solid_Particle_System#particle-management */ SolidParticleSystem.prototype.recycleParticle = function (particle) { return particle; }; /** * Updates a particle : this function should be overwritten by the user. * It is called on each particle by `setParticles()`. This is the place to code each particle behavior. * doc : http://doc.babylonjs.com/overviews/Solid_Particle_System#particle-management * ex : just set a particle position or velocity and recycle conditions */ SolidParticleSystem.prototype.updateParticle = function (particle) { return particle; }; /** * Updates a vertex of a particle : it can be overwritten by the user. * This will be called on each vertex particle by `setParticles()` if `computeParticleVertex` is set to true only. * @param particle the current particle * @param vertex the current index of the current particle * @param pt the index of the current vertex in the particle shape * doc : http://doc.babylonjs.com/overviews/Solid_Particle_System#update-each-particle-shape * ex : just set a vertex particle position */ SolidParticleSystem.prototype.updateParticleVertex = function (particle, vertex, pt) { return vertex; }; /** * This will be called before any other treatment by `setParticles()` and will be passed three parameters. * This does nothing and may be overwritten by the user. * @param start the particle index in the particle array where to stop to iterate, same than the value passed to setParticle() * @param stop the particle index in the particle array where to stop to iterate, same than the value passed to setParticle() * @param update the boolean update value actually passed to setParticles() */ SolidParticleSystem.prototype.beforeUpdateParticles = function (start, stop, update) { }; /** * This will be called by `setParticles()` after all the other treatments and just before the actual mesh update. * This will be passed three parameters. * This does nothing and may be overwritten by the user. * @param start the particle index in the particle array where to stop to iterate, same than the value passed to setParticle() * @param stop the particle index in the particle array where to stop to iterate, same than the value passed to setParticle() * @param update the boolean update value actually passed to setParticles() */ SolidParticleSystem.prototype.afterUpdateParticles = function (start, stop, update) { }; return SolidParticleSystem; }()); BABYLON.SolidParticleSystem = SolidParticleSystem; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Particles/babylon.solidParticleSystem.js.map var BABYLON; (function (BABYLON) { var Internals; (function (Internals) { var FileFaceOrientation = (function () { function FileFaceOrientation(name, worldAxisForNormal, worldAxisForFileX, worldAxisForFileY) { this.name = name; this.worldAxisForNormal = worldAxisForNormal; this.worldAxisForFileX = worldAxisForFileX; this.worldAxisForFileY = worldAxisForFileY; } return FileFaceOrientation; }()); ; /** * Helper class dealing with the extraction of spherical polynomial dataArray * from a cube map. */ var CubeMapToSphericalPolynomialTools = (function () { function CubeMapToSphericalPolynomialTools() { } /** * Converts a cubemap to the according Spherical Polynomial data. * This extracts the first 3 orders only as they are the only one used in the lighting. * * @param cubeInfo The Cube map to extract the information from. * @return The Spherical Polynomial data. */ CubeMapToSphericalPolynomialTools.ConvertCubeMapToSphericalPolynomial = function (cubeInfo) { var sphericalHarmonics = new BABYLON.SphericalHarmonics(); var totalSolidAngle = 0.0; // The (u,v) range is [-1,+1], so the distance between each texel is 2/Size. var du = 2.0 / cubeInfo.size; var dv = du; // The (u,v) of the first texel is half a texel from the corner (-1,-1). var minUV = du * 0.5 - 1.0; for (var faceIndex = 0; faceIndex < 6; faceIndex++) { var fileFace = this.FileFaces[faceIndex]; var dataArray = cubeInfo[fileFace.name]; var v = minUV; // TODO: we could perform the summation directly into a SphericalPolynomial (SP), which is more efficient than SphericalHarmonic (SH). // This is possible because during the summation we do not need the SH-specific properties, e.g. orthogonality. // Because SP is still linear, so summation is fine in that basis. for (var y = 0; y < cubeInfo.size; y++) { var u = minUV; for (var x = 0; x < cubeInfo.size; x++) { // World direction (not normalised) var worldDirection = fileFace.worldAxisForFileX.scale(u).add(fileFace.worldAxisForFileY.scale(v)).add(fileFace.worldAxisForNormal); worldDirection.normalize(); var deltaSolidAngle = Math.pow(1.0 + u * u + v * v, -3.0 / 2.0); if (1) { var r = dataArray[(y * cubeInfo.size * 3) + (x * 3) + 0]; var g = dataArray[(y * cubeInfo.size * 3) + (x * 3) + 1]; var b = dataArray[(y * cubeInfo.size * 3) + (x * 3) + 2]; var color = new BABYLON.Color3(r, g, b); sphericalHarmonics.addLight(worldDirection, color, deltaSolidAngle); } else { if (faceIndex == 0) { dataArray[(y * cubeInfo.size * 3) + (x * 3) + 0] = 1; dataArray[(y * cubeInfo.size * 3) + (x * 3) + 1] = 0; dataArray[(y * cubeInfo.size * 3) + (x * 3) + 2] = 0; } else if (faceIndex == 1) { dataArray[(y * cubeInfo.size * 3) + (x * 3) + 0] = 0; dataArray[(y * cubeInfo.size * 3) + (x * 3) + 1] = 1; dataArray[(y * cubeInfo.size * 3) + (x * 3) + 2] = 0; } else if (faceIndex == 2) { dataArray[(y * cubeInfo.size * 3) + (x * 3) + 0] = 0; dataArray[(y * cubeInfo.size * 3) + (x * 3) + 1] = 0; dataArray[(y * cubeInfo.size * 3) + (x * 3) + 2] = 1; } else if (faceIndex == 3) { dataArray[(y * cubeInfo.size * 3) + (x * 3) + 0] = 1; dataArray[(y * cubeInfo.size * 3) + (x * 3) + 1] = 1; dataArray[(y * cubeInfo.size * 3) + (x * 3) + 2] = 0; } else if (faceIndex == 4) { dataArray[(y * cubeInfo.size * 3) + (x * 3) + 0] = 1; dataArray[(y * cubeInfo.size * 3) + (x * 3) + 1] = 0; dataArray[(y * cubeInfo.size * 3) + (x * 3) + 2] = 1; } else if (faceIndex == 5) { dataArray[(y * cubeInfo.size * 3) + (x * 3) + 0] = 0; dataArray[(y * cubeInfo.size * 3) + (x * 3) + 1] = 1; dataArray[(y * cubeInfo.size * 3) + (x * 3) + 2] = 1; } var color = new BABYLON.Color3(dataArray[(y * cubeInfo.size * 3) + (x * 3) + 0], dataArray[(y * cubeInfo.size * 3) + (x * 3) + 1], dataArray[(y * cubeInfo.size * 3) + (x * 3) + 2]); sphericalHarmonics.addLight(worldDirection, color, deltaSolidAngle); } totalSolidAngle += deltaSolidAngle; u += du; } v += dv; } } var correctSolidAngle = 4.0 * Math.PI; // Solid angle for entire sphere is 4*pi var correction = correctSolidAngle / totalSolidAngle; sphericalHarmonics.scale(correction); // Additionally scale by pi -- audit needed sphericalHarmonics.scale(1.0 / Math.PI); return BABYLON.SphericalPolynomial.getSphericalPolynomialFromHarmonics(sphericalHarmonics); }; CubeMapToSphericalPolynomialTools.FileFaces = [ new FileFaceOrientation("right", new BABYLON.Vector3(1, 0, 0), new BABYLON.Vector3(0, 0, -1), new BABYLON.Vector3(0, -1, 0)), new FileFaceOrientation("left", new BABYLON.Vector3(-1, 0, 0), new BABYLON.Vector3(0, 0, 1), new BABYLON.Vector3(0, -1, 0)), new FileFaceOrientation("up", new BABYLON.Vector3(0, 1, 0), new BABYLON.Vector3(1, 0, 0), new BABYLON.Vector3(0, 0, 1)), new FileFaceOrientation("down", new BABYLON.Vector3(0, -1, 0), new BABYLON.Vector3(1, 0, 0), new BABYLON.Vector3(0, 0, -1)), new FileFaceOrientation("front", new BABYLON.Vector3(0, 0, 1), new BABYLON.Vector3(1, 0, 0), new BABYLON.Vector3(0, -1, 0)), new FileFaceOrientation("back", new BABYLON.Vector3(0, 0, -1), new BABYLON.Vector3(-1, 0, 0), new BABYLON.Vector3(0, -1, 0)) // -Z bottom ]; return CubeMapToSphericalPolynomialTools; }()); Internals.CubeMapToSphericalPolynomialTools = CubeMapToSphericalPolynomialTools; })(Internals = BABYLON.Internals || (BABYLON.Internals = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Tools/HDR/babylon.tools.cubemapToSphericalPolynomial.js.map var BABYLON; (function (BABYLON) { var Internals; (function (Internals) { /** * Helper class usefull to convert panorama picture to their cubemap representation in 6 faces. */ var PanoramaToCubeMapTools = (function () { function PanoramaToCubeMapTools() { } /** * Converts a panorma stored in RGB right to left up to down format into a cubemap (6 faces). * * @param float32Array The source data. * @param inputWidth The width of the input panorama. * @param inputhHeight The height of the input panorama. * @param size The willing size of the generated cubemap (each faces will be size * size pixels) * @return The cubemap data */ PanoramaToCubeMapTools.ConvertPanoramaToCubemap = function (float32Array, inputWidth, inputHeight, size) { if (!float32Array) { throw "ConvertPanoramaToCubemap: input cannot be null"; } if (float32Array.length != inputWidth * inputHeight * 3) { throw "ConvertPanoramaToCubemap: input size is wrong"; } var textureFront = this.CreateCubemapTexture(size, this.FACE_FRONT, float32Array, inputWidth, inputHeight); var textureBack = this.CreateCubemapTexture(size, this.FACE_BACK, float32Array, inputWidth, inputHeight); var textureLeft = this.CreateCubemapTexture(size, this.FACE_LEFT, float32Array, inputWidth, inputHeight); var textureRight = this.CreateCubemapTexture(size, this.FACE_RIGHT, float32Array, inputWidth, inputHeight); var textureUp = this.CreateCubemapTexture(size, this.FACE_UP, float32Array, inputWidth, inputHeight); var textureDown = this.CreateCubemapTexture(size, this.FACE_DOWN, float32Array, inputWidth, inputHeight); return { front: textureFront, back: textureBack, left: textureLeft, right: textureRight, up: textureUp, down: textureDown, size: size }; }; PanoramaToCubeMapTools.CreateCubemapTexture = function (texSize, faceData, float32Array, inputWidth, inputHeight) { var buffer = new ArrayBuffer(texSize * texSize * 4 * 3); var textureArray = new Float32Array(buffer); var rotDX1 = faceData[1].subtract(faceData[0]).scale(1 / texSize); var rotDX2 = faceData[3].subtract(faceData[2]).scale(1 / texSize); var dy = 1 / texSize; var fy = 0; for (var y = 0; y < texSize; y++) { var xv1 = faceData[0]; var xv2 = faceData[2]; for (var x = 0; x < texSize; x++) { var v = xv2.subtract(xv1).scale(fy).add(xv1); v.normalize(); var color = this.CalcProjectionSpherical(v, float32Array, inputWidth, inputHeight); // 3 channels per pixels textureArray[y * texSize * 3 + (x * 3) + 0] = color.r; textureArray[y * texSize * 3 + (x * 3) + 1] = color.g; textureArray[y * texSize * 3 + (x * 3) + 2] = color.b; xv1 = xv1.add(rotDX1); xv2 = xv2.add(rotDX2); } fy += dy; } return textureArray; }; PanoramaToCubeMapTools.CalcProjectionSpherical = function (vDir, float32Array, inputWidth, inputHeight) { var theta = Math.atan2(vDir.z, vDir.x); var phi = Math.acos(vDir.y); while (theta < -Math.PI) theta += 2 * Math.PI; while (theta > Math.PI) theta -= 2 * Math.PI; var dx = theta / Math.PI; var dy = phi / Math.PI; // recenter. dx = dx * 0.5 + 0.5; var px = Math.round(dx * inputWidth); if (px < 0) px = 0; else if (px >= inputWidth) px = inputWidth - 1; var py = Math.round(dy * inputHeight); if (py < 0) py = 0; else if (py >= inputHeight) py = inputHeight - 1; var inputY = (inputHeight - py - 1); var r = float32Array[inputY * inputWidth * 3 + (px * 3) + 0]; var g = float32Array[inputY * inputWidth * 3 + (px * 3) + 1]; var b = float32Array[inputY * inputWidth * 3 + (px * 3) + 2]; return { r: r, g: g, b: b }; }; PanoramaToCubeMapTools.FACE_FRONT = [ new BABYLON.Vector3(-1.0, -1.0, -1.0), new BABYLON.Vector3(1.0, -1.0, -1.0), new BABYLON.Vector3(-1.0, 1.0, -1.0), new BABYLON.Vector3(1.0, 1.0, -1.0) ]; PanoramaToCubeMapTools.FACE_BACK = [ new BABYLON.Vector3(1.0, -1.0, 1.0), new BABYLON.Vector3(-1.0, -1.0, 1.0), new BABYLON.Vector3(1.0, 1.0, 1.0), new BABYLON.Vector3(-1.0, 1.0, 1.0) ]; PanoramaToCubeMapTools.FACE_RIGHT = [ new BABYLON.Vector3(1.0, -1.0, -1.0), new BABYLON.Vector3(1.0, -1.0, 1.0), new BABYLON.Vector3(1.0, 1.0, -1.0), new BABYLON.Vector3(1.0, 1.0, 1.0) ]; PanoramaToCubeMapTools.FACE_LEFT = [ new BABYLON.Vector3(-1.0, -1.0, 1.0), new BABYLON.Vector3(-1.0, -1.0, -1.0), new BABYLON.Vector3(-1.0, 1.0, 1.0), new BABYLON.Vector3(-1.0, 1.0, -1.0) ]; PanoramaToCubeMapTools.FACE_DOWN = [ new BABYLON.Vector3(-1.0, 1.0, -1.0), new BABYLON.Vector3(1.0, 1.0, -1.0), new BABYLON.Vector3(-1.0, 1.0, 1.0), new BABYLON.Vector3(1.0, 1.0, 1.0) ]; PanoramaToCubeMapTools.FACE_UP = [ new BABYLON.Vector3(-1.0, -1.0, 1.0), new BABYLON.Vector3(1.0, -1.0, 1.0), new BABYLON.Vector3(-1.0, -1.0, -1.0), new BABYLON.Vector3(1.0, -1.0, -1.0) ]; return PanoramaToCubeMapTools; }()); Internals.PanoramaToCubeMapTools = PanoramaToCubeMapTools; })(Internals = BABYLON.Internals || (BABYLON.Internals = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Tools/HDR/babylon.tools.panoramaToCubemap.js.map var BABYLON; (function (BABYLON) { var Internals; (function (Internals) { ; /** * This groups tools to convert HDR texture to native colors array. */ var HDRTools = (function () { function HDRTools() { } HDRTools.Ldexp = function (mantissa, exponent) { if (exponent > 1023) { return mantissa * Math.pow(2, 1023) * Math.pow(2, exponent - 1023); } if (exponent < -1074) { return mantissa * Math.pow(2, -1074) * Math.pow(2, exponent + 1074); } return mantissa * Math.pow(2, exponent); }; HDRTools.Rgbe2float = function (float32array, red, green, blue, exponent, index) { if (exponent > 0) { exponent = this.Ldexp(1.0, exponent - (128 + 8)); float32array[index + 0] = red * exponent; float32array[index + 1] = green * exponent; float32array[index + 2] = blue * exponent; } else { float32array[index + 0] = 0; float32array[index + 1] = 0; float32array[index + 2] = 0; } }; HDRTools.readStringLine = function (uint8array, startIndex) { var line = ""; var character = ""; for (var i = startIndex; i < uint8array.length - startIndex; i++) { character = String.fromCharCode(uint8array[i]); if (character == "\n") { break; } line += character; } return line; }; /** * Reads header information from an RGBE texture stored in a native array. * More information on this format are available here: * https://en.wikipedia.org/wiki/RGBE_image_format * * @param uint8array The binary file stored in native array. * @return The header information. */ HDRTools.RGBE_ReadHeader = function (uint8array) { var height = 0; var width = 0; var line = this.readStringLine(uint8array, 0); if (line[0] != '#' || line[1] != '?') { throw "Bad HDR Format."; } var endOfHeader = false; var findFormat = false; var lineIndex = 0; do { lineIndex += (line.length + 1); line = this.readStringLine(uint8array, lineIndex); if (line == "FORMAT=32-bit_rle_rgbe") { findFormat = true; } else if (line.length == 0) { endOfHeader = true; } } while (!endOfHeader); if (!findFormat) { throw "HDR Bad header format, unsupported FORMAT"; } lineIndex += (line.length + 1); line = this.readStringLine(uint8array, lineIndex); var sizeRegexp = /^\-Y (.*) \+X (.*)$/g; var match = sizeRegexp.exec(line); // TODO. Support +Y and -X if needed. if (match.length < 3) { throw "HDR Bad header format, no size"; } width = parseInt(match[2]); height = parseInt(match[1]); if (width < 8 || width > 0x7fff) { throw "HDR Bad header format, unsupported size"; } lineIndex += (line.length + 1); return { height: height, width: width, dataPosition: lineIndex }; }; /** * Returns the cubemap information (each faces texture data) extracted from an RGBE texture. * This RGBE texture needs to store the information as a panorama. * * More information on this format are available here: * https://en.wikipedia.org/wiki/RGBE_image_format * * @param buffer The binary file stored in an array buffer. * @param size The expected size of the extracted cubemap. * @return The Cube Map information. */ HDRTools.GetCubeMapTextureData = function (buffer, size) { var uint8array = new Uint8Array(buffer); var hdrInfo = this.RGBE_ReadHeader(uint8array); var data = this.RGBE_ReadPixels_RLE(uint8array, hdrInfo); var cubeMapData = Internals.PanoramaToCubeMapTools.ConvertPanoramaToCubemap(data, hdrInfo.width, hdrInfo.height, size); return cubeMapData; }; /** * Returns the pixels data extracted from an RGBE texture. * This pixels will be stored left to right up to down in the R G B order in one array. * * More information on this format are available here: * https://en.wikipedia.org/wiki/RGBE_image_format * * @param uint8array The binary file stored in an array buffer. * @param hdrInfo The header information of the file. * @return The pixels data in RGB right to left up to down order. */ HDRTools.RGBE_ReadPixels = function (uint8array, hdrInfo) { // Keep for multi format supports. return this.RGBE_ReadPixels_RLE(uint8array, hdrInfo); }; HDRTools.RGBE_ReadPixels_RLE = function (uint8array, hdrInfo) { var num_scanlines = hdrInfo.height; var scanline_width = hdrInfo.width; var a, b, c, d, count; var dataIndex = hdrInfo.dataPosition; var index = 0, endIndex = 0, i = 0; var scanLineArrayBuffer = new ArrayBuffer(scanline_width * 4); // four channel R G B E var scanLineArray = new Uint8Array(scanLineArrayBuffer); // 3 channels of 4 bytes per pixel in float. var resultBuffer = new ArrayBuffer(hdrInfo.width * hdrInfo.height * 4 * 3); var resultArray = new Float32Array(resultBuffer); // read in each successive scanline while (num_scanlines > 0) { a = uint8array[dataIndex++]; b = uint8array[dataIndex++]; c = uint8array[dataIndex++]; d = uint8array[dataIndex++]; if (a != 2 || b != 2 || (c & 0x80)) { // this file is not run length encoded throw "HDR Bad header format, not RLE"; } if (((c << 8) | d) != scanline_width) { throw "HDR Bad header format, wrong scan line width"; } index = 0; // read each of the four channels for the scanline into the buffer for (i = 0; i < 4; i++) { endIndex = (i + 1) * scanline_width; while (index < endIndex) { a = uint8array[dataIndex++]; b = uint8array[dataIndex++]; if (a > 128) { // a run of the same value count = a - 128; if ((count == 0) || (count > endIndex - index)) { throw "HDR Bad Format, bad scanline data (run)"; } while (count-- > 0) { scanLineArray[index++] = b; } } else { // a non-run count = a; if ((count == 0) || (count > endIndex - index)) { throw "HDR Bad Format, bad scanline data (non-run)"; } scanLineArray[index++] = b; if (--count > 0) { for (var j = 0; j < count; j++) { scanLineArray[index++] = uint8array[dataIndex++]; } } } } } // now convert data from buffer into floats for (i = 0; i < scanline_width; i++) { a = scanLineArray[i]; b = scanLineArray[i + scanline_width]; c = scanLineArray[i + 2 * scanline_width]; d = scanLineArray[i + 3 * scanline_width]; this.Rgbe2float(resultArray, a, b, c, d, (hdrInfo.height - num_scanlines) * scanline_width * 3 + i * 3); } num_scanlines--; } return resultArray; }; return HDRTools; }()); Internals.HDRTools = HDRTools; })(Internals = BABYLON.Internals || (BABYLON.Internals = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Tools/HDR/babylon.tools.hdr.js.map //_______________________________________________________________ // Extracted from CubeMapGen: // https://code.google.com/archive/p/cubemapgen/ // // Following https://seblagarde.wordpress.com/2012/06/10/amd-cubemapgen-for-physically-based-rendering/ //_______________________________________________________________ var BABYLON; (function (BABYLON) { var Internals; (function (Internals) { /** * The bounding box information used during the conversion process. */ var CMGBoundinBox = (function () { function CMGBoundinBox() { this.min = new BABYLON.Vector3(0, 0, 0); this.max = new BABYLON.Vector3(0, 0, 0); this.clear(); } CMGBoundinBox.prototype.clear = function () { this.min.x = CMGBoundinBox.MAX; this.min.y = CMGBoundinBox.MAX; this.min.z = CMGBoundinBox.MAX; this.max.x = CMGBoundinBox.MIN; this.max.y = CMGBoundinBox.MIN; this.max.z = CMGBoundinBox.MIN; }; CMGBoundinBox.prototype.augment = function (x, y, z) { this.min.x = Math.min(this.min.x, x); this.min.y = Math.min(this.min.y, y); this.min.z = Math.min(this.min.z, z); this.max.x = Math.max(this.max.x, x); this.max.y = Math.max(this.max.y, y); this.max.z = Math.max(this.max.z, z); }; CMGBoundinBox.prototype.clampMin = function (x, y, z) { this.min.x = Math.max(this.min.x, x); this.min.y = Math.max(this.min.y, y); this.min.z = Math.max(this.min.z, z); }; CMGBoundinBox.prototype.clampMax = function (x, y, z) { this.max.x = Math.min(this.max.x, x); this.max.y = Math.min(this.max.y, y); this.max.z = Math.min(this.max.z, z); }; CMGBoundinBox.prototype.empty = function () { if ((this.min.x > this.max.y) || (this.min.y > this.max.y) || (this.min.z > this.max.y)) { return true; } else { return false; } }; CMGBoundinBox.MAX = Number.MAX_VALUE; CMGBoundinBox.MIN = Number.MIN_VALUE; return CMGBoundinBox; }()); /** * Helper class to PreProcess a cubemap in order to generate mipmap according to the level of blur * required by the glossinees of a material. * * This only supports the cosine drop power as well as Warp fixup generation method. * * This is using the process from CubeMapGen described here: * https://seblagarde.wordpress.com/2012/06/10/amd-cubemapgen-for-physically-based-rendering/ */ var PMREMGenerator = (function () { /** * Constructor of the generator. * * @param input The different faces data from the original cubemap in the order X+ X- Y+ Y- Z+ Z- * @param inputSize The size of the cubemap faces * @param outputSize The size of the output cubemap faces * @param maxNumMipLevels The max number of mip map to generate (0 means all) * @param numChannels The number of channels stored in the cubemap (3 for RBGE for instance) * @param isFloat Specifies if the input texture is in float or int (hdr is usually in float) * @param specularPower The max specular level of the desired cubemap * @param cosinePowerDropPerMip The amount of drop the specular power will follow on each mip * @param excludeBase Specifies wether to process the level 0 (original level) or not * @param fixup Specifies wether to apply the edge fixup algorythm or not */ function PMREMGenerator(input, inputSize, outputSize, maxNumMipLevels, numChannels, isFloat, specularPower, cosinePowerDropPerMip, excludeBase, fixup) { this.input = input; this.inputSize = inputSize; this.outputSize = outputSize; this.maxNumMipLevels = maxNumMipLevels; this.numChannels = numChannels; this.isFloat = isFloat; this.specularPower = specularPower; this.cosinePowerDropPerMip = cosinePowerDropPerMip; this.excludeBase = excludeBase; this.fixup = fixup; this._outputSurface = []; this._numMipLevels = 0; } /** * Launches the filter process and return the result. * * @return the filter cubemap in the form mip0 [faces1..6] .. mipN [faces1..6] */ PMREMGenerator.prototype.filterCubeMap = function () { // Init cubemap processor this.init(); // Filters the cubemap this.filterCubeMapMipChain(); // Returns the filtered mips. return this._outputSurface; }; PMREMGenerator.prototype.init = function () { var i; var j; var mipLevelSize; //if nax num mip levels is set to 0, set it to generate the entire mip chain if (this.maxNumMipLevels == 0) { this.maxNumMipLevels = PMREMGenerator.CP_MAX_MIPLEVELS; } //first miplevel size mipLevelSize = this.outputSize; //Iterate over mip chain, and init ArrayBufferView for mip-chain for (j = 0; j < this.maxNumMipLevels; j++) { this._outputSurface.length++; this._outputSurface[j] = []; //Iterate over faces for output images for (i = 0; i < 6; i++) { this._outputSurface[j].length++; // Initializes a new array for the output. if (this.isFloat) { this._outputSurface[j][i] = new Float32Array(mipLevelSize * mipLevelSize * this.numChannels); } else { this._outputSurface[j][i] = new Uint32Array(mipLevelSize * mipLevelSize * this.numChannels); } } //next mip level is half size mipLevelSize >>= 1; this._numMipLevels++; //terminate if mip chain becomes too small if (mipLevelSize == 0) { this.maxNumMipLevels = j; return; } } }; //-------------------------------------------------------------------------------------- //Cube map filtering and mip chain generation. // the cube map filtereing is specified using a number of parameters: // Filtering per miplevel is specified using 2D cone angle (in degrees) that // indicates the region of the hemisphere to filter over for each tap. // // Note that the top mip level is also a filtered version of the original input images // as well in order to create mip chains for diffuse environment illumination. // The cone angle for the top level is specified by a_BaseAngle. This can be used to // generate mipchains used to store the resutls of preintegration across the hemisphere. // // Then the mip angle used to genreate the next level of the mip chain from the first level // is a_InitialMipAngle // // The angle for the subsequent levels of the mip chain are specified by their parents // filtering angle and a per-level scale and bias // newAngle = oldAngle * a_MipAnglePerLevelScale; // //-------------------------------------------------------------------------------------- PMREMGenerator.prototype.filterCubeMapMipChain = function () { // First, take count of the lighting model to modify SpecularPower // var refSpecularPower = (a_MCO.LightingModel == CP_LIGHTINGMODEL_BLINN || a_MCO.LightingModel == CP_LIGHTINGMODEL_BLINN_BRDF) ? a_MCO.SpecularPower / GetSpecularPowerFactorToMatchPhong(a_MCO.SpecularPower) : a_MCO.SpecularPower; // var refSpecularPower = this.specularPower; // Only Phong BRDF yet. This explains the line below using this.specularpower. //Cone angle start (for generating subsequent mip levels) var currentSpecularPower = this.specularPower; //Build filter lookup tables based on the source miplevel size this.precomputeFilterLookupTables(this.inputSize); // Note that we need to filter the first level before generating mipmap // So LevelIndex == 0 is base filtering hen LevelIndex > 0 is mipmap generation for (var levelIndex = 0; levelIndex < this._numMipLevels; levelIndex++) { // TODO : Write a function to copy and scale the base mipmap in output // I am just lazy here and just put a high specular power value, and do some if. if (this.excludeBase && (levelIndex == 0)) { // If we don't want to process the base mipmap, just put a very high specular power (this allow to handle scale of the texture). currentSpecularPower = 100000.0; } // Special case for cosine power mipmap chain. For quality requirement, we always process the current mipmap from the top mipmap var srcCubeImage = this.input; var dstCubeImage = this._outputSurface[levelIndex]; var dstSize = this.outputSize >> levelIndex; // Compute required angle. var angle = this.getBaseFilterAngle(currentSpecularPower); // filter cube surfaces this.filterCubeSurfaces(srcCubeImage, this.inputSize, dstCubeImage, dstSize, angle, currentSpecularPower); // fix seams if (this.fixup) { this.fixupCubeEdges(dstCubeImage, dstSize); } // Decrease the specular power to generate the mipmap chain // TODO : Use another method for Exclude (see first comment at start of the function if (this.excludeBase && (levelIndex == 0)) { currentSpecularPower = this.specularPower; } currentSpecularPower *= this.cosinePowerDropPerMip; } }; //-------------------------------------------------------------------------------------- // This function return the BaseFilterAngle require by PMREMGenerator to its FilterExtends // It allow to optimize the texel to access base on the specular power. //-------------------------------------------------------------------------------------- PMREMGenerator.prototype.getBaseFilterAngle = function (cosinePower) { // We want to find the alpha such that: // cos(alpha)^cosinePower = epsilon // That's: acos(epsilon^(1/cosinePower)) var threshold = 0.000001; // Empirical threshold (Work perfectly, didn't check for a more big number, may get some performance and still god approximation) var angle = 180.0; angle = Math.acos(Math.pow(threshold, 1.0 / cosinePower)); angle *= 180.0 / Math.PI; // Convert to degree angle *= 2.0; // * 2.0f because PMREMGenerator divide by 2 later return angle; }; //-------------------------------------------------------------------------------------- //Builds the following lookup tables prior to filtering: // -normalizer cube map // -tap weight lookup table // //-------------------------------------------------------------------------------------- PMREMGenerator.prototype.precomputeFilterLookupTables = function (srcCubeMapWidth) { var srcTexelAngle; var iCubeFace; //clear pre-existing normalizer cube map this._normCubeMap = []; //Normalized vectors per cubeface and per-texel solid angle this.buildNormalizerSolidAngleCubemap(srcCubeMapWidth); }; //-------------------------------------------------------------------------------------- //Builds a normalizer cubemap, with the texels solid angle stored in the fourth component // //Takes in a cube face size, and an array of 6 surfaces to write the cube faces into // //Note that this normalizer cube map stores the vectors in unbiased -1 to 1 range. // if _bx2 style scaled and biased vectors are needed, uncomment the SCALE and BIAS // below //-------------------------------------------------------------------------------------- PMREMGenerator.prototype.buildNormalizerSolidAngleCubemap = function (size) { var iCubeFace; var u; var v; //iterate over cube faces for (iCubeFace = 0; iCubeFace < 6; iCubeFace++) { //First three channels for norm cube, and last channel for solid angle this._normCubeMap.push(new Float32Array(size * size * 4)); //fast texture walk, build normalizer cube map var facesData = this.input[iCubeFace]; for (v = 0; v < size; v++) { for (u = 0; u < size; u++) { var vect = this.texelCoordToVect(iCubeFace, u, v, size, this.fixup); this._normCubeMap[iCubeFace][(v * size + u) * 4 + 0] = vect.x; this._normCubeMap[iCubeFace][(v * size + u) * 4 + 1] = vect.y; this._normCubeMap[iCubeFace][(v * size + u) * 4 + 2] = vect.z; var solidAngle = this.texelCoordSolidAngle(iCubeFace, u, v, size); this._normCubeMap[iCubeFace][(v * size + u) * 4 + 4] = solidAngle; } } } }; //-------------------------------------------------------------------------------------- // Convert cubemap face texel coordinates and face idx to 3D vector // note the U and V coords are integer coords and range from 0 to size-1 // this routine can be used to generate a normalizer cube map //-------------------------------------------------------------------------------------- // SL BEGIN PMREMGenerator.prototype.texelCoordToVect = function (faceIdx, u, v, size, fixup) { var nvcU; var nvcV; var tempVec; // Change from original AMD code // transform from [0..res - 1] to [- (1 - 1 / res) .. (1 - 1 / res)] // + 0.5f is for texel center addressing nvcU = (2.0 * (u + 0.5) / size) - 1.0; nvcV = (2.0 * (v + 0.5) / size) - 1.0; // warp fixup if (fixup && size > 1) { // Code from Nvtt : http://code.google.com/p/nvidia-texture-tools/source/browse/trunk/src/nvtt/CubeSurface.cpp var a = Math.pow(size, 2.0) / Math.pow(size - 1, 3.0); nvcU = a * Math.pow(nvcU, 3) + nvcU; nvcV = a * Math.pow(nvcV, 3) + nvcV; } // Get current vector // generate x,y,z vector (xform 2d NVC coord to 3D vector) // U contribution var UVec = PMREMGenerator._sgFace2DMapping[faceIdx][PMREMGenerator.CP_UDIR]; PMREMGenerator._vectorTemp.x = UVec[0] * nvcU; PMREMGenerator._vectorTemp.y = UVec[1] * nvcU; PMREMGenerator._vectorTemp.z = UVec[2] * nvcU; // V contribution and Sum var VVec = PMREMGenerator._sgFace2DMapping[faceIdx][PMREMGenerator.CP_VDIR]; PMREMGenerator._vectorTemp.x += VVec[0] * nvcV; PMREMGenerator._vectorTemp.y += VVec[1] * nvcV; PMREMGenerator._vectorTemp.z += VVec[2] * nvcV; //add face axis var faceAxis = PMREMGenerator._sgFace2DMapping[faceIdx][PMREMGenerator.CP_FACEAXIS]; PMREMGenerator._vectorTemp.x += faceAxis[0]; PMREMGenerator._vectorTemp.y += faceAxis[1]; PMREMGenerator._vectorTemp.z += faceAxis[2]; //normalize vector PMREMGenerator._vectorTemp.normalize(); return PMREMGenerator._vectorTemp; }; //-------------------------------------------------------------------------------------- // Convert 3D vector to cubemap face texel coordinates and face idx // note the U and V coords are integer coords and range from 0 to size-1 // this routine can be used to generate a normalizer cube map // // returns face IDX and texel coords //-------------------------------------------------------------------------------------- // SL BEGIN /* Mapping Texture Coordinates to Cube Map Faces Because there are multiple faces, the mapping of texture coordinates to positions on cube map faces is more complicated than the other texturing targets. The EXT_texture_cube_map extension is purposefully designed to be consistent with DirectX 7's cube map arrangement. This is also consistent with the cube map arrangement in Pixar's RenderMan package. For cube map texturing, the (s,t,r) texture coordinates are treated as a direction vector (rx,ry,rz) emanating from the center of a cube. (The q coordinate can be ignored since it merely scales the vector without affecting the direction.) At texture application time, the interpolated per-fragment (s,t,r) selects one of the cube map face's 2D mipmap sets based on the largest magnitude coordinate direction the major axis direction). The target column in the table below explains how the major axis direction maps to the 2D image of a particular cube map target. major axis direction target sc tc ma ---------- --------------------------------- --- --- --- +rx GL_TEXTURE_CUBE_MAP_POSITIVE_X_EXT -rz -ry rx -rx GL_TEXTURE_CUBE_MAP_NEGATIVE_X_EXT +rz -ry rx +ry GL_TEXTURE_CUBE_MAP_POSITIVE_Y_EXT +rx +rz ry -ry GL_TEXTURE_CUBE_MAP_NEGATIVE_Y_EXT +rx -rz ry +rz GL_TEXTURE_CUBE_MAP_POSITIVE_Z_EXT +rx -ry rz -rz GL_TEXTURE_CUBE_MAP_NEGATIVE_Z_EXT -rx -ry rz Using the sc, tc, and ma determined by the major axis direction as specified in the table above, an updated (s,t) is calculated as follows s = ( sc/|ma| + 1 ) / 2 t = ( tc/|ma| + 1 ) / 2 If |ma| is zero or very nearly zero, the results of the above two equations need not be defined (though the result may not lead to GL interruption or termination). Once the cube map face's 2D mipmap set and (s,t) is determined, texture fetching and filtering proceeds like standard OpenGL 2D texturing. */ // Note this method return U and V in range from 0 to size-1 // SL END // Store the information in vector3 for convenience (faceindex, u, v) PMREMGenerator.prototype.vectToTexelCoord = function (x, y, z, size) { var maxCoord; var faceIdx; //absolute value 3 var absX = Math.abs(x); var absY = Math.abs(y); var absZ = Math.abs(z); if (absX >= absY && absX >= absZ) { maxCoord = absX; if (x >= 0) { faceIdx = PMREMGenerator.CP_FACE_X_POS; } else { faceIdx = PMREMGenerator.CP_FACE_X_NEG; } } else if (absY >= absX && absY >= absZ) { maxCoord = absY; if (y >= 0) { faceIdx = PMREMGenerator.CP_FACE_Y_POS; } else { faceIdx = PMREMGenerator.CP_FACE_Y_NEG; } } else { maxCoord = absZ; if (z >= 0) { faceIdx = PMREMGenerator.CP_FACE_Z_POS; } else { faceIdx = PMREMGenerator.CP_FACE_Z_NEG; } } //divide through by max coord so face vector lies on cube face var scale = 1 / maxCoord; x *= scale; y *= scale; z *= scale; var temp = PMREMGenerator._sgFace2DMapping[faceIdx][PMREMGenerator.CP_UDIR]; var nvcU = temp[0] * x + temp[1] * y + temp[2] * z; temp = PMREMGenerator._sgFace2DMapping[faceIdx][PMREMGenerator.CP_VDIR]; var nvcV = temp[0] * x + temp[1] * y + temp[2] * z; // Modify original AMD code to return value from 0 to Size - 1 var u = Math.floor((size - 1) * 0.5 * (nvcU + 1.0)); var v = Math.floor((size - 1) * 0.5 * (nvcV + 1.0)); PMREMGenerator._vectorTemp.x = faceIdx; PMREMGenerator._vectorTemp.y = u; PMREMGenerator._vectorTemp.z = v; return PMREMGenerator._vectorTemp; }; //-------------------------------------------------------------------------------------- //Original code from Ignacio CastaÃ’o // This formula is from Manne ÷hrstrˆm's thesis. // Take two coordiantes in the range [-1, 1] that define a portion of a // cube face and return the area of the projection of that portion on the // surface of the sphere. //-------------------------------------------------------------------------------------- PMREMGenerator.prototype.areaElement = function (x, y) { return Math.atan2(x * y, Math.sqrt(x * x + y * y + 1)); }; PMREMGenerator.prototype.texelCoordSolidAngle = function (faceIdx, u, v, size) { // transform from [0..res - 1] to [- (1 - 1 / res) .. (1 - 1 / res)] // (+ 0.5f is for texel center addressing) u = (2.0 * (u + 0.5) / size) - 1.0; v = (2.0 * (v + 0.5) / size) - 1.0; // Shift from a demi texel, mean 1.0f / a_Size with U and V in [-1..1] var invResolution = 1.0 / size; // U and V are the -1..1 texture coordinate on the current face. // Get projected area for this texel var x0 = u - invResolution; var y0 = v - invResolution; var x1 = u + invResolution; var y1 = v + invResolution; var solidAngle = this.areaElement(x0, y0) - this.areaElement(x0, y1) - this.areaElement(x1, y0) + this.areaElement(x1, y1); return solidAngle; }; //-------------------------------------------------------------------------------------- //The key to the speed of these filtering routines is to quickly define a per-face // bounding box of pixels which enclose all the taps in the filter kernel efficiently. // Later these pixels are selectively processed based on their dot products to see if // they reside within the filtering cone. // //This is done by computing the smallest per-texel angle to get a conservative estimate // of the number of texels needed to be covered in width and height order to filter the // region. the bounding box for the center taps face is defined first, and if the // filtereing region bleeds onto the other faces, bounding boxes for the other faces are // defined next //-------------------------------------------------------------------------------------- PMREMGenerator.prototype.filterCubeSurfaces = function (srcCubeMap, srcSize, dstCubeMap, dstSize, filterConeAngle, specularPower) { // note that pixels within these regions may be rejected // based on the anlge var iCubeFace; var u; var v; // bounding box per face to specify region to process var filterExtents = []; for (iCubeFace = 0; iCubeFace < 6; iCubeFace++) { filterExtents.push(new CMGBoundinBox()); } // min angle a src texel can cover (in degrees) var srcTexelAngle = (180.0 / (Math.PI) * Math.atan2(1.0, srcSize)); // angle about center tap to define filter cone // filter angle is 1/2 the cone angle var filterAngle = filterConeAngle / 2.0; //ensure filter angle is larger than a texel if (filterAngle < srcTexelAngle) { filterAngle = srcTexelAngle; } //ensure filter cone is always smaller than the hemisphere if (filterAngle > 90.0) { filterAngle = 90.0; } // the maximum number of texels in 1D the filter cone angle will cover // used to determine bounding box size for filter extents var filterSize = Math.ceil(filterAngle / srcTexelAngle); // ensure conservative region always covers at least one texel if (filterSize < 1) { filterSize = 1; } // dotProdThresh threshold based on cone angle to determine whether or not taps // reside within the cone angle var dotProdThresh = Math.cos((Math.PI / 180.0) * filterAngle); // process required faces for (iCubeFace = 0; iCubeFace < 6; iCubeFace++) { //iterate over dst cube map face texel for (v = 0; v < dstSize; v++) { for (u = 0; u < dstSize; u++) { //get center tap direction var centerTapDir = this.texelCoordToVect(iCubeFace, u, v, dstSize, this.fixup).clone(); //clear old per-face filter extents this.clearFilterExtents(filterExtents); //define per-face filter extents this.determineFilterExtents(centerTapDir, srcSize, filterSize, filterExtents); //perform filtering of src faces using filter extents var vect = this.processFilterExtents(centerTapDir, dotProdThresh, filterExtents, srcCubeMap, srcSize, specularPower); dstCubeMap[iCubeFace][(v * dstSize + u) * this.numChannels + 0] = vect.x; dstCubeMap[iCubeFace][(v * dstSize + u) * this.numChannels + 1] = vect.y; dstCubeMap[iCubeFace][(v * dstSize + u) * this.numChannels + 2] = vect.z; } } } }; //-------------------------------------------------------------------------------------- //Clear filter extents for the 6 cube map faces //-------------------------------------------------------------------------------------- PMREMGenerator.prototype.clearFilterExtents = function (filterExtents) { for (var iCubeFaces = 0; iCubeFaces < 6; iCubeFaces++) { filterExtents[iCubeFaces].clear(); } }; //-------------------------------------------------------------------------------------- //Define per-face bounding box filter extents // // These define conservative texel regions in each of the faces the filter can possibly // process. When the pixels in the regions are actually processed, the dot product // between the tap vector and the center tap vector is used to determine the weight of // the tap and whether or not the tap is within the cone. // //-------------------------------------------------------------------------------------- PMREMGenerator.prototype.determineFilterExtents = function (centerTapDir, srcSize, bboxSize, filterExtents) { //neighboring face and bleed over amount, and width of BBOX for // left, right, top, and bottom edges of this face var bleedOverAmount = [0, 0, 0, 0]; var bleedOverBBoxMin = [0, 0, 0, 0]; var bleedOverBBoxMax = [0, 0, 0, 0]; var neighborFace; var neighborEdge; var oppositeFaceIdx; //get face idx, and u, v info from center tap dir var result = this.vectToTexelCoord(centerTapDir.x, centerTapDir.y, centerTapDir.z, srcSize); var faceIdx = result.x; var u = result.y; var v = result.z; //define bbox size within face filterExtents[faceIdx].augment(u - bboxSize, v - bboxSize, 0); filterExtents[faceIdx].augment(u + bboxSize, v + bboxSize, 0); filterExtents[faceIdx].clampMin(0, 0, 0); filterExtents[faceIdx].clampMax(srcSize - 1, srcSize - 1, 0); //u and v extent in face corresponding to center tap var minU = filterExtents[faceIdx].min.x; var minV = filterExtents[faceIdx].min.y; var maxU = filterExtents[faceIdx].max.x; var maxV = filterExtents[faceIdx].max.y; //bleed over amounts for face across u=0 edge (left) bleedOverAmount[0] = (bboxSize - u); bleedOverBBoxMin[0] = minV; bleedOverBBoxMax[0] = maxV; //bleed over amounts for face across u=1 edge (right) bleedOverAmount[1] = (u + bboxSize) - (srcSize - 1); bleedOverBBoxMin[1] = minV; bleedOverBBoxMax[1] = maxV; //bleed over to face across v=0 edge (up) bleedOverAmount[2] = (bboxSize - v); bleedOverBBoxMin[2] = minU; bleedOverBBoxMax[2] = maxU; //bleed over to face across v=1 edge (down) bleedOverAmount[3] = (v + bboxSize) - (srcSize - 1); bleedOverBBoxMin[3] = minU; bleedOverBBoxMax[3] = maxU; //compute bleed over regions in neighboring faces for (var i = 0; i < 4; i++) { if (bleedOverAmount[i] > 0) { neighborFace = PMREMGenerator._sgCubeNgh[faceIdx][i][0]; neighborEdge = PMREMGenerator._sgCubeNgh[faceIdx][i][1]; //For certain types of edge abutments, the bleedOverBBoxMin, and bleedOverBBoxMax need to // be flipped: the cases are // if a left edge mates with a left or bottom edge on the neighbor // if a top edge mates with a top or right edge on the neighbor // if a right edge mates with a right or top edge on the neighbor // if a bottom edge mates with a bottom or left edge on the neighbor //Seeing as the edges are enumerated as follows // left =0 // right =1 // top =2 // bottom =3 // // so if the edge enums are the same, or the sum of the enums == 3, // the bbox needs to be flipped if ((i == neighborEdge) || ((i + neighborEdge) == 3)) { bleedOverBBoxMin[i] = (srcSize - 1) - bleedOverBBoxMin[i]; bleedOverBBoxMax[i] = (srcSize - 1) - bleedOverBBoxMax[i]; } //The way the bounding box is extended onto the neighboring face // depends on which edge of neighboring face abuts with this one switch (PMREMGenerator._sgCubeNgh[faceIdx][i][1]) { case PMREMGenerator.CP_EDGE_LEFT: filterExtents[neighborFace].augment(0, bleedOverBBoxMin[i], 0); filterExtents[neighborFace].augment(bleedOverAmount[i], bleedOverBBoxMax[i], 0); break; case PMREMGenerator.CP_EDGE_RIGHT: filterExtents[neighborFace].augment((srcSize - 1), bleedOverBBoxMin[i], 0); filterExtents[neighborFace].augment((srcSize - 1) - bleedOverAmount[i], bleedOverBBoxMax[i], 0); break; case PMREMGenerator.CP_EDGE_TOP: filterExtents[neighborFace].augment(bleedOverBBoxMin[i], 0, 0); filterExtents[neighborFace].augment(bleedOverBBoxMax[i], bleedOverAmount[i], 0); break; case PMREMGenerator.CP_EDGE_BOTTOM: filterExtents[neighborFace].augment(bleedOverBBoxMin[i], (srcSize - 1), 0); filterExtents[neighborFace].augment(bleedOverBBoxMax[i], (srcSize - 1) - bleedOverAmount[i], 0); break; } //clamp filter extents in non-center tap faces to remain within surface filterExtents[neighborFace].clampMin(0, 0, 0); filterExtents[neighborFace].clampMax(srcSize - 1, srcSize - 1, 0); } //If the bleed over amount bleeds past the adjacent face onto the opposite face // from the center tap face, then process the opposite face entirely for now. //Note that the cases in which this happens, what usually happens is that // more than one edge bleeds onto the opposite face, and the bounding box // encompasses the entire cube map face. if (bleedOverAmount[i] > srcSize) { //determine opposite face switch (faceIdx) { case PMREMGenerator.CP_FACE_X_POS: oppositeFaceIdx = PMREMGenerator.CP_FACE_X_NEG; break; case PMREMGenerator.CP_FACE_X_NEG: oppositeFaceIdx = PMREMGenerator.CP_FACE_X_POS; break; case PMREMGenerator.CP_FACE_Y_POS: oppositeFaceIdx = PMREMGenerator.CP_FACE_Y_NEG; break; case PMREMGenerator.CP_FACE_Y_NEG: oppositeFaceIdx = PMREMGenerator.CP_FACE_Y_POS; break; case PMREMGenerator.CP_FACE_Z_POS: oppositeFaceIdx = PMREMGenerator.CP_FACE_Z_NEG; break; case PMREMGenerator.CP_FACE_Z_NEG: oppositeFaceIdx = PMREMGenerator.CP_FACE_Z_POS; break; default: break; } //just encompass entire face for now filterExtents[oppositeFaceIdx].augment(0, 0, 0); filterExtents[oppositeFaceIdx].augment((srcSize - 1), (srcSize - 1), 0); } } }; //-------------------------------------------------------------------------------------- //ProcessFilterExtents // Process bounding box in each cube face // //-------------------------------------------------------------------------------------- PMREMGenerator.prototype.processFilterExtents = function (centerTapDir, dotProdThresh, filterExtents, srcCubeMap, srcSize, specularPower) { //accumulators are 64-bit floats in order to have the precision needed // over a summation of a large number of pixels var dstAccum = [0, 0, 0, 0]; var weightAccum = 0; var k = 0; var nSrcChannels = this.numChannels; // norm cube map and srcCubeMap have same face width var faceWidth = srcSize; //amount to add to pointer to move to next scanline in images var normCubePitch = faceWidth * 4; // 4 channels in normCubeMap. var srcCubePitch = faceWidth * this.numChannels; // numChannels correponds to the cubemap number of channel var IsPhongBRDF = 1; // Only works in Phong BRDF yet. //(a_LightingModel == CP_LIGHTINGMODEL_PHONG_BRDF || a_LightingModel == CP_LIGHTINGMODEL_BLINN_BRDF) ? 1 : 0; // This value will be added to the specular power // iterate over cubefaces for (var iFaceIdx = 0; iFaceIdx < 6; iFaceIdx++) { //if bbox is non empty if (!filterExtents[iFaceIdx].empty()) { var uStart = filterExtents[iFaceIdx].min.x; var vStart = filterExtents[iFaceIdx].min.y; var uEnd = filterExtents[iFaceIdx].max.x; var vEnd = filterExtents[iFaceIdx].max.y; var startIndexNormCubeMap = (4 * ((vStart * faceWidth) + uStart)); var startIndexSrcCubeMap = (this.numChannels * ((vStart * faceWidth) + uStart)); //note that <= is used to ensure filter extents always encompass at least one pixel if bbox is non empty for (var v = vStart; v <= vEnd; v++) { var normCubeRowWalk = 0; var srcCubeRowWalk = 0; for (var u = uStart; u <= uEnd; u++) { //pointer to direction in cube map associated with texel var texelVectX = this._normCubeMap[iFaceIdx][startIndexNormCubeMap + normCubeRowWalk + 0]; var texelVectY = this._normCubeMap[iFaceIdx][startIndexNormCubeMap + normCubeRowWalk + 1]; var texelVectZ = this._normCubeMap[iFaceIdx][startIndexNormCubeMap + normCubeRowWalk + 2]; //check dot product to see if texel is within cone var tapDotProd = texelVectX * centerTapDir.x + texelVectY * centerTapDir.y + texelVectZ * centerTapDir.z; if (tapDotProd >= dotProdThresh && tapDotProd > 0.0) { //solid angle stored in 4th channel of normalizer/solid angle cube map var weight = this._normCubeMap[iFaceIdx][startIndexNormCubeMap + normCubeRowWalk + 3]; // Here we decide if we use a Phong/Blinn or a Phong/Blinn BRDF. // Phong/Blinn BRDF is just the Phong/Blinn model multiply by the cosine of the lambert law // so just adding one to specularpower do the trick. weight *= Math.pow(tapDotProd, (specularPower + IsPhongBRDF)); //iterate over channels for (k = 0; k < nSrcChannels; k++) { dstAccum[k] += weight * srcCubeMap[iFaceIdx][startIndexSrcCubeMap + srcCubeRowWalk]; srcCubeRowWalk++; } weightAccum += weight; //accumulate weight } else { //step across source pixel srcCubeRowWalk += nSrcChannels; } normCubeRowWalk += 4; // 4 channels per norm cube map. } startIndexNormCubeMap += normCubePitch; startIndexSrcCubeMap += srcCubePitch; } } } //divide through by weights if weight is non zero if (weightAccum != 0.0) { PMREMGenerator._vectorTemp.x = (dstAccum[0] / weightAccum); PMREMGenerator._vectorTemp.y = (dstAccum[1] / weightAccum); PMREMGenerator._vectorTemp.z = (dstAccum[2] / weightAccum); if (this.numChannels > 3) { PMREMGenerator._vectorTemp.w = (dstAccum[3] / weightAccum); } } else { // otherwise sample nearest // get face idx and u, v texel coordinate in face var coord = this.vectToTexelCoord(centerTapDir.x, centerTapDir.y, centerTapDir.z, srcSize).clone(); PMREMGenerator._vectorTemp.x = srcCubeMap[coord.x][this.numChannels * (coord.z * srcSize + coord.y) + 0]; PMREMGenerator._vectorTemp.y = srcCubeMap[coord.x][this.numChannels * (coord.z * srcSize + coord.y) + 1]; PMREMGenerator._vectorTemp.z = srcCubeMap[coord.x][this.numChannels * (coord.z * srcSize + coord.y) + 2]; if (this.numChannels > 3) { PMREMGenerator._vectorTemp.z = srcCubeMap[coord.x][this.numChannels * (coord.z * srcSize + coord.y) + 3]; } } return PMREMGenerator._vectorTemp; }; //-------------------------------------------------------------------------------------- // Fixup cube edges // // average texels on cube map faces across the edges // WARP/BENT Method Only. //-------------------------------------------------------------------------------------- PMREMGenerator.prototype.fixupCubeEdges = function (cubeMap, cubeMapSize) { var k; var j; var i; var iFace; var iCorner = 0; var cornerNumPtrs = [0, 0, 0, 0, 0, 0, 0, 0]; //indexed by corner and face idx var faceCornerStartIndicies = [[], [], [], []]; //corner pointers for face keeping track of the face they belong to. // note that if functionality to filter across the three texels for each corner, then //indexed by corner and face idx. the array contains the face the start points belongs to. var cornerPtr = [ [[], [], []], [[], [], []], [[], [], []], [[], [], []], [[], [], []], [[], [], []], [[], [], []], [[], [], []] ]; //if there is no fixup, or fixup width = 0, do nothing if (cubeMapSize < 1) { return; } //special case 1x1 cubemap, average face colors if (cubeMapSize == 1) { //iterate over channels for (k = 0; k < this.numChannels; k++) { var accum = 0.0; //iterate over faces to accumulate face colors for (iFace = 0; iFace < 6; iFace++) { accum += cubeMap[iFace][k]; } //compute average over 6 face colors accum /= 6.0; //iterate over faces to distribute face colors for (iFace = 0; iFace < 6; iFace++) { cubeMap[iFace][k] = accum; } } return; } //iterate over faces to collect list of corner texel pointers for (iFace = 0; iFace < 6; iFace++) { //the 4 corner pointers for this face faceCornerStartIndicies[0] = [iFace, 0]; faceCornerStartIndicies[1] = [iFace, ((cubeMapSize - 1) * this.numChannels)]; faceCornerStartIndicies[2] = [iFace, ((cubeMapSize) * (cubeMapSize - 1) * this.numChannels)]; faceCornerStartIndicies[3] = [iFace, ((((cubeMapSize) * (cubeMapSize - 1)) + (cubeMapSize - 1)) * this.numChannels)]; //iterate over face corners to collect cube corner pointers for (iCorner = 0; iCorner < 4; iCorner++) { var corner = PMREMGenerator._sgCubeCornerList[iFace][iCorner]; cornerPtr[corner][cornerNumPtrs[corner]] = faceCornerStartIndicies[iCorner]; cornerNumPtrs[corner]++; } } //iterate over corners to average across corner tap values for (iCorner = 0; iCorner < 8; iCorner++) { for (k = 0; k < this.numChannels; k++) { var cornerTapAccum = 0.0; //iterate over corner texels and average results for (i = 0; i < 3; i++) { cornerTapAccum += cubeMap[cornerPtr[iCorner][i][0]][cornerPtr[iCorner][i][1] + k]; // Get in the cube map face the start point + channel. } //divide by 3 to compute average of corner tap values cornerTapAccum *= (1.0 / 3.0); //iterate over corner texels and average results for (i = 0; i < 3; i++) { cubeMap[cornerPtr[iCorner][i][0]][cornerPtr[iCorner][i][1] + k] = cornerTapAccum; } } } //iterate over the twelve edges of the cube to average across edges for (i = 0; i < 12; i++) { var face = PMREMGenerator._sgCubeEdgeList[i][0]; var edge = PMREMGenerator._sgCubeEdgeList[i][1]; var neighborFace = PMREMGenerator._sgCubeNgh[face][edge][0]; var neighborEdge = PMREMGenerator._sgCubeNgh[face][edge][1]; var edgeStartIndex = 0; // a_CubeMap[face].m_ImgData; var neighborEdgeStartIndex = 0; // a_CubeMap[neighborFace].m_ImgData; var edgeWalk = 0; var neighborEdgeWalk = 0; //Determine walking pointers based on edge type // e.g. CP_EDGE_LEFT, CP_EDGE_RIGHT, CP_EDGE_TOP, CP_EDGE_BOTTOM switch (edge) { case PMREMGenerator.CP_EDGE_LEFT: // no change to faceEdgeStartPtr edgeWalk = this.numChannels * cubeMapSize; break; case PMREMGenerator.CP_EDGE_RIGHT: edgeStartIndex += (cubeMapSize - 1) * this.numChannels; edgeWalk = this.numChannels * cubeMapSize; break; case PMREMGenerator.CP_EDGE_TOP: // no change to faceEdgeStartPtr edgeWalk = this.numChannels; break; case PMREMGenerator.CP_EDGE_BOTTOM: edgeStartIndex += (cubeMapSize) * (cubeMapSize - 1) * this.numChannels; edgeWalk = this.numChannels; break; } //For certain types of edge abutments, the neighbor edge walk needs to // be flipped: the cases are // if a left edge mates with a left or bottom edge on the neighbor // if a top edge mates with a top or right edge on the neighbor // if a right edge mates with a right or top edge on the neighbor // if a bottom edge mates with a bottom or left edge on the neighbor //Seeing as the edges are enumerated as follows // left =0 // right =1 // top =2 // bottom =3 // //If the edge enums are the same, or the sum of the enums == 3, // the neighbor edge walk needs to be flipped if ((edge == neighborEdge) || ((edge + neighborEdge) == 3)) { switch (neighborEdge) { case PMREMGenerator.CP_EDGE_LEFT: neighborEdgeStartIndex += (cubeMapSize - 1) * (cubeMapSize) * this.numChannels; neighborEdgeWalk = -(this.numChannels * cubeMapSize); break; case PMREMGenerator.CP_EDGE_RIGHT: neighborEdgeStartIndex += ((cubeMapSize - 1) * (cubeMapSize) + (cubeMapSize - 1)) * this.numChannels; neighborEdgeWalk = -(this.numChannels * cubeMapSize); break; case PMREMGenerator.CP_EDGE_TOP: neighborEdgeStartIndex += (cubeMapSize - 1) * this.numChannels; neighborEdgeWalk = -this.numChannels; break; case PMREMGenerator.CP_EDGE_BOTTOM: neighborEdgeStartIndex += ((cubeMapSize - 1) * (cubeMapSize) + (cubeMapSize - 1)) * this.numChannels; neighborEdgeWalk = -this.numChannels; break; } } else { //swapped direction neighbor edge walk switch (neighborEdge) { case PMREMGenerator.CP_EDGE_LEFT: //no change to neighborEdgeStartPtr for this case since it points // to the upper left corner already neighborEdgeWalk = this.numChannels * cubeMapSize; break; case PMREMGenerator.CP_EDGE_RIGHT: neighborEdgeStartIndex += (cubeMapSize - 1) * this.numChannels; neighborEdgeWalk = this.numChannels * cubeMapSize; break; case PMREMGenerator.CP_EDGE_TOP: //no change to neighborEdgeStartPtr for this case since it points // to the upper left corner already neighborEdgeWalk = this.numChannels; break; case PMREMGenerator.CP_EDGE_BOTTOM: neighborEdgeStartIndex += (cubeMapSize) * (cubeMapSize - 1) * this.numChannels; neighborEdgeWalk = this.numChannels; break; } } //Perform edge walk, to average across the 12 edges and smoothly propagate change to //nearby neighborhood //step ahead one texel on edge edgeStartIndex += edgeWalk; neighborEdgeStartIndex += neighborEdgeWalk; // note that this loop does not process the corner texels, since they have already been // averaged across faces across earlier for (j = 1; j < (cubeMapSize - 1); j++) { //for each set of taps along edge, average them // and rewrite the results into the edges for (k = 0; k < this.numChannels; k++) { var edgeTap = cubeMap[face][edgeStartIndex + k]; var neighborEdgeTap = cubeMap[neighborFace][neighborEdgeStartIndex + k]; //compute average of tap intensity values var avgTap = 0.5 * (edgeTap + neighborEdgeTap); //propagate average of taps to edge taps cubeMap[face][edgeStartIndex + k] = avgTap; cubeMap[neighborFace][neighborEdgeStartIndex + k] = avgTap; } edgeStartIndex += edgeWalk; neighborEdgeStartIndex += neighborEdgeWalk; } } }; PMREMGenerator.CP_MAX_MIPLEVELS = 16; PMREMGenerator.CP_UDIR = 0; PMREMGenerator.CP_VDIR = 1; PMREMGenerator.CP_FACEAXIS = 2; //used to index cube faces PMREMGenerator.CP_FACE_X_POS = 0; PMREMGenerator.CP_FACE_X_NEG = 1; PMREMGenerator.CP_FACE_Y_POS = 2; PMREMGenerator.CP_FACE_Y_NEG = 3; PMREMGenerator.CP_FACE_Z_POS = 4; PMREMGenerator.CP_FACE_Z_NEG = 5; //used to index image edges // NOTE.. the actual number corresponding to the edge is important // do not change these, or the code will break // // CP_EDGE_LEFT is u = 0 // CP_EDGE_RIGHT is u = width-1 // CP_EDGE_TOP is v = 0 // CP_EDGE_BOTTOM is v = height-1 PMREMGenerator.CP_EDGE_LEFT = 0; PMREMGenerator.CP_EDGE_RIGHT = 1; PMREMGenerator.CP_EDGE_TOP = 2; PMREMGenerator.CP_EDGE_BOTTOM = 3; //corners of CUBE map (P or N specifys if it corresponds to the // positive or negative direction each of X, Y, and Z PMREMGenerator.CP_CORNER_NNN = 0; PMREMGenerator.CP_CORNER_NNP = 1; PMREMGenerator.CP_CORNER_NPN = 2; PMREMGenerator.CP_CORNER_NPP = 3; PMREMGenerator.CP_CORNER_PNN = 4; PMREMGenerator.CP_CORNER_PNP = 5; PMREMGenerator.CP_CORNER_PPN = 6; PMREMGenerator.CP_CORNER_PPP = 7; PMREMGenerator._vectorTemp = new BABYLON.Vector4(0, 0, 0, 0); //3x2 matrices that map cube map indexing vectors in 3d // (after face selection and divide through by the // _ABSOLUTE VALUE_ of the max coord) // into NVC space //Note this currently assumes the D3D cube face ordering and orientation PMREMGenerator._sgFace2DMapping = [ //XPOS face [[0, 0, -1], [0, -1, 0], [1, 0, 0]], //XNEG face [[0, 0, 1], [0, -1, 0], [-1, 0, 0]], //YPOS face [[1, 0, 0], [0, 0, 1], [0, 1, 0]], //YNEG face [[1, 0, 0], [0, 0, -1], [0, -1, 0]], //ZPOS face [[1, 0, 0], [0, -1, 0], [0, 0, 1]], //ZNEG face [[-1, 0, 0], [0, -1, 0], [0, 0, -1]], ]; //------------------------------------------------------------------------------ // D3D cube map face specification // mapping from 3D x,y,z cube map lookup coordinates // to 2D within face u,v coordinates // // --------------------> U direction // | (within-face texture space) // | _____ // | | | // | | +Y | // | _____|_____|_____ _____ // | | | | | | // | | -X | +Z | +X | -Z | // | |_____|_____|_____|_____| // | | | // | | -Y | // | |_____| // | // v V direction // (within-face texture space) //------------------------------------------------------------------------------ //Information about neighbors and how texture coorrdinates change across faces // in ORDER of left, right, top, bottom (e.g. edges corresponding to u=0, // u=1, v=0, v=1 in the 2D coordinate system of the particular face. //Note this currently assumes the D3D cube face ordering and orientation PMREMGenerator._sgCubeNgh = [ //XPOS face [[PMREMGenerator.CP_FACE_Z_POS, PMREMGenerator.CP_EDGE_RIGHT], [PMREMGenerator.CP_FACE_Z_NEG, PMREMGenerator.CP_EDGE_LEFT], [PMREMGenerator.CP_FACE_Y_POS, PMREMGenerator.CP_EDGE_RIGHT], [PMREMGenerator.CP_FACE_Y_NEG, PMREMGenerator.CP_EDGE_RIGHT]], //XNEG face [[PMREMGenerator.CP_FACE_Z_NEG, PMREMGenerator.CP_EDGE_RIGHT], [PMREMGenerator.CP_FACE_Z_POS, PMREMGenerator.CP_EDGE_LEFT], [PMREMGenerator.CP_FACE_Y_POS, PMREMGenerator.CP_EDGE_LEFT], [PMREMGenerator.CP_FACE_Y_NEG, PMREMGenerator.CP_EDGE_LEFT]], //YPOS face [[PMREMGenerator.CP_FACE_X_NEG, PMREMGenerator.CP_EDGE_TOP], [PMREMGenerator.CP_FACE_X_POS, PMREMGenerator.CP_EDGE_TOP], [PMREMGenerator.CP_FACE_Z_NEG, PMREMGenerator.CP_EDGE_TOP], [PMREMGenerator.CP_FACE_Z_POS, PMREMGenerator.CP_EDGE_TOP]], //YNEG face [[PMREMGenerator.CP_FACE_X_NEG, PMREMGenerator.CP_EDGE_BOTTOM], [PMREMGenerator.CP_FACE_X_POS, PMREMGenerator.CP_EDGE_BOTTOM], [PMREMGenerator.CP_FACE_Z_POS, PMREMGenerator.CP_EDGE_BOTTOM], [PMREMGenerator.CP_FACE_Z_NEG, PMREMGenerator.CP_EDGE_BOTTOM]], //ZPOS face [[PMREMGenerator.CP_FACE_X_NEG, PMREMGenerator.CP_EDGE_RIGHT], [PMREMGenerator.CP_FACE_X_POS, PMREMGenerator.CP_EDGE_LEFT], [PMREMGenerator.CP_FACE_Y_POS, PMREMGenerator.CP_EDGE_BOTTOM], [PMREMGenerator.CP_FACE_Y_NEG, PMREMGenerator.CP_EDGE_TOP]], //ZNEG face [[PMREMGenerator.CP_FACE_X_POS, PMREMGenerator.CP_EDGE_RIGHT], [PMREMGenerator.CP_FACE_X_NEG, PMREMGenerator.CP_EDGE_LEFT], [PMREMGenerator.CP_FACE_Y_POS, PMREMGenerator.CP_EDGE_TOP], [PMREMGenerator.CP_FACE_Y_NEG, PMREMGenerator.CP_EDGE_BOTTOM]] ]; //The 12 edges of the cubemap, (entries are used to index into the neighbor table) // this table is used to average over the edges. PMREMGenerator._sgCubeEdgeList = [ [PMREMGenerator.CP_FACE_X_POS, PMREMGenerator.CP_EDGE_LEFT], [PMREMGenerator.CP_FACE_X_POS, PMREMGenerator.CP_EDGE_RIGHT], [PMREMGenerator.CP_FACE_X_POS, PMREMGenerator.CP_EDGE_TOP], [PMREMGenerator.CP_FACE_X_POS, PMREMGenerator.CP_EDGE_BOTTOM], [PMREMGenerator.CP_FACE_X_NEG, PMREMGenerator.CP_EDGE_LEFT], [PMREMGenerator.CP_FACE_X_NEG, PMREMGenerator.CP_EDGE_RIGHT], [PMREMGenerator.CP_FACE_X_NEG, PMREMGenerator.CP_EDGE_TOP], [PMREMGenerator.CP_FACE_X_NEG, PMREMGenerator.CP_EDGE_BOTTOM], [PMREMGenerator.CP_FACE_Z_POS, PMREMGenerator.CP_EDGE_TOP], [PMREMGenerator.CP_FACE_Z_POS, PMREMGenerator.CP_EDGE_BOTTOM], [PMREMGenerator.CP_FACE_Z_NEG, PMREMGenerator.CP_EDGE_TOP], [PMREMGenerator.CP_FACE_Z_NEG, PMREMGenerator.CP_EDGE_BOTTOM] ]; //Information about which of the 8 cube corners are correspond to the // the 4 corners in each cube face // the order is upper left, upper right, lower left, lower right PMREMGenerator._sgCubeCornerList = [ [PMREMGenerator.CP_CORNER_PPP, PMREMGenerator.CP_CORNER_PPN, PMREMGenerator.CP_CORNER_PNP, PMREMGenerator.CP_CORNER_PNN], [PMREMGenerator.CP_CORNER_NPN, PMREMGenerator.CP_CORNER_NPP, PMREMGenerator.CP_CORNER_NNN, PMREMGenerator.CP_CORNER_NNP], [PMREMGenerator.CP_CORNER_NPN, PMREMGenerator.CP_CORNER_PPN, PMREMGenerator.CP_CORNER_NPP, PMREMGenerator.CP_CORNER_PPP], [PMREMGenerator.CP_CORNER_NNP, PMREMGenerator.CP_CORNER_PNP, PMREMGenerator.CP_CORNER_NNN, PMREMGenerator.CP_CORNER_PNN], [PMREMGenerator.CP_CORNER_NPP, PMREMGenerator.CP_CORNER_PPP, PMREMGenerator.CP_CORNER_NNP, PMREMGenerator.CP_CORNER_PNP], [PMREMGenerator.CP_CORNER_PPN, PMREMGenerator.CP_CORNER_NPN, PMREMGenerator.CP_CORNER_PNN, PMREMGenerator.CP_CORNER_NNN] // ZNEG face ]; return PMREMGenerator; }()); Internals.PMREMGenerator = PMREMGenerator; })(Internals = BABYLON.Internals || (BABYLON.Internals = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Tools/HDR/babylon.tools.pmremGenerator.js.map var BABYLON; (function (BABYLON) { /** * This represents a texture coming from an HDR input. * * The only supported format is currently panorama picture stored in RGBE format. * Example of such files can be found on HDRLib: http://hdrlib.com/ */ var HDRCubeTexture = (function (_super) { __extends(HDRCubeTexture, _super); /** * Instantiates an HDRTexture from the following parameters. * * @param url The location of the HDR raw data (Panorama stored in RGBE format) * @param scene The scene the texture will be used in * @param size The cubemap desired size (the more it increases the longer the generation will be) If the size is omitted this implies you are using a preprocessed cubemap. * @param noMipmap Forces to not generate the mipmap if true * @param generateHarmonics Specifies wether you want to extract the polynomial harmonics during the generation process * @param useInGammaSpace Specifies if the texture will be use in gamma or linear space (the PBR material requires those texture in linear space, but the standard material would require them in Gamma space) * @param usePMREMGenerator Specifies wether or not to generate the CubeMap through CubeMapGen to avoid seams issue at run time. */ function HDRCubeTexture(url, scene, size, noMipmap, generateHarmonics, useInGammaSpace, usePMREMGenerator) { if (noMipmap === void 0) { noMipmap = false; } if (generateHarmonics === void 0) { generateHarmonics = true; } if (useInGammaSpace === void 0) { useInGammaSpace = false; } if (usePMREMGenerator === void 0) { usePMREMGenerator = false; } _super.call(this, scene); this._useInGammaSpace = false; this._generateHarmonics = true; this._isBABYLONPreprocessed = false; /** * The texture coordinates mode. As this texture is stored in a cube format, please modify carefully. */ this.coordinatesMode = BABYLON.Texture.CUBIC_MODE; /** * The spherical polynomial data extracted from the texture. */ this.sphericalPolynomial = null; /** * Specifies wether the texture has been generated through the PMREMGenerator tool. * This is usefull at run time to apply the good shader. */ this.isPMREM = false; if (!url) { return; } this.name = url; this.url = url; this.hasAlpha = false; this.isCube = true; this._textureMatrix = BABYLON.Matrix.Identity(); if (size) { this._isBABYLONPreprocessed = false; this._noMipmap = noMipmap; this._size = size; this._useInGammaSpace = useInGammaSpace; this._usePMREMGenerator = usePMREMGenerator && scene.getEngine().getCaps().textureLOD && this.getScene().getEngine().getCaps().textureFloat && !this._useInGammaSpace; } else { this._isBABYLONPreprocessed = true; this._noMipmap = false; this._useInGammaSpace = false; this._usePMREMGenerator = scene.getEngine().getCaps().textureLOD && this.getScene().getEngine().getCaps().textureFloat && !this._useInGammaSpace; } this.isPMREM = this._usePMREMGenerator; this._texture = this._getFromCache(url, this._noMipmap); if (!this._texture) { if (!scene.useDelayedTextureLoading) { this.loadTexture(); } else { this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_NOTLOADED; } } } /** * Occurs when the file is a preprocessed .babylon.hdr file. */ HDRCubeTexture.prototype.loadBabylonTexture = function () { var _this = this; var mipLevels = 0; var floatArrayView = null; var mipmapGenerator = (!this._useInGammaSpace && this.getScene().getEngine().getCaps().textureFloat) ? function (data) { var mips = []; var startIndex = 30; for (var level = 0; level < mipLevels; level++) { mips.push([]); // Fill each pixel of the mip level. var faceSize = Math.pow(_this._size >> level, 2) * 3; for (var faceIndex = 0; faceIndex < 6; faceIndex++) { var faceData = floatArrayView.subarray(startIndex, startIndex + faceSize); mips[level].push(faceData); startIndex += faceSize; } } return mips; } : null; var callback = function (buffer) { // Create Native Array Views var intArrayView = new Int32Array(buffer); floatArrayView = new Float32Array(buffer); // Fill header. var version = intArrayView[0]; // Version 1. (MAy be use in case of format changes for backward compaibility) _this._size = intArrayView[1]; // CubeMap max mip face size. // Update Texture Information. _this.getScene().getEngine().updateTextureSize(_this._texture, _this._size, _this._size); // Fill polynomial information. _this.sphericalPolynomial = new BABYLON.SphericalPolynomial(); _this.sphericalPolynomial.x.copyFromFloats(floatArrayView[2], floatArrayView[3], floatArrayView[4]); _this.sphericalPolynomial.y.copyFromFloats(floatArrayView[5], floatArrayView[6], floatArrayView[7]); _this.sphericalPolynomial.z.copyFromFloats(floatArrayView[8], floatArrayView[9], floatArrayView[10]); _this.sphericalPolynomial.xx.copyFromFloats(floatArrayView[11], floatArrayView[12], floatArrayView[13]); _this.sphericalPolynomial.yy.copyFromFloats(floatArrayView[14], floatArrayView[15], floatArrayView[16]); _this.sphericalPolynomial.zz.copyFromFloats(floatArrayView[17], floatArrayView[18], floatArrayView[19]); _this.sphericalPolynomial.xy.copyFromFloats(floatArrayView[20], floatArrayView[21], floatArrayView[22]); _this.sphericalPolynomial.yz.copyFromFloats(floatArrayView[23], floatArrayView[24], floatArrayView[25]); _this.sphericalPolynomial.zx.copyFromFloats(floatArrayView[26], floatArrayView[27], floatArrayView[28]); // Fill pixel data. mipLevels = intArrayView[29]; // Number of mip levels. var startIndex = 30; var data = []; var faceSize = Math.pow(_this._size, 2) * 3; for (var faceIndex = 0; faceIndex < 6; faceIndex++) { data.push(floatArrayView.subarray(startIndex, startIndex + faceSize)); startIndex += faceSize; } var results = []; var byteArray = null; // Push each faces. for (var k = 0; k < 6; k++) { var dataFace = null; // If special cases. if (!mipmapGenerator) { var j = ([0, 2, 4, 1, 3, 5])[k]; // Transforms +X+Y+Z... to +X-X+Y-Y... if no mipmapgenerator... dataFace = data[j]; if (!_this.getScene().getEngine().getCaps().textureFloat) { // 3 channels of 1 bytes per pixel in bytes. var byteBuffer = new ArrayBuffer(faceSize); byteArray = new Uint8Array(byteBuffer); } for (var i = 0; i < _this._size * _this._size; i++) { // Put in gamma space if requested. if (_this._useInGammaSpace) { dataFace[(i * 3) + 0] = Math.pow(dataFace[(i * 3) + 0], BABYLON.ToGammaSpace); dataFace[(i * 3) + 1] = Math.pow(dataFace[(i * 3) + 1], BABYLON.ToGammaSpace); dataFace[(i * 3) + 2] = Math.pow(dataFace[(i * 3) + 2], BABYLON.ToGammaSpace); } // Convert to int texture for fallback. if (byteArray) { var r = Math.max(dataFace[(i * 3) + 0] * 255, 0); var g = Math.max(dataFace[(i * 3) + 1] * 255, 0); var b = Math.max(dataFace[(i * 3) + 2] * 255, 0); // May use luminance instead if the result is not accurate. var max = Math.max(Math.max(r, g), b); if (max > 255) { var scale = 255 / max; r *= scale; g *= scale; b *= scale; } byteArray[(i * 3) + 0] = r; byteArray[(i * 3) + 1] = g; byteArray[(i * 3) + 2] = b; } } } else { dataFace = data[k]; } // Fill the array accordingly. if (byteArray) { results.push(byteArray); } else { results.push(dataFace); } } return results; }; this._texture = this.getScene().getEngine().createRawCubeTexture(this.url, this.getScene(), this._size, BABYLON.Engine.TEXTUREFORMAT_RGB, this.getScene().getEngine().getCaps().textureFloat ? BABYLON.Engine.TEXTURETYPE_FLOAT : BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT, this._noMipmap, callback, mipmapGenerator); }; /** * Occurs when the file is raw .hdr file. */ HDRCubeTexture.prototype.loadHDRTexture = function () { var _this = this; var callback = function (buffer) { // Extract the raw linear data. var data = BABYLON.Internals.HDRTools.GetCubeMapTextureData(buffer, _this._size); // Generate harmonics if needed. if (_this._generateHarmonics) { _this.sphericalPolynomial = BABYLON.Internals.CubeMapToSphericalPolynomialTools.ConvertCubeMapToSphericalPolynomial(data); } var results = []; var byteArray = null; // Push each faces. for (var j = 0; j < 6; j++) { // Create uintarray fallback. if (!_this.getScene().getEngine().getCaps().textureFloat) { // 3 channels of 1 bytes per pixel in bytes. var byteBuffer = new ArrayBuffer(_this._size * _this._size * 3); byteArray = new Uint8Array(byteBuffer); } var dataFace = data[HDRCubeTexture._facesMapping[j]]; // If special cases. if (_this._useInGammaSpace || byteArray) { for (var i = 0; i < _this._size * _this._size; i++) { // Put in gamma space if requested. if (_this._useInGammaSpace) { dataFace[(i * 3) + 0] = Math.pow(dataFace[(i * 3) + 0], BABYLON.ToGammaSpace); dataFace[(i * 3) + 1] = Math.pow(dataFace[(i * 3) + 1], BABYLON.ToGammaSpace); dataFace[(i * 3) + 2] = Math.pow(dataFace[(i * 3) + 2], BABYLON.ToGammaSpace); } // Convert to int texture for fallback. if (byteArray) { var r = Math.max(dataFace[(i * 3) + 0] * 255, 0); var g = Math.max(dataFace[(i * 3) + 1] * 255, 0); var b = Math.max(dataFace[(i * 3) + 2] * 255, 0); // May use luminance instead if the result is not accurate. var max = Math.max(Math.max(r, g), b); if (max > 255) { var scale = 255 / max; r *= scale; g *= scale; b *= scale; } byteArray[(i * 3) + 0] = r; byteArray[(i * 3) + 1] = g; byteArray[(i * 3) + 2] = b; } } } if (byteArray) { results.push(byteArray); } else { results.push(dataFace); } } return results; }; var mipmapGenerator = null; if (!this._noMipmap && this._usePMREMGenerator) { mipmapGenerator = function (data) { // Custom setup of the generator matching with the PBR shader values. var generator = new BABYLON.Internals.PMREMGenerator(data, _this._size, _this._size, 0, 3, _this.getScene().getEngine().getCaps().textureFloat, 2048, 0.25, false, true); return generator.filterCubeMap(); }; } this._texture = this.getScene().getEngine().createRawCubeTexture(this.url, this.getScene(), this._size, BABYLON.Engine.TEXTUREFORMAT_RGB, this.getScene().getEngine().getCaps().textureFloat ? BABYLON.Engine.TEXTURETYPE_FLOAT : BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT, this._noMipmap, callback, mipmapGenerator); }; /** * Starts the loading process of the texture. */ HDRCubeTexture.prototype.loadTexture = function () { if (this._isBABYLONPreprocessed) { this.loadBabylonTexture(); } else { this.loadHDRTexture(); } }; HDRCubeTexture.prototype.clone = function () { var size = this._isBABYLONPreprocessed ? null : this._size; var newTexture = new HDRCubeTexture(this.url, this.getScene(), size, this._noMipmap, this._generateHarmonics, this._useInGammaSpace, this._usePMREMGenerator); // Base texture newTexture.level = this.level; newTexture.wrapU = this.wrapU; newTexture.wrapV = this.wrapV; newTexture.coordinatesIndex = this.coordinatesIndex; newTexture.coordinatesMode = this.coordinatesMode; return newTexture; }; // Methods HDRCubeTexture.prototype.delayLoad = function () { if (this.delayLoadState !== BABYLON.Engine.DELAYLOADSTATE_NOTLOADED) { return; } this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_LOADED; this._texture = this._getFromCache(this.url, this._noMipmap); if (!this._texture) { this.loadTexture(); } }; HDRCubeTexture.prototype.getReflectionTextureMatrix = function () { return this._textureMatrix; }; HDRCubeTexture.Parse = function (parsedTexture, scene, rootUrl) { var texture = null; if (parsedTexture.name && !parsedTexture.isRenderTarget) { var size = parsedTexture.isBABYLONPreprocessed ? null : parsedTexture.size; texture = new BABYLON.HDRCubeTexture(rootUrl + parsedTexture.name, scene, size, parsedTexture.generateHarmonics, parsedTexture.useInGammaSpace, parsedTexture.usePMREMGenerator); texture.name = parsedTexture.name; texture.hasAlpha = parsedTexture.hasAlpha; texture.level = parsedTexture.level; texture.coordinatesMode = parsedTexture.coordinatesMode; } return texture; }; HDRCubeTexture.prototype.serialize = function () { if (!this.name) { return null; } var serializationObject = {}; serializationObject.name = this.name; serializationObject.hasAlpha = this.hasAlpha; serializationObject.isCube = true; serializationObject.level = this.level; serializationObject.size = this._size; serializationObject.coordinatesMode = this.coordinatesMode; serializationObject.useInGammaSpace = this._useInGammaSpace; serializationObject.generateHarmonics = this._generateHarmonics; serializationObject.usePMREMGenerator = this._usePMREMGenerator; serializationObject.isBABYLONPreprocessed = this._isBABYLONPreprocessed; serializationObject.customType = "BABYLON.HDRCubeTexture"; return serializationObject; }; /** * Saves as a file the data contained in the texture in a binary format. * This can be used to prevent the long loading tie associated with creating the seamless texture as well * as the spherical used in the lighting. * @param url The HDR file url. * @param size The size of the texture data to generate (one of the cubemap face desired width). * @param onError Method called if any error happens during download. * @return The packed binary data. */ HDRCubeTexture.generateBabylonHDROnDisk = function (url, size, onError) { if (onError === void 0) { onError = null; } var callback = function (buffer) { var data = new Blob([buffer], { type: 'application/octet-stream' }); // Returns a URL you can use as a href. var objUrl = window.URL.createObjectURL(data); // Simulates a link to it and click to dowload. var a = document.createElement("a"); document.body.appendChild(a); a.style.display = "none"; a.href = objUrl; a.download = "envmap.babylon.hdr"; a.click(); }; HDRCubeTexture.generateBabylonHDR(url, size, callback, onError); }; /** * Serializes the data contained in the texture in a binary format. * This can be used to prevent the long loading tie associated with creating the seamless texture as well * as the spherical used in the lighting. * @param url The HDR file url. * @param size The size of the texture data to generate (one of the cubemap face desired width). * @param onError Method called if any error happens during download. * @return The packed binary data. */ HDRCubeTexture.generateBabylonHDR = function (url, size, callback, onError) { if (onError === void 0) { onError = null; } // Needs the url tho create the texture. if (!url) { return null; } // Check Power of two size. if (!BABYLON.Tools.IsExponentOfTwo(size)) { return null; } var getDataCallback = function (dataBuffer) { // Extract the raw linear data. var cubeData = BABYLON.Internals.HDRTools.GetCubeMapTextureData(dataBuffer, size); // Generate harmonics if needed. var sphericalPolynomial = BABYLON.Internals.CubeMapToSphericalPolynomialTools.ConvertCubeMapToSphericalPolynomial(cubeData); // Generate seamless faces var mipGeneratorArray = []; // Data are known to be in +X +Y +Z -X -Y -Z // mipmmapGenerator data is expected to be order in +X -X +Y -Y +Z -Z mipGeneratorArray.push(cubeData.right); // +X mipGeneratorArray.push(cubeData.left); // -X mipGeneratorArray.push(cubeData.up); // +Y mipGeneratorArray.push(cubeData.down); // -Y mipGeneratorArray.push(cubeData.front); // +Z mipGeneratorArray.push(cubeData.back); // -Z // Custom setup of the generator matching with the PBR shader values. var generator = new BABYLON.Internals.PMREMGenerator(mipGeneratorArray, size, size, 0, 3, true, 2048, 0.25, false, true); var mippedData = generator.filterCubeMap(); // Compute required byte length. var byteLength = 1 * 4; // Raw Data Version int32. byteLength += 4; // CubeMap max mip face size int32. byteLength += (9 * 3 * 4); // Spherical polynomial byte length 9 Vector 3 of floats. // Add data size. byteLength += 4; // Number of mip levels int32. for (var level = 0; level < mippedData.length; level++) { var mipSize = size >> level; byteLength += (6 * mipSize * mipSize * 3 * 4); // 6 faces of size squared rgb float pixels. } // Prepare binary structure. var buffer = new ArrayBuffer(byteLength); var intArrayView = new Int32Array(buffer); var floatArrayView = new Float32Array(buffer); // Fill header. intArrayView[0] = 1; // Version 1. intArrayView[1] = size; // CubeMap max mip face size. // Fill polynomial information. sphericalPolynomial.x.toArray(floatArrayView, 2); sphericalPolynomial.y.toArray(floatArrayView, 5); sphericalPolynomial.z.toArray(floatArrayView, 8); sphericalPolynomial.xx.toArray(floatArrayView, 11); sphericalPolynomial.yy.toArray(floatArrayView, 14); sphericalPolynomial.zz.toArray(floatArrayView, 17); sphericalPolynomial.xy.toArray(floatArrayView, 20); sphericalPolynomial.yz.toArray(floatArrayView, 23); sphericalPolynomial.zx.toArray(floatArrayView, 26); // Fill pixel data. intArrayView[29] = mippedData.length; // Number of mip levels. var startIndex = 30; for (var level = 0; level < mippedData.length; level++) { // Fill each pixel of the mip level. var faceSize = Math.pow(size >> level, 2) * 3; for (var faceIndex = 0; faceIndex < 6; faceIndex++) { floatArrayView.set(mippedData[level][faceIndex], startIndex); startIndex += faceSize; } } // Callback. callback(buffer); }; // Download and process. BABYLON.Tools.LoadFile(url, function (data) { getDataCallback(data); }, null, null, true, onError); }; HDRCubeTexture._facesMapping = [ "right", "up", "front", "left", "down", "back" ]; return HDRCubeTexture; }(BABYLON.BaseTexture)); BABYLON.HDRCubeTexture = HDRCubeTexture; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Materials/Textures/babylon.hdrCubeTexture.js.map var BABYLON; (function (BABYLON) { var Debug; (function (Debug) { /** * Demo available here: http://www.babylonjs-playground.com/#1BZJVJ#8 */ var SkeletonViewer = (function () { function SkeletonViewer(skeleton, mesh, scene, autoUpdateBonesMatrices, renderingGroupId) { if (autoUpdateBonesMatrices === void 0) { autoUpdateBonesMatrices = true; } if (renderingGroupId === void 0) { renderingGroupId = 1; } this.skeleton = skeleton; this.mesh = mesh; this.autoUpdateBonesMatrices = autoUpdateBonesMatrices; this.renderingGroupId = renderingGroupId; this.color = BABYLON.Color3.White(); this._debugLines = []; this._isEnabled = false; this._scene = scene; this.update(); this._renderFunction = this.update.bind(this); } Object.defineProperty(SkeletonViewer.prototype, "isEnabled", { get: function () { return this._isEnabled; }, set: function (value) { if (this._isEnabled === value) { return; } this._isEnabled = value; if (value) { this._scene.registerBeforeRender(this._renderFunction); } else { this._scene.unregisterBeforeRender(this._renderFunction); } }, enumerable: true, configurable: true }); SkeletonViewer.prototype._getBonePosition = function (position, bone, meshMat, x, y, z) { if (x === void 0) { x = 0; } if (y === void 0) { y = 0; } if (z === void 0) { z = 0; } var tmat = BABYLON.Tmp.Matrix[0]; var parentBone = bone.getParent(); tmat.copyFrom(bone.getLocalMatrix()); if (x !== 0 || y !== 0 || z !== 0) { var tmat2 = BABYLON.Tmp.Matrix[1]; BABYLON.Matrix.IdentityToRef(tmat2); tmat2.m[12] = x; tmat2.m[13] = y; tmat2.m[14] = z; tmat2.multiplyToRef(tmat, tmat); } if (parentBone) { tmat.multiplyToRef(parentBone.getAbsoluteTransform(), tmat); } tmat.multiplyToRef(meshMat, tmat); position.x = tmat.m[12]; position.y = tmat.m[13]; position.z = tmat.m[14]; }; SkeletonViewer.prototype._getLinesForBonesWithLength = function (bones, meshMat) { var len = bones.length; for (var i = 0; i < len; i++) { var bone = bones[i]; var points = this._debugLines[i]; if (!points) { points = [BABYLON.Vector3.Zero(), BABYLON.Vector3.Zero()]; this._debugLines[i] = points; } this._getBonePosition(points[0], bone, meshMat); this._getBonePosition(points[1], bone, meshMat, 0, bone.length, 0); } }; SkeletonViewer.prototype._getLinesForBonesNoLength = function (bones, meshMat) { var len = bones.length; var boneNum = 0; for (var i = len - 1; i >= 0; i--) { var childBone = bones[i]; var parentBone = childBone.getParent(); if (!parentBone) { continue; } var points = this._debugLines[boneNum]; if (!points) { points = [BABYLON.Vector3.Zero(), BABYLON.Vector3.Zero()]; this._debugLines[boneNum] = points; } childBone.getAbsolutePositionToRef(this.mesh, points[0]); parentBone.getAbsolutePositionToRef(this.mesh, points[1]); boneNum++; } }; SkeletonViewer.prototype.update = function () { if (this.autoUpdateBonesMatrices) { this.skeleton.computeAbsoluteTransforms(); } if (this.skeleton.bones[0].length === undefined) { this._getLinesForBonesNoLength(this.skeleton.bones, this.mesh.getWorldMatrix()); } else { this._getLinesForBonesWithLength(this.skeleton.bones, this.mesh.getWorldMatrix()); } if (!this._debugMesh) { this._debugMesh = BABYLON.MeshBuilder.CreateLineSystem(null, { lines: this._debugLines, updatable: true }, this._scene); this._debugMesh.renderingGroupId = this.renderingGroupId; } else { BABYLON.MeshBuilder.CreateLineSystem(null, { lines: this._debugLines, updatable: true, instance: this._debugMesh }, this._scene); } this._debugMesh.color = this.color; }; SkeletonViewer.prototype.dispose = function () { if (this._debugMesh) { this.isEnabled = false; this._debugMesh.dispose(); this._debugMesh = null; } }; return SkeletonViewer; }()); Debug.SkeletonViewer = SkeletonViewer; })(Debug = BABYLON.Debug || (BABYLON.Debug = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Debug/babylon.skeletonViewer.js.map var BABYLON; (function (BABYLON) { var Debug; (function (Debug) { var AxesViewer = (function () { function AxesViewer(scene, scaleLines) { if (scaleLines === void 0) { scaleLines = 1; } this._xline = [BABYLON.Vector3.Zero(), BABYLON.Vector3.Zero()]; this._yline = [BABYLON.Vector3.Zero(), BABYLON.Vector3.Zero()]; this._zline = [BABYLON.Vector3.Zero(), BABYLON.Vector3.Zero()]; this.scaleLines = 1; this.scaleLines = scaleLines; this._xmesh = BABYLON.Mesh.CreateLines("xline", this._xline, scene, true); this._ymesh = BABYLON.Mesh.CreateLines("yline", this._yline, scene, true); this._zmesh = BABYLON.Mesh.CreateLines("zline", this._zline, scene, true); this._xmesh.renderingGroupId = 2; this._ymesh.renderingGroupId = 2; this._zmesh.renderingGroupId = 2; this._xmesh.material.checkReadyOnlyOnce = true; this._xmesh.color = new BABYLON.Color3(1, 0, 0); this._ymesh.material.checkReadyOnlyOnce = true; this._ymesh.color = new BABYLON.Color3(0, 1, 0); this._zmesh.material.checkReadyOnlyOnce = true; this._zmesh.color = new BABYLON.Color3(0, 0, 1); this.scene = scene; } AxesViewer.prototype.update = function (position, xaxis, yaxis, zaxis) { var scaleLines = this.scaleLines; var point1 = this._xline[0]; var point2 = this._xline[1]; point1.x = position.x; point1.y = position.y; point1.z = position.z; point2.x = point1.x + xaxis.x * scaleLines; point2.y = point1.y + xaxis.y * scaleLines; point2.z = point1.z + xaxis.z * scaleLines; BABYLON.Mesh.CreateLines(null, this._xline, null, null, this._xmesh); point1 = this._yline[0]; point2 = this._yline[1]; point1.x = position.x; point1.y = position.y; point1.z = position.z; point2.x = point1.x + yaxis.x * scaleLines; point2.y = point1.y + yaxis.y * scaleLines; point2.z = point1.z + yaxis.z * scaleLines; BABYLON.Mesh.CreateLines(null, this._yline, null, null, this._ymesh); point1 = this._zline[0]; point2 = this._zline[1]; point1.x = position.x; point1.y = position.y; point1.z = position.z; point2.x = point1.x + zaxis.x * scaleLines; point2.y = point1.y + zaxis.y * scaleLines; point2.z = point1.z + zaxis.z * scaleLines; BABYLON.Mesh.CreateLines(null, this._zline, null, null, this._zmesh); }; AxesViewer.prototype.dispose = function () { if (this._xmesh) { this._xmesh.dispose(); this._ymesh.dispose(); this._zmesh.dispose(); this._xmesh = null; this._ymesh = null; this._zmesh = null; this._xline = null; this._yline = null; this._zline = null; this.scene = null; } }; return AxesViewer; }()); Debug.AxesViewer = AxesViewer; })(Debug = BABYLON.Debug || (BABYLON.Debug = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Debug/babylon.axesViewer.js.map var BABYLON; (function (BABYLON) { var Debug; (function (Debug) { var BoneAxesViewer = (function (_super) { __extends(BoneAxesViewer, _super); function BoneAxesViewer(scene, bone, mesh, scaleLines) { if (scaleLines === void 0) { scaleLines = 1; } _super.call(this, scene, scaleLines); this.pos = BABYLON.Vector3.Zero(); this.xaxis = BABYLON.Vector3.Zero(); this.yaxis = BABYLON.Vector3.Zero(); this.zaxis = BABYLON.Vector3.Zero(); this.mesh = mesh; this.bone = bone; } BoneAxesViewer.prototype.update = function () { var bone = this.bone; bone.getAbsolutePositionToRef(this.mesh, this.pos); bone.getDirectionToRef(BABYLON.Axis.X, this.mesh, this.xaxis); bone.getDirectionToRef(BABYLON.Axis.Y, this.mesh, this.yaxis); bone.getDirectionToRef(BABYLON.Axis.Z, this.mesh, this.zaxis); _super.prototype.update.call(this, this.pos, this.xaxis, this.yaxis, this.zaxis); }; BoneAxesViewer.prototype.dispose = function () { if (this.pos) { this.pos = null; this.xaxis = null; this.yaxis = null; this.zaxis = null; this.mesh = null; this.bone = null; _super.prototype.dispose.call(this); } }; return BoneAxesViewer; }(Debug.AxesViewer)); Debug.BoneAxesViewer = BoneAxesViewer; })(Debug = BABYLON.Debug || (BABYLON.Debug = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Debug/babylon.boneAxesViewer.js.map var BABYLON; (function (BABYLON) { /** * This represents a color grading texture. This acts as a lookup table LUT, useful during post process * It can help converting any input color in a desired output one. This can then be used to create effects * from sepia, black and white to sixties or futuristic rendering... * * The only supported format is currently 3dl. * More information on LUT: https://en.wikipedia.org/wiki/3D_lookup_table/ */ var ColorGradingTexture = (function (_super) { __extends(ColorGradingTexture, _super); /** * Instantiates a ColorGradingTexture from the following parameters. * * @param url The location of the color gradind data (currently only supporting 3dl) * @param scene The scene the texture will be used in */ function ColorGradingTexture(url, scene) { _super.call(this, scene); if (!url) { return; } this._textureMatrix = BABYLON.Matrix.Identity(); this.name = url; this.url = url; this.hasAlpha = false; this.isCube = false; this.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE; this.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE; this.anisotropicFilteringLevel = 1; this._texture = this._getFromCache(url, true); if (!this._texture) { if (!scene.useDelayedTextureLoading) { this.loadTexture(); } else { this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_NOTLOADED; } } } /** * Returns the texture matrix used in most of the material. * This is not used in color grading but keep for troubleshooting purpose (easily swap diffuse by colorgrading to look in). */ ColorGradingTexture.prototype.getTextureMatrix = function () { return this._textureMatrix; }; /** * Occurs when the file being loaded is a .3dl LUT file. */ ColorGradingTexture.prototype.load3dlTexture = function () { var _this = this; var mipLevels = 0; var floatArrayView = null; var texture = this.getScene().getEngine().createRawTexture(null, 1, 1, BABYLON.Engine.TEXTUREFORMAT_RGBA, false, false, BABYLON.Texture.BILINEAR_SAMPLINGMODE); this._texture = texture; var callback = function (text) { var data; var tempData; var line; var lines = text.split('\n'); var size = 0, pixelIndexW = 0, pixelIndexH = 0, pixelIndexSlice = 0; var maxColor = 0; for (var i = 0; i < lines.length; i++) { line = lines[i]; if (!ColorGradingTexture._noneEmptyLineRegex.test(line)) continue; if (line.indexOf('#') === 0) continue; var words = line.split(" "); if (size === 0) { // Number of space + one size = words.length; data = new Uint8Array(size * size * size * 4); // volume texture of side size and rgb 8 tempData = new Float32Array(size * size * size * 4); continue; } if (size != 0) { var r = Math.max(parseInt(words[0]), 0); var g = Math.max(parseInt(words[1]), 0); var b = Math.max(parseInt(words[2]), 0); maxColor = Math.max(r, maxColor); maxColor = Math.max(g, maxColor); maxColor = Math.max(b, maxColor); var pixelStorageIndex = (pixelIndexW + pixelIndexSlice * size + pixelIndexH * size * size) * 4; tempData[pixelStorageIndex + 0] = r; tempData[pixelStorageIndex + 1] = g; tempData[pixelStorageIndex + 2] = b; tempData[pixelStorageIndex + 3] = 0; pixelIndexSlice++; if (pixelIndexSlice % size == 0) { pixelIndexH++; pixelIndexSlice = 0; if (pixelIndexH % size == 0) { pixelIndexW++; pixelIndexH = 0; } } } } for (var i = 0; i < tempData.length; i++) { var value = tempData[i]; data[i] = (value / maxColor * 255); } _this.getScene().getEngine().updateTextureSize(texture, size * size, size); _this.getScene().getEngine().updateRawTexture(texture, data, BABYLON.Engine.TEXTUREFORMAT_RGBA, false); }; BABYLON.Tools.LoadFile(this.url, callback); return this._texture; }; /** * Starts the loading process of the texture. */ ColorGradingTexture.prototype.loadTexture = function () { if (this.url && this.url.toLocaleLowerCase().indexOf(".3dl") == (this.url.length - 4)) { this.load3dlTexture(); } }; /** * Clones the color gradind texture. */ ColorGradingTexture.prototype.clone = function () { var newTexture = new ColorGradingTexture(this.url, this.getScene()); // Base texture newTexture.level = this.level; return newTexture; }; /** * Called during delayed load for textures. */ ColorGradingTexture.prototype.delayLoad = function () { if (this.delayLoadState !== BABYLON.Engine.DELAYLOADSTATE_NOTLOADED) { return; } this.delayLoadState = BABYLON.Engine.DELAYLOADSTATE_LOADED; this._texture = this._getFromCache(this.url, true); if (!this._texture) { this.loadTexture(); } }; /** * Binds the color grading to the shader. * @param colorGrading The texture to bind * @param effect The effect to bind to */ ColorGradingTexture.Bind = function (colorGrading, effect) { effect.setTexture("cameraColorGrading2DSampler", colorGrading); var x = colorGrading.level; // Texture Level var y = colorGrading.getSize().height; // Texture Size example with 8 var z = y - 1.0; // SizeMinusOne 8 - 1 var w = 1 / y; // Space of 1 slice 1 / 8 effect.setFloat4("vCameraColorGradingInfos", x, y, z, w); var slicePixelSizeU = w / y; // Space of 1 pixel in U direction, e.g. 1/64 var slicePixelSizeV = w; // Space of 1 pixel in V direction, e.g. 1/8 // Space of 1 pixel in V direction, e.g. 1/8 var x2 = z * slicePixelSizeU; // Extent of lookup range in U for a single slice so that range corresponds to (size-1) texels, for example 7/64 var y2 = z / y; // Extent of lookup range in V for a single slice so that range corresponds to (size-1) texels, for example 7/8 var z2 = 0.5 * slicePixelSizeU; // Offset of lookup range in U to align sample position with texel centre, for example 0.5/64 var w2 = 0.5 * slicePixelSizeV; // Offset of lookup range in V to align sample position with texel centre, for example 0.5/8 effect.setFloat4("vCameraColorGradingScaleOffset", x2, y2, z2, w2); }; /** * Prepare the list of uniforms associated with the ColorGrading effects. * @param uniformsList The list of uniforms used in the effect * @param samplersList The list of samplers used in the effect */ ColorGradingTexture.PrepareUniformsAndSamplers = function (uniformsList, samplersList) { uniformsList.push("vCameraColorGradingInfos", "vCameraColorGradingScaleOffset"); samplersList.push("cameraColorGrading2DSampler"); }; /** * Parses a color grading texture serialized by Babylon. * @param parsedTexture The texture information being parsedTexture * @param scene The scene to load the texture in * @param rootUrl The root url of the data assets to load * @return A color gradind texture */ ColorGradingTexture.Parse = function (parsedTexture, scene, rootUrl) { var texture = null; if (parsedTexture.name && !parsedTexture.isRenderTarget) { texture = new BABYLON.ColorGradingTexture(parsedTexture.name, scene); texture.name = parsedTexture.name; texture.level = parsedTexture.level; } return texture; }; /** * Serializes the LUT texture to json format. */ ColorGradingTexture.prototype.serialize = function () { if (!this.name) { return null; } var serializationObject = {}; serializationObject.name = this.name; serializationObject.level = this.level; serializationObject.customType = "BABYLON.ColorGradingTexture"; return serializationObject; }; /** * Empty line regex stored for GC. */ ColorGradingTexture._noneEmptyLineRegex = /\S+/; return ColorGradingTexture; }(BABYLON.BaseTexture)); BABYLON.ColorGradingTexture = ColorGradingTexture; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../../Materials/Textures/babylon.colorGradingTexture.js.map var BABYLON; (function (BABYLON) { /** * The color grading curves provide additional color adjustmnent that is applied after any color grading transform (3D LUT). * They allow basic adjustment of saturation and small exposure adjustments, along with color filter tinting to provide white balance adjustment or more stylistic effects. * These are similar to controls found in many professional imaging or colorist software. The global controls are applied to the entire image. For advanced tuning, extra controls are provided to adjust the shadow, midtone and highlight areas of the image; * corresponding to low luminance, medium luminance, and high luminance areas respectively. */ var ColorCurves = (function () { function ColorCurves() { this._dirty = true; this._tempColor = new BABYLON.Color4(0, 0, 0, 0); this._globalCurve = new BABYLON.Color4(0, 0, 0, 0); this._highlightsCurve = new BABYLON.Color4(0, 0, 0, 0); this._midtonesCurve = new BABYLON.Color4(0, 0, 0, 0); this._shadowsCurve = new BABYLON.Color4(0, 0, 0, 0); this._positiveCurve = new BABYLON.Color4(0, 0, 0, 0); this._negativeCurve = new BABYLON.Color4(0, 0, 0, 0); this._globalHue = 30; this._globalDensity = 0; this._globalSaturation = 0; this._globalExposure = 0; this._highlightsHue = 30; this._highlightsDensity = 0; this._highlightsSaturation = 0; this._highlightsExposure = 0; this._midtonesHue = 30; this._midtonesDensity = 0; this._midtonesSaturation = 0; this._midtonesExposure = 0; this._shadowsHue = 30; this._shadowsDensity = 0; this._shadowsSaturation = 0; this._shadowsExposure = 0; } Object.defineProperty(ColorCurves.prototype, "GlobalHue", { /** * Gets the global Hue value. * The hue value is a standard HSB hue in the range [0,360] where 0=red, 120=green and 240=blue. The default value is 30 degrees (orange). */ get: function () { return this._globalHue; }, /** * Sets the global Hue value. * The hue value is a standard HSB hue in the range [0,360] where 0=red, 120=green and 240=blue. The default value is 30 degrees (orange). */ set: function (value) { this._globalHue = value; this._dirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(ColorCurves.prototype, "GlobalDensity", { /** * Gets the global Density value. * The density value is in range [-100,+100] where 0 means the color filter has no effect and +100 means the color filter has maximum effect. * Values less than zero provide a filter of opposite hue. */ get: function () { return this._globalDensity; }, /** * Sets the global Density value. * The density value is in range [-100,+100] where 0 means the color filter has no effect and +100 means the color filter has maximum effect. * Values less than zero provide a filter of opposite hue. */ set: function (value) { this._globalDensity = value; this._dirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(ColorCurves.prototype, "GlobalSaturation", { /** * Gets the global Saturation value. * This is an adjustment value in the range [-100,+100], where the default value of 0.0 makes no adjustment, positive values increase saturation and negative values decrease saturation. */ get: function () { return this._globalSaturation; }, /** * Sets the global Saturation value. * This is an adjustment value in the range [-100,+100], where the default value of 0.0 makes no adjustment, positive values increase saturation and negative values decrease saturation. */ set: function (value) { this._globalSaturation = value; this._dirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(ColorCurves.prototype, "HighlightsHue", { /** * Gets the highlights Hue value. * The hue value is a standard HSB hue in the range [0,360] where 0=red, 120=green and 240=blue. The default value is 30 degrees (orange). */ get: function () { return this._highlightsHue; }, /** * Sets the highlights Hue value. * The hue value is a standard HSB hue in the range [0,360] where 0=red, 120=green and 240=blue. The default value is 30 degrees (orange). */ set: function (value) { this._highlightsHue = value; this._dirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(ColorCurves.prototype, "HighlightsDensity", { /** * Gets the highlights Density value. * The density value is in range [-100,+100] where 0 means the color filter has no effect and +100 means the color filter has maximum effect. * Values less than zero provide a filter of opposite hue. */ get: function () { return this._highlightsDensity; }, /** * Sets the highlights Density value. * The density value is in range [-100,+100] where 0 means the color filter has no effect and +100 means the color filter has maximum effect. * Values less than zero provide a filter of opposite hue. */ set: function (value) { this._highlightsDensity = value; this._dirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(ColorCurves.prototype, "HighlightsSaturation", { /** * Gets the highlights Saturation value. * This is an adjustment value in the range [-100,+100], where the default value of 0.0 makes no adjustment, positive values increase saturation and negative values decrease saturation. */ get: function () { return this._highlightsSaturation; }, /** * Sets the highlights Saturation value. * This is an adjustment value in the range [-100,+100], where the default value of 0.0 makes no adjustment, positive values increase saturation and negative values decrease saturation. */ set: function (value) { this._highlightsSaturation = value; this._dirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(ColorCurves.prototype, "HighlightsExposure", { /** * Gets the highlights Exposure value. * This is an adjustment value in the range [-100,+100], where the default value of 0.0 makes no adjustment, positive values increase exposure and negative values decrease exposure. */ get: function () { return this._highlightsExposure; }, /** * Sets the highlights Exposure value. * This is an adjustment value in the range [-100,+100], where the default value of 0.0 makes no adjustment, positive values increase exposure and negative values decrease exposure. */ set: function (value) { this._highlightsExposure = value; this._dirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(ColorCurves.prototype, "MidtonesHue", { /** * Gets the midtones Hue value. * The hue value is a standard HSB hue in the range [0,360] where 0=red, 120=green and 240=blue. The default value is 30 degrees (orange). */ get: function () { return this._midtonesHue; }, /** * Sets the midtones Hue value. * The hue value is a standard HSB hue in the range [0,360] where 0=red, 120=green and 240=blue. The default value is 30 degrees (orange). */ set: function (value) { this._midtonesHue = value; this._dirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(ColorCurves.prototype, "MidtonesDensity", { /** * Gets the midtones Density value. * The density value is in range [-100,+100] where 0 means the color filter has no effect and +100 means the color filter has maximum effect. * Values less than zero provide a filter of opposite hue. */ get: function () { return this._midtonesDensity; }, /** * Sets the midtones Density value. * The density value is in range [-100,+100] where 0 means the color filter has no effect and +100 means the color filter has maximum effect. * Values less than zero provide a filter of opposite hue. */ set: function (value) { this._midtonesDensity = value; this._dirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(ColorCurves.prototype, "MidtonesSaturation", { /** * Gets the midtones Saturation value. * This is an adjustment value in the range [-100,+100], where the default value of 0.0 makes no adjustment, positive values increase saturation and negative values decrease saturation. */ get: function () { return this._midtonesSaturation; }, /** * Sets the midtones Saturation value. * This is an adjustment value in the range [-100,+100], where the default value of 0.0 makes no adjustment, positive values increase saturation and negative values decrease saturation. */ set: function (value) { this._midtonesSaturation = value; this._dirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(ColorCurves.prototype, "MidtonesExposure", { /** * Gets the midtones Exposure value. * This is an adjustment value in the range [-100,+100], where the default value of 0.0 makes no adjustment, positive values increase exposure and negative values decrease exposure. */ get: function () { return this._midtonesExposure; }, /** * Sets the midtones Exposure value. * This is an adjustment value in the range [-100,+100], where the default value of 0.0 makes no adjustment, positive values increase exposure and negative values decrease exposure. */ set: function (value) { this._midtonesExposure = value; this._dirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(ColorCurves.prototype, "ShadowsHue", { /** * Gets the shadows Hue value. * The hue value is a standard HSB hue in the range [0,360] where 0=red, 120=green and 240=blue. The default value is 30 degrees (orange). */ get: function () { return this._shadowsHue; }, /** * Sets the shadows Hue value. * The hue value is a standard HSB hue in the range [0,360] where 0=red, 120=green and 240=blue. The default value is 30 degrees (orange). */ set: function (value) { this._shadowsHue = value; this._dirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(ColorCurves.prototype, "ShadowsDensity", { /** * Gets the shadows Density value. * The density value is in range [-100,+100] where 0 means the color filter has no effect and +100 means the color filter has maximum effect. * Values less than zero provide a filter of opposite hue. */ get: function () { return this._shadowsDensity; }, /** * Sets the shadows Density value. * The density value is in range [-100,+100] where 0 means the color filter has no effect and +100 means the color filter has maximum effect. * Values less than zero provide a filter of opposite hue. */ set: function (value) { this._shadowsDensity = value; this._dirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(ColorCurves.prototype, "ShadowsSaturation", { /** * Gets the shadows Saturation value. * This is an adjustment value in the range [-100,+100], where the default value of 0.0 makes no adjustment, positive values increase saturation and negative values decrease saturation. */ get: function () { return this._shadowsSaturation; }, /** * Sets the shadows Saturation value. * This is an adjustment value in the range [-100,+100], where the default value of 0.0 makes no adjustment, positive values increase saturation and negative values decrease saturation. */ set: function (value) { this._shadowsSaturation = value; this._dirty = true; }, enumerable: true, configurable: true }); Object.defineProperty(ColorCurves.prototype, "ShadowsExposure", { /** * Gets the shadows Exposure value. * This is an adjustment value in the range [-100,+100], where the default value of 0.0 makes no adjustment, positive values increase exposure and negative values decrease exposure. */ get: function () { return this._shadowsExposure; }, /** * Sets the shadows Exposure value. * This is an adjustment value in the range [-100,+100], where the default value of 0.0 makes no adjustment, positive values increase exposure and negative values decrease exposure. */ set: function (value) { this._shadowsExposure = value; this._dirty = true; }, enumerable: true, configurable: true }); /** * Binds the color curves to the shader. * @param colorCurves The color curve to bind * @param effect The effect to bind to */ ColorCurves.Bind = function (colorCurves, effect) { if (colorCurves._dirty) { colorCurves._dirty = false; // Fill in global info. colorCurves.getColorGradingDataToRef(colorCurves._globalHue, colorCurves._globalDensity, colorCurves._globalSaturation, colorCurves._globalExposure, colorCurves._globalCurve); // Compute highlights info. colorCurves.getColorGradingDataToRef(colorCurves._highlightsHue, colorCurves._highlightsDensity, colorCurves._highlightsSaturation, colorCurves._highlightsExposure, colorCurves._tempColor); colorCurves._tempColor.multiplyToRef(colorCurves._globalCurve, colorCurves._highlightsCurve); // Compute midtones info. colorCurves.getColorGradingDataToRef(colorCurves._midtonesHue, colorCurves._midtonesDensity, colorCurves._midtonesSaturation, colorCurves._midtonesExposure, colorCurves._tempColor); colorCurves._tempColor.multiplyToRef(colorCurves._globalCurve, colorCurves._midtonesCurve); // Compute shadows info. colorCurves.getColorGradingDataToRef(colorCurves._shadowsHue, colorCurves._shadowsDensity, colorCurves._shadowsSaturation, colorCurves._shadowsExposure, colorCurves._tempColor); colorCurves._tempColor.multiplyToRef(colorCurves._globalCurve, colorCurves._shadowsCurve); // Compute deltas (neutral is midtones). colorCurves._highlightsCurve.subtractToRef(colorCurves._midtonesCurve, colorCurves._positiveCurve); colorCurves._midtonesCurve.subtractToRef(colorCurves._shadowsCurve, colorCurves._negativeCurve); } effect.setFloat4("vCameraColorCurvePositive", colorCurves._positiveCurve.r, colorCurves._positiveCurve.g, colorCurves._positiveCurve.b, colorCurves._positiveCurve.a); effect.setFloat4("vCameraColorCurveNeutral", colorCurves._midtonesCurve.r, colorCurves._midtonesCurve.g, colorCurves._midtonesCurve.b, colorCurves._midtonesCurve.a); effect.setFloat4("vCameraColorCurveNegative", colorCurves._negativeCurve.r, colorCurves._negativeCurve.g, colorCurves._negativeCurve.b, colorCurves._negativeCurve.a); }; /** * Prepare the list of uniforms associated with the ColorCurves effects. * @param uniformsList The list of uniforms used in the effect */ ColorCurves.PrepareUniforms = function (uniformsList) { uniformsList.push("vCameraColorCurveNeutral", "vCameraColorCurvePositive", "vCameraColorCurveNegative"); }; /** * Returns color grading data based on a hue, density, saturation and exposure value. * @param filterHue The hue of the color filter. * @param filterDensity The density of the color filter. * @param saturation The saturation. * @param exposure The exposure. * @param result The result data container. */ ColorCurves.prototype.getColorGradingDataToRef = function (hue, density, saturation, exposure, result) { if (hue == null) { return; } hue = ColorCurves.clamp(hue, 0, 360); density = ColorCurves.clamp(density, -100, 100); saturation = ColorCurves.clamp(saturation, -100, 100); exposure = ColorCurves.clamp(exposure, -100, 100); // Remap the slider/config filter density with non-linear mapping and also scale by half // so that the maximum filter density is only 50% control. This provides fine control // for small values and reasonable range. density = ColorCurves.applyColorGradingSliderNonlinear(density); density *= 0.5; exposure = ColorCurves.applyColorGradingSliderNonlinear(exposure); if (density < 0) { density *= -1; hue = (hue + 180) % 360; } ColorCurves.fromHSBToRef(hue, density, 50 + 0.25 * exposure, result); result.scaleToRef(2, result); result.a = 1 + 0.01 * saturation; }; /** * Takes an input slider value and returns an adjusted value that provides extra control near the centre. * @param value The input slider value in range [-100,100]. * @returns Adjusted value. */ ColorCurves.applyColorGradingSliderNonlinear = function (value) { value /= 100; var x = Math.abs(value); x = Math.pow(x, 2); if (value < 0) { x *= -1; } x *= 100; return x; }; /** * Returns an RGBA Color4 based on Hue, Saturation and Brightness (also referred to as value, HSV). * @param hue The hue (H) input. * @param saturation The saturation (S) input. * @param brightness The brightness (B) input. * @result An RGBA color represented as Vector4. */ ColorCurves.fromHSBToRef = function (hue, saturation, brightness, result) { var h = ColorCurves.clamp(hue, 0, 360); var s = ColorCurves.clamp(saturation / 100, 0, 1); var v = ColorCurves.clamp(brightness / 100, 0, 1); if (s === 0) { result.r = v; result.g = v; result.b = v; } else { // sector 0 to 5 h /= 60; var i = Math.floor(h); // fractional part of h var f = h - i; var p = v * (1 - s); var q = v * (1 - s * f); var t = v * (1 - s * (1 - f)); switch (i) { case 0: result.r = v; result.g = t; result.b = p; break; case 1: result.r = q; result.g = v; result.b = p; break; case 2: result.r = p; result.g = v; result.b = t; break; case 3: result.r = p; result.g = q; result.b = v; break; case 4: result.r = t; result.g = p; result.b = v; break; default: result.r = v; result.g = p; result.b = q; break; } } result.a = 1; }; /** * Returns a value clamped between min and max * @param value The value to clamp * @param min The minimum of value * @param max The maximum of value * @returns The clamped value. */ ColorCurves.clamp = function (value, min, max) { return Math.min(Math.max(value, min), max); }; /** * Clones the current color curve instance. * @return The cloned curves */ ColorCurves.prototype.clone = function () { return BABYLON.SerializationHelper.Clone(function () { return new ColorCurves(); }, this); }; /** * Serializes the current color curve instance to a json representation. * @return a JSON representation */ ColorCurves.prototype.serialize = function () { return BABYLON.SerializationHelper.Serialize(this); }; /** * Parses the color curve from a json representation. * @param source the JSON source to parse * @return The parsed curves */ ColorCurves.Parse = function (source) { return BABYLON.SerializationHelper.Parse(function () { return new ColorCurves(); }, source, null, null); }; __decorate([ BABYLON.serialize() ], ColorCurves.prototype, "_globalHue", void 0); __decorate([ BABYLON.serialize() ], ColorCurves.prototype, "_globalDensity", void 0); __decorate([ BABYLON.serialize() ], ColorCurves.prototype, "_globalSaturation", void 0); __decorate([ BABYLON.serialize() ], ColorCurves.prototype, "_globalExposure", void 0); __decorate([ BABYLON.serialize() ], ColorCurves.prototype, "_highlightsHue", void 0); __decorate([ BABYLON.serialize() ], ColorCurves.prototype, "_highlightsDensity", void 0); __decorate([ BABYLON.serialize() ], ColorCurves.prototype, "_highlightsSaturation", void 0); __decorate([ BABYLON.serialize() ], ColorCurves.prototype, "_highlightsExposure", void 0); __decorate([ BABYLON.serialize() ], ColorCurves.prototype, "_midtonesHue", void 0); __decorate([ BABYLON.serialize() ], ColorCurves.prototype, "_midtonesDensity", void 0); __decorate([ BABYLON.serialize() ], ColorCurves.prototype, "_midtonesSaturation", void 0); __decorate([ BABYLON.serialize() ], ColorCurves.prototype, "_midtonesExposure", void 0); return ColorCurves; }()); BABYLON.ColorCurves = ColorCurves; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Materials/babylon.colorCurves.js.map var BABYLON; (function (BABYLON) { var PBRMaterialDefines = (function (_super) { __extends(PBRMaterialDefines, _super); function PBRMaterialDefines() { _super.call(this); this.ALBEDO = false; this.AMBIENT = false; this.OPACITY = false; this.OPACITYRGB = false; this.REFLECTION = false; this.EMISSIVE = false; this.REFLECTIVITY = false; this.BUMP = false; this.PARALLAX = false; this.PARALLAXOCCLUSION = false; this.SPECULAROVERALPHA = false; this.CLIPPLANE = false; this.ALPHATEST = false; this.ALPHAFROMALBEDO = false; this.POINTSIZE = false; this.FOG = false; this.SPECULARTERM = false; this.OPACITYFRESNEL = false; this.EMISSIVEFRESNEL = false; this.FRESNEL = false; this.NORMAL = false; this.UV1 = false; this.UV2 = false; this.VERTEXCOLOR = false; this.VERTEXALPHA = false; this.NUM_BONE_INFLUENCERS = 0; this.BonesPerMesh = 0; this.INSTANCES = false; this.MICROSURFACEFROMREFLECTIVITYMAP = false; this.MICROSURFACEAUTOMATIC = false; this.EMISSIVEASILLUMINATION = false; this.LINKEMISSIVEWITHALBEDO = false; this.LIGHTMAP = false; this.USELIGHTMAPASSHADOWMAP = false; this.REFLECTIONMAP_3D = false; this.REFLECTIONMAP_SPHERICAL = false; this.REFLECTIONMAP_PLANAR = false; this.REFLECTIONMAP_CUBIC = false; this.REFLECTIONMAP_PROJECTION = false; this.REFLECTIONMAP_SKYBOX = false; this.REFLECTIONMAP_EXPLICIT = false; this.REFLECTIONMAP_EQUIRECTANGULAR = false; this.INVERTCUBICMAP = false; this.LOGARITHMICDEPTH = false; this.CAMERATONEMAP = false; this.CAMERACONTRAST = false; this.CAMERACOLORGRADING = false; this.CAMERACOLORCURVES = false; this.OVERLOADEDVALUES = false; this.OVERLOADEDSHADOWVALUES = false; this.USESPHERICALFROMREFLECTIONMAP = false; this.REFRACTION = false; this.REFRACTIONMAP_3D = false; this.LINKREFRACTIONTOTRANSPARENCY = false; this.REFRACTIONMAPINLINEARSPACE = false; this.LODBASEDMICROSFURACE = false; this.USEPHYSICALLIGHTFALLOFF = false; this.RADIANCEOVERALPHA = false; this.USEPMREMREFLECTION = false; this.USEPMREMREFRACTION = false; this.OPENGLNORMALMAP = false; this.INVERTNORMALMAPX = false; this.INVERTNORMALMAPY = false; this.SHADOWFULLFLOAT = false; this.rebuild(); } return PBRMaterialDefines; }(BABYLON.MaterialDefines)); /** * The Physically based material of BJS. * * This offers the main features of a standard PBR material. * For more information, please refer to the documentation : * http://doc.babylonjs.com/extensions/Physically_Based_Rendering */ var PBRMaterial = (function (_super) { __extends(PBRMaterial, _super); /** * Instantiates a new PBRMaterial instance. * * @param name The material name * @param scene The scene the material will be use in. */ function PBRMaterial(name, scene) { var _this = this; _super.call(this, name, scene); /** * Intensity of the direct lights e.g. the four lights available in your scene. * This impacts both the direct diffuse and specular highlights. */ this.directIntensity = 1.0; /** * Intensity of the emissive part of the material. * This helps controlling the emissive effect without modifying the emissive color. */ this.emissiveIntensity = 1.0; /** * Intensity of the environment e.g. how much the environment will light the object * either through harmonics for rough material or through the refelction for shiny ones. */ this.environmentIntensity = 1.0; /** * This is a special control allowing the reduction of the specular highlights coming from the * four lights of the scene. Those highlights may not be needed in full environment lighting. */ this.specularIntensity = 1.0; this._lightingInfos = new BABYLON.Vector4(this.directIntensity, this.emissiveIntensity, this.environmentIntensity, this.specularIntensity); /** * Debug Control allowing disabling the bump map on this material. */ this.disableBumpMap = false; /** * Debug Control helping enforcing or dropping the darkness of shadows. * 1.0 means the shadows have their normal darkness, 0.0 means the shadows are not visible. */ this.overloadedShadowIntensity = 1.0; /** * Debug Control helping dropping the shading effect coming from the diffuse lighting. * 1.0 means the shade have their normal impact, 0.0 means no shading at all. */ this.overloadedShadeIntensity = 1.0; this._overloadedShadowInfos = new BABYLON.Vector4(this.overloadedShadowIntensity, this.overloadedShadeIntensity, 0.0, 0.0); /** * The camera exposure used on this material. * This property is here and not in the camera to allow controlling exposure without full screen post process. * This corresponds to a photographic exposure. */ this.cameraExposure = 1.0; /** * The camera contrast used on this material. * This property is here and not in the camera to allow controlling contrast without full screen post process. */ this.cameraContrast = 1.0; /** * Color Grading 2D Lookup Texture. * This allows special effects like sepia, black and white to sixties rendering style. */ this.cameraColorGradingTexture = null; /** * The color grading curves provide additional color adjustmnent that is applied after any color grading transform (3D LUT). * They allow basic adjustment of saturation and small exposure adjustments, along with color filter tinting to provide white balance adjustment or more stylistic effects. * These are similar to controls found in many professional imaging or colorist software. The global controls are applied to the entire image. For advanced tuning, extra controls are provided to adjust the shadow, midtone and highlight areas of the image; * corresponding to low luminance, medium luminance, and high luminance areas respectively. */ this.cameraColorCurves = null; this._cameraInfos = new BABYLON.Vector4(1.0, 1.0, 0.0, 0.0); this._microsurfaceTextureLods = new BABYLON.Vector2(0.0, 0.0); /** * Debug Control allowing to overload the ambient color. * This as to be use with the overloadedAmbientIntensity parameter. */ this.overloadedAmbient = BABYLON.Color3.White(); /** * Debug Control indicating how much the overloaded ambient color is used against the default one. */ this.overloadedAmbientIntensity = 0.0; /** * Debug Control allowing to overload the albedo color. * This as to be use with the overloadedAlbedoIntensity parameter. */ this.overloadedAlbedo = BABYLON.Color3.White(); /** * Debug Control indicating how much the overloaded albedo color is used against the default one. */ this.overloadedAlbedoIntensity = 0.0; /** * Debug Control allowing to overload the reflectivity color. * This as to be use with the overloadedReflectivityIntensity parameter. */ this.overloadedReflectivity = new BABYLON.Color3(0.3, 0.3, 0.3); /** * Debug Control indicating how much the overloaded reflectivity color is used against the default one. */ this.overloadedReflectivityIntensity = 0.0; /** * Debug Control allowing to overload the emissive color. * This as to be use with the overloadedEmissiveIntensity parameter. */ this.overloadedEmissive = BABYLON.Color3.White(); /** * Debug Control indicating how much the overloaded emissive color is used against the default one. */ this.overloadedEmissiveIntensity = 0.0; this._overloadedIntensity = new BABYLON.Vector4(this.overloadedAmbientIntensity, this.overloadedAlbedoIntensity, this.overloadedReflectivityIntensity, this.overloadedEmissiveIntensity); /** * Debug Control allowing to overload the reflection color. * This as to be use with the overloadedReflectionIntensity parameter. */ this.overloadedReflection = BABYLON.Color3.White(); /** * Debug Control indicating how much the overloaded reflection color is used against the default one. */ this.overloadedReflectionIntensity = 0.0; /** * Debug Control allowing to overload the microsurface. * This as to be use with the overloadedMicroSurfaceIntensity parameter. */ this.overloadedMicroSurface = 0.0; /** * Debug Control indicating how much the overloaded microsurface is used against the default one. */ this.overloadedMicroSurfaceIntensity = 0.0; this._overloadedMicroSurface = new BABYLON.Vector3(this.overloadedMicroSurface, this.overloadedMicroSurfaceIntensity, this.overloadedReflectionIntensity); /** * AKA Occlusion Texture Intensity in other nomenclature. */ this.ambientTextureStrength = 1.0; this.ambientColor = new BABYLON.Color3(0, 0, 0); /** * AKA Diffuse Color in other nomenclature. */ this.albedoColor = new BABYLON.Color3(1, 1, 1); /** * AKA Specular Color in other nomenclature. */ this.reflectivityColor = new BABYLON.Color3(1, 1, 1); this.reflectionColor = new BABYLON.Color3(0.5, 0.5, 0.5); this.emissiveColor = new BABYLON.Color3(0, 0, 0); /** * AKA Glossiness in other nomenclature. */ this.microSurface = 0.9; /** * source material index of refraction (IOR)' / 'destination material IOR. */ this.indexOfRefraction = 0.66; /** * Controls if refraction needs to be inverted on Y. This could be usefull for procedural texture. */ this.invertRefractionY = false; /** * This parameters will make the material used its opacity to control how much it is refracting aginst not. * Materials half opaque for instance using refraction could benefit from this control. */ this.linkRefractionWithTransparency = false; /** * The emissive and albedo are linked to never be more than one (Energy conservation). */ this.linkEmissiveWithAlbedo = false; this.useLightmapAsShadowmap = false; /** * In this mode, the emissive informtaion will always be added to the lighting once. * A light for instance can be thought as emissive. */ this.useEmissiveAsIllumination = false; /** * Secifies that the alpha is coming form the albedo channel alpha channel. */ this.useAlphaFromAlbedoTexture = false; /** * Specifies that the material will keeps the specular highlights over a transparent surface (only the most limunous ones). * A car glass is a good exemple of that. When sun reflects on it you can not see what is behind. */ this.useSpecularOverAlpha = true; /** * Specifies if the reflectivity texture contains the glossiness information in its alpha channel. */ this.useMicroSurfaceFromReflectivityMapAlpha = false; /** * In case the reflectivity map does not contain the microsurface information in its alpha channel, * The material will try to infer what glossiness each pixel should be. */ this.useAutoMicroSurfaceFromReflectivityMap = false; /** * Allows to work with scalar in linear mode. This is definitely a matter of preferences and tools used during * the creation of the material. */ this.useScalarInLinearSpace = false; /** * BJS is using an harcoded light falloff based on a manually sets up range. * In PBR, one way to represents the fallof is to use the inverse squared root algorythm. * This parameter can help you switch back to the BJS mode in order to create scenes using both materials. */ this.usePhysicalLightFalloff = true; /** * Specifies that the material will keeps the reflection highlights over a transparent surface (only the most limunous ones). * A car glass is a good exemple of that. When the street lights reflects on it you can not see what is behind. */ this.useRadianceOverAlpha = true; /** * Allows using the bump map in parallax mode. */ this.useParallax = false; /** * Allows using the bump map in parallax occlusion mode. */ this.useParallaxOcclusion = false; /** * Controls the scale bias of the parallax mode. */ this.parallaxScaleBias = 0.05; /** * If sets to true, disables all the lights affecting the material. */ this.disableLighting = false; /** * Number of Simultaneous lights allowed on the material. */ this.maxSimultaneousLights = 4; /** * If sets to true, x component of normal map value will invert (x = 1.0 - x). */ this.invertNormalMapX = false; /** * If sets to true, y component of normal map value will invert (y = 1.0 - y). */ this.invertNormalMapY = false; this._renderTargets = new BABYLON.SmartArray(16); this._worldViewProjectionMatrix = BABYLON.Matrix.Zero(); this._globalAmbientColor = new BABYLON.Color3(0, 0, 0); this._tempColor = new BABYLON.Color3(); this._defines = new PBRMaterialDefines(); this._cachedDefines = new PBRMaterialDefines(); this._myScene = null; this._myShadowGenerator = null; this._cachedDefines.BonesPerMesh = -1; this.getRenderTargetTextures = function () { _this._renderTargets.reset(); if (_this.reflectionTexture && _this.reflectionTexture.isRenderTarget) { _this._renderTargets.push(_this.reflectionTexture); } if (_this.refractionTexture && _this.refractionTexture.isRenderTarget) { _this._renderTargets.push(_this.refractionTexture); } return _this._renderTargets; }; } Object.defineProperty(PBRMaterial.prototype, "useLogarithmicDepth", { get: function () { return this._useLogarithmicDepth; }, set: function (value) { this._useLogarithmicDepth = value && this.getScene().getEngine().getCaps().fragmentDepthSupported; }, enumerable: true, configurable: true }); PBRMaterial.prototype.needAlphaBlending = function () { if (this.linkRefractionWithTransparency) { return false; } return (this.alpha < 1.0) || (this.opacityTexture != null) || this._shouldUseAlphaFromAlbedoTexture() || this.opacityFresnelParameters && this.opacityFresnelParameters.isEnabled; }; PBRMaterial.prototype.needAlphaTesting = function () { if (this.linkRefractionWithTransparency) { return false; } return this.albedoTexture != null && this.albedoTexture.hasAlpha; }; PBRMaterial.prototype._shouldUseAlphaFromAlbedoTexture = function () { return this.albedoTexture != null && this.albedoTexture.hasAlpha && this.useAlphaFromAlbedoTexture; }; PBRMaterial.prototype.getAlphaTestTexture = function () { return this.albedoTexture; }; PBRMaterial.prototype._checkCache = function (scene, mesh, useInstances) { if (!mesh) { return true; } if (this._defines.INSTANCES !== useInstances) { return false; } if (mesh._materialDefines && mesh._materialDefines.isEqual(this._defines)) { return true; } return false; }; PBRMaterial.prototype.convertColorToLinearSpaceToRef = function (color, ref) { PBRMaterial.convertColorToLinearSpaceToRef(color, ref, this.useScalarInLinearSpace); }; PBRMaterial.convertColorToLinearSpaceToRef = function (color, ref, useScalarInLinear) { if (!useScalarInLinear) { color.toLinearSpaceToRef(ref); } else { ref.r = color.r; ref.g = color.g; ref.b = color.b; } }; PBRMaterial.BindLights = function (scene, mesh, effect, defines, useScalarInLinearSpace, maxSimultaneousLights, usePhysicalLightFalloff) { var lightIndex = 0; var depthValuesAlreadySet = false; for (var index = 0; index < scene.lights.length; index++) { var light = scene.lights[index]; if (!light.isEnabled()) { continue; } if (!light.canAffectMesh(mesh)) { continue; } BABYLON.MaterialHelper.BindLightProperties(light, effect, lightIndex); // GAMMA CORRECTION. this.convertColorToLinearSpaceToRef(light.diffuse, PBRMaterial._scaledAlbedo, useScalarInLinearSpace); PBRMaterial._scaledAlbedo.scaleToRef(light.intensity, PBRMaterial._scaledAlbedo); effect.setColor4("vLightDiffuse" + lightIndex, PBRMaterial._scaledAlbedo, usePhysicalLightFalloff ? light.radius : light.range); if (defines["SPECULARTERM"]) { this.convertColorToLinearSpaceToRef(light.specular, PBRMaterial._scaledReflectivity, useScalarInLinearSpace); PBRMaterial._scaledReflectivity.scaleToRef(light.intensity, PBRMaterial._scaledReflectivity); effect.setColor3("vLightSpecular" + lightIndex, PBRMaterial._scaledReflectivity); } // Shadows if (scene.shadowsEnabled) { depthValuesAlreadySet = BABYLON.MaterialHelper.BindLightShadow(light, scene, mesh, lightIndex, effect, depthValuesAlreadySet); } lightIndex++; if (lightIndex === maxSimultaneousLights) break; } }; PBRMaterial.prototype.isReady = function (mesh, useInstances) { if (this.checkReadyOnlyOnce) { if (this._wasPreviouslyReady) { return true; } } var scene = this.getScene(); var engine = scene.getEngine(); var needNormals = false; var needUVs = false; this._defines.reset(); if (scene.lightsEnabled && !this.disableLighting) { needNormals = BABYLON.MaterialHelper.PrepareDefinesForLights(scene, mesh, this._defines, this.maxSimultaneousLights) || needNormals; } if (!this.checkReadyOnEveryCall) { if (this._renderId === scene.getRenderId()) { if (this._checkCache(scene, mesh, useInstances)) { return true; } } } if (scene.texturesEnabled) { if (scene.getEngine().getCaps().textureLOD) { this._defines.LODBASEDMICROSFURACE = true; } if (this.albedoTexture && BABYLON.StandardMaterial.DiffuseTextureEnabled) { if (!this.albedoTexture.isReady()) { return false; } else { needUVs = true; this._defines.ALBEDO = true; } } if (this.ambientTexture && BABYLON.StandardMaterial.AmbientTextureEnabled) { if (!this.ambientTexture.isReady()) { return false; } else { needUVs = true; this._defines.AMBIENT = true; } } if (this.opacityTexture && BABYLON.StandardMaterial.OpacityTextureEnabled) { if (!this.opacityTexture.isReady()) { return false; } else { needUVs = true; this._defines.OPACITY = true; if (this.opacityTexture.getAlphaFromRGB) { this._defines.OPACITYRGB = true; } } } if (this.reflectionTexture && BABYLON.StandardMaterial.ReflectionTextureEnabled) { if (!this.reflectionTexture.isReady()) { return false; } else { needNormals = true; this._defines.REFLECTION = true; if (this.reflectionTexture.coordinatesMode === BABYLON.Texture.INVCUBIC_MODE) { this._defines.INVERTCUBICMAP = true; } this._defines.REFLECTIONMAP_3D = this.reflectionTexture.isCube; switch (this.reflectionTexture.coordinatesMode) { case BABYLON.Texture.CUBIC_MODE: case BABYLON.Texture.INVCUBIC_MODE: this._defines.REFLECTIONMAP_CUBIC = true; break; case BABYLON.Texture.EXPLICIT_MODE: this._defines.REFLECTIONMAP_EXPLICIT = true; break; case BABYLON.Texture.PLANAR_MODE: this._defines.REFLECTIONMAP_PLANAR = true; break; case BABYLON.Texture.PROJECTION_MODE: this._defines.REFLECTIONMAP_PROJECTION = true; break; case BABYLON.Texture.SKYBOX_MODE: this._defines.REFLECTIONMAP_SKYBOX = true; break; case BABYLON.Texture.SPHERICAL_MODE: this._defines.REFLECTIONMAP_SPHERICAL = true; break; case BABYLON.Texture.EQUIRECTANGULAR_MODE: this._defines.REFLECTIONMAP_EQUIRECTANGULAR = true; break; } if (this.reflectionTexture instanceof BABYLON.HDRCubeTexture && this.reflectionTexture) { this._defines.USESPHERICALFROMREFLECTIONMAP = true; needNormals = true; if (this.reflectionTexture.isPMREM) { this._defines.USEPMREMREFLECTION = true; } } } } if (this.lightmapTexture && BABYLON.StandardMaterial.LightmapTextureEnabled) { if (!this.lightmapTexture.isReady()) { return false; } else { needUVs = true; this._defines.LIGHTMAP = true; this._defines.USELIGHTMAPASSHADOWMAP = this.useLightmapAsShadowmap; } } if (this.emissiveTexture && BABYLON.StandardMaterial.EmissiveTextureEnabled) { if (!this.emissiveTexture.isReady()) { return false; } else { needUVs = true; this._defines.EMISSIVE = true; } } if (this.reflectivityTexture && BABYLON.StandardMaterial.SpecularTextureEnabled) { if (!this.reflectivityTexture.isReady()) { return false; } else { needUVs = true; this._defines.REFLECTIVITY = true; this._defines.MICROSURFACEFROMREFLECTIVITYMAP = this.useMicroSurfaceFromReflectivityMapAlpha; this._defines.MICROSURFACEAUTOMATIC = this.useAutoMicroSurfaceFromReflectivityMap; } } if (scene.getEngine().getCaps().standardDerivatives && this.bumpTexture && BABYLON.StandardMaterial.BumpTextureEnabled && !this.disableBumpMap) { if (!this.bumpTexture.isReady()) { return false; } else { needUVs = true; this._defines.BUMP = true; if (this.useParallax && this.albedoTexture && BABYLON.StandardMaterial.DiffuseTextureEnabled) { this._defines.PARALLAX = true; if (this.useParallaxOcclusion) { this._defines.PARALLAXOCCLUSION = true; } } if (this.invertNormalMapX) { this._defines.INVERTNORMALMAPX = true; } if (this.invertNormalMapY) { this._defines.INVERTNORMALMAPY = true; } } } if (this.refractionTexture && BABYLON.StandardMaterial.RefractionTextureEnabled) { if (!this.refractionTexture.isReady()) { return false; } else { needUVs = true; this._defines.REFRACTION = true; this._defines.REFRACTIONMAP_3D = this.refractionTexture.isCube; if (this.linkRefractionWithTransparency) { this._defines.LINKREFRACTIONTOTRANSPARENCY = true; } if (this.refractionTexture instanceof BABYLON.HDRCubeTexture) { this._defines.REFRACTIONMAPINLINEARSPACE = true; if (this.refractionTexture.isPMREM) { this._defines.USEPMREMREFRACTION = true; } } } } if (this.cameraColorGradingTexture && BABYLON.StandardMaterial.ColorGradingTextureEnabled) { if (!this.cameraColorGradingTexture.isReady()) { return false; } else { this._defines.CAMERACOLORGRADING = true; } } } // Effect if (scene.clipPlane) { this._defines.CLIPPLANE = true; } if (engine.getAlphaTesting()) { this._defines.ALPHATEST = true; } if (this._shouldUseAlphaFromAlbedoTexture()) { this._defines.ALPHAFROMALBEDO = true; } if (this.useEmissiveAsIllumination) { this._defines.EMISSIVEASILLUMINATION = true; } if (this.linkEmissiveWithAlbedo) { this._defines.LINKEMISSIVEWITHALBEDO = true; } if (this.useLogarithmicDepth) { this._defines.LOGARITHMICDEPTH = true; } if (this.cameraContrast != 1) { this._defines.CAMERACONTRAST = true; } if (this.cameraExposure != 1) { this._defines.CAMERATONEMAP = true; } if (this.cameraColorCurves) { this._defines.CAMERACOLORCURVES = true; } if (this.overloadedShadeIntensity != 1 || this.overloadedShadowIntensity != 1) { this._defines.OVERLOADEDSHADOWVALUES = true; } if (this.overloadedMicroSurfaceIntensity > 0 || this.overloadedEmissiveIntensity > 0 || this.overloadedReflectivityIntensity > 0 || this.overloadedAlbedoIntensity > 0 || this.overloadedAmbientIntensity > 0 || this.overloadedReflectionIntensity > 0) { this._defines.OVERLOADEDVALUES = true; } // Point size if (this.pointsCloud || scene.forcePointsCloud) { this._defines.POINTSIZE = true; } // Fog if (scene.fogEnabled && mesh && mesh.applyFog && scene.fogMode !== BABYLON.Scene.FOGMODE_NONE && this.fogEnabled) { this._defines.FOG = true; } if (BABYLON.StandardMaterial.FresnelEnabled) { // Fresnel if (this.opacityFresnelParameters && this.opacityFresnelParameters.isEnabled || this.emissiveFresnelParameters && this.emissiveFresnelParameters.isEnabled) { if (this.opacityFresnelParameters && this.opacityFresnelParameters.isEnabled) { this._defines.OPACITYFRESNEL = true; } if (this.emissiveFresnelParameters && this.emissiveFresnelParameters.isEnabled) { this._defines.EMISSIVEFRESNEL = true; } needNormals = true; this._defines.FRESNEL = true; } } if (this._defines.SPECULARTERM && this.useSpecularOverAlpha) { this._defines.SPECULAROVERALPHA = true; } if (this.usePhysicalLightFalloff) { this._defines.USEPHYSICALLIGHTFALLOFF = true; } if (this.useRadianceOverAlpha) { this._defines.RADIANCEOVERALPHA = true; } // Attribs if (mesh) { if (needNormals && mesh.isVerticesDataPresent(BABYLON.VertexBuffer.NormalKind)) { this._defines.NORMAL = true; } if (needUVs) { if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UVKind)) { this._defines.UV1 = true; } if (mesh.isVerticesDataPresent(BABYLON.VertexBuffer.UV2Kind)) { this._defines.UV2 = true; } } if (mesh.useVertexColors && mesh.isVerticesDataPresent(BABYLON.VertexBuffer.ColorKind)) { this._defines.VERTEXCOLOR = true; if (mesh.hasVertexAlpha) { this._defines.VERTEXALPHA = true; } } if (mesh.useBones && mesh.computeBonesUsingShaders) { this._defines.NUM_BONE_INFLUENCERS = mesh.numBoneInfluencers; this._defines.BonesPerMesh = (mesh.skeleton.bones.length + 1); } // Instances if (useInstances) { this._defines.INSTANCES = true; } } // Get correct effect if (!this._defines.isEqual(this._cachedDefines)) { this._defines.cloneTo(this._cachedDefines); scene.resetCachedMaterial(); // Fallbacks var fallbacks = new BABYLON.EffectFallbacks(); if (this._defines.REFLECTION) { fallbacks.addFallback(0, "REFLECTION"); } if (this._defines.REFRACTION) { fallbacks.addFallback(0, "REFRACTION"); } if (this._defines.REFLECTIVITY) { fallbacks.addFallback(0, "REFLECTIVITY"); } if (this._defines.BUMP) { fallbacks.addFallback(0, "BUMP"); } if (this._defines.PARALLAX) { fallbacks.addFallback(1, "PARALLAX"); } if (this._defines.PARALLAXOCCLUSION) { fallbacks.addFallback(0, "PARALLAXOCCLUSION"); } if (this._defines.SPECULAROVERALPHA) { fallbacks.addFallback(0, "SPECULAROVERALPHA"); } if (this._defines.FOG) { fallbacks.addFallback(1, "FOG"); } if (this._defines.POINTSIZE) { fallbacks.addFallback(0, "POINTSIZE"); } if (this._defines.LOGARITHMICDEPTH) { fallbacks.addFallback(0, "LOGARITHMICDEPTH"); } BABYLON.MaterialHelper.HandleFallbacksForShadows(this._defines, fallbacks, this.maxSimultaneousLights); if (this._defines.SPECULARTERM) { fallbacks.addFallback(0, "SPECULARTERM"); } if (this._defines.OPACITYFRESNEL) { fallbacks.addFallback(1, "OPACITYFRESNEL"); } if (this._defines.EMISSIVEFRESNEL) { fallbacks.addFallback(2, "EMISSIVEFRESNEL"); } if (this._defines.FRESNEL) { fallbacks.addFallback(3, "FRESNEL"); } if (this._defines.NUM_BONE_INFLUENCERS > 0) { fallbacks.addCPUSkinningFallback(0, mesh); } //Attributes var attribs = [BABYLON.VertexBuffer.PositionKind]; if (this._defines.NORMAL) { attribs.push(BABYLON.VertexBuffer.NormalKind); } if (this._defines.UV1) { attribs.push(BABYLON.VertexBuffer.UVKind); } if (this._defines.UV2) { attribs.push(BABYLON.VertexBuffer.UV2Kind); } if (this._defines.VERTEXCOLOR) { attribs.push(BABYLON.VertexBuffer.ColorKind); } BABYLON.MaterialHelper.PrepareAttributesForBones(attribs, mesh, this._defines, fallbacks); BABYLON.MaterialHelper.PrepareAttributesForInstances(attribs, this._defines); // Legacy browser patch var join = this._defines.toString(); var uniforms = ["world", "view", "viewProjection", "vEyePosition", "vLightsType", "vAmbientColor", "vAlbedoColor", "vReflectivityColor", "vEmissiveColor", "vReflectionColor", "vFogInfos", "vFogColor", "pointSize", "vAlbedoInfos", "vAmbientInfos", "vOpacityInfos", "vReflectionInfos", "vEmissiveInfos", "vReflectivityInfos", "vBumpInfos", "vLightmapInfos", "vRefractionInfos", "mBones", "vClipPlane", "albedoMatrix", "ambientMatrix", "opacityMatrix", "reflectionMatrix", "emissiveMatrix", "reflectivityMatrix", "bumpMatrix", "lightmapMatrix", "refractionMatrix", "depthValues", "opacityParts", "emissiveLeftColor", "emissiveRightColor", "vLightingIntensity", "vOverloadedShadowIntensity", "vOverloadedIntensity", "vOverloadedAlbedo", "vOverloadedReflection", "vOverloadedReflectivity", "vOverloadedEmissive", "vOverloadedMicroSurface", "logarithmicDepthConstant", "vSphericalX", "vSphericalY", "vSphericalZ", "vSphericalXX", "vSphericalYY", "vSphericalZZ", "vSphericalXY", "vSphericalYZ", "vSphericalZX", "vMicrosurfaceTextureLods", "vCameraInfos" ]; var samplers = ["albedoSampler", "ambientSampler", "opacitySampler", "reflectionCubeSampler", "reflection2DSampler", "emissiveSampler", "reflectivitySampler", "bumpSampler", "lightmapSampler", "refractionCubeSampler", "refraction2DSampler"]; BABYLON.ColorCurves.PrepareUniforms(uniforms); BABYLON.ColorGradingTexture.PrepareUniformsAndSamplers(uniforms, samplers); BABYLON.MaterialHelper.PrepareUniformsAndSamplersList(uniforms, samplers, this._defines, this.maxSimultaneousLights); this._effect = scene.getEngine().createEffect("pbr", attribs, uniforms, samplers, join, fallbacks, this.onCompiled, this.onError, { maxSimultaneousLights: this.maxSimultaneousLights }); } if (!this._effect.isReady()) { return false; } this._renderId = scene.getRenderId(); this._wasPreviouslyReady = true; if (mesh) { if (!mesh._materialDefines) { mesh._materialDefines = new PBRMaterialDefines(); } this._defines.cloneTo(mesh._materialDefines); } return true; }; PBRMaterial.prototype.unbind = function () { if (this.reflectionTexture && this.reflectionTexture.isRenderTarget) { this._effect.setTexture("reflection2DSampler", null); } if (this.refractionTexture && this.refractionTexture.isRenderTarget) { this._effect.setTexture("refraction2DSampler", null); } _super.prototype.unbind.call(this); }; PBRMaterial.prototype.bindOnlyWorldMatrix = function (world) { this._effect.setMatrix("world", world); }; PBRMaterial.prototype.bind = function (world, mesh) { this._myScene = this.getScene(); // Matrices this.bindOnlyWorldMatrix(world); // Bones BABYLON.MaterialHelper.BindBonesParameters(mesh, this._effect); if (this._myScene.getCachedMaterial() !== this) { this._effect.setMatrix("viewProjection", this._myScene.getTransformMatrix()); if (BABYLON.StandardMaterial.FresnelEnabled) { if (this.opacityFresnelParameters && this.opacityFresnelParameters.isEnabled) { this._effect.setColor4("opacityParts", new BABYLON.Color3(this.opacityFresnelParameters.leftColor.toLuminance(), this.opacityFresnelParameters.rightColor.toLuminance(), this.opacityFresnelParameters.bias), this.opacityFresnelParameters.power); } if (this.emissiveFresnelParameters && this.emissiveFresnelParameters.isEnabled) { this._effect.setColor4("emissiveLeftColor", this.emissiveFresnelParameters.leftColor, this.emissiveFresnelParameters.power); this._effect.setColor4("emissiveRightColor", this.emissiveFresnelParameters.rightColor, this.emissiveFresnelParameters.bias); } } // Textures if (this._myScene.texturesEnabled) { if (this.albedoTexture && BABYLON.StandardMaterial.DiffuseTextureEnabled) { this._effect.setTexture("albedoSampler", this.albedoTexture); this._effect.setFloat2("vAlbedoInfos", this.albedoTexture.coordinatesIndex, this.albedoTexture.level); this._effect.setMatrix("albedoMatrix", this.albedoTexture.getTextureMatrix()); } if (this.ambientTexture && BABYLON.StandardMaterial.AmbientTextureEnabled) { this._effect.setTexture("ambientSampler", this.ambientTexture); this._effect.setFloat3("vAmbientInfos", this.ambientTexture.coordinatesIndex, this.ambientTexture.level, this.ambientTextureStrength); this._effect.setMatrix("ambientMatrix", this.ambientTexture.getTextureMatrix()); } if (this.opacityTexture && BABYLON.StandardMaterial.OpacityTextureEnabled) { this._effect.setTexture("opacitySampler", this.opacityTexture); this._effect.setFloat2("vOpacityInfos", this.opacityTexture.coordinatesIndex, this.opacityTexture.level); this._effect.setMatrix("opacityMatrix", this.opacityTexture.getTextureMatrix()); } if (this.reflectionTexture && BABYLON.StandardMaterial.ReflectionTextureEnabled) { this._microsurfaceTextureLods.x = Math.round(Math.log(this.reflectionTexture.getSize().width) * Math.LOG2E); if (this.reflectionTexture.isCube) { this._effect.setTexture("reflectionCubeSampler", this.reflectionTexture); } else { this._effect.setTexture("reflection2DSampler", this.reflectionTexture); } this._effect.setMatrix("reflectionMatrix", this.reflectionTexture.getReflectionTextureMatrix()); this._effect.setFloat2("vReflectionInfos", this.reflectionTexture.level, 0); if (this._defines.USESPHERICALFROMREFLECTIONMAP) { this._effect.setFloat3("vSphericalX", this.reflectionTexture.sphericalPolynomial.x.x, this.reflectionTexture.sphericalPolynomial.x.y, this.reflectionTexture.sphericalPolynomial.x.z); this._effect.setFloat3("vSphericalY", this.reflectionTexture.sphericalPolynomial.y.x, this.reflectionTexture.sphericalPolynomial.y.y, this.reflectionTexture.sphericalPolynomial.y.z); this._effect.setFloat3("vSphericalZ", this.reflectionTexture.sphericalPolynomial.z.x, this.reflectionTexture.sphericalPolynomial.z.y, this.reflectionTexture.sphericalPolynomial.z.z); this._effect.setFloat3("vSphericalXX", this.reflectionTexture.sphericalPolynomial.xx.x, this.reflectionTexture.sphericalPolynomial.xx.y, this.reflectionTexture.sphericalPolynomial.xx.z); this._effect.setFloat3("vSphericalYY", this.reflectionTexture.sphericalPolynomial.yy.x, this.reflectionTexture.sphericalPolynomial.yy.y, this.reflectionTexture.sphericalPolynomial.yy.z); this._effect.setFloat3("vSphericalZZ", this.reflectionTexture.sphericalPolynomial.zz.x, this.reflectionTexture.sphericalPolynomial.zz.y, this.reflectionTexture.sphericalPolynomial.zz.z); this._effect.setFloat3("vSphericalXY", this.reflectionTexture.sphericalPolynomial.xy.x, this.reflectionTexture.sphericalPolynomial.xy.y, this.reflectionTexture.sphericalPolynomial.xy.z); this._effect.setFloat3("vSphericalYZ", this.reflectionTexture.sphericalPolynomial.yz.x, this.reflectionTexture.sphericalPolynomial.yz.y, this.reflectionTexture.sphericalPolynomial.yz.z); this._effect.setFloat3("vSphericalZX", this.reflectionTexture.sphericalPolynomial.zx.x, this.reflectionTexture.sphericalPolynomial.zx.y, this.reflectionTexture.sphericalPolynomial.zx.z); } } if (this.emissiveTexture && BABYLON.StandardMaterial.EmissiveTextureEnabled) { this._effect.setTexture("emissiveSampler", this.emissiveTexture); this._effect.setFloat2("vEmissiveInfos", this.emissiveTexture.coordinatesIndex, this.emissiveTexture.level); this._effect.setMatrix("emissiveMatrix", this.emissiveTexture.getTextureMatrix()); } if (this.lightmapTexture && BABYLON.StandardMaterial.LightmapTextureEnabled) { this._effect.setTexture("lightmapSampler", this.lightmapTexture); this._effect.setFloat2("vLightmapInfos", this.lightmapTexture.coordinatesIndex, this.lightmapTexture.level); this._effect.setMatrix("lightmapMatrix", this.lightmapTexture.getTextureMatrix()); } if (this.reflectivityTexture && BABYLON.StandardMaterial.SpecularTextureEnabled) { this._effect.setTexture("reflectivitySampler", this.reflectivityTexture); this._effect.setFloat2("vReflectivityInfos", this.reflectivityTexture.coordinatesIndex, this.reflectivityTexture.level); this._effect.setMatrix("reflectivityMatrix", this.reflectivityTexture.getTextureMatrix()); } if (this.bumpTexture && this._myScene.getEngine().getCaps().standardDerivatives && BABYLON.StandardMaterial.BumpTextureEnabled && !this.disableBumpMap) { this._effect.setTexture("bumpSampler", this.bumpTexture); this._effect.setFloat3("vBumpInfos", this.bumpTexture.coordinatesIndex, 1.0 / this.bumpTexture.level, this.parallaxScaleBias); this._effect.setMatrix("bumpMatrix", this.bumpTexture.getTextureMatrix()); } if (this.refractionTexture && BABYLON.StandardMaterial.RefractionTextureEnabled) { this._microsurfaceTextureLods.y = Math.round(Math.log(this.refractionTexture.getSize().width) * Math.LOG2E); var depth = 1.0; if (this.refractionTexture.isCube) { this._effect.setTexture("refractionCubeSampler", this.refractionTexture); } else { this._effect.setTexture("refraction2DSampler", this.refractionTexture); this._effect.setMatrix("refractionMatrix", this.refractionTexture.getReflectionTextureMatrix()); if (this.refractionTexture.depth) { depth = this.refractionTexture.depth; } } this._effect.setFloat4("vRefractionInfos", this.refractionTexture.level, this.indexOfRefraction, depth, this.invertRefractionY ? -1 : 1); } if ((this.reflectionTexture || this.refractionTexture)) { this._effect.setFloat2("vMicrosurfaceTextureLods", this._microsurfaceTextureLods.x, this._microsurfaceTextureLods.y); } if (this.cameraColorGradingTexture && BABYLON.StandardMaterial.ColorGradingTextureEnabled) { BABYLON.ColorGradingTexture.Bind(this.cameraColorGradingTexture, this._effect); } } // Clip plane BABYLON.MaterialHelper.BindClipPlane(this._effect, this._myScene); // Point size if (this.pointsCloud) { this._effect.setFloat("pointSize", this.pointSize); } // Colors this._myScene.ambientColor.multiplyToRef(this.ambientColor, this._globalAmbientColor); // GAMMA CORRECTION. this.convertColorToLinearSpaceToRef(this.reflectivityColor, PBRMaterial._scaledReflectivity); this._effect.setVector3("vEyePosition", this._myScene._mirroredCameraPosition ? this._myScene._mirroredCameraPosition : this._myScene.activeCamera.position); this._effect.setColor3("vAmbientColor", this._globalAmbientColor); this._effect.setColor4("vReflectivityColor", PBRMaterial._scaledReflectivity, this.microSurface); // GAMMA CORRECTION. this.convertColorToLinearSpaceToRef(this.emissiveColor, PBRMaterial._scaledEmissive); this._effect.setColor3("vEmissiveColor", PBRMaterial._scaledEmissive); // GAMMA CORRECTION. this.convertColorToLinearSpaceToRef(this.reflectionColor, PBRMaterial._scaledReflection); this._effect.setColor3("vReflectionColor", PBRMaterial._scaledReflection); } if (this._myScene.getCachedMaterial() !== this || !this.isFrozen) { // GAMMA CORRECTION. this.convertColorToLinearSpaceToRef(this.albedoColor, PBRMaterial._scaledAlbedo); this._effect.setColor4("vAlbedoColor", PBRMaterial._scaledAlbedo, this.alpha * mesh.visibility); // Lights if (this._myScene.lightsEnabled && !this.disableLighting) { PBRMaterial.BindLights(this._myScene, mesh, this._effect, this._defines, this.useScalarInLinearSpace, this.maxSimultaneousLights, this.usePhysicalLightFalloff); } // View if (this._myScene.fogEnabled && mesh.applyFog && this._myScene.fogMode !== BABYLON.Scene.FOGMODE_NONE || this.reflectionTexture) { this._effect.setMatrix("view", this._myScene.getViewMatrix()); } // Fog BABYLON.MaterialHelper.BindFogParameters(this._myScene, mesh, this._effect); this._lightingInfos.x = this.directIntensity; this._lightingInfos.y = this.emissiveIntensity; this._lightingInfos.z = this.environmentIntensity; this._lightingInfos.w = this.specularIntensity; this._effect.setVector4("vLightingIntensity", this._lightingInfos); this._overloadedShadowInfos.x = this.overloadedShadowIntensity; this._overloadedShadowInfos.y = this.overloadedShadeIntensity; this._effect.setVector4("vOverloadedShadowIntensity", this._overloadedShadowInfos); this._cameraInfos.x = this.cameraExposure; this._cameraInfos.y = this.cameraContrast; this._effect.setVector4("vCameraInfos", this._cameraInfos); if (this.cameraColorCurves) { BABYLON.ColorCurves.Bind(this.cameraColorCurves, this._effect); } this._overloadedIntensity.x = this.overloadedAmbientIntensity; this._overloadedIntensity.y = this.overloadedAlbedoIntensity; this._overloadedIntensity.z = this.overloadedReflectivityIntensity; this._overloadedIntensity.w = this.overloadedEmissiveIntensity; this._effect.setVector4("vOverloadedIntensity", this._overloadedIntensity); this.convertColorToLinearSpaceToRef(this.overloadedAmbient, this._tempColor); this._effect.setColor3("vOverloadedAmbient", this._tempColor); this.convertColorToLinearSpaceToRef(this.overloadedAlbedo, this._tempColor); this._effect.setColor3("vOverloadedAlbedo", this._tempColor); this.convertColorToLinearSpaceToRef(this.overloadedReflectivity, this._tempColor); this._effect.setColor3("vOverloadedReflectivity", this._tempColor); this.convertColorToLinearSpaceToRef(this.overloadedEmissive, this._tempColor); this._effect.setColor3("vOverloadedEmissive", this._tempColor); this.convertColorToLinearSpaceToRef(this.overloadedReflection, this._tempColor); this._effect.setColor3("vOverloadedReflection", this._tempColor); this._overloadedMicroSurface.x = this.overloadedMicroSurface; this._overloadedMicroSurface.y = this.overloadedMicroSurfaceIntensity; this._overloadedMicroSurface.z = this.overloadedReflectionIntensity; this._effect.setVector3("vOverloadedMicroSurface", this._overloadedMicroSurface); // Log. depth BABYLON.MaterialHelper.BindLogDepth(this._defines, this._effect, this._myScene); } _super.prototype.bind.call(this, world, mesh); this._myScene = null; }; PBRMaterial.prototype.getAnimatables = function () { var results = []; if (this.albedoTexture && this.albedoTexture.animations && this.albedoTexture.animations.length > 0) { results.push(this.albedoTexture); } if (this.ambientTexture && this.ambientTexture.animations && this.ambientTexture.animations.length > 0) { results.push(this.ambientTexture); } if (this.opacityTexture && this.opacityTexture.animations && this.opacityTexture.animations.length > 0) { results.push(this.opacityTexture); } if (this.reflectionTexture && this.reflectionTexture.animations && this.reflectionTexture.animations.length > 0) { results.push(this.reflectionTexture); } if (this.emissiveTexture && this.emissiveTexture.animations && this.emissiveTexture.animations.length > 0) { results.push(this.emissiveTexture); } if (this.reflectivityTexture && this.reflectivityTexture.animations && this.reflectivityTexture.animations.length > 0) { results.push(this.reflectivityTexture); } if (this.bumpTexture && this.bumpTexture.animations && this.bumpTexture.animations.length > 0) { results.push(this.bumpTexture); } if (this.lightmapTexture && this.lightmapTexture.animations && this.lightmapTexture.animations.length > 0) { results.push(this.lightmapTexture); } if (this.refractionTexture && this.refractionTexture.animations && this.refractionTexture.animations.length > 0) { results.push(this.refractionTexture); } if (this.cameraColorGradingTexture && this.cameraColorGradingTexture.animations && this.cameraColorGradingTexture.animations.length > 0) { results.push(this.cameraColorGradingTexture); } return results; }; PBRMaterial.prototype.dispose = function (forceDisposeEffect, forceDisposeTextures) { if (forceDisposeTextures) { if (this.albedoTexture) { this.albedoTexture.dispose(); } if (this.ambientTexture) { this.ambientTexture.dispose(); } if (this.opacityTexture) { this.opacityTexture.dispose(); } if (this.reflectionTexture) { this.reflectionTexture.dispose(); } if (this.emissiveTexture) { this.emissiveTexture.dispose(); } if (this.reflectivityTexture) { this.reflectivityTexture.dispose(); } if (this.bumpTexture) { this.bumpTexture.dispose(); } if (this.lightmapTexture) { this.lightmapTexture.dispose(); } if (this.refractionTexture) { this.refractionTexture.dispose(); } if (this.cameraColorGradingTexture) { this.cameraColorGradingTexture.dispose(); } } _super.prototype.dispose.call(this, forceDisposeEffect, forceDisposeTextures); }; PBRMaterial.prototype.clone = function (name) { var _this = this; return BABYLON.SerializationHelper.Clone(function () { return new PBRMaterial(name, _this.getScene()); }, this); }; PBRMaterial.prototype.serialize = function () { var serializationObject = BABYLON.SerializationHelper.Serialize(this); serializationObject.customType = "BABYLON.PBRMaterial"; return serializationObject; }; // Statics PBRMaterial.Parse = function (source, scene, rootUrl) { return BABYLON.SerializationHelper.Parse(function () { return new PBRMaterial(source.name, scene); }, source, scene, rootUrl); }; PBRMaterial._scaledAlbedo = new BABYLON.Color3(); PBRMaterial._scaledReflectivity = new BABYLON.Color3(); PBRMaterial._scaledEmissive = new BABYLON.Color3(); PBRMaterial._scaledReflection = new BABYLON.Color3(); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "directIntensity", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "emissiveIntensity", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "environmentIntensity", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "specularIntensity", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "disableBumpMap", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "overloadedShadowIntensity", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "overloadedShadeIntensity", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "cameraExposure", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "cameraContrast", void 0); __decorate([ BABYLON.serializeAsTexture() ], PBRMaterial.prototype, "cameraColorGradingTexture", void 0); __decorate([ BABYLON.serializeAsColorCurves() ], PBRMaterial.prototype, "cameraColorCurves", void 0); __decorate([ BABYLON.serializeAsColor3() ], PBRMaterial.prototype, "overloadedAmbient", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "overloadedAmbientIntensity", void 0); __decorate([ BABYLON.serializeAsColor3() ], PBRMaterial.prototype, "overloadedAlbedo", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "overloadedAlbedoIntensity", void 0); __decorate([ BABYLON.serializeAsColor3() ], PBRMaterial.prototype, "overloadedReflectivity", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "overloadedReflectivityIntensity", void 0); __decorate([ BABYLON.serializeAsColor3() ], PBRMaterial.prototype, "overloadedEmissive", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "overloadedEmissiveIntensity", void 0); __decorate([ BABYLON.serializeAsColor3() ], PBRMaterial.prototype, "overloadedReflection", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "overloadedReflectionIntensity", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "overloadedMicroSurface", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "overloadedMicroSurfaceIntensity", void 0); __decorate([ BABYLON.serializeAsTexture() ], PBRMaterial.prototype, "albedoTexture", void 0); __decorate([ BABYLON.serializeAsTexture() ], PBRMaterial.prototype, "ambientTexture", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "ambientTextureStrength", void 0); __decorate([ BABYLON.serializeAsTexture() ], PBRMaterial.prototype, "opacityTexture", void 0); __decorate([ BABYLON.serializeAsTexture() ], PBRMaterial.prototype, "reflectionTexture", void 0); __decorate([ BABYLON.serializeAsTexture() ], PBRMaterial.prototype, "emissiveTexture", void 0); __decorate([ BABYLON.serializeAsTexture() ], PBRMaterial.prototype, "reflectivityTexture", void 0); __decorate([ BABYLON.serializeAsTexture() ], PBRMaterial.prototype, "bumpTexture", void 0); __decorate([ BABYLON.serializeAsTexture() ], PBRMaterial.prototype, "lightmapTexture", void 0); __decorate([ BABYLON.serializeAsTexture() ], PBRMaterial.prototype, "refractionTexture", void 0); __decorate([ BABYLON.serializeAsColor3("ambient") ], PBRMaterial.prototype, "ambientColor", void 0); __decorate([ BABYLON.serializeAsColor3("albedo") ], PBRMaterial.prototype, "albedoColor", void 0); __decorate([ BABYLON.serializeAsColor3("reflectivity") ], PBRMaterial.prototype, "reflectivityColor", void 0); __decorate([ BABYLON.serializeAsColor3("reflection") ], PBRMaterial.prototype, "reflectionColor", void 0); __decorate([ BABYLON.serializeAsColor3("emissive") ], PBRMaterial.prototype, "emissiveColor", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "microSurface", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "indexOfRefraction", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "invertRefractionY", void 0); __decorate([ BABYLON.serializeAsFresnelParameters() ], PBRMaterial.prototype, "opacityFresnelParameters", void 0); __decorate([ BABYLON.serializeAsFresnelParameters() ], PBRMaterial.prototype, "emissiveFresnelParameters", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "linkRefractionWithTransparency", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "linkEmissiveWithAlbedo", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "useLightmapAsShadowmap", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "useEmissiveAsIllumination", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "useAlphaFromAlbedoTexture", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "useSpecularOverAlpha", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "useMicroSurfaceFromReflectivityMapAlpha", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "useAutoMicroSurfaceFromReflectivityMap", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "useScalarInLinearSpace", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "usePhysicalLightFalloff", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "useRadianceOverAlpha", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "useParallax", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "useParallaxOcclusion", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "parallaxScaleBias", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "disableLighting", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "maxSimultaneousLights", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "invertNormalMapX", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "invertNormalMapY", void 0); __decorate([ BABYLON.serialize() ], PBRMaterial.prototype, "useLogarithmicDepth", null); return PBRMaterial; }(BABYLON.Material)); BABYLON.PBRMaterial = PBRMaterial; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Materials/babylon.pbrMaterial.js.map var BABYLON; (function (BABYLON) { var DebugLayer = (function () { function DebugLayer(scene) { var _this = this; this._transformationMatrix = BABYLON.Matrix.Identity(); this._enabled = false; this._labelsEnabled = false; this._displayStatistics = true; this._displayTree = false; this._displayLogs = false; this._skeletonViewers = new Array(); this._identityMatrix = BABYLON.Matrix.Identity(); this.axisRatio = 0.02; this.accentColor = "orange"; this._scene = scene; this._syncPositions = function () { var engine = _this._scene.getEngine(); var canvasRect = engine.getRenderingCanvasClientRect(); if (_this._showUI) { _this._statsDiv.style.left = (canvasRect.width - 410) + "px"; _this._statsDiv.style.top = (canvasRect.height - 290) + "px"; _this._statsDiv.style.width = "400px"; _this._statsDiv.style.height = "auto"; _this._statsSubsetDiv.style.maxHeight = "240px"; _this._optionsDiv.style.left = "0px"; _this._optionsDiv.style.top = "10px"; _this._optionsDiv.style.width = "200px"; _this._optionsDiv.style.height = "auto"; _this._optionsSubsetDiv.style.maxHeight = (canvasRect.height - 225) + "px"; _this._logDiv.style.left = "0px"; _this._logDiv.style.top = (canvasRect.height - 170) + "px"; _this._logDiv.style.width = "600px"; _this._logDiv.style.height = "160px"; _this._treeDiv.style.left = (canvasRect.width - 310) + "px"; _this._treeDiv.style.top = "10px"; _this._treeDiv.style.width = "300px"; _this._treeDiv.style.height = "auto"; _this._treeSubsetDiv.style.maxHeight = (canvasRect.height - 340) + "px"; } _this._globalDiv.style.left = canvasRect.left + "px"; _this._globalDiv.style.top = canvasRect.top + "px"; _this._drawingCanvas.style.left = "0px"; _this._drawingCanvas.style.top = "0px"; _this._drawingCanvas.style.width = engine.getRenderWidth() + "px"; _this._drawingCanvas.style.height = engine.getRenderHeight() + "px"; var devicePixelRatio = window.devicePixelRatio || 1; var context = _this._drawingContext; var backingStoreRatio = context.webkitBackingStorePixelRatio || context.mozBackingStorePixelRatio || context.msBackingStorePixelRatio || context.oBackingStorePixelRatio || context.backingStorePixelRatio || 1; _this._ratio = devicePixelRatio / backingStoreRatio; _this._drawingCanvas.width = engine.getRenderWidth() * _this._ratio; _this._drawingCanvas.height = engine.getRenderHeight() * _this._ratio; }; this._onCanvasClick = function (evt) { _this._clickPosition = { x: evt.clientX * _this._ratio, y: evt.clientY * _this._ratio }; }; this._syncUI = function () { if (_this._showUI) { if (_this._displayStatistics) { _this._displayStats(); _this._statsDiv.style.display = ""; } else { _this._statsDiv.style.display = "none"; } if (_this._displayLogs) { _this._logDiv.style.display = ""; } else { _this._logDiv.style.display = "none"; } if (_this._displayTree) { _this._treeDiv.style.display = ""; if (_this._needToRefreshMeshesTree) { _this._needToRefreshMeshesTree = false; _this._refreshMeshesTreeContent(); } } else { _this._treeDiv.style.display = "none"; } } }; this._syncData = function () { if (_this._labelsEnabled || !_this._showUI) { _this._camera.getViewMatrix().multiplyToRef(_this._camera.getProjectionMatrix(), _this._transformationMatrix); _this._drawingContext.clearRect(0, 0, _this._drawingCanvas.width, _this._drawingCanvas.height); var engine = _this._scene.getEngine(); var viewport = _this._camera.viewport; var globalViewport = viewport.toGlobal(engine.getRenderWidth(), engine.getRenderHeight()); // Meshes var meshes = _this._camera.getActiveMeshes(); var index; var projectedPosition; for (index = 0; index < meshes.length; index++) { var mesh = meshes.data[index]; var position = mesh.getBoundingInfo().boundingSphere.center; projectedPosition = BABYLON.Vector3.Project(position, mesh.getWorldMatrix(), _this._transformationMatrix, globalViewport); if (mesh.renderOverlay || _this.shouldDisplayAxis && _this.shouldDisplayAxis(mesh)) { _this._renderAxis(projectedPosition, mesh, globalViewport); } if (!_this.shouldDisplayLabel || _this.shouldDisplayLabel(mesh)) { _this._renderLabel(mesh.name, projectedPosition, 12, function () { mesh.renderOverlay = !mesh.renderOverlay; }, function () { return mesh.renderOverlay ? 'red' : 'black'; }); } } // Cameras var cameras = _this._scene.cameras; for (index = 0; index < cameras.length; index++) { var camera = cameras[index]; if (camera === _this._camera) { continue; } projectedPosition = BABYLON.Vector3.Project(BABYLON.Vector3.Zero(), camera.getWorldMatrix(), _this._transformationMatrix, globalViewport); if (!_this.shouldDisplayLabel || _this.shouldDisplayLabel(camera)) { _this._renderLabel(camera.name, projectedPosition, 12, function () { _this._camera.detachControl(engine.getRenderingCanvas()); _this._camera = camera; _this._camera.attachControl(engine.getRenderingCanvas()); }, function () { return "purple"; }); } } // Lights var lights = _this._scene.lights; for (index = 0; index < lights.length; index++) { var light = lights[index]; if (light.position) { projectedPosition = BABYLON.Vector3.Project(light.getAbsolutePosition(), _this._identityMatrix, _this._transformationMatrix, globalViewport); if (!_this.shouldDisplayLabel || _this.shouldDisplayLabel(light)) { _this._renderLabel(light.name, projectedPosition, -20, function () { light.setEnabled(!light.isEnabled()); }, function () { return light.isEnabled() ? "orange" : "gray"; }); } } } } _this._clickPosition = undefined; }; } DebugLayer.prototype._refreshMeshesTreeContent = function () { while (this._treeSubsetDiv.hasChildNodes()) { this._treeSubsetDiv.removeChild(this._treeSubsetDiv.lastChild); } // Add meshes var sortedArray = this._scene.meshes.slice(0, this._scene.meshes.length); sortedArray.sort(function (a, b) { if (a.name === b.name) { return 0; } return (a.name > b.name) ? 1 : -1; }); for (var index = 0; index < sortedArray.length; index++) { var mesh = sortedArray[index]; if (!mesh.isEnabled()) { continue; } this._generateAdvancedCheckBox(this._treeSubsetDiv, mesh.name, mesh.getTotalVertices() + " verts", mesh.isVisible, function (element, m) { m.isVisible = element.checked; }, mesh); } }; DebugLayer.prototype._renderSingleAxis = function (zero, unit, unitText, label, color) { this._drawingContext.beginPath(); this._drawingContext.moveTo(zero.x, zero.y); this._drawingContext.lineTo(unit.x, unit.y); this._drawingContext.strokeStyle = color; this._drawingContext.lineWidth = 4; this._drawingContext.stroke(); this._drawingContext.font = "normal 14px Segoe UI"; this._drawingContext.fillStyle = color; this._drawingContext.fillText(label, unitText.x, unitText.y); }; DebugLayer.prototype._renderAxis = function (projectedPosition, mesh, globalViewport) { var position = mesh.getBoundingInfo().boundingSphere.center; var worldMatrix = mesh.getWorldMatrix(); var unprojectedVector = BABYLON.Vector3.UnprojectFromTransform(projectedPosition.add(new BABYLON.Vector3(this._drawingCanvas.width * this.axisRatio, 0, 0)), globalViewport.width, globalViewport.height, worldMatrix, this._transformationMatrix); var unit = (unprojectedVector.subtract(position)).length(); var xAxis = BABYLON.Vector3.Project(position.add(new BABYLON.Vector3(unit, 0, 0)), worldMatrix, this._transformationMatrix, globalViewport); var xAxisText = BABYLON.Vector3.Project(position.add(new BABYLON.Vector3(unit * 1.5, 0, 0)), worldMatrix, this._transformationMatrix, globalViewport); this._renderSingleAxis(projectedPosition, xAxis, xAxisText, "x", "#FF0000"); var yAxis = BABYLON.Vector3.Project(position.add(new BABYLON.Vector3(0, unit, 0)), worldMatrix, this._transformationMatrix, globalViewport); var yAxisText = BABYLON.Vector3.Project(position.add(new BABYLON.Vector3(0, unit * 1.5, 0)), worldMatrix, this._transformationMatrix, globalViewport); this._renderSingleAxis(projectedPosition, yAxis, yAxisText, "y", "#00FF00"); var zAxis = BABYLON.Vector3.Project(position.add(new BABYLON.Vector3(0, 0, unit)), worldMatrix, this._transformationMatrix, globalViewport); var zAxisText = BABYLON.Vector3.Project(position.add(new BABYLON.Vector3(0, 0, unit * 1.5)), worldMatrix, this._transformationMatrix, globalViewport); this._renderSingleAxis(projectedPosition, zAxis, zAxisText, "z", "#0000FF"); }; DebugLayer.prototype._renderLabel = function (text, projectedPosition, labelOffset, onClick, getFillStyle) { if (projectedPosition.z > 0 && projectedPosition.z < 1.0) { this._drawingContext.font = "normal 12px Segoe UI"; var textMetrics = this._drawingContext.measureText(text); var centerX = projectedPosition.x - textMetrics.width / 2; var centerY = projectedPosition.y; var clientRect = this._drawingCanvas.getBoundingClientRect(); if (this._showUI && this._isClickInsideRect(clientRect.left * this._ratio + centerX - 5, clientRect.top * this._ratio + centerY - labelOffset - 12, textMetrics.width + 10, 17)) { onClick(); } this._drawingContext.beginPath(); this._drawingContext.rect(centerX - 5, centerY - labelOffset - 12, textMetrics.width + 10, 17); this._drawingContext.fillStyle = getFillStyle(); this._drawingContext.globalAlpha = 0.5; this._drawingContext.fill(); this._drawingContext.globalAlpha = 1.0; this._drawingContext.strokeStyle = '#FFFFFF'; this._drawingContext.lineWidth = 1; this._drawingContext.stroke(); this._drawingContext.fillStyle = "#FFFFFF"; this._drawingContext.fillText(text, centerX, centerY - labelOffset); this._drawingContext.beginPath(); this._drawingContext.arc(projectedPosition.x, centerY, 5, 0, 2 * Math.PI, false); this._drawingContext.fill(); } }; DebugLayer.prototype._isClickInsideRect = function (x, y, width, height) { if (!this._clickPosition) { return false; } if (this._clickPosition.x < x || this._clickPosition.x > x + width) { return false; } if (this._clickPosition.y < y || this._clickPosition.y > y + height) { return false; } return true; }; DebugLayer.prototype.isVisible = function () { return this._enabled; }; DebugLayer.prototype.hide = function () { if (!this._enabled) { return; } this._enabled = false; var engine = this._scene.getEngine(); this._scene.unregisterBeforeRender(this._syncData); this._scene.unregisterAfterRender(this._syncUI); this._rootElement.removeChild(this._globalDiv); this._scene.forceShowBoundingBoxes = false; this._scene.forceWireframe = false; BABYLON.StandardMaterial.DiffuseTextureEnabled = true; BABYLON.StandardMaterial.AmbientTextureEnabled = true; BABYLON.StandardMaterial.SpecularTextureEnabled = true; BABYLON.StandardMaterial.EmissiveTextureEnabled = true; BABYLON.StandardMaterial.BumpTextureEnabled = true; BABYLON.StandardMaterial.OpacityTextureEnabled = true; BABYLON.StandardMaterial.ReflectionTextureEnabled = true; BABYLON.StandardMaterial.LightmapTextureEnabled = true; BABYLON.StandardMaterial.RefractionTextureEnabled = true; BABYLON.StandardMaterial.ColorGradingTextureEnabled = true; this._scene.shadowsEnabled = true; this._scene.particlesEnabled = true; this._scene.postProcessesEnabled = true; this._scene.collisionsEnabled = true; this._scene.lightsEnabled = true; this._scene.texturesEnabled = true; this._scene.lensFlaresEnabled = true; this._scene.proceduralTexturesEnabled = true; this._scene.renderTargetsEnabled = true; this._scene.probesEnabled = true; engine.getRenderingCanvas().removeEventListener("click", this._onCanvasClick); this._clearSkeletonViewers(); }; DebugLayer.prototype._clearSkeletonViewers = function () { for (var index = 0; index < this._skeletonViewers.length; index++) { this._skeletonViewers[index].dispose(); } this._skeletonViewers = []; }; DebugLayer.prototype.show = function (showUI, camera, rootElement) { if (showUI === void 0) { showUI = true; } if (camera === void 0) { camera = null; } if (rootElement === void 0) { rootElement = null; } if (this._enabled) { return; } this._enabled = true; if (camera) { this._camera = camera; } else { this._camera = this._scene.activeCamera; } this._showUI = showUI; var engine = this._scene.getEngine(); this._globalDiv = document.createElement("div"); this._rootElement = rootElement || document.body; this._rootElement.appendChild(this._globalDiv); this._generateDOMelements(); engine.getRenderingCanvas().addEventListener("click", this._onCanvasClick); this._syncPositions(); this._scene.registerBeforeRender(this._syncData); this._scene.registerAfterRender(this._syncUI); }; DebugLayer.prototype._clearLabels = function () { this._drawingContext.clearRect(0, 0, this._drawingCanvas.width, this._drawingCanvas.height); for (var index = 0; index < this._scene.meshes.length; index++) { var mesh = this._scene.meshes[index]; mesh.renderOverlay = false; } }; DebugLayer.prototype._generateheader = function (root, text) { var header = document.createElement("div"); header.innerHTML = text + " "; header.style.textAlign = "right"; header.style.width = "100%"; header.style.color = "white"; header.style.backgroundColor = "Black"; header.style.padding = "5px 5px 4px 0px"; header.style.marginLeft = "-5px"; header.style.fontWeight = "bold"; root.appendChild(header); }; DebugLayer.prototype._generateTexBox = function (root, title, color) { var label = document.createElement("label"); label.style.display = "inline"; label.innerHTML = title; label.style.color = color; root.appendChild(label); root.appendChild(document.createElement("br")); }; DebugLayer.prototype._generateAdvancedCheckBox = function (root, leftTitle, rightTitle, initialState, task, tag) { if (tag === void 0) { tag = null; } var label = document.createElement("label"); label.style.display = "inline"; var boundingBoxesCheckbox = document.createElement("input"); boundingBoxesCheckbox.type = "checkbox"; boundingBoxesCheckbox.checked = initialState; boundingBoxesCheckbox.style.display = "inline"; boundingBoxesCheckbox.style.margin = "0px 5px 0px 0px"; boundingBoxesCheckbox.style.verticalAlign = "sub"; boundingBoxesCheckbox.addEventListener("change", function (evt) { task(evt.target, tag); }); label.appendChild(boundingBoxesCheckbox); var container = document.createElement("span"); var leftPart = document.createElement("span"); var rightPart = document.createElement("span"); rightPart.style.cssFloat = "right"; leftPart.innerHTML = leftTitle; rightPart.innerHTML = rightTitle; rightPart.style.fontSize = "12px"; rightPart.style.maxWidth = "200px"; container.appendChild(leftPart); container.appendChild(rightPart); label.appendChild(container); root.appendChild(label); root.appendChild(document.createElement("br")); }; DebugLayer.prototype._generateCheckBox = function (root, title, initialState, task, tag) { if (tag === void 0) { tag = null; } var label = document.createElement("label"); label.style.display = "inline"; var checkBox = document.createElement("input"); checkBox.type = "checkbox"; checkBox.checked = initialState; checkBox.style.display = "inline"; checkBox.style.margin = "0px 5px 0px 0px"; checkBox.style.verticalAlign = "sub"; checkBox.addEventListener("change", function (evt) { task(evt.target, tag); }); label.appendChild(checkBox); label.appendChild(document.createTextNode(title)); root.appendChild(label); root.appendChild(document.createElement("br")); }; DebugLayer.prototype._generateButton = function (root, title, task, tag) { if (tag === void 0) { tag = null; } var button = document.createElement("button"); button.innerHTML = title; button.style.height = "24px"; button.style.width = "150px"; button.style.marginBottom = "5px"; button.style.color = "#444444"; button.style.border = "1px solid white"; button.className = "debugLayerButton"; button.addEventListener("click", function (evt) { task(evt.target, tag); }); root.appendChild(button); root.appendChild(document.createElement("br")); }; DebugLayer.prototype._generateRadio = function (root, title, name, initialState, task, tag) { if (tag === void 0) { tag = null; } var label = document.createElement("label"); label.style.display = "inline"; var boundingBoxesRadio = document.createElement("input"); boundingBoxesRadio.type = "radio"; boundingBoxesRadio.name = name; boundingBoxesRadio.checked = initialState; boundingBoxesRadio.style.display = "inline"; boundingBoxesRadio.style.margin = "0px 5px 0px 0px"; boundingBoxesRadio.style.verticalAlign = "sub"; boundingBoxesRadio.addEventListener("change", function (evt) { task(evt.target, tag); }); label.appendChild(boundingBoxesRadio); label.appendChild(document.createTextNode(title)); root.appendChild(label); root.appendChild(document.createElement("br")); }; DebugLayer.prototype._generateDOMelements = function () { var _this = this; this._globalDiv.id = "DebugLayer"; this._globalDiv.style.position = "absolute"; this._globalDiv.style.fontFamily = "Segoe UI, Arial"; this._globalDiv.style.fontSize = "14px"; this._globalDiv.style.color = "white"; // Drawing canvas this._drawingCanvas = document.createElement("canvas"); this._drawingCanvas.id = "DebugLayerDrawingCanvas"; this._drawingCanvas.style.position = "absolute"; this._drawingCanvas.style.pointerEvents = "none"; this._drawingCanvas.style.backgroundColor = "transparent"; this._drawingContext = this._drawingCanvas.getContext("2d"); this._globalDiv.appendChild(this._drawingCanvas); if (this._showUI) { var background = "rgba(128, 128, 128, 0.4)"; var border = "rgb(180, 180, 180) solid 1px"; // Stats this._statsDiv = document.createElement("div"); this._statsDiv.id = "DebugLayerStats"; this._statsDiv.style.border = border; this._statsDiv.style.position = "absolute"; this._statsDiv.style.background = background; this._statsDiv.style.padding = "0px 0px 0px 5px"; this._generateheader(this._statsDiv, "STATISTICS"); this._statsSubsetDiv = document.createElement("div"); this._statsSubsetDiv.style.paddingTop = "5px"; this._statsSubsetDiv.style.paddingBottom = "5px"; this._statsSubsetDiv.style.overflowY = "auto"; this._statsDiv.appendChild(this._statsSubsetDiv); // Tree this._treeDiv = document.createElement("div"); this._treeDiv.id = "DebugLayerTree"; this._treeDiv.style.border = border; this._treeDiv.style.position = "absolute"; this._treeDiv.style.background = background; this._treeDiv.style.padding = "0px 0px 0px 5px"; this._treeDiv.style.display = "none"; this._generateheader(this._treeDiv, "MESHES TREE"); this._treeSubsetDiv = document.createElement("div"); this._treeSubsetDiv.style.paddingTop = "5px"; this._treeSubsetDiv.style.paddingRight = "5px"; this._treeSubsetDiv.style.overflowY = "auto"; this._treeSubsetDiv.style.maxHeight = "300px"; this._treeDiv.appendChild(this._treeSubsetDiv); this._needToRefreshMeshesTree = true; // Logs this._logDiv = document.createElement("div"); this._logDiv.style.border = border; this._logDiv.id = "DebugLayerLogs"; this._logDiv.style.position = "absolute"; this._logDiv.style.background = background; this._logDiv.style.padding = "0px 0px 0px 5px"; this._logDiv.style.display = "none"; this._generateheader(this._logDiv, "LOGS"); this._logSubsetDiv = document.createElement("div"); this._logSubsetDiv.style.height = "127px"; this._logSubsetDiv.style.paddingTop = "5px"; this._logSubsetDiv.style.overflowY = "auto"; this._logSubsetDiv.style.fontSize = "12px"; this._logSubsetDiv.style.fontFamily = "consolas"; this._logSubsetDiv.innerHTML = BABYLON.Tools.LogCache; this._logDiv.appendChild(this._logSubsetDiv); BABYLON.Tools.OnNewCacheEntry = function (entry) { _this._logSubsetDiv.innerHTML = entry + _this._logSubsetDiv.innerHTML; }; // Options this._optionsDiv = document.createElement("div"); this._optionsDiv.id = "DebugLayerOptions"; this._optionsDiv.style.border = border; this._optionsDiv.style.position = "absolute"; this._optionsDiv.style.background = background; this._optionsDiv.style.padding = "0px 0px 0px 5px"; this._optionsDiv.style.overflowY = "auto"; this._generateheader(this._optionsDiv, "OPTIONS"); this._optionsSubsetDiv = document.createElement("div"); this._optionsSubsetDiv.style.paddingTop = "5px"; this._optionsSubsetDiv.style.paddingBottom = "5px"; this._optionsSubsetDiv.style.overflowY = "auto"; this._optionsSubsetDiv.style.maxHeight = "200px"; this._optionsDiv.appendChild(this._optionsSubsetDiv); this._generateTexBox(this._optionsSubsetDiv, "Windows:", this.accentColor); this._generateCheckBox(this._optionsSubsetDiv, "Statistics", this._displayStatistics, function (element) { _this._displayStatistics = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Logs", this._displayLogs, function (element) { _this._displayLogs = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Meshes tree", this._displayTree, function (element) { _this._displayTree = element.checked; _this._needToRefreshMeshesTree = true; }); this._optionsSubsetDiv.appendChild(document.createElement("br")); this._generateTexBox(this._optionsSubsetDiv, "General:", this.accentColor); this._generateCheckBox(this._optionsSubsetDiv, "Bounding boxes", this._scene.forceShowBoundingBoxes, function (element) { _this._scene.forceShowBoundingBoxes = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Clickable labels", this._labelsEnabled, function (element) { _this._labelsEnabled = element.checked; if (!_this._labelsEnabled) { _this._clearLabels(); } }); this._generateCheckBox(this._optionsSubsetDiv, "Generate user marks (F12)", BABYLON.Tools.PerformanceLogLevel === BABYLON.Tools.PerformanceUserMarkLogLevel, function (element) { if (element.checked) { BABYLON.Tools.PerformanceLogLevel = BABYLON.Tools.PerformanceUserMarkLogLevel; } else { BABYLON.Tools.PerformanceLogLevel = BABYLON.Tools.PerformanceNoneLogLevel; } }); ; this._optionsSubsetDiv.appendChild(document.createElement("br")); this._generateTexBox(this._optionsSubsetDiv, "Rendering mode:", this.accentColor); this._generateRadio(this._optionsSubsetDiv, "Solid", "renderMode", !this._scene.forceWireframe && !this._scene.forcePointsCloud, function (element) { if (element.checked) { _this._scene.forceWireframe = false; _this._scene.forcePointsCloud = false; } }); this._generateRadio(this._optionsSubsetDiv, "Wireframe", "renderMode", this._scene.forceWireframe, function (element) { if (element.checked) { _this._scene.forceWireframe = true; _this._scene.forcePointsCloud = false; } }); this._generateRadio(this._optionsSubsetDiv, "Point", "renderMode", this._scene.forcePointsCloud, function (element) { if (element.checked) { _this._scene.forceWireframe = false; _this._scene.forcePointsCloud = true; } }); this._optionsSubsetDiv.appendChild(document.createElement("br")); this._generateTexBox(this._optionsSubsetDiv, "Texture channels:", this.accentColor); this._generateCheckBox(this._optionsSubsetDiv, "Diffuse", BABYLON.StandardMaterial.DiffuseTextureEnabled, function (element) { BABYLON.StandardMaterial.DiffuseTextureEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Ambient", BABYLON.StandardMaterial.AmbientTextureEnabled, function (element) { BABYLON.StandardMaterial.AmbientTextureEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Specular", BABYLON.StandardMaterial.SpecularTextureEnabled, function (element) { BABYLON.StandardMaterial.SpecularTextureEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Emissive", BABYLON.StandardMaterial.EmissiveTextureEnabled, function (element) { BABYLON.StandardMaterial.EmissiveTextureEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Bump", BABYLON.StandardMaterial.BumpTextureEnabled, function (element) { BABYLON.StandardMaterial.BumpTextureEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Opacity", BABYLON.StandardMaterial.OpacityTextureEnabled, function (element) { BABYLON.StandardMaterial.OpacityTextureEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Reflection", BABYLON.StandardMaterial.ReflectionTextureEnabled, function (element) { BABYLON.StandardMaterial.ReflectionTextureEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Refraction", BABYLON.StandardMaterial.RefractionTextureEnabled, function (element) { BABYLON.StandardMaterial.RefractionTextureEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "ColorGrading", BABYLON.StandardMaterial.ColorGradingTextureEnabled, function (element) { BABYLON.StandardMaterial.ColorGradingTextureEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Lightmap", BABYLON.StandardMaterial.LightmapTextureEnabled, function (element) { BABYLON.StandardMaterial.LightmapTextureEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Fresnel", BABYLON.StandardMaterial.FresnelEnabled, function (element) { BABYLON.StandardMaterial.FresnelEnabled = element.checked; }); this._optionsSubsetDiv.appendChild(document.createElement("br")); this._generateTexBox(this._optionsSubsetDiv, "Options:", this.accentColor); this._generateCheckBox(this._optionsSubsetDiv, "Animations", this._scene.animationsEnabled, function (element) { _this._scene.animationsEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Collisions", this._scene.collisionsEnabled, function (element) { _this._scene.collisionsEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Fog", this._scene.fogEnabled, function (element) { _this._scene.fogEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Lens flares", this._scene.lensFlaresEnabled, function (element) { _this._scene.lensFlaresEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Lights", this._scene.lightsEnabled, function (element) { _this._scene.lightsEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Particles", this._scene.particlesEnabled, function (element) { _this._scene.particlesEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Post-processes", this._scene.postProcessesEnabled, function (element) { _this._scene.postProcessesEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Probes", this._scene.probesEnabled, function (element) { _this._scene.probesEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Procedural textures", this._scene.proceduralTexturesEnabled, function (element) { _this._scene.proceduralTexturesEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Render targets", this._scene.renderTargetsEnabled, function (element) { _this._scene.renderTargetsEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Shadows", this._scene.shadowsEnabled, function (element) { _this._scene.shadowsEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Skeletons", this._scene.skeletonsEnabled, function (element) { _this._scene.skeletonsEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Sprites", this._scene.spritesEnabled, function (element) { _this._scene.spritesEnabled = element.checked; }); this._generateCheckBox(this._optionsSubsetDiv, "Textures", this._scene.texturesEnabled, function (element) { _this._scene.texturesEnabled = element.checked; }); if (BABYLON.AudioEngine && BABYLON.Engine.audioEngine.canUseWebAudio) { this._optionsSubsetDiv.appendChild(document.createElement("br")); this._generateTexBox(this._optionsSubsetDiv, "Audio:", this.accentColor); this._generateRadio(this._optionsSubsetDiv, "Headphones", "panningModel", this._scene.headphone, function (element) { if (element.checked) { _this._scene.headphone = true; } }); this._generateRadio(this._optionsSubsetDiv, "Normal Speakers", "panningModel", !this._scene.headphone, function (element) { if (element.checked) { _this._scene.headphone = false; } }); this._generateCheckBox(this._optionsSubsetDiv, "Disable audio", !this._scene.audioEnabled, function (element) { _this._scene.audioEnabled = !element.checked; }); } this._optionsSubsetDiv.appendChild(document.createElement("br")); this._generateTexBox(this._optionsSubsetDiv, "Viewers:", this.accentColor); this._generateCheckBox(this._optionsSubsetDiv, "Skeletons", false, function (element) { if (!element.checked) { _this._clearSkeletonViewers(); return; } for (var index = 0; index < _this._scene.meshes.length; index++) { var mesh = _this._scene.meshes[index]; if (mesh.skeleton) { var found = false; for (var sIndex = 0; sIndex < _this._skeletonViewers.length; sIndex++) { if (_this._skeletonViewers[sIndex].skeleton === mesh.skeleton) { found = true; break; } } if (found) { continue; } var viewer = new BABYLON.Debug.SkeletonViewer(mesh.skeleton, mesh, _this._scene); viewer.isEnabled = true; _this._skeletonViewers.push(viewer); } } }); this._optionsSubsetDiv.appendChild(document.createElement("br")); this._generateTexBox(this._optionsSubsetDiv, "Tools:", this.accentColor); this._generateButton(this._optionsSubsetDiv, "Dump rendertargets", function (element) { _this._scene.dumpNextRenderTargets = true; }); this._generateButton(this._optionsSubsetDiv, "Run SceneOptimizer", function (element) { BABYLON.SceneOptimizer.OptimizeAsync(_this._scene); }); this._generateButton(this._optionsSubsetDiv, "Log camera object", function (element) { if (_this._camera) { console.log(_this._camera); } else { console.warn("No camera defined, or debug layer created before camera creation!"); } }); this._optionsSubsetDiv.appendChild(document.createElement("br")); this._globalDiv.appendChild(this._statsDiv); this._globalDiv.appendChild(this._logDiv); this._globalDiv.appendChild(this._optionsDiv); this._globalDiv.appendChild(this._treeDiv); } }; DebugLayer.prototype._displayStats = function () { var scene = this._scene; var engine = scene.getEngine(); var glInfo = engine.getGlInfo(); this._statsSubsetDiv.innerHTML = "Babylon.js v" + BABYLON.Engine.Version + " - " + BABYLON.Tools.Format(engine.getFps(), 0) + " fps

" + "
" + "Count
" + "Total meshes: " + scene.meshes.length + "
" + "Total lights: " + scene.lights.length + "
" + "Total vertices: " + scene.getTotalVertices() + "
" + "Total materials: " + scene.materials.length + "
" + "Total textures: " + scene.textures.length + "
" + "Active meshes: " + scene.getActiveMeshes().length + "
" + "Active indices: " + scene.getActiveIndices() + "
" + "Active bones: " + scene.getActiveBones() + "
" + "Active particles: " + scene.getActiveParticles() + "
" + "Draw calls: " + engine.drawCalls + "

" + "Duration
" + "Meshes selection: " + BABYLON.Tools.Format(scene.getEvaluateActiveMeshesDuration()) + " ms
" + "Render Targets: " + BABYLON.Tools.Format(scene.getRenderTargetsDuration()) + " ms
" + "Particles: " + BABYLON.Tools.Format(scene.getParticlesDuration()) + " ms
" + "Sprites: " + BABYLON.Tools.Format(scene.getSpritesDuration()) + " ms

" + "Render: " + BABYLON.Tools.Format(scene.getRenderDuration()) + " ms
" + "Frame: " + BABYLON.Tools.Format(scene.getLastFrameDuration()) + " ms
" + "Potential FPS: " + BABYLON.Tools.Format(1000.0 / scene.getLastFrameDuration(), 0) + "
" + "Resolution: " + engine.getRenderWidth() + "x" + engine.getRenderHeight() + "

" + "
" + "
" + "Extensions
" + "Std derivatives: " + (engine.getCaps().standardDerivatives ? "Yes" : "No") + "
" + "Compressed textures: " + (engine.getCaps().s3tc ? "Yes" : "No") + "
" + "Hardware instances: " + (engine.getCaps().instancedArrays ? "Yes" : "No") + "
" + "Texture float: " + (engine.getCaps().textureFloat ? "Yes" : "No") + "

" + "32bits indices: " + (engine.getCaps().uintIndices ? "Yes" : "No") + "
" + "Fragment depth: " + (engine.getCaps().fragmentDepthSupported ? "Yes" : "No") + "
" + "High precision shaders: " + (engine.getCaps().highPrecisionShaderSupported ? "Yes" : "No") + "
" + "Draw buffers: " + (engine.getCaps().drawBuffersExtension ? "Yes" : "No") + "
" + "

" + "
" + "Caps.
" + "Stencil: " + (engine.isStencilEnable ? "Enabled" : "Disabled") + "
" + "Max textures units: " + engine.getCaps().maxTexturesImageUnits + "
" + "Max textures size: " + engine.getCaps().maxTextureSize + "
" + "Max anisotropy: " + engine.getCaps().maxAnisotropy + "
" + "Info
" + "WebGL feature level: " + engine.webGLVersion + "
" + glInfo.version + "
" + "

" + glInfo.renderer + "
"; if (this.customStatsFunction) { this._statsSubsetDiv.innerHTML += this.customStatsFunction(); } }; return DebugLayer; }()); BABYLON.DebugLayer = DebugLayer; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../Debug/babylon.debugLayer.js.map var BABYLON; (function (BABYLON) { var StandardRenderingPipeline = (function (_super) { __extends(StandardRenderingPipeline, _super); /** * @constructor * @param {string} name - The rendering pipeline name * @param {BABYLON.Scene} scene - The scene linked to this pipeline * @param {any} ratio - The size of the postprocesses (0.5 means that your postprocess will have a width = canvas.width 0.5 and a height = canvas.height 0.5) * @param {BABYLON.PostProcess} originalPostProcess - the custom original color post-process. Must be "reusable". Can be null. * @param {BABYLON.Camera[]} cameras - The array of cameras that the rendering pipeline will be attached to */ function StandardRenderingPipeline(name, scene, ratio, originalPostProcess, cameras) { var _this = this; if (originalPostProcess === void 0) { originalPostProcess = null; } _super.call(this, scene.getEngine(), name); this.downSampleX4PostProcess = null; this.brightPassPostProcess = null; this.gaussianBlurHPostProcesses = []; this.gaussianBlurVPostProcesses = []; this.textureAdderPostProcess = null; this.textureAdderFinalPostProcess = null; this.lensFlarePostProcess = null; this.lensFlareComposePostProcess = null; this.depthOfFieldPostProcess = null; // Values this.brightThreshold = 1.0; this.blurWidth = 2.0; this.gaussianCoefficient = 0.25; this.gaussianMean = 1.0; this.gaussianStandardDeviation = 1.0; this.exposure = 1.0; this.lensTexture = null; this.lensColorTexture = null; this.lensFlareStrength = 20.0; this.lensFlareGhostDispersal = 1.4; this.lensFlareHaloWidth = 0.7; this.lensFlareDistortionStrength = 16.0; this.lensStarTexture = null; this.lensFlareDirtTexture = null; this.depthOfFieldDistance = 10.0; // IAnimatable this.animations = []; this._depthRenderer = null; // Getters and setters this._depthOfFieldEnabled = true; this._lensFlareEnabled = true; // Initialize this._scene = scene; // Create pass post-processe if (!originalPostProcess) { this.originalPostProcess = new BABYLON.PostProcess("HDRPass", "standard", [], [], ratio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), true, "#define PASS_POST_PROCESS", BABYLON.Engine.TEXTURETYPE_FLOAT); } else { this.originalPostProcess = originalPostProcess; } this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRPassPostProcess", function () { return _this.originalPostProcess; }, true)); // Create down sample X4 post-process this._createDownSampleX4PostProcess(scene, ratio / 2); // Create bright pass post-process this._createBrightPassPostProcess(scene, ratio / 2); // Create gaussian blur post-processes (down sampling blurs) this._createGaussianBlurPostProcesses(scene, ratio / 2, 0); this._createGaussianBlurPostProcesses(scene, ratio / 4, 1); this._createGaussianBlurPostProcesses(scene, ratio / 8, 2); this._createGaussianBlurPostProcesses(scene, ratio / 16, 3); // Create texture adder post-process this._createTextureAdderPostProcess(scene, ratio); // Create depth-of-field source post-process this.textureAdderFinalPostProcess = new BABYLON.PostProcess("HDRDepthOfFieldSource", "standard", [], [], ratio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), true, "#define PASS_POST_PROCESS", BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT); this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRDepthOfFieldSource", function () { return _this.textureAdderFinalPostProcess; }, true)); // Create lens flare post-process this._createLensFlarePostProcess(scene, ratio); // Create gaussian blur used by depth-of-field this._createGaussianBlurPostProcesses(scene, ratio / 2, 5); // Create depth-of-field post-process this._createDepthOfFieldPostProcess(scene, ratio); // Finish scene.postProcessRenderPipelineManager.addPipeline(this); if (cameras !== null) { scene.postProcessRenderPipelineManager.attachCamerasToRenderPipeline(name, cameras); } // Deactivate this.LensFlareEnabled = false; this.DepthOfFieldEnabled = false; } Object.defineProperty(StandardRenderingPipeline.prototype, "DepthOfFieldEnabled", { get: function () { return this._depthOfFieldEnabled; }, set: function (enabled) { var blurIndex = this.gaussianBlurHPostProcesses.length - 1; if (enabled && !this._depthOfFieldEnabled) { this._scene.postProcessRenderPipelineManager.enableEffectInPipeline(this._name, "HDRGaussianBlurH" + blurIndex, this._scene.cameras); this._scene.postProcessRenderPipelineManager.enableEffectInPipeline(this._name, "HDRGaussianBlurV" + blurIndex, this._scene.cameras); this._scene.postProcessRenderPipelineManager.enableEffectInPipeline(this._name, "HDRDepthOfField", this._scene.cameras); this._depthRenderer = this._scene.enableDepthRenderer(); } else if (!enabled && this._depthOfFieldEnabled) { this._scene.postProcessRenderPipelineManager.disableEffectInPipeline(this._name, "HDRGaussianBlurH" + blurIndex, this._scene.cameras); this._scene.postProcessRenderPipelineManager.disableEffectInPipeline(this._name, "HDRGaussianBlurV" + blurIndex, this._scene.cameras); this._scene.postProcessRenderPipelineManager.disableEffectInPipeline(this._name, "HDRDepthOfField", this._scene.cameras); } this._depthOfFieldEnabled = enabled; }, enumerable: true, configurable: true }); Object.defineProperty(StandardRenderingPipeline.prototype, "LensFlareEnabled", { get: function () { return this._lensFlareEnabled; }, set: function (enabled) { var blurIndex = this.gaussianBlurHPostProcesses.length - 2; if (enabled && !this._lensFlareEnabled) { this._scene.postProcessRenderPipelineManager.enableEffectInPipeline(this._name, "HDRLensFlare", this._scene.cameras); this._scene.postProcessRenderPipelineManager.enableEffectInPipeline(this._name, "HDRLensFlareShift", this._scene.cameras); this._scene.postProcessRenderPipelineManager.enableEffectInPipeline(this._name, "HDRGaussianBlurH" + blurIndex, this._scene.cameras); this._scene.postProcessRenderPipelineManager.enableEffectInPipeline(this._name, "HDRGaussianBlurV" + blurIndex, this._scene.cameras); this._scene.postProcessRenderPipelineManager.enableEffectInPipeline(this._name, "HDRLensFlareCompose", this._scene.cameras); } else if (!enabled && this._lensFlareEnabled) { this._scene.postProcessRenderPipelineManager.disableEffectInPipeline(this._name, "HDRLensFlare", this._scene.cameras); this._scene.postProcessRenderPipelineManager.disableEffectInPipeline(this._name, "HDRLensFlareShift", this._scene.cameras); this._scene.postProcessRenderPipelineManager.disableEffectInPipeline(this._name, "HDRGaussianBlurH" + blurIndex, this._scene.cameras); this._scene.postProcessRenderPipelineManager.disableEffectInPipeline(this._name, "HDRGaussianBlurV" + blurIndex, this._scene.cameras); this._scene.postProcessRenderPipelineManager.disableEffectInPipeline(this._name, "HDRLensFlareCompose", this._scene.cameras); } this._lensFlareEnabled = enabled; }, enumerable: true, configurable: true }); // Down Sample X4 Post-Processs StandardRenderingPipeline.prototype._createDownSampleX4PostProcess = function (scene, ratio) { var _this = this; var downSampleX4Offsets = new Array(32); this.downSampleX4PostProcess = new BABYLON.PostProcess("HDRDownSampleX4", "standard", ["dsOffsets"], [], ratio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), false, "#define DOWN_SAMPLE_X4", BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT); this.downSampleX4PostProcess.onApply = function (effect) { var id = 0; for (var i = -2; i < 2; i++) { for (var j = -2; j < 2; j++) { downSampleX4Offsets[id] = (i + 0.5) * (1.0 / _this.downSampleX4PostProcess.width); downSampleX4Offsets[id + 1] = (j + 0.5) * (1.0 / _this.downSampleX4PostProcess.height); id += 2; } } effect.setArray2("dsOffsets", downSampleX4Offsets); }; // Add to pipeline this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRDownSampleX4", function () { return _this.downSampleX4PostProcess; }, true)); }; // Brightpass Post-Process StandardRenderingPipeline.prototype._createBrightPassPostProcess = function (scene, ratio) { var _this = this; var brightOffsets = new Array(8); this.brightPassPostProcess = new BABYLON.PostProcess("HDRBrightPass", "standard", ["dsOffsets", "brightThreshold"], [], ratio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), false, "#define BRIGHT_PASS", BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT); this.brightPassPostProcess.onApply = function (effect) { var sU = (1.0 / _this.brightPassPostProcess.width); var sV = (1.0 / _this.brightPassPostProcess.height); brightOffsets[0] = -0.5 * sU; brightOffsets[1] = 0.5 * sV; brightOffsets[2] = 0.5 * sU; brightOffsets[3] = 0.5 * sV; brightOffsets[4] = -0.5 * sU; brightOffsets[5] = -0.5 * sV; brightOffsets[6] = 0.5 * sU; brightOffsets[7] = -0.5 * sV; effect.setArray2("dsOffsets", brightOffsets); effect.setFloat("brightThreshold", _this.brightThreshold); }; // Add to pipeline this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRBrightPass", function () { return _this.brightPassPostProcess; }, true)); }; // Create gaussian blur H&V post-processes StandardRenderingPipeline.prototype._createGaussianBlurPostProcesses = function (scene, ratio, indice) { var _this = this; var blurOffsets = new Array(9); var blurWeights = new Array(9); var uniforms = ["blurOffsets", "blurWeights", "blurWidth"]; var callback = function (height) { return function (effect) { // Weights var x = 0.0; for (var i = 0; i < 9; i++) { x = (i - 4.0) / 4.0; blurWeights[i] = _this.gaussianCoefficient * (1.0 / Math.sqrt(2.0 * Math.PI * _this.gaussianStandardDeviation)) * Math.exp((-((x - _this.gaussianMean) * (x - _this.gaussianMean))) / (2.0 * _this.gaussianStandardDeviation * _this.gaussianStandardDeviation)); } var lastOutputDimensions = { width: scene.getEngine().getRenderWidth(), height: scene.getEngine().getRenderHeight() }; for (var i = 0; i < 9; i++) { var value = (i - 4.0) * (1.0 / (height === true ? lastOutputDimensions.height : lastOutputDimensions.width)); blurOffsets[i] = value; } effect.setArray("blurOffsets", blurOffsets); effect.setArray("blurWeights", blurWeights); effect.setFloat("blurWidth", _this.blurWidth); }; }; // Create horizontal gaussian blur post-processes var gaussianBlurHPostProcess = new BABYLON.PostProcess("HDRGaussianBlurH" + ratio, "standard", uniforms, [], ratio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), false, "#define GAUSSIAN_BLUR_H", BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT); gaussianBlurHPostProcess.onApply = callback(false); // Create vertical gaussian blur post-process var gaussianBlurVPostProcess = new BABYLON.PostProcess("HDRGaussianBlurV" + ratio, "standard", uniforms, [], ratio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), false, "#define GAUSSIAN_BLUR_V", BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT); gaussianBlurVPostProcess.onApply = callback(true); // Add to pipeline this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRGaussianBlurH" + indice, function () { return gaussianBlurHPostProcess; }, true)); this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRGaussianBlurV" + indice, function () { return gaussianBlurVPostProcess; }, true)); // Finish this.gaussianBlurHPostProcesses.push(gaussianBlurHPostProcess); this.gaussianBlurVPostProcesses.push(gaussianBlurVPostProcess); }; // Create texture adder post-process StandardRenderingPipeline.prototype._createTextureAdderPostProcess = function (scene, ratio) { var _this = this; var lastGaussianBlurPostProcess = this.gaussianBlurVPostProcesses[3]; this.textureAdderPostProcess = new BABYLON.PostProcess("HDRTextureAdder", "standard", ["exposure"], ["otherSampler", "lensSampler"], ratio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), false, "#define TEXTURE_ADDER", BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT); this.textureAdderPostProcess.onApply = function (effect) { effect.setTextureFromPostProcess("otherSampler", _this.originalPostProcess); effect.setTexture("lensSampler", _this.lensTexture); effect.setFloat("exposure", _this.exposure); }; // Add to pipeline this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRTextureAdder", function () { return _this.textureAdderPostProcess; }, true)); }; // Create lens flare post-process StandardRenderingPipeline.prototype._createLensFlarePostProcess = function (scene, ratio) { var _this = this; this.lensFlarePostProcess = new BABYLON.PostProcess("HDRLensFlare", "standard", ["strength", "ghostDispersal", "haloWidth", "resolution", "distortionStrength"], ["lensColorSampler"], ratio / 2, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), true, "#define LENS_FLARE", BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT); this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRLensFlare", function () { return _this.lensFlarePostProcess; }, false)); this._createGaussianBlurPostProcesses(scene, ratio / 4, 4); this.lensFlareComposePostProcess = new BABYLON.PostProcess("HDRLensFlareCompose", "standard", ["lensStarMatrix"], ["otherSampler", "lensDirtSampler", "lensStarSampler"], ratio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), false, "#define LENS_FLARE_COMPOSE", BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT); this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRLensFlareCompose", function () { return _this.lensFlareComposePostProcess; }, false)); var resolution = new BABYLON.Vector2(0, 0); // Lens flare this.lensFlarePostProcess.onApply = function (effect) { effect.setTextureFromPostProcess("textureSampler", _this.gaussianBlurHPostProcesses[0]); effect.setTexture("lensColorSampler", _this.lensColorTexture); effect.setFloat("strength", _this.lensFlareStrength); effect.setFloat("ghostDispersal", _this.lensFlareGhostDispersal); effect.setFloat("haloWidth", _this.lensFlareHaloWidth); // Shift resolution.x = _this.lensFlarePostProcess.width; resolution.y = _this.lensFlarePostProcess.height; effect.setVector2("resolution", resolution); effect.setFloat("distortionStrength", _this.lensFlareDistortionStrength); }; // Compose var scaleBias1 = BABYLON.Matrix.FromValues(2.0, 0.0, -1.0, 0.0, 0.0, 2.0, -1.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0); var scaleBias2 = BABYLON.Matrix.FromValues(0.5, 0.0, 0.5, 0.0, 0.0, 0.5, 0.5, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0); this.lensFlareComposePostProcess.onApply = function (effect) { effect.setTextureFromPostProcess("otherSampler", _this.textureAdderFinalPostProcess); effect.setTexture("lensDirtSampler", _this.lensFlareDirtTexture); effect.setTexture("lensStarSampler", _this.lensStarTexture); // Lens start rotation matrix var camerax = _this._scene.activeCamera.getViewMatrix().getRow(0); var cameraz = _this._scene.activeCamera.getViewMatrix().getRow(2); var camRot = BABYLON.Vector3.Dot(camerax.toVector3(), new BABYLON.Vector3(1.0, 0.0, 0.0)) + BABYLON.Vector3.Dot(cameraz.toVector3(), new BABYLON.Vector3(0.0, 0.0, 1.0)); camRot *= 4.0; var starRotation = BABYLON.Matrix.FromValues(Math.cos(camRot) * 0.5, -Math.sin(camRot), 0.0, 0.0, Math.sin(camRot), Math.cos(camRot) * 0.5, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0); var lensStarMatrix = scaleBias2.multiply(starRotation).multiply(scaleBias1); effect.setMatrix("lensStarMatrix", lensStarMatrix); }; }; // Create depth-of-field post-process StandardRenderingPipeline.prototype._createDepthOfFieldPostProcess = function (scene, ratio) { var _this = this; this.depthOfFieldPostProcess = new BABYLON.PostProcess("HDRDepthOfField", "standard", ["distance"], ["otherSampler", "depthSampler"], ratio, null, BABYLON.Texture.BILINEAR_SAMPLINGMODE, scene.getEngine(), false, "#define DEPTH_OF_FIELD", BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT); this.depthOfFieldPostProcess.onApply = function (effect) { effect.setTextureFromPostProcess("otherSampler", _this.textureAdderFinalPostProcess); effect.setTexture("depthSampler", _this._depthRenderer.getDepthMap()); effect.setFloat("distance", _this.depthOfFieldDistance); }; // Add to pipeline this.addEffect(new BABYLON.PostProcessRenderEffect(scene.getEngine(), "HDRDepthOfField", function () { return _this.depthOfFieldPostProcess; }, true)); }; // Dispose StandardRenderingPipeline.prototype.dispose = function () { for (var i = 0; i < this._scene.cameras.length; i++) { var camera = this._scene.cameras[i]; this.originalPostProcess.dispose(camera); this.downSampleX4PostProcess.dispose(camera); this.brightPassPostProcess.dispose(camera); this.textureAdderPostProcess.dispose(camera); for (var j = 0; j < this.gaussianBlurHPostProcesses.length; j++) { this.gaussianBlurHPostProcesses[j].dispose(camera); } for (var j = 0; j < this.gaussianBlurVPostProcesses.length; j++) { this.gaussianBlurVPostProcesses[j].dispose(camera); } this.textureAdderFinalPostProcess.dispose(camera); this.lensFlarePostProcess.dispose(camera); this.lensFlareComposePostProcess.dispose(camera); this.depthOfFieldPostProcess.dispose(camera); } this._scene.postProcessRenderPipelineManager.detachCamerasFromRenderPipeline(this._name, this._scene.cameras); _super.prototype.dispose.call(this); }; return StandardRenderingPipeline; }(BABYLON.PostProcessRenderPipeline)); BABYLON.StandardRenderingPipeline = StandardRenderingPipeline; })(BABYLON || (BABYLON = {})); //# sourceMappingURL=../PostProcess/babylon.standardRenderingPipeline.js.map BABYLON.Effect.ShadersStore={"anaglyphPixelShader":"\nvarying vec2 vUV;\nuniform sampler2D textureSampler;\nuniform sampler2D leftSampler;\nvoid main(void)\n{\nvec4 leftFrag=texture2D(leftSampler,vUV);\nleftFrag=vec4(1.0,leftFrag.g,leftFrag.b,1.0);\nvec4 rightFrag=texture2D(textureSampler,vUV);\nrightFrag=vec4(rightFrag.r,1.0,1.0,1.0);\ngl_FragColor=vec4(rightFrag.rgb*leftFrag.rgb,1.0);\n}","blackAndWhitePixelShader":"\nvarying vec2 vUV;\nuniform sampler2D textureSampler;\nvoid main(void) \n{\nfloat luminance=dot(texture2D(textureSampler,vUV).rgb,vec3(0.3,0.59,0.11));\ngl_FragColor=vec4(luminance,luminance,luminance,1.0);\n}","blurPixelShader":"\nvarying vec2 vUV;\nuniform sampler2D textureSampler;\n\nuniform vec2 screenSize;\nuniform vec2 direction;\nuniform float blurWidth;\nvoid main(void)\n{\nfloat weights[7];\nweights[0]=0.05;\nweights[1]=0.1;\nweights[2]=0.2;\nweights[3]=0.3;\nweights[4]=0.2;\nweights[5]=0.1;\nweights[6]=0.05;\nvec2 texelSize=vec2(1.0/screenSize.x,1.0/screenSize.y);\nvec2 texelStep=texelSize*direction*blurWidth;\nvec2 start=vUV-3.0*texelStep;\nvec4 baseColor=vec4(0.,0.,0.,0.);\nvec2 texelOffset=vec2(0.,0.);\nfor (int i=0; i<7; i++)\n{\nbaseColor+=texture2D(textureSampler,start+texelOffset)*weights[i];\ntexelOffset+=texelStep;\n}\ngl_FragColor=baseColor;\n}","chromaticAberrationPixelShader":"\nuniform sampler2D textureSampler; \n\nuniform float chromatic_aberration;\nuniform float screen_width;\nuniform float screen_height;\n\nvarying vec2 vUV;\nvoid main(void)\n{\nvec2 centered_screen_pos=vec2(vUV.x-0.5,vUV.y-0.5);\nfloat radius2=centered_screen_pos.x*centered_screen_pos.x\n+centered_screen_pos.y*centered_screen_pos.y;\nfloat radius=sqrt(radius2);\nvec4 original=texture2D(textureSampler,vUV);\nif (chromatic_aberration>0.0) {\n\nvec3 ref_indices=vec3(-0.3,0.0,0.3);\nfloat ref_shiftX=chromatic_aberration*radius*17.0/screen_width;\nfloat ref_shiftY=chromatic_aberration*radius*17.0/screen_height;\n\nvec2 ref_coords_r=vec2(vUV.x+ref_indices.r*ref_shiftX,vUV.y+ref_indices.r*ref_shiftY*0.5);\nvec2 ref_coords_g=vec2(vUV.x+ref_indices.g*ref_shiftX,vUV.y+ref_indices.g*ref_shiftY*0.5);\nvec2 ref_coords_b=vec2(vUV.x+ref_indices.b*ref_shiftX,vUV.y+ref_indices.b*ref_shiftY*0.5);\noriginal.r=texture2D(textureSampler,ref_coords_r).r;\noriginal.g=texture2D(textureSampler,ref_coords_g).g;\noriginal.b=texture2D(textureSampler,ref_coords_b).b;\n}\ngl_FragColor=original;\n}","colorPixelShader":"uniform vec4 color;\nvoid main(void) {\ngl_FragColor=color;\n}","colorVertexShader":"\nattribute vec3 position;\n\nuniform mat4 worldViewProjection;\nvoid main(void) {\ngl_Position=worldViewProjection*vec4(position,1.0);\n}","colorCorrectionPixelShader":"\nuniform sampler2D textureSampler; \nuniform sampler2D colorTable; \n\nvarying vec2 vUV;\n\nconst float SLICE_COUNT=16.0; \n\nvec4 sampleAs3DTexture(sampler2D texture,vec3 uv,float width) {\nfloat sliceSize=1.0/width; \nfloat slicePixelSize=sliceSize/width; \nfloat sliceInnerSize=slicePixelSize*(width-1.0); \nfloat zSlice0=min(floor(uv.z*width),width-1.0);\nfloat zSlice1=min(zSlice0+1.0,width-1.0);\nfloat xOffset=slicePixelSize*0.5+uv.x*sliceInnerSize;\nfloat s0=xOffset+(zSlice0*sliceSize);\nfloat s1=xOffset+(zSlice1*sliceSize);\nvec4 slice0Color=texture2D(texture,vec2(s0,uv.y));\nvec4 slice1Color=texture2D(texture,vec2(s1,uv.y));\nfloat zOffset=mod(uv.z*width,1.0);\nvec4 result=mix(slice0Color,slice1Color,zOffset);\nreturn result;\n}\nvoid main(void)\n{\nvec4 screen_color=texture2D(textureSampler,vUV);\ngl_FragColor=sampleAs3DTexture(colorTable,screen_color.rgb,SLICE_COUNT);\n}","convolutionPixelShader":"\nvarying vec2 vUV;\nuniform sampler2D textureSampler;\nuniform vec2 screenSize;\nuniform float kernel[9];\nvoid main(void)\n{\nvec2 onePixel=vec2(1.0,1.0)/screenSize;\nvec4 colorSum =\ntexture2D(textureSampler,vUV+onePixel*vec2(-1,-1))*kernel[0] +\ntexture2D(textureSampler,vUV+onePixel*vec2(0,-1))*kernel[1] +\ntexture2D(textureSampler,vUV+onePixel*vec2(1,-1))*kernel[2] +\ntexture2D(textureSampler,vUV+onePixel*vec2(-1,0))*kernel[3] +\ntexture2D(textureSampler,vUV+onePixel*vec2(0,0))*kernel[4] +\ntexture2D(textureSampler,vUV+onePixel*vec2(1,0))*kernel[5] +\ntexture2D(textureSampler,vUV+onePixel*vec2(-1,1))*kernel[6] +\ntexture2D(textureSampler,vUV+onePixel*vec2(0,1))*kernel[7] +\ntexture2D(textureSampler,vUV+onePixel*vec2(1,1))*kernel[8];\nfloat kernelWeight =\nkernel[0] +\nkernel[1] +\nkernel[2] +\nkernel[3] +\nkernel[4] +\nkernel[5] +\nkernel[6] +\nkernel[7] +\nkernel[8];\nif (kernelWeight<=0.0) {\nkernelWeight=1.0;\n}\ngl_FragColor=vec4((colorSum/kernelWeight).rgb,1);\n}","defaultPixelShader":"#ifdef BUMP\n#extension GL_OES_standard_derivatives : enable\n#endif\n#ifdef LOGARITHMICDEPTH\n#extension GL_EXT_frag_depth : enable\n#endif\n\n#define RECIPROCAL_PI2 0.15915494\nuniform vec3 vEyePosition;\nuniform vec3 vAmbientColor;\nuniform vec4 vDiffuseColor;\n#ifdef SPECULARTERM\nuniform vec4 vSpecularColor;\n#endif\nuniform vec3 vEmissiveColor;\n\nvarying vec3 vPositionW;\n#ifdef NORMAL\nvarying vec3 vNormalW;\n#endif\n#ifdef VERTEXCOLOR\nvarying vec4 vColor;\n#endif\n\n#include\n\n#include[0..maxSimultaneousLights]\n#include\n#include\n\n#ifdef DIFFUSE\nvarying vec2 vDiffuseUV;\nuniform sampler2D diffuseSampler;\nuniform vec2 vDiffuseInfos;\n#endif\n#ifdef AMBIENT\nvarying vec2 vAmbientUV;\nuniform sampler2D ambientSampler;\nuniform vec2 vAmbientInfos;\n#endif\n#ifdef OPACITY \nvarying vec2 vOpacityUV;\nuniform sampler2D opacitySampler;\nuniform vec2 vOpacityInfos;\n#endif\n#ifdef EMISSIVE\nvarying vec2 vEmissiveUV;\nuniform vec2 vEmissiveInfos;\nuniform sampler2D emissiveSampler;\n#endif\n#ifdef LIGHTMAP\nvarying vec2 vLightmapUV;\nuniform vec2 vLightmapInfos;\nuniform sampler2D lightmapSampler;\n#endif\n#if defined(REFLECTIONMAP_SPHERICAL) || defined(REFLECTIONMAP_PROJECTION) || defined(REFRACTION)\nuniform mat4 view;\n#endif\n#ifdef REFRACTION\nuniform vec4 vRefractionInfos;\n#ifdef REFRACTIONMAP_3D\nuniform samplerCube refractionCubeSampler;\n#else\nuniform sampler2D refraction2DSampler;\nuniform mat4 refractionMatrix;\n#endif\n#ifdef REFRACTIONFRESNEL\nuniform vec4 refractionLeftColor;\nuniform vec4 refractionRightColor;\n#endif\n#endif\n#if defined(SPECULAR) && defined(SPECULARTERM)\nvarying vec2 vSpecularUV;\nuniform vec2 vSpecularInfos;\nuniform sampler2D specularSampler;\n#endif\n\n#include\n#ifdef DIFFUSEFRESNEL\nuniform vec4 diffuseLeftColor;\nuniform vec4 diffuseRightColor;\n#endif\n#ifdef OPACITYFRESNEL\nuniform vec4 opacityParts;\n#endif\n#ifdef EMISSIVEFRESNEL\nuniform vec4 emissiveLeftColor;\nuniform vec4 emissiveRightColor;\n#endif\n\n#ifdef REFLECTION\nuniform vec2 vReflectionInfos;\n#ifdef REFLECTIONMAP_3D\nuniform samplerCube reflectionCubeSampler;\n#else\nuniform sampler2D reflection2DSampler;\n#endif\n#ifdef REFLECTIONMAP_SKYBOX\nvarying vec3 vPositionUVW;\n#else\n#ifdef REFLECTIONMAP_EQUIRECTANGULAR_FIXED\nvarying vec3 vDirectionW;\n#endif\n#if defined(REFLECTIONMAP_PLANAR) || defined(REFLECTIONMAP_CUBIC) || defined(REFLECTIONMAP_PROJECTION)\nuniform mat4 reflectionMatrix;\n#endif\n#endif\n#include\n#ifdef REFLECTIONFRESNEL\nuniform vec4 reflectionLeftColor;\nuniform vec4 reflectionRightColor;\n#endif\n#endif\n#ifdef CAMERACOLORGRADING\n#include \n#include\n#endif\n#ifdef CAMERACOLORCURVES\n#include\n#include\n#endif\n#include\n#include\n#include\n#include\nvoid main(void) {\n#include\nvec3 viewDirectionW=normalize(vEyePosition-vPositionW);\n\nvec4 baseColor=vec4(1.,1.,1.,1.);\nvec3 diffuseColor=vDiffuseColor.rgb;\n\nfloat alpha=vDiffuseColor.a;\n\n#ifdef NORMAL\nvec3 normalW=normalize(vNormalW);\n#else\nvec3 normalW=vec3(1.0,1.0,1.0);\n#endif\n#include\n#ifdef DIFFUSE\nbaseColor=texture2D(diffuseSampler,vDiffuseUV+uvOffset);\n#ifdef ALPHATEST\nif (baseColor.a<0.4)\ndiscard;\n#endif\n#ifdef ALPHAFROMDIFFUSE\nalpha*=baseColor.a;\n#endif\nbaseColor.rgb*=vDiffuseInfos.y;\n#endif\n#ifdef VERTEXCOLOR\nbaseColor.rgb*=vColor.rgb;\n#endif\n\nvec3 baseAmbientColor=vec3(1.,1.,1.);\n#ifdef AMBIENT\nbaseAmbientColor=texture2D(ambientSampler,vAmbientUV+uvOffset).rgb*vAmbientInfos.y;\n#endif\n\n#ifdef SPECULARTERM\nfloat glossiness=vSpecularColor.a;\nvec3 specularColor=vSpecularColor.rgb;\n#ifdef SPECULAR\nvec4 specularMapColor=texture2D(specularSampler,vSpecularUV+uvOffset);\nspecularColor=specularMapColor.rgb;\n#ifdef GLOSSINESS\nglossiness=glossiness*specularMapColor.a;\n#endif\n#endif\n#else\nfloat glossiness=0.;\n#endif\n\nvec3 diffuseBase=vec3(0.,0.,0.);\nlightingInfo info;\n#ifdef SPECULARTERM\nvec3 specularBase=vec3(0.,0.,0.);\n#endif\nfloat shadow=1.;\n#ifdef LIGHTMAP\nvec3 lightmapColor=texture2D(lightmapSampler,vLightmapUV+uvOffset).rgb*vLightmapInfos.y;\n#endif\n#include[0..maxSimultaneousLights]\n\nvec3 refractionColor=vec3(0.,0.,0.);\n#ifdef REFRACTION\nvec3 refractionVector=normalize(refract(-viewDirectionW,normalW,vRefractionInfos.y));\n#ifdef REFRACTIONMAP_3D\nrefractionVector.y=refractionVector.y*vRefractionInfos.w;\nif (dot(refractionVector,viewDirectionW)<1.0)\n{\nrefractionColor=textureCube(refractionCubeSampler,refractionVector).rgb*vRefractionInfos.x;\n}\n#else\nvec3 vRefractionUVW=vec3(refractionMatrix*(view*vec4(vPositionW+refractionVector*vRefractionInfos.z,1.0)));\nvec2 refractionCoords=vRefractionUVW.xy/vRefractionUVW.z;\nrefractionCoords.y=1.0-refractionCoords.y;\nrefractionColor=texture2D(refraction2DSampler,refractionCoords).rgb*vRefractionInfos.x;\n#endif\n#endif\n\nvec3 reflectionColor=vec3(0.,0.,0.);\n#ifdef REFLECTION\nvec3 vReflectionUVW=computeReflectionCoords(vec4(vPositionW,1.0),normalW);\n#ifdef REFLECTIONMAP_3D\n#ifdef ROUGHNESS\nfloat bias=vReflectionInfos.y;\n#ifdef SPECULARTERM\n#ifdef SPECULAR\n#ifdef GLOSSINESS\nbias*=(1.0-specularMapColor.a);\n#endif\n#endif\n#endif\nreflectionColor=textureCube(reflectionCubeSampler,vReflectionUVW,bias).rgb*vReflectionInfos.x;\n#else\nreflectionColor=textureCube(reflectionCubeSampler,vReflectionUVW).rgb*vReflectionInfos.x;\n#endif\n#else\nvec2 coords=vReflectionUVW.xy;\n#ifdef REFLECTIONMAP_PROJECTION\ncoords/=vReflectionUVW.z;\n#endif\ncoords.y=1.0-coords.y;\nreflectionColor=texture2D(reflection2DSampler,coords).rgb*vReflectionInfos.x;\n#endif\n#ifdef REFLECTIONFRESNEL\nfloat reflectionFresnelTerm=computeFresnelTerm(viewDirectionW,normalW,reflectionRightColor.a,reflectionLeftColor.a);\n#ifdef REFLECTIONFRESNELFROMSPECULAR\n#ifdef SPECULARTERM\nreflectionColor*=specularColor.rgb*(1.0-reflectionFresnelTerm)+reflectionFresnelTerm*reflectionRightColor.rgb;\n#else\nreflectionColor*=reflectionLeftColor.rgb*(1.0-reflectionFresnelTerm)+reflectionFresnelTerm*reflectionRightColor.rgb;\n#endif\n#else\nreflectionColor*=reflectionLeftColor.rgb*(1.0-reflectionFresnelTerm)+reflectionFresnelTerm*reflectionRightColor.rgb;\n#endif\n#endif\n#endif\n#ifdef REFRACTIONFRESNEL\nfloat refractionFresnelTerm=computeFresnelTerm(viewDirectionW,normalW,refractionRightColor.a,refractionLeftColor.a);\nrefractionColor*=refractionLeftColor.rgb*(1.0-refractionFresnelTerm)+refractionFresnelTerm*refractionRightColor.rgb;\n#endif\n#ifdef OPACITY\nvec4 opacityMap=texture2D(opacitySampler,vOpacityUV+uvOffset);\n#ifdef OPACITYRGB\nopacityMap.rgb=opacityMap.rgb*vec3(0.3,0.59,0.11);\nalpha*=(opacityMap.x+opacityMap.y+opacityMap.z)* vOpacityInfos.y;\n#else\nalpha*=opacityMap.a*vOpacityInfos.y;\n#endif\n#endif\n#ifdef VERTEXALPHA\nalpha*=vColor.a;\n#endif\n#ifdef OPACITYFRESNEL\nfloat opacityFresnelTerm=computeFresnelTerm(viewDirectionW,normalW,opacityParts.z,opacityParts.w);\nalpha+=opacityParts.x*(1.0-opacityFresnelTerm)+opacityFresnelTerm*opacityParts.y;\n#endif\n\nvec3 emissiveColor=vEmissiveColor;\n#ifdef EMISSIVE\nemissiveColor+=texture2D(emissiveSampler,vEmissiveUV+uvOffset).rgb*vEmissiveInfos.y;\n#endif\n#ifdef EMISSIVEFRESNEL\nfloat emissiveFresnelTerm=computeFresnelTerm(viewDirectionW,normalW,emissiveRightColor.a,emissiveLeftColor.a);\nemissiveColor*=emissiveLeftColor.rgb*(1.0-emissiveFresnelTerm)+emissiveFresnelTerm*emissiveRightColor.rgb;\n#endif\n\n#ifdef DIFFUSEFRESNEL\nfloat diffuseFresnelTerm=computeFresnelTerm(viewDirectionW,normalW,diffuseRightColor.a,diffuseLeftColor.a);\ndiffuseBase*=diffuseLeftColor.rgb*(1.0-diffuseFresnelTerm)+diffuseFresnelTerm*diffuseRightColor.rgb;\n#endif\n\n#ifdef EMISSIVEASILLUMINATION\nvec3 finalDiffuse=clamp(diffuseBase*diffuseColor+vAmbientColor,0.0,1.0)*baseColor.rgb;\n#else\n#ifdef LINKEMISSIVEWITHDIFFUSE\nvec3 finalDiffuse=clamp((diffuseBase+emissiveColor)*diffuseColor+vAmbientColor,0.0,1.0)*baseColor.rgb;\n#else\nvec3 finalDiffuse=clamp(diffuseBase*diffuseColor+emissiveColor+vAmbientColor,0.0,1.0)*baseColor.rgb;\n#endif\n#endif\n#ifdef SPECULARTERM\nvec3 finalSpecular=specularBase*specularColor;\n#else\nvec3 finalSpecular=vec3(0.0);\n#endif\n#ifdef SPECULAROVERALPHA\nalpha=clamp(alpha+dot(finalSpecular,vec3(0.3,0.59,0.11)),0.,1.);\n#endif\n#ifdef REFLECTIONOVERALPHA\nalpha=clamp(alpha+dot(reflectionColor,vec3(0.3,0.59,0.11)),0.,1.);\n#endif\n\n#ifdef EMISSIVEASILLUMINATION\nvec4 color=vec4(clamp(finalDiffuse*baseAmbientColor+finalSpecular+reflectionColor+emissiveColor+refractionColor,0.0,1.0),alpha);\n#else\nvec4 color=vec4(finalDiffuse*baseAmbientColor+finalSpecular+reflectionColor+refractionColor,alpha);\n#endif\n\n#ifdef LIGHTMAP\n#ifndef LIGHTMAPEXCLUDED\n#ifdef USELIGHTMAPASSHADOWMAP\ncolor.rgb*=lightmapColor;\n#else\ncolor.rgb+=lightmapColor;\n#endif\n#endif\n#endif\n#include\n#include\n#ifdef CAMERACOLORGRADING\ncolor=colorGrades(color);\n#endif\n#ifdef CAMERACOLORCURVES\ncolor.rgb=applyColorCurves(color.rgb);\n#endif\ngl_FragColor=color;\n}","defaultVertexShader":"\nattribute vec3 position;\n#ifdef NORMAL\nattribute vec3 normal;\n#endif\n#ifdef UV1\nattribute vec2 uv;\n#endif\n#ifdef UV2\nattribute vec2 uv2;\n#endif\n#ifdef VERTEXCOLOR\nattribute vec4 color;\n#endif\n#include\n\n#include\nuniform mat4 view;\nuniform mat4 viewProjection;\n#ifdef DIFFUSE\nvarying vec2 vDiffuseUV;\nuniform mat4 diffuseMatrix;\nuniform vec2 vDiffuseInfos;\n#endif\n#ifdef AMBIENT\nvarying vec2 vAmbientUV;\nuniform mat4 ambientMatrix;\nuniform vec2 vAmbientInfos;\n#endif\n#ifdef OPACITY\nvarying vec2 vOpacityUV;\nuniform mat4 opacityMatrix;\nuniform vec2 vOpacityInfos;\n#endif\n#ifdef EMISSIVE\nvarying vec2 vEmissiveUV;\nuniform vec2 vEmissiveInfos;\nuniform mat4 emissiveMatrix;\n#endif\n#ifdef LIGHTMAP\nvarying vec2 vLightmapUV;\nuniform vec2 vLightmapInfos;\nuniform mat4 lightmapMatrix;\n#endif\n#if defined(SPECULAR) && defined(SPECULARTERM)\nvarying vec2 vSpecularUV;\nuniform vec2 vSpecularInfos;\nuniform mat4 specularMatrix;\n#endif\n#ifdef BUMP\nvarying vec2 vBumpUV;\nuniform vec3 vBumpInfos;\nuniform mat4 bumpMatrix;\n#endif\n#include\n\nvarying vec3 vPositionW;\n#ifdef NORMAL\nvarying vec3 vNormalW;\n#endif\n#ifdef VERTEXCOLOR\nvarying vec4 vColor;\n#endif\n#include\n#include\n#include[0..maxSimultaneousLights]\n#ifdef REFLECTIONMAP_SKYBOX\nvarying vec3 vPositionUVW;\n#endif\n#ifdef REFLECTIONMAP_EQUIRECTANGULAR_FIXED\nvarying vec3 vDirectionW;\n#endif\n#include\nvoid main(void) {\n#ifdef REFLECTIONMAP_SKYBOX\nvPositionUVW=position;\n#endif \n#include\n#include\ngl_Position=viewProjection*finalWorld*vec4(position,1.0);\nvec4 worldPos=finalWorld*vec4(position,1.0);\nvPositionW=vec3(worldPos);\n#ifdef NORMAL\nvNormalW=normalize(vec3(finalWorld*vec4(normal,0.0)));\n#endif\n#ifdef REFLECTIONMAP_EQUIRECTANGULAR_FIXED\nvDirectionW=normalize(vec3(finalWorld*vec4(position,0.0)));\n#endif\n\n#ifndef UV1\nvec2 uv=vec2(0.,0.);\n#endif\n#ifndef UV2\nvec2 uv2=vec2(0.,0.);\n#endif\n#ifdef DIFFUSE\nif (vDiffuseInfos.x == 0.)\n{\nvDiffuseUV=vec2(diffuseMatrix*vec4(uv,1.0,0.0));\n}\nelse\n{\nvDiffuseUV=vec2(diffuseMatrix*vec4(uv2,1.0,0.0));\n}\n#endif\n#ifdef AMBIENT\nif (vAmbientInfos.x == 0.)\n{\nvAmbientUV=vec2(ambientMatrix*vec4(uv,1.0,0.0));\n}\nelse\n{\nvAmbientUV=vec2(ambientMatrix*vec4(uv2,1.0,0.0));\n}\n#endif\n#ifdef OPACITY\nif (vOpacityInfos.x == 0.)\n{\nvOpacityUV=vec2(opacityMatrix*vec4(uv,1.0,0.0));\n}\nelse\n{\nvOpacityUV=vec2(opacityMatrix*vec4(uv2,1.0,0.0));\n}\n#endif\n#ifdef EMISSIVE\nif (vEmissiveInfos.x == 0.)\n{\nvEmissiveUV=vec2(emissiveMatrix*vec4(uv,1.0,0.0));\n}\nelse\n{\nvEmissiveUV=vec2(emissiveMatrix*vec4(uv2,1.0,0.0));\n}\n#endif\n#ifdef LIGHTMAP\nif (vLightmapInfos.x == 0.)\n{\nvLightmapUV=vec2(lightmapMatrix*vec4(uv,1.0,0.0));\n}\nelse\n{\nvLightmapUV=vec2(lightmapMatrix*vec4(uv2,1.0,0.0));\n}\n#endif\n#if defined(SPECULAR) && defined(SPECULARTERM)\nif (vSpecularInfos.x == 0.)\n{\nvSpecularUV=vec2(specularMatrix*vec4(uv,1.0,0.0));\n}\nelse\n{\nvSpecularUV=vec2(specularMatrix*vec4(uv2,1.0,0.0));\n}\n#endif\n#ifdef BUMP\nif (vBumpInfos.x == 0.)\n{\nvBumpUV=vec2(bumpMatrix*vec4(uv,1.0,0.0));\n}\nelse\n{\nvBumpUV=vec2(bumpMatrix*vec4(uv2,1.0,0.0));\n}\n#endif\n#include\n#include\n#include[0..maxSimultaneousLights]\n\n#ifdef VERTEXCOLOR\nvColor=color;\n#endif\n#include\n#include\n}","depthPixelShader":"#ifdef ALPHATEST\nvarying vec2 vUV;\nuniform sampler2D diffuseSampler;\n#endif\nuniform float far;\nvoid main(void)\n{\n#ifdef ALPHATEST\nif (texture2D(diffuseSampler,vUV).a<0.4)\ndiscard;\n#endif\nfloat depth=(gl_FragCoord.z/gl_FragCoord.w)/far;\ngl_FragColor=vec4(depth,depth*depth,0.0,1.0);\n}","depthVertexShader":"\nattribute vec3 position;\n#include\n\n#include\nuniform mat4 viewProjection;\n#if defined(ALPHATEST) || defined(NEED_UV)\nvarying vec2 vUV;\nuniform mat4 diffuseMatrix;\n#ifdef UV1\nattribute vec2 uv;\n#endif\n#ifdef UV2\nattribute vec2 uv2;\n#endif\n#endif\nvoid main(void)\n{\n#include\n#include\ngl_Position=viewProjection*finalWorld*vec4(position,1.0);\n#if defined(ALPHATEST) || defined(BASIC_RENDER)\n#ifdef UV1\nvUV=vec2(diffuseMatrix*vec4(uv,1.0,0.0));\n#endif\n#ifdef UV2\nvUV=vec2(diffuseMatrix*vec4(uv2,1.0,0.0));\n#endif\n#endif\n}","depthBoxBlurPixelShader":"\nvarying vec2 vUV;\nuniform sampler2D textureSampler;\n\nuniform vec2 screenSize;\nvoid main(void)\n{\nvec4 colorDepth=vec4(0.0);\nfor (int x=-OFFSET; x<=OFFSET; x++)\nfor (int y=-OFFSET; y<=OFFSET; y++)\ncolorDepth+=texture2D(textureSampler,vUV+vec2(x,y)/screenSize);\ngl_FragColor=(colorDepth/float((OFFSET*2+1)*(OFFSET*2+1)));\n}","depthOfFieldPixelShader":"\n\n\n\n\nuniform sampler2D textureSampler;\nuniform sampler2D highlightsSampler;\nuniform sampler2D depthSampler;\nuniform sampler2D grainSampler;\n\nuniform float grain_amount;\nuniform bool blur_noise;\nuniform float screen_width;\nuniform float screen_height;\nuniform float distortion;\nuniform bool dof_enabled;\n\nuniform float screen_distance; \nuniform float aperture;\nuniform float darken;\nuniform float edge_blur;\nuniform bool highlights;\n\nuniform float near;\nuniform float far;\n\nvarying vec2 vUV;\n\n#define PI 3.14159265\n#define TWOPI 6.28318530\n#define inverse_focal_length 0.1 \n\nvec2 centered_screen_pos;\nvec2 distorted_coords;\nfloat radius2;\nfloat radius;\n\nvec2 rand(vec2 co)\n{\nfloat noise1=(fract(sin(dot(co,vec2(12.9898,78.233)))*43758.5453));\nfloat noise2=(fract(sin(dot(co,vec2(12.9898,78.233)*2.0))*43758.5453));\nreturn clamp(vec2(noise1,noise2),0.0,1.0);\n}\n\nvec2 getDistortedCoords(vec2 coords) {\nif (distortion == 0.0) { return coords; }\nvec2 direction=1.0*normalize(centered_screen_pos);\nvec2 dist_coords=vec2(0.5,0.5);\ndist_coords.x=0.5+direction.x*radius2*1.0;\ndist_coords.y=0.5+direction.y*radius2*1.0;\nfloat dist_amount=clamp(distortion*0.23,0.0,1.0);\ndist_coords=mix(coords,dist_coords,dist_amount);\nreturn dist_coords;\n}\n\nfloat sampleScreen(inout vec4 color,const in vec2 offset,const in float weight) {\n\nvec2 coords=distorted_coords;\nfloat angle=rand(coords*100.0).x*TWOPI;\ncoords+=vec2(offset.x*cos(angle)-offset.y*sin(angle),offset.x*sin(angle)+offset.y*cos(angle));\ncolor+=texture2D(textureSampler,coords)*weight;\nreturn weight;\n}\n\nfloat getBlurLevel(float size) {\nreturn min(3.0,ceil(size/1.0));\n}\n\nvec4 getBlurColor(float size) {\nvec4 col=texture2D(textureSampler,distorted_coords);\nif (size == 0.0) { return col; }\n\n\nfloat blur_level=getBlurLevel(size);\nfloat w=(size/screen_width);\nfloat h=(size/screen_height);\nfloat total_weight=1.0;\nvec2 sample_coords;\ntotal_weight+=sampleScreen(col,vec2(-0.50*w,0.24*h),0.93);\ntotal_weight+=sampleScreen(col,vec2(0.30*w,-0.75*h),0.90);\ntotal_weight+=sampleScreen(col,vec2(0.36*w,0.96*h),0.87);\ntotal_weight+=sampleScreen(col,vec2(-1.08*w,-0.55*h),0.85);\ntotal_weight+=sampleScreen(col,vec2(1.33*w,-0.37*h),0.83);\ntotal_weight+=sampleScreen(col,vec2(-0.82*w,1.31*h),0.80);\ntotal_weight+=sampleScreen(col,vec2(-0.31*w,-1.67*h),0.78);\ntotal_weight+=sampleScreen(col,vec2(1.47*w,1.11*h),0.76);\ntotal_weight+=sampleScreen(col,vec2(-1.97*w,0.19*h),0.74);\ntotal_weight+=sampleScreen(col,vec2(1.42*w,-1.57*h),0.72);\nif (blur_level>1.0) {\ntotal_weight+=sampleScreen(col,vec2(0.01*w,2.25*h),0.70);\ntotal_weight+=sampleScreen(col,vec2(-1.62*w,-1.74*h),0.67);\ntotal_weight+=sampleScreen(col,vec2(2.49*w,0.20*h),0.65);\ntotal_weight+=sampleScreen(col,vec2(-2.07*w,1.61*h),0.63);\ntotal_weight+=sampleScreen(col,vec2(0.46*w,-2.70*h),0.61);\ntotal_weight+=sampleScreen(col,vec2(1.55*w,2.40*h),0.59);\ntotal_weight+=sampleScreen(col,vec2(-2.88*w,-0.75*h),0.56);\ntotal_weight+=sampleScreen(col,vec2(2.73*w,-1.44*h),0.54);\ntotal_weight+=sampleScreen(col,vec2(-1.08*w,3.02*h),0.52);\ntotal_weight+=sampleScreen(col,vec2(-1.28*w,-3.05*h),0.49);\n}\nif (blur_level>2.0) {\ntotal_weight+=sampleScreen(col,vec2(3.11*w,1.43*h),0.46);\ntotal_weight+=sampleScreen(col,vec2(-3.36*w,1.08*h),0.44);\ntotal_weight+=sampleScreen(col,vec2(1.80*w,-3.16*h),0.41);\ntotal_weight+=sampleScreen(col,vec2(0.83*w,3.65*h),0.38);\ntotal_weight+=sampleScreen(col,vec2(-3.16*w,-2.19*h),0.34);\ntotal_weight+=sampleScreen(col,vec2(3.92*w,-0.53*h),0.31);\ntotal_weight+=sampleScreen(col,vec2(-2.59*w,3.12*h),0.26);\ntotal_weight+=sampleScreen(col,vec2(-0.20*w,-4.15*h),0.22);\ntotal_weight+=sampleScreen(col,vec2(3.02*w,3.00*h),0.15);\n}\ncol/=total_weight; \n\nif (darken>0.0) {\ncol.rgb*=clamp(0.3,1.0,1.05-size*0.5*darken);\n}\n\n\n\n\nreturn col;\n}\nvoid main(void)\n{\n\ncentered_screen_pos=vec2(vUV.x-0.5,vUV.y-0.5);\nradius2=centered_screen_pos.x*centered_screen_pos.x+centered_screen_pos.y*centered_screen_pos.y;\nradius=sqrt(radius2);\ndistorted_coords=getDistortedCoords(vUV); \nvec2 texels_coords=vec2(vUV.x*screen_width,vUV.y*screen_height); \nfloat depth=texture2D(depthSampler,distorted_coords).r; \nfloat distance=near+(far-near)*depth; \nvec4 color=texture2D(textureSampler,vUV); \n\n\nfloat coc=abs(aperture*(screen_distance*(inverse_focal_length-1.0/distance)-1.0));\n\nif (dof_enabled == false || coc<0.07) { coc=0.0; }\n\nfloat edge_blur_amount=0.0;\nif (edge_blur>0.0) {\nedge_blur_amount=clamp((radius*2.0-1.0+0.15*edge_blur)*1.5,0.0,1.0)*1.3;\n}\n\nfloat blur_amount=max(edge_blur_amount,coc);\n\nif (blur_amount == 0.0) {\ngl_FragColor=texture2D(textureSampler,distorted_coords);\n}\nelse {\n\ngl_FragColor=getBlurColor(blur_amount*1.7);\n\nif (highlights) {\ngl_FragColor.rgb+=clamp(coc,0.0,1.0)*texture2D(highlightsSampler,distorted_coords).rgb;\n}\nif (blur_noise) {\n\nvec2 noise=rand(distorted_coords)*0.01*blur_amount;\nvec2 blurred_coord=vec2(distorted_coords.x+noise.x,distorted_coords.y+noise.y);\ngl_FragColor=0.04*texture2D(textureSampler,blurred_coord)+0.96*gl_FragColor;\n}\n}\n\nif (grain_amount>0.0) {\nvec4 grain_color=texture2D(grainSampler,texels_coords*0.003);\ngl_FragColor.rgb+=(-0.5+grain_color.rgb)*0.30*grain_amount;\n}\n}\n","displayPassPixelShader":"\nvarying vec2 vUV;\nuniform sampler2D textureSampler;\nuniform sampler2D passSampler;\nvoid main(void)\n{\ngl_FragColor=texture2D(passSampler,vUV);\n}","filterPixelShader":"\nvarying vec2 vUV;\nuniform sampler2D textureSampler;\nuniform mat4 kernelMatrix;\nvoid main(void)\n{\nvec3 baseColor=texture2D(textureSampler,vUV).rgb;\nvec3 updatedColor=(kernelMatrix*vec4(baseColor,1.0)).rgb;\ngl_FragColor=vec4(updatedColor,1.0);\n}","fxaaPixelShader":"#define FXAA_REDUCE_MIN (1.0/128.0)\n#define FXAA_REDUCE_MUL (1.0/8.0)\n#define FXAA_SPAN_MAX 8.0\nvarying vec2 vUV;\nuniform sampler2D textureSampler;\nuniform vec2 texelSize;\nvoid main(){\nvec2 localTexelSize=texelSize;\nvec4 rgbNW=texture2D(textureSampler,(vUV+vec2(-1.0,-1.0)*localTexelSize));\nvec4 rgbNE=texture2D(textureSampler,(vUV+vec2(1.0,-1.0)*localTexelSize));\nvec4 rgbSW=texture2D(textureSampler,(vUV+vec2(-1.0,1.0)*localTexelSize));\nvec4 rgbSE=texture2D(textureSampler,(vUV+vec2(1.0,1.0)*localTexelSize));\nvec4 rgbM=texture2D(textureSampler,vUV);\nvec4 luma=vec4(0.299,0.587,0.114,1.0);\nfloat lumaNW=dot(rgbNW,luma);\nfloat lumaNE=dot(rgbNE,luma);\nfloat lumaSW=dot(rgbSW,luma);\nfloat lumaSE=dot(rgbSE,luma);\nfloat lumaM=dot(rgbM,luma);\nfloat lumaMin=min(lumaM,min(min(lumaNW,lumaNE),min(lumaSW,lumaSE)));\nfloat lumaMax=max(lumaM,max(max(lumaNW,lumaNE),max(lumaSW,lumaSE)));\nvec2 dir=vec2(-((lumaNW+lumaNE)-(lumaSW+lumaSE)),((lumaNW+lumaSW)-(lumaNE+lumaSE)));\nfloat dirReduce=max(\n(lumaNW+lumaNE+lumaSW+lumaSE)*(0.25*FXAA_REDUCE_MUL),\nFXAA_REDUCE_MIN);\nfloat rcpDirMin=1.0/(min(abs(dir.x),abs(dir.y))+dirReduce);\ndir=min(vec2(FXAA_SPAN_MAX,FXAA_SPAN_MAX),\nmax(vec2(-FXAA_SPAN_MAX,-FXAA_SPAN_MAX),\ndir*rcpDirMin))*localTexelSize;\nvec4 rgbA=0.5*(\ntexture2D(textureSampler,vUV+dir*(1.0/3.0-0.5)) +\ntexture2D(textureSampler,vUV+dir*(2.0/3.0-0.5)));\nvec4 rgbB=rgbA*0.5+0.25*(\ntexture2D(textureSampler,vUV+dir*-0.5) +\ntexture2D(textureSampler,vUV+dir*0.5));\nfloat lumaB=dot(rgbB,luma);\nif ((lumaBlumaMax)) {\ngl_FragColor=rgbA;\n}\nelse {\ngl_FragColor=rgbB;\n}\n}","glowBlurPostProcessPixelShader":"\nvarying vec2 vUV;\nuniform sampler2D textureSampler;\n\nuniform vec2 screenSize;\nuniform vec2 direction;\nuniform float blurWidth;\n\nfloat getLuminance(vec3 color)\n{\nreturn dot(color,vec3(0.2126,0.7152,0.0722));\n}\nvoid main(void)\n{\nfloat weights[7];\nweights[0]=0.05;\nweights[1]=0.1;\nweights[2]=0.2;\nweights[3]=0.3;\nweights[4]=0.2;\nweights[5]=0.1;\nweights[6]=0.05;\nvec2 texelSize=vec2(1.0/screenSize.x,1.0/screenSize.y);\nvec2 texelStep=texelSize*direction*blurWidth;\nvec2 start=vUV-3.0*texelStep;\nvec4 baseColor=vec4(0.,0.,0.,0.);\nvec2 texelOffset=vec2(0.,0.);\nfor (int i=0; i<7; i++)\n{\n\nvec4 texel=texture2D(textureSampler,start+texelOffset);\nbaseColor.a+=texel.a*weights[i];\n\nfloat luminance=getLuminance(baseColor.rgb);\nfloat luminanceTexel=getLuminance(texel.rgb);\nfloat choice=step(luminanceTexel,luminance);\nbaseColor.rgb=choice*baseColor.rgb+(1.0-choice)*texel.rgb;\ntexelOffset+=texelStep;\n}\ngl_FragColor=baseColor;\n}","glowMapGenerationPixelShader":"#ifdef ALPHATEST\nvarying vec2 vUVDiffuse;\nuniform sampler2D diffuseSampler;\n#endif\n#ifdef EMISSIVE\nvarying vec2 vUVEmissive;\nuniform sampler2D emissiveSampler;\n#endif\nuniform vec4 color;\nvoid main(void)\n{\n#ifdef ALPHATEST\nif (texture2D(diffuseSampler,vUVDiffuse).a<0.4)\ndiscard;\n#endif\n#ifdef EMISSIVE\ngl_FragColor=texture2D(emissiveSampler,vUVEmissive);\n#else\ngl_FragColor=color;\n#endif\n}","glowMapGenerationVertexShader":"\nattribute vec3 position;\n#include\n\n#include\nuniform mat4 viewProjection;\nvarying vec4 vPosition;\n#ifdef UV1\nattribute vec2 uv;\n#endif\n#ifdef UV2\nattribute vec2 uv2;\n#endif\n#ifdef ALPHATEST\nvarying vec2 vUVDiffuse;\nuniform mat4 diffuseMatrix;\n#endif\n#ifdef EMISSIVE\nvarying vec2 vUVEmissive;\nuniform mat4 emissiveMatrix;\n#endif\nvoid main(void)\n{\n#include\n#include\n#ifdef CUBEMAP\nvPosition=finalWorld*vec4(position,1.0);\ngl_Position=viewProjection*finalWorld*vec4(position,1.0);\n#else\nvPosition=viewProjection*finalWorld*vec4(position,1.0);\ngl_Position=vPosition;\n#endif\n#ifdef ALPHATEST\n#ifdef DIFFUSEUV1\nvUVDiffuse=vec2(diffuseMatrix*vec4(uv,1.0,0.0));\n#endif\n#ifdef DIFFUSEUV2\nvUVDiffuse=vec2(diffuseMatrix*vec4(uv2,1.0,0.0));\n#endif\n#endif\n#ifdef EMISSIVE\n#ifdef EMISSIVEUV1\nvUVEmissive=vec2(emissiveMatrix*vec4(uv,1.0,0.0));\n#endif\n#ifdef EMISSIVEUV2\nvUVEmissive=vec2(emissiveMatrix*vec4(uv2,1.0,0.0));\n#endif\n#endif\n}","glowMapMergePixelShader":"\nvarying vec2 vUV;\nuniform sampler2D textureSampler;\n\nuniform float offset;\nvoid main(void) {\nvec4 baseColor=texture2D(textureSampler,vUV);\nbaseColor.a=abs(offset-baseColor.a);\ngl_FragColor=baseColor;\n}","glowMapMergeVertexShader":"\nattribute vec2 position;\n\nvarying vec2 vUV;\nconst vec2 madd=vec2(0.5,0.5);\nvoid main(void) {\nvUV=position*madd+madd;\ngl_Position=vec4(position,0.0,1.0);\n}","hdrPixelShader":"uniform sampler2D textureSampler;\nvarying vec2 vUV;\n#if defined(GAUSSIAN_BLUR_H) || defined(GAUSSIAN_BLUR_V)\nuniform float blurOffsets[9];\nuniform float blurWeights[9];\nuniform float multiplier;\nvoid main(void) {\nvec4 color=vec4(0.0,0.0,0.0,0.0);\nfor (int i=0; i<9; i++) {\n#ifdef GAUSSIAN_BLUR_H\ncolor+=(texture2D(textureSampler,vUV+vec2(blurOffsets[i]*multiplier,0.0))*blurWeights[i]);\n#else\ncolor+=(texture2D(textureSampler,vUV+vec2(0.0,blurOffsets[i]*multiplier))*blurWeights[i]);\n#endif\n}\ncolor.a=1.0;\ngl_FragColor=color;\n}\n#endif\n#if defined(TEXTURE_ADDER)\nuniform sampler2D otherSampler;\nvoid main() {\nvec4 sum=texture2D(textureSampler,vUV)+texture2D(otherSampler,vUV);\nsum.a=clamp(sum.a,0.0,1.0);\ngl_FragColor=sum;\n}\n#endif\n#if defined(LUMINANCE_GENERATOR)\nuniform vec2 lumOffsets[4];\nvoid main() {\nfloat average=0.0;\nvec4 color=vec4(0.0,0.0,0.0,0.0);\nfloat maximum=-1e20;\nfor (int i=0; i<4; i++) {\ncolor=texture2D(textureSampler,vUV+lumOffsets[i]);\nfloat GreyValue=length(color.rgb);\nmaximum=max(maximum,GreyValue);\naverage+=(0.25*log(1e-5+GreyValue));\n}\naverage=exp(average);\ngl_FragColor=vec4(average,maximum,0.0,1.0);\n}\n#endif\n#if defined(DOWN_SAMPLE)\nuniform vec2 dsOffsets[9];\nuniform float halfDestPixelSize;\n#ifdef FINAL_DOWN_SAMPLE\nvec4 pack(float value) {\nconst vec4 bit_shift=vec4(255.0*255.0*255.0,255.0*255.0,255.0,1.0);\nconst vec4 bit_mask=vec4(0.0,1.0/255.0,1.0/255.0,1.0/255.0);\nvec4 res=fract(value*bit_shift);\nres-=res.xxyz*bit_mask;\nreturn res;\n}\n#endif\nvoid main() {\nvec4 color=vec4(0.0,0.0,0.0,0.0);\nfloat average=0.0;\nfor (int i=0; i<9; i++) {\ncolor=texture2D(textureSampler,vUV+vec2(halfDestPixelSize,halfDestPixelSize)+dsOffsets[i]);\naverage+=color.r;\n}\naverage/=9.0;\n#ifndef FINAL_DOWN_SAMPLE\ngl_FragColor=vec4(average,average,0.0,1.0);\n#else\ngl_FragColor=pack(average);\n#endif\n}\n#endif\n#if defined(BRIGHT_PASS)\nuniform vec2 dsOffsets[4];\nuniform float brightThreshold;\nvoid main() {\nvec4 average=vec4(0.0,0.0,0.0,0.0);\naverage=texture2D(textureSampler,vUV+vec2(dsOffsets[0].x,dsOffsets[0].y));\naverage+=texture2D(textureSampler,vUV+vec2(dsOffsets[1].x,dsOffsets[1].y));\naverage+=texture2D(textureSampler,vUV+vec2(dsOffsets[2].x,dsOffsets[2].y));\naverage+=texture2D(textureSampler,vUV+vec2(dsOffsets[3].x,dsOffsets[3].y));\naverage*=0.25;\nfloat luminance=length(average.rgb);\nif (luminance1.0) { lum_threshold=0.94+0.01*threshold; }\nelse { lum_threshold=0.5+0.44*threshold; }\nluminance=clamp((luminance-lum_threshold)*(1.0/(1.0-lum_threshold)),0.0,1.0);\nhighlight*=luminance*gain;\nhighlight.a=1.0;\nreturn highlight;\n}\nvoid main(void)\n{\nvec4 original=texture2D(textureSampler,vUV);\n\nif (gain == -1.0) {\ngl_FragColor=vec4(0.0,0.0,0.0,1.0);\nreturn;\n}\nfloat w=2.0/screen_width;\nfloat h=2.0/screen_height;\nfloat weight=1.0;\n\nvec4 blurred=vec4(0.0,0.0,0.0,0.0);\n#ifdef PENTAGON\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-0.84*w,0.43*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(0.48*w,-1.29*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(0.61*w,1.51*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-1.55*w,-0.74*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(1.71*w,-0.52*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-0.94*w,1.59*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-0.40*w,-1.87*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(1.62*w,1.16*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-2.09*w,0.25*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(1.46*w,-1.71*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(0.08*w,2.42*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-1.85*w,-1.89*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(2.89*w,0.16*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-2.29*w,1.88*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(0.40*w,-2.81*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(1.54*w,2.26*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-2.60*w,-0.61*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(2.31*w,-1.30*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-0.83*w,2.53*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-1.12*w,-2.48*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(2.60*w,1.11*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-2.82*w,0.99*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(1.50*w,-2.81*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(0.85*w,3.33*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-2.94*w,-1.92*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(3.27*w,-0.53*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-1.95*w,2.48*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-0.23*w,-3.04*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(2.17*w,2.05*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-2.97*w,-0.04*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(2.25*w,-2.00*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-0.31*w,3.08*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-1.94*w,-2.59*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(3.37*w,0.64*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-3.13*w,1.93*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(1.03*w,-3.65*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(1.60*w,3.17*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-3.14*w,-1.19*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(3.00*w,-1.19*h)));\n#else\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-0.85*w,0.36*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(0.52*w,-1.14*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(0.46*w,1.42*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-1.46*w,-0.83*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(1.79*w,-0.42*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-1.11*w,1.62*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-0.29*w,-2.07*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(1.69*w,1.39*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-2.28*w,0.12*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(1.65*w,-1.69*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-0.08*w,2.44*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-1.63*w,-1.90*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(2.55*w,0.31*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-2.13*w,1.52*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(0.56*w,-2.61*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(1.38*w,2.34*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-2.64*w,-0.81*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(2.53*w,-1.21*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-1.06*w,2.63*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-1.00*w,-2.69*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(2.59*w,1.32*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-2.82*w,0.78*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(1.57*w,-2.50*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(0.54*w,2.93*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-2.39*w,-1.81*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(3.01*w,-0.28*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-2.04*w,2.25*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-0.02*w,-3.05*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(2.09*w,2.25*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-3.07*w,-0.25*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(2.44*w,-1.90*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-0.52*w,3.05*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-1.68*w,-2.61*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(3.01*w,0.79*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-2.76*w,1.46*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(1.05*w,-2.94*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(1.21*w,2.88*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(-2.84*w,-1.30*h)));\nblurred+=highlightColor(texture2D(textureSampler,vUV+vec2(2.98*w,-0.96*h)));\n#endif\nblurred/=39.0;\ngl_FragColor=blurred;\n\n}","linePixelShader":"uniform vec4 color;\nvoid main(void) {\ngl_FragColor=color;\n}","lineVertexShader":"\nattribute vec3 position;\nattribute vec4 normal;\n\nuniform mat4 worldViewProjection;\nuniform float width;\nuniform float aspectRatio;\nvoid main(void) {\nvec4 viewPosition=worldViewProjection*vec4(position,1.0);\nvec4 viewPositionNext=worldViewProjection*vec4(normal.xyz,1.0);\nvec2 currentScreen=viewPosition.xy/viewPosition.w;\nvec2 nextScreen=viewPositionNext.xy/viewPositionNext.w;\ncurrentScreen.x*=aspectRatio;\nnextScreen.x*=aspectRatio;\nvec2 dir=normalize(nextScreen-currentScreen);\nvec2 normalDir=vec2(-dir.y,dir.x);\nnormalDir*=width/2.0;\nnormalDir.x/=aspectRatio;\nvec4 offset=vec4(normalDir*normal.w,0.0,0.0);\ngl_Position=viewPosition+offset;\n}","outlinePixelShader":"uniform vec4 color;\n#ifdef ALPHATEST\nvarying vec2 vUV;\nuniform sampler2D diffuseSampler;\n#endif\nvoid main(void) {\n#ifdef ALPHATEST\nif (texture2D(diffuseSampler,vUV).a<0.4)\ndiscard;\n#endif\ngl_FragColor=color;\n}","outlineVertexShader":"\nattribute vec3 position;\nattribute vec3 normal;\n#include\n\nuniform float offset;\n#include\nuniform mat4 viewProjection;\n#ifdef ALPHATEST\nvarying vec2 vUV;\nuniform mat4 diffuseMatrix;\n#ifdef UV1\nattribute vec2 uv;\n#endif\n#ifdef UV2\nattribute vec2 uv2;\n#endif\n#endif\nvoid main(void)\n{\nvec3 offsetPosition=position+normal*offset;\n#include\n#include\ngl_Position=viewProjection*finalWorld*vec4(offsetPosition,1.0);\n#ifdef ALPHATEST\n#ifdef UV1\nvUV=vec2(diffuseMatrix*vec4(uv,1.0,0.0));\n#endif\n#ifdef UV2\nvUV=vec2(diffuseMatrix*vec4(uv2,1.0,0.0));\n#endif\n#endif\n}\n","particlesPixelShader":"\nvarying vec2 vUV;\nvarying vec4 vColor;\nuniform vec4 textureMask;\nuniform sampler2D diffuseSampler;\n#ifdef CLIPPLANE\nvarying float fClipDistance;\n#endif\nvoid main(void) {\n#ifdef CLIPPLANE\nif (fClipDistance>0.0)\ndiscard;\n#endif\nvec4 baseColor=texture2D(diffuseSampler,vUV);\ngl_FragColor=(baseColor*textureMask+(vec4(1.,1.,1.,1.)-textureMask))*vColor;\n}","particlesVertexShader":"\nattribute vec3 position;\nattribute vec4 color;\nattribute vec4 options;\n\nuniform mat4 view;\nuniform mat4 projection;\n\nvarying vec2 vUV;\nvarying vec4 vColor;\n#ifdef CLIPPLANE\nuniform vec4 vClipPlane;\nuniform mat4 invView;\nvarying float fClipDistance;\n#endif\nvoid main(void) { \nvec3 viewPos=(view*vec4(position,1.0)).xyz; \nvec3 cornerPos;\nfloat size=options.y;\nfloat angle=options.x;\nvec2 offset=options.zw;\ncornerPos=vec3(offset.x-0.5,offset.y-0.5,0.)*size;\n\nvec3 rotatedCorner;\nrotatedCorner.x=cornerPos.x*cos(angle)-cornerPos.y*sin(angle);\nrotatedCorner.y=cornerPos.x*sin(angle)+cornerPos.y*cos(angle);\nrotatedCorner.z=0.;\n\nviewPos+=rotatedCorner;\ngl_Position=projection*vec4(viewPos,1.0); \nvColor=color;\nvUV=offset;\n\n#ifdef CLIPPLANE\nvec4 worldPos=invView*vec4(viewPos,1.0);\nfClipDistance=dot(worldPos,vClipPlane);\n#endif\n}","passPixelShader":"\nvarying vec2 vUV;\nuniform sampler2D textureSampler;\nvoid main(void) \n{\ngl_FragColor=texture2D(textureSampler,vUV);\n}","pbrPixelShader":"#ifdef BUMP\n#extension GL_OES_standard_derivatives : enable\n#endif\n#ifdef LODBASEDMICROSFURACE\n#extension GL_EXT_shader_texture_lod : enable\n#endif\n#ifdef LOGARITHMICDEPTH\n#extension GL_EXT_frag_depth : enable\n#endif\nprecision highp float;\nuniform vec3 vEyePosition;\nuniform vec3 vAmbientColor;\nuniform vec3 vReflectionColor;\nuniform vec4 vAlbedoColor;\n\nuniform vec4 vLightingIntensity;\nuniform vec4 vCameraInfos;\n#ifdef OVERLOADEDVALUES\nuniform vec4 vOverloadedIntensity;\nuniform vec3 vOverloadedAmbient;\nuniform vec3 vOverloadedAlbedo;\nuniform vec3 vOverloadedReflectivity;\nuniform vec3 vOverloadedEmissive;\nuniform vec3 vOverloadedReflection;\nuniform vec3 vOverloadedMicroSurface;\n#endif\n#ifdef OVERLOADEDSHADOWVALUES\nuniform vec4 vOverloadedShadowIntensity;\n#endif\n#if defined(REFLECTION) || defined(REFRACTION)\nuniform vec2 vMicrosurfaceTextureLods;\n#endif\nuniform vec4 vReflectivityColor;\nuniform vec3 vEmissiveColor;\n\nvarying vec3 vPositionW;\n#ifdef NORMAL\nvarying vec3 vNormalW;\n#endif\n#ifdef VERTEXCOLOR\nvarying vec4 vColor;\n#endif\n\n#include[0..maxSimultaneousLights]\n\n#ifdef ALBEDO\nvarying vec2 vAlbedoUV;\nuniform sampler2D albedoSampler;\nuniform vec2 vAlbedoInfos;\n#endif\n#ifdef AMBIENT\nvarying vec2 vAmbientUV;\nuniform sampler2D ambientSampler;\nuniform vec3 vAmbientInfos;\n#endif\n#ifdef OPACITY \nvarying vec2 vOpacityUV;\nuniform sampler2D opacitySampler;\nuniform vec2 vOpacityInfos;\n#endif\n#ifdef EMISSIVE\nvarying vec2 vEmissiveUV;\nuniform vec2 vEmissiveInfos;\nuniform sampler2D emissiveSampler;\n#endif\n#ifdef LIGHTMAP\nvarying vec2 vLightmapUV;\nuniform vec2 vLightmapInfos;\nuniform sampler2D lightmapSampler;\n#endif\n#if defined(REFLECTIVITY)\nvarying vec2 vReflectivityUV;\nuniform vec2 vReflectivityInfos;\nuniform sampler2D reflectivitySampler;\n#endif\n\n#include\n#ifdef OPACITYFRESNEL\nuniform vec4 opacityParts;\n#endif\n#ifdef EMISSIVEFRESNEL\nuniform vec4 emissiveLeftColor;\nuniform vec4 emissiveRightColor;\n#endif\n\n#if defined(REFLECTIONMAP_SPHERICAL) || defined(REFLECTIONMAP_PROJECTION) || defined(REFRACTION)\nuniform mat4 view;\n#endif\n\n#ifdef REFRACTION\nuniform vec4 vRefractionInfos;\n#ifdef REFRACTIONMAP_3D\nuniform samplerCube refractionCubeSampler;\n#else\nuniform sampler2D refraction2DSampler;\nuniform mat4 refractionMatrix;\n#endif\n#endif\n\n#ifdef REFLECTION\nuniform vec2 vReflectionInfos;\n#ifdef REFLECTIONMAP_3D\nuniform samplerCube reflectionCubeSampler;\n#else\nuniform sampler2D reflection2DSampler;\n#endif\n#ifdef REFLECTIONMAP_SKYBOX\nvarying vec3 vPositionUVW;\n#else\n#ifdef REFLECTIONMAP_EQUIRECTANGULAR_FIXED\nvarying vec3 vDirectionW;\n#endif\n#if defined(REFLECTIONMAP_PLANAR) || defined(REFLECTIONMAP_CUBIC) || defined(REFLECTIONMAP_PROJECTION)\nuniform mat4 reflectionMatrix;\n#endif\n#endif\n#include\n#endif\n#ifdef CAMERACOLORGRADING\n#include\n#endif\n#ifdef CAMERACOLORCURVES\n#include\n#endif\n\n#include\n#include\n#ifdef CAMERACOLORGRADING\n#include\n#endif\n#ifdef CAMERACOLORCURVES\n#include\n#endif\n#include\n#include\n#include\n#include\n#include\n#include\n\n#include\nvoid main(void) {\n#include\nvec3 viewDirectionW=normalize(vEyePosition-vPositionW);\n\n#ifdef NORMAL\nvec3 normalW=normalize(vNormalW);\n#else\nvec3 normalW=vec3(1.0,1.0,1.0);\n#endif\n#include\n\nvec4 surfaceAlbedo=vec4(1.,1.,1.,1.);\nvec3 surfaceAlbedoContribution=vAlbedoColor.rgb;\n\nfloat alpha=vAlbedoColor.a;\n#ifdef ALBEDO\nsurfaceAlbedo=texture2D(albedoSampler,vAlbedoUV+uvOffset);\nsurfaceAlbedo=vec4(toLinearSpace(surfaceAlbedo.rgb),surfaceAlbedo.a);\n#ifndef LINKREFRACTIONTOTRANSPARENCY\n#ifdef ALPHATEST\nif (surfaceAlbedo.a<0.4)\ndiscard;\n#endif\n#endif\n#ifdef ALPHAFROMALBEDO\nalpha*=surfaceAlbedo.a;\n#endif\nsurfaceAlbedo.rgb*=vAlbedoInfos.y;\n#else\n\nsurfaceAlbedo.rgb=surfaceAlbedoContribution;\nsurfaceAlbedoContribution=vec3(1.,1.,1.);\n#endif\n#ifdef VERTEXCOLOR\nsurfaceAlbedo.rgb*=vColor.rgb;\n#endif\n#ifdef OVERLOADEDVALUES\nsurfaceAlbedo.rgb=mix(surfaceAlbedo.rgb,vOverloadedAlbedo,vOverloadedIntensity.y);\n#endif\n\nvec3 ambientColor=vec3(1.,1.,1.);\n#ifdef AMBIENT\nambientColor=texture2D(ambientSampler,vAmbientUV+uvOffset).rgb*vAmbientInfos.y;\nambientColor=vec3(1.,1.,1.)-((vec3(1.,1.,1.)-ambientColor)*vAmbientInfos.z);\n#ifdef OVERLOADEDVALUES\nambientColor.rgb=mix(ambientColor.rgb,vOverloadedAmbient,vOverloadedIntensity.x);\n#endif\n#endif\n\nfloat microSurface=vReflectivityColor.a;\nvec3 surfaceReflectivityColor=vReflectivityColor.rgb;\n#ifdef OVERLOADEDVALUES\nsurfaceReflectivityColor.rgb=mix(surfaceReflectivityColor.rgb,vOverloadedReflectivity,vOverloadedIntensity.z);\n#endif\n#ifdef REFLECTIVITY\nvec4 surfaceReflectivityColorMap=texture2D(reflectivitySampler,vReflectivityUV+uvOffset);\nsurfaceReflectivityColor=surfaceReflectivityColorMap.rgb;\nsurfaceReflectivityColor=toLinearSpace(surfaceReflectivityColor);\n#ifdef OVERLOADEDVALUES\nsurfaceReflectivityColor=mix(surfaceReflectivityColor,vOverloadedReflectivity,vOverloadedIntensity.z);\n#endif\n#ifdef MICROSURFACEFROMREFLECTIVITYMAP\nmicroSurface=surfaceReflectivityColorMap.a;\n#else\n#ifdef MICROSURFACEAUTOMATIC\nmicroSurface=computeDefaultMicroSurface(microSurface,surfaceReflectivityColor);\n#endif\n#endif\n#endif\n#ifdef OVERLOADEDVALUES\nmicroSurface=mix(microSurface,vOverloadedMicroSurface.x,vOverloadedMicroSurface.y);\n#endif\n\nfloat NdotV=max(0.00000000001,dot(normalW,viewDirectionW));\n\nmicroSurface=clamp(microSurface,0.,1.)*0.98;\n\nfloat roughness=clamp(1.-microSurface,0.000001,1.0);\n\nvec3 lightDiffuseContribution=vec3(0.,0.,0.);\n#ifdef OVERLOADEDSHADOWVALUES\nvec3 shadowedOnlyLightDiffuseContribution=vec3(1.,1.,1.);\n#endif\n#ifdef SPECULARTERM\nvec3 lightSpecularContribution=vec3(0.,0.,0.);\n#endif\nfloat notShadowLevel=1.; \n#ifdef LIGHTMAP\nvec3 lightmapColor=texture2D(lightmapSampler,vLightmapUV+uvOffset).rgb*vLightmapInfos.y;\n#endif\nfloat NdotL=-1.;\nlightingInfo info;\n\nfloat reflectance=max(max(surfaceReflectivityColor.r,surfaceReflectivityColor.g),surfaceReflectivityColor.b);\n\n\nfloat reflectance90=clamp(reflectance*25.0,0.0,1.0);\nvec3 specularEnvironmentR0=surfaceReflectivityColor.rgb;\nvec3 specularEnvironmentR90=vec3(1.0,1.0,1.0)*reflectance90;\n#include[0..maxSimultaneousLights]\n#ifdef SPECULARTERM\nlightSpecularContribution*=vLightingIntensity.w;\n#endif\n#ifdef OPACITY\nvec4 opacityMap=texture2D(opacitySampler,vOpacityUV+uvOffset);\n#ifdef OPACITYRGB\nopacityMap.rgb=opacityMap.rgb*vec3(0.3,0.59,0.11);\nalpha*=(opacityMap.x+opacityMap.y+opacityMap.z)* vOpacityInfos.y;\n#else\nalpha*=opacityMap.a*vOpacityInfos.y;\n#endif\n#endif\n#ifdef VERTEXALPHA\nalpha*=vColor.a;\n#endif\n#ifdef OPACITYFRESNEL\nfloat opacityFresnelTerm=computeFresnelTerm(viewDirectionW,normalW,opacityParts.z,opacityParts.w);\nalpha+=opacityParts.x*(1.0-opacityFresnelTerm)+opacityFresnelTerm*opacityParts.y;\n#endif\n\nvec3 surfaceRefractionColor=vec3(0.,0.,0.);\n\n#ifdef LODBASEDMICROSFURACE\nfloat alphaG=convertRoughnessToAverageSlope(roughness);\n#endif\n#ifdef REFRACTION\nvec3 refractionVector=refract(-viewDirectionW,normalW,vRefractionInfos.y);\n#ifdef LODBASEDMICROSFURACE\n#ifdef USEPMREMREFRACTION\nfloat lodRefraction=getMipMapIndexFromAverageSlopeWithPMREM(vMicrosurfaceTextureLods.y,alphaG);\n#else\nfloat lodRefraction=getMipMapIndexFromAverageSlope(vMicrosurfaceTextureLods.y,alphaG);\n#endif\n#else\nfloat biasRefraction=(vMicrosurfaceTextureLods.y+2.)*(1.0-microSurface);\n#endif\n#ifdef REFRACTIONMAP_3D\nrefractionVector.y=refractionVector.y*vRefractionInfos.w;\nif (dot(refractionVector,viewDirectionW)<1.0)\n{\n#ifdef LODBASEDMICROSFURACE\n#ifdef USEPMREMREFRACTION\n\nif ((vMicrosurfaceTextureLods.y-lodRefraction)>4.0)\n{\n\nfloat scaleRefraction=1.-exp2(lodRefraction)/exp2(vMicrosurfaceTextureLods.y); \nfloat maxRefraction=max(max(abs(refractionVector.x),abs(refractionVector.y)),abs(refractionVector.z));\nif (abs(refractionVector.x) != maxRefraction) refractionVector.x*=scaleRefraction;\nif (abs(refractionVector.y) != maxRefraction) refractionVector.y*=scaleRefraction;\nif (abs(refractionVector.z) != maxRefraction) refractionVector.z*=scaleRefraction;\n}\n#endif\nsurfaceRefractionColor=textureCubeLodEXT(refractionCubeSampler,refractionVector,lodRefraction).rgb*vRefractionInfos.x;\n#else\nsurfaceRefractionColor=textureCube(refractionCubeSampler,refractionVector,biasRefraction).rgb*vRefractionInfos.x;\n#endif\n}\n#ifndef REFRACTIONMAPINLINEARSPACE\nsurfaceRefractionColor=toLinearSpace(surfaceRefractionColor.rgb);\n#endif\n#else\nvec3 vRefractionUVW=vec3(refractionMatrix*(view*vec4(vPositionW+refractionVector*vRefractionInfos.z,1.0)));\nvec2 refractionCoords=vRefractionUVW.xy/vRefractionUVW.z;\nrefractionCoords.y=1.0-refractionCoords.y;\n#ifdef LODBASEDMICROSFURACE\nsurfaceRefractionColor=texture2DLodEXT(refraction2DSampler,refractionCoords,lodRefraction).rgb*vRefractionInfos.x;\n#else\nsurfaceRefractionColor=texture2D(refraction2DSampler,refractionCoords,biasRefraction).rgb*vRefractionInfos.x;\n#endif \nsurfaceRefractionColor=toLinearSpace(surfaceRefractionColor.rgb);\n#endif\n#endif\n\nvec3 environmentRadiance=vReflectionColor.rgb;\nvec3 environmentIrradiance=vReflectionColor.rgb;\n#ifdef REFLECTION\nvec3 vReflectionUVW=computeReflectionCoords(vec4(vPositionW,1.0),normalW);\n#ifdef LODBASEDMICROSFURACE\n#ifdef USEPMREMREFLECTION\nfloat lodReflection=getMipMapIndexFromAverageSlopeWithPMREM(vMicrosurfaceTextureLods.x,alphaG);\n#else\nfloat lodReflection=getMipMapIndexFromAverageSlope(vMicrosurfaceTextureLods.x,alphaG);\n#endif\n#else\nfloat biasReflection=(vMicrosurfaceTextureLods.x+2.)*(1.0-microSurface);\n#endif\n#ifdef REFLECTIONMAP_3D\n#ifdef LODBASEDMICROSFURACE\n#ifdef USEPMREMREFLECTION\n\nif ((vMicrosurfaceTextureLods.y-lodReflection)>4.0)\n{\n\nfloat scaleReflection=1.-exp2(lodReflection)/exp2(vMicrosurfaceTextureLods.x); \nfloat maxReflection=max(max(abs(vReflectionUVW.x),abs(vReflectionUVW.y)),abs(vReflectionUVW.z));\nif (abs(vReflectionUVW.x) != maxReflection) vReflectionUVW.x*=scaleReflection;\nif (abs(vReflectionUVW.y) != maxReflection) vReflectionUVW.y*=scaleReflection;\nif (abs(vReflectionUVW.z) != maxReflection) vReflectionUVW.z*=scaleReflection;\n}\n#endif\nenvironmentRadiance=textureCubeLodEXT(reflectionCubeSampler,vReflectionUVW,lodReflection).rgb*vReflectionInfos.x;\n#else\nenvironmentRadiance=textureCube(reflectionCubeSampler,vReflectionUVW,biasReflection).rgb*vReflectionInfos.x;\n#endif\n#ifdef USESPHERICALFROMREFLECTIONMAP\n#ifndef REFLECTIONMAP_SKYBOX\nvec3 normalEnvironmentSpace=(reflectionMatrix*vec4(normalW,1)).xyz;\nenvironmentIrradiance=EnvironmentIrradiance(normalEnvironmentSpace);\n#endif\n#else\nenvironmentRadiance=toLinearSpace(environmentRadiance.rgb);\nenvironmentIrradiance=textureCube(reflectionCubeSampler,normalW,20.).rgb*vReflectionInfos.x;\nenvironmentIrradiance=toLinearSpace(environmentIrradiance.rgb);\nenvironmentIrradiance*=0.2; \n#endif\n#else\nvec2 coords=vReflectionUVW.xy;\n#ifdef REFLECTIONMAP_PROJECTION\ncoords/=vReflectionUVW.z;\n#endif\ncoords.y=1.0-coords.y;\n#ifdef LODBASEDMICROSFURACE\nenvironmentRadiance=texture2DLodEXT(reflection2DSampler,coords,lodReflection).rgb*vReflectionInfos.x;\n#else\nenvironmentRadiance=texture2D(reflection2DSampler,coords,biasReflection).rgb*vReflectionInfos.x;\n#endif\nenvironmentRadiance=toLinearSpace(environmentRadiance.rgb);\nenvironmentIrradiance=texture2D(reflection2DSampler,coords,20.).rgb*vReflectionInfos.x;\nenvironmentIrradiance=toLinearSpace(environmentIrradiance.rgb);\n#endif\n#endif\n#ifdef OVERLOADEDVALUES\nenvironmentIrradiance=mix(environmentIrradiance,vOverloadedReflection,vOverloadedMicroSurface.z);\nenvironmentRadiance=mix(environmentRadiance,vOverloadedReflection,vOverloadedMicroSurface.z);\n#endif\nenvironmentRadiance*=vLightingIntensity.z;\nenvironmentIrradiance*=vLightingIntensity.z;\n\nvec3 specularEnvironmentReflectance=FresnelSchlickEnvironmentGGX(clamp(NdotV,0.,1.),specularEnvironmentR0,specularEnvironmentR90,sqrt(microSurface));\n\nvec3 refractance=vec3(0.0,0.0,0.0);\n#ifdef REFRACTION\nvec3 transmission=vec3(1.0,1.0,1.0);\n#ifdef LINKREFRACTIONTOTRANSPARENCY\n\ntransmission*=(1.0-alpha);\n\n\nvec3 mixedAlbedo=surfaceAlbedoContribution.rgb*surfaceAlbedo.rgb;\nfloat maxChannel=max(max(mixedAlbedo.r,mixedAlbedo.g),mixedAlbedo.b);\nvec3 tint=clamp(maxChannel*mixedAlbedo,0.0,1.0);\n\nsurfaceAlbedoContribution*=alpha;\n\nenvironmentIrradiance*=alpha;\n\nsurfaceRefractionColor*=tint;\n\nalpha=1.0;\n#endif\n\nvec3 bounceSpecularEnvironmentReflectance=(2.0*specularEnvironmentReflectance)/(1.0+specularEnvironmentReflectance);\nspecularEnvironmentReflectance=mix(bounceSpecularEnvironmentReflectance,specularEnvironmentReflectance,alpha);\n\ntransmission*=1.0-specularEnvironmentReflectance;\n\nrefractance=surfaceRefractionColor*transmission;\n#endif\n\nsurfaceAlbedo.rgb=(1.-reflectance)*surfaceAlbedo.rgb;\nrefractance*=vLightingIntensity.z;\nenvironmentRadiance*=specularEnvironmentReflectance;\n\nvec3 surfaceEmissiveColor=vEmissiveColor;\n#ifdef EMISSIVE\nvec3 emissiveColorTex=texture2D(emissiveSampler,vEmissiveUV+uvOffset).rgb;\nsurfaceEmissiveColor=toLinearSpace(emissiveColorTex.rgb)*surfaceEmissiveColor*vEmissiveInfos.y;\n#endif\n#ifdef OVERLOADEDVALUES\nsurfaceEmissiveColor=mix(surfaceEmissiveColor,vOverloadedEmissive,vOverloadedIntensity.w);\n#endif\n#ifdef EMISSIVEFRESNEL\nfloat emissiveFresnelTerm=computeFresnelTerm(viewDirectionW,normalW,emissiveRightColor.a,emissiveLeftColor.a);\nsurfaceEmissiveColor*=emissiveLeftColor.rgb*(1.0-emissiveFresnelTerm)+emissiveFresnelTerm*emissiveRightColor.rgb;\n#endif\n\n#ifdef EMISSIVEASILLUMINATION\nvec3 finalDiffuse=max(lightDiffuseContribution*surfaceAlbedoContribution+vAmbientColor,0.0)*surfaceAlbedo.rgb;\n#ifdef OVERLOADEDSHADOWVALUES\nshadowedOnlyLightDiffuseContribution=max(shadowedOnlyLightDiffuseContribution*surfaceAlbedoContribution+vAmbientColor,0.0)*surfaceAlbedo.rgb;\n#endif\n#else\n#ifdef LINKEMISSIVEWITHALBEDO\nvec3 finalDiffuse=max((lightDiffuseContribution+surfaceEmissiveColor)*surfaceAlbedoContribution+vAmbientColor,0.0)*surfaceAlbedo.rgb;\n#ifdef OVERLOADEDSHADOWVALUES\nshadowedOnlyLightDiffuseContribution=max((shadowedOnlyLightDiffuseContribution+surfaceEmissiveColor)*surfaceAlbedoContribution+vAmbientColor,0.0)*surfaceAlbedo.rgb;\n#endif\n#else\nvec3 finalDiffuse=max(lightDiffuseContribution*surfaceAlbedoContribution+surfaceEmissiveColor+vAmbientColor,0.0)*surfaceAlbedo.rgb;\n#ifdef OVERLOADEDSHADOWVALUES\nshadowedOnlyLightDiffuseContribution=max(shadowedOnlyLightDiffuseContribution*surfaceAlbedoContribution+surfaceEmissiveColor+vAmbientColor,0.0)*surfaceAlbedo.rgb;\n#endif\n#endif\n#endif\n#ifdef OVERLOADEDSHADOWVALUES\nfinalDiffuse=mix(finalDiffuse,shadowedOnlyLightDiffuseContribution,(1.0-vOverloadedShadowIntensity.y));\n#endif\n#ifdef SPECULARTERM\nvec3 finalSpecular=lightSpecularContribution*surfaceReflectivityColor;\n#else\nvec3 finalSpecular=vec3(0.0);\n#endif\n#ifdef SPECULAROVERALPHA\nalpha=clamp(alpha+getLuminance(finalSpecular),0.,1.);\n#endif\n#ifdef RADIANCEOVERALPHA\nalpha=clamp(alpha+getLuminance(environmentRadiance),0.,1.);\n#endif\n\n\n#ifdef EMISSIVEASILLUMINATION\nvec4 finalColor=vec4(finalDiffuse*ambientColor*vLightingIntensity.x+surfaceAlbedo.rgb*environmentIrradiance+finalSpecular*vLightingIntensity.x+environmentRadiance+surfaceEmissiveColor*vLightingIntensity.y+refractance,alpha);\n#else\nvec4 finalColor=vec4(finalDiffuse*ambientColor*vLightingIntensity.x+surfaceAlbedo.rgb*environmentIrradiance+finalSpecular*vLightingIntensity.x+environmentRadiance+refractance,alpha);\n#endif\n#ifdef LIGHTMAP\n#ifndef LIGHTMAPEXCLUDED\n#ifdef USELIGHTMAPASSHADOWMAP\nfinalColor.rgb*=lightmapColor;\n#else\nfinalColor.rgb+=lightmapColor;\n#endif\n#endif\n#endif\nfinalColor=max(finalColor,0.0);\n#ifdef CAMERATONEMAP\nfinalColor.rgb=toneMaps(finalColor.rgb);\n#endif\nfinalColor.rgb=toGammaSpace(finalColor.rgb);\n#include\n#include(color,finalColor)\n#ifdef CAMERACONTRAST\nfinalColor=contrasts(finalColor);\n#endif\nfinalColor.rgb=clamp(finalColor.rgb,0.,1.);\n#ifdef CAMERACOLORGRADING\nfinalColor=colorGrades(finalColor);\n#endif\n#ifdef CAMERACOLORCURVES\nfinalColor.rgb=applyColorCurves(finalColor.rgb);\n#endif\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\ngl_FragColor=finalColor;\n}","pbrVertexShader":"precision highp float;\n\nattribute vec3 position;\n#ifdef NORMAL\nattribute vec3 normal;\n#endif\n#ifdef UV1\nattribute vec2 uv;\n#endif\n#ifdef UV2\nattribute vec2 uv2;\n#endif\n#ifdef VERTEXCOLOR\nattribute vec4 color;\n#endif\n#include\n\n#include\nuniform mat4 view;\nuniform mat4 viewProjection;\n#ifdef ALBEDO\nvarying vec2 vAlbedoUV;\nuniform mat4 albedoMatrix;\nuniform vec2 vAlbedoInfos;\n#endif\n#ifdef AMBIENT\nvarying vec2 vAmbientUV;\nuniform mat4 ambientMatrix;\nuniform vec3 vAmbientInfos;\n#endif\n#ifdef OPACITY\nvarying vec2 vOpacityUV;\nuniform mat4 opacityMatrix;\nuniform vec2 vOpacityInfos;\n#endif\n#ifdef EMISSIVE\nvarying vec2 vEmissiveUV;\nuniform vec2 vEmissiveInfos;\nuniform mat4 emissiveMatrix;\n#endif\n#ifdef LIGHTMAP\nvarying vec2 vLightmapUV;\nuniform vec2 vLightmapInfos;\nuniform mat4 lightmapMatrix;\n#endif\n#if defined(REFLECTIVITY)\nvarying vec2 vReflectivityUV;\nuniform vec2 vReflectivityInfos;\nuniform mat4 reflectivityMatrix;\n#endif\n#ifdef BUMP\nvarying vec2 vBumpUV;\nuniform vec3 vBumpInfos;\nuniform mat4 bumpMatrix;\n#endif\n#ifdef POINTSIZE\nuniform float pointSize;\n#endif\n\nvarying vec3 vPositionW;\n#ifdef NORMAL\nvarying vec3 vNormalW;\n#endif\n#ifdef VERTEXCOLOR\nvarying vec4 vColor;\n#endif\n#include\n#include\n#include[0..maxSimultaneousLights]\n#ifdef REFLECTIONMAP_SKYBOX\nvarying vec3 vPositionUVW;\n#endif\n#ifdef REFLECTIONMAP_EQUIRECTANGULAR_FIXED\nvarying vec3 vDirectionW;\n#endif\n#include\nvoid main(void) {\n#ifdef REFLECTIONMAP_SKYBOX\nvPositionUVW=position;\n#endif \n#include\n#include\ngl_Position=viewProjection*finalWorld*vec4(position,1.0);\nvec4 worldPos=finalWorld*vec4(position,1.0);\nvPositionW=vec3(worldPos);\n#ifdef NORMAL\nvNormalW=normalize(vec3(finalWorld*vec4(normal,0.0)));\n#endif\n#ifdef REFLECTIONMAP_EQUIRECTANGULAR_FIXED\nvDirectionW=normalize(vec3(finalWorld*vec4(position,0.0)));\n#endif\n\n#ifndef UV1\nvec2 uv=vec2(0.,0.);\n#endif\n#ifndef UV2\nvec2 uv2=vec2(0.,0.);\n#endif\n#ifdef ALBEDO\nif (vAlbedoInfos.x == 0.)\n{\nvAlbedoUV=vec2(albedoMatrix*vec4(uv,1.0,0.0));\n}\nelse\n{\nvAlbedoUV=vec2(albedoMatrix*vec4(uv2,1.0,0.0));\n}\n#endif\n#ifdef AMBIENT\nif (vAmbientInfos.x == 0.)\n{\nvAmbientUV=vec2(ambientMatrix*vec4(uv,1.0,0.0));\n}\nelse\n{\nvAmbientUV=vec2(ambientMatrix*vec4(uv2,1.0,0.0));\n}\n#endif\n#ifdef OPACITY\nif (vOpacityInfos.x == 0.)\n{\nvOpacityUV=vec2(opacityMatrix*vec4(uv,1.0,0.0));\n}\nelse\n{\nvOpacityUV=vec2(opacityMatrix*vec4(uv2,1.0,0.0));\n}\n#endif\n#ifdef EMISSIVE\nif (vEmissiveInfos.x == 0.)\n{\nvEmissiveUV=vec2(emissiveMatrix*vec4(uv,1.0,0.0));\n}\nelse\n{\nvEmissiveUV=vec2(emissiveMatrix*vec4(uv2,1.0,0.0));\n}\n#endif\n#ifdef LIGHTMAP\nif (vLightmapInfos.x == 0.)\n{\nvLightmapUV=vec2(lightmapMatrix*vec4(uv,1.0,0.0));\n}\nelse\n{\nvLightmapUV=vec2(lightmapMatrix*vec4(uv2,1.0,0.0));\n}\n#endif\n#if defined(REFLECTIVITY)\nif (vReflectivityInfos.x == 0.)\n{\nvReflectivityUV=vec2(reflectivityMatrix*vec4(uv,1.0,0.0));\n}\nelse\n{\nvReflectivityUV=vec2(reflectivityMatrix*vec4(uv2,1.0,0.0));\n}\n#endif\n#ifdef BUMP\nif (vBumpInfos.x == 0.)\n{\nvBumpUV=vec2(bumpMatrix*vec4(uv,1.0,0.0));\n}\nelse\n{\nvBumpUV=vec2(bumpMatrix*vec4(uv2,1.0,0.0));\n}\n#endif\n\n#include\n\n#include\n\n#include[0..maxSimultaneousLights]\n\n#ifdef VERTEXCOLOR\nvColor=color;\n#endif\n\n#ifdef POINTSIZE\ngl_PointSize=pointSize;\n#endif\n\n#include\n}","postprocessVertexShader":"\nattribute vec2 position;\nuniform vec2 scale;\n\nvarying vec2 vUV;\nconst vec2 madd=vec2(0.5,0.5);\nvoid main(void) { \nvUV=(position*madd+madd)*scale;\ngl_Position=vec4(position,0.0,1.0);\n}","proceduralVertexShader":"\nattribute vec2 position;\n\nvarying vec2 vPosition;\nvarying vec2 vUV;\nconst vec2 madd=vec2(0.5,0.5);\nvoid main(void) { \nvPosition=position;\nvUV=position*madd+madd;\ngl_Position=vec4(position,0.0,1.0);\n}","refractionPixelShader":"\nvarying vec2 vUV;\nuniform sampler2D textureSampler;\nuniform sampler2D refractionSampler;\n\nuniform vec3 baseColor;\nuniform float depth;\nuniform float colorLevel;\nvoid main() {\nfloat ref=1.0-texture2D(refractionSampler,vUV).r;\nvec2 uv=vUV-vec2(0.5);\nvec2 offset=uv*depth*ref;\nvec3 sourceColor=texture2D(textureSampler,vUV-offset).rgb;\ngl_FragColor=vec4(sourceColor+sourceColor*ref*colorLevel,1.0);\n}","shadowMapPixelShader":"#ifndef FULLFLOAT\nvec4 pack(float depth)\n{\nconst vec4 bit_shift=vec4(255.0*255.0*255.0,255.0*255.0,255.0,1.0);\nconst vec4 bit_mask=vec4(0.0,1.0/255.0,1.0/255.0,1.0/255.0);\nvec4 res=fract(depth*bit_shift);\nres-=res.xxyz*bit_mask;\nreturn res;\n}\n\nvec2 packHalf(float depth) \n{ \nconst vec2 bitOffset=vec2(1.0/255.,0.);\nvec2 color=vec2(depth,fract(depth*255.));\nreturn color-(color.yy*bitOffset);\n}\n#endif\nvarying vec4 vPosition;\n#ifdef ALPHATEST\nvarying vec2 vUV;\nuniform sampler2D diffuseSampler;\n#endif\n#ifdef CUBEMAP\nuniform vec3 lightPosition;\nuniform vec2 depthValues;\n#endif\nvoid main(void)\n{\n#ifdef ALPHATEST\nif (texture2D(diffuseSampler,vUV).a<0.4)\ndiscard;\n#endif\n#ifdef CUBEMAP\nvec3 directionToLight=vPosition.xyz-lightPosition;\nfloat depth=length(directionToLight);\ndepth=(depth-depthValues.x)/(depthValues.y-depthValues.x);\ndepth=clamp(depth,0.,1.0);\n#else\nfloat depth=vPosition.z/vPosition.w;\ndepth=depth*0.5+0.5;\n#endif\n#ifdef VSM\nfloat moment1=depth;\nfloat moment2=moment1*moment1;\n#ifndef FULLFLOAT\ngl_FragColor=vec4(packHalf(moment1),packHalf(moment2));\n#else\ngl_FragColor=vec4(moment1,moment2,1.0,1.0);\n#endif\n#else\n#ifndef FULLFLOAT\ngl_FragColor=pack(depth);\n#else\ngl_FragColor=vec4(depth,1.0,1.0,1.0);\n#endif\n#endif\n}","shadowMapVertexShader":"\nattribute vec3 position;\n#include\n\n#include\nuniform mat4 viewProjection;\nvarying vec4 vPosition;\n#ifdef ALPHATEST\nvarying vec2 vUV;\nuniform mat4 diffuseMatrix;\n#ifdef UV1\nattribute vec2 uv;\n#endif\n#ifdef UV2\nattribute vec2 uv2;\n#endif\n#endif\nvoid main(void)\n{\n#include\n#include\n#ifdef CUBEMAP\nvPosition=finalWorld*vec4(position,1.0);\ngl_Position=viewProjection*finalWorld*vec4(position,1.0);\n#else\nvPosition=viewProjection*finalWorld*vec4(position,1.0);\ngl_Position=vPosition;\n#endif\n#ifdef ALPHATEST\n#ifdef UV1\nvUV=vec2(diffuseMatrix*vec4(uv,1.0,0.0));\n#endif\n#ifdef UV2\nvUV=vec2(diffuseMatrix*vec4(uv2,1.0,0.0));\n#endif\n#endif\n}","spritesPixelShader":"uniform bool alphaTest;\nvarying vec4 vColor;\n\nvarying vec2 vUV;\nuniform sampler2D diffuseSampler;\n\n#include\nvoid main(void) {\nvec4 color=texture2D(diffuseSampler,vUV);\nif (alphaTest) \n{\nif (color.a<0.95)\ndiscard;\n}\ncolor*=vColor;\n#include\ngl_FragColor=color;\n}","spritesVertexShader":"\nattribute vec4 position;\nattribute vec4 options;\nattribute vec4 cellInfo;\nattribute vec4 color;\n\nuniform vec2 textureInfos;\nuniform mat4 view;\nuniform mat4 projection;\n\nvarying vec2 vUV;\nvarying vec4 vColor;\n#include\nvoid main(void) { \nvec3 viewPos=(view*vec4(position.xyz,1.0)).xyz; \nvec2 cornerPos;\nfloat angle=position.w;\nvec2 size=vec2(options.x,options.y);\nvec2 offset=options.zw;\nvec2 uvScale=textureInfos.xy;\ncornerPos=vec2(offset.x-0.5,offset.y-0.5)*size;\n\nvec3 rotatedCorner;\nrotatedCorner.x=cornerPos.x*cos(angle)-cornerPos.y*sin(angle);\nrotatedCorner.y=cornerPos.x*sin(angle)+cornerPos.y*cos(angle);\nrotatedCorner.z=0.;\n\nviewPos+=rotatedCorner;\ngl_Position=projection*vec4(viewPos,1.0); \n\nvColor=color;\n\nvec2 uvOffset=vec2(abs(offset.x-cellInfo.x),1.0-abs(offset.y-cellInfo.y));\nvUV=(uvOffset+cellInfo.zw)*uvScale;\n\n#ifdef FOG\nfFogDistance=viewPos.z;\n#endif\n}","ssaoPixelShader":"\nuniform sampler2D textureSampler;\nvarying vec2 vUV;\n#ifdef SSAO\nuniform sampler2D randomSampler;\nuniform float randTextureTiles;\nuniform float samplesFactor;\nuniform vec3 sampleSphere[SAMPLES];\nuniform float totalStrength;\nuniform float radius;\nuniform float area;\nuniform float fallOff;\nuniform float base;\nvec3 normalFromDepth(float depth,vec2 coords)\n{\nvec2 offset1=vec2(0.0,radius);\nvec2 offset2=vec2(radius,0.0);\nfloat depth1=texture2D(textureSampler,coords+offset1).r;\nfloat depth2=texture2D(textureSampler,coords+offset2).r;\nvec3 p1=vec3(offset1,depth1-depth);\nvec3 p2=vec3(offset2,depth2-depth);\nvec3 normal=cross(p1,p2);\nnormal.z=-normal.z;\nreturn normalize(normal);\n}\nvoid main()\n{\nvec3 random=normalize(texture2D(randomSampler,vUV*randTextureTiles).rgb);\nfloat depth=texture2D(textureSampler,vUV).r;\nvec3 position=vec3(vUV,depth);\nvec3 normal=normalFromDepth(depth,vUV);\nfloat radiusDepth=radius/depth;\nfloat occlusion=0.0;\nvec3 ray;\nvec3 hemiRay;\nfloat occlusionDepth;\nfloat difference;\nfor (int i=0; i0.5;\ntexCoord1=vec2(useCamB ? (vUV.x-0.5)*2.0 : vUV.x*2.0,vUV.y);\ntexCoord2=vec2(texCoord1.x+stepSize.x,vUV.y);\n#else\nuseCamB=vUV.y>0.5;\ntexCoord1=vec2(vUV.x,useCamB ? (vUV.y-0.5)*2.0 : vUV.y*2.0);\ntexCoord2=vec2(vUV.x,texCoord1.y+stepSize.y);\n#endif\n\nif (useCamB){\nfrag1=texture2D(textureSampler,texCoord1).rgb;\nfrag2=texture2D(textureSampler,texCoord2).rgb;\n}else{\nfrag1=texture2D(camASampler ,texCoord1).rgb;\nfrag2=texture2D(camASampler ,texCoord2).rgb;\n}\ngl_FragColor=vec4((frag1+frag2)/TWO,1.0);\n}","tonemapPixelShader":"\nvarying vec2 vUV;\nuniform sampler2D textureSampler;\n\nuniform float _ExposureAdjustment;\n#if defined(HABLE_TONEMAPPING)\nconst float A=0.15;\nconst float B=0.50;\nconst float C=0.10;\nconst float D=0.20;\nconst float E=0.02;\nconst float F=0.30;\nconst float W=11.2;\n#endif\nfloat Luminance(vec3 c)\n{\nreturn dot(c,vec3(0.22,0.707,0.071));\n}\nvoid main(void) \n{\nvec3 colour=texture2D(textureSampler,vUV).rgb;\n#if defined(REINHARD_TONEMAPPING)\nfloat lum=Luminance(colour.rgb); \nfloat lumTm=lum*_ExposureAdjustment;\nfloat scale=lumTm/(1.0+lumTm); \ncolour*=scale/lum;\n#elif defined(HABLE_TONEMAPPING)\ncolour*=_ExposureAdjustment;\nconst float ExposureBias=2.0;\nvec3 x=ExposureBias*colour;\nvec3 curr=((x*(A*x+C*B)+D*E)/(x*(A*x+B)+D*F))-E/F;\nx=vec3(W,W,W);\nvec3 whiteScale=1.0/(((x*(A*x+C*B)+D*E)/(x*(A*x+B)+D*F))-E/F);\ncolour=curr*whiteScale;\n#elif defined(OPTIMIZED_HEJIDAWSON_TONEMAPPING)\ncolour*=_ExposureAdjustment;\nvec3 X=max(vec3(0.0,0.0,0.0),colour-0.004);\nvec3 retColor=(X*(6.2*X+0.5))/(X*(6.2*X+1.7)+0.06);\ncolour=retColor*retColor;\n#elif defined(PHOTOGRAPHIC_TONEMAPPING)\ncolour=vec3(1.0,1.0,1.0)-exp2(-_ExposureAdjustment*colour);\n#endif\ngl_FragColor=vec4(colour.rgb,1.0);\n}","volumetricLightScatteringPixelShader":"uniform sampler2D textureSampler;\nuniform sampler2D lightScatteringSampler;\nuniform float decay;\nuniform float exposure;\nuniform float weight;\nuniform float density;\nuniform vec2 meshPositionOnScreen;\nvarying vec2 vUV;\nvoid main(void) {\nvec2 tc=vUV;\nvec2 deltaTexCoord=(tc-meshPositionOnScreen.xy);\ndeltaTexCoord*=1.0/float(NUM_SAMPLES)*density;\nfloat illuminationDecay=1.0;\nvec4 color=texture2D(lightScatteringSampler,tc)*0.4;\nfor(int i=0; i1.0 || tc.y<0.0 || tc.y>1.0)\ngl_FragColor=vec4(0.0,0.0,0.0,1.0);\nelse{\ngl_FragColor=vec4(texture2D(textureSampler,tc).rgb,1.0);\n}\n}"}; BABYLON.Effect.IncludesShadersStore={"bonesDeclaration":"#if NUM_BONE_INFLUENCERS>0\nuniform mat4 mBones[BonesPerMesh];\nattribute vec4 matricesIndices;\nattribute vec4 matricesWeights;\n#if NUM_BONE_INFLUENCERS>4\nattribute vec4 matricesIndicesExtra;\nattribute vec4 matricesWeightsExtra;\n#endif\n#endif","bonesVertex":"#if NUM_BONE_INFLUENCERS>0\nmat4 influence;\ninfluence=mBones[int(matricesIndices[0])]*matricesWeights[0];\n#if NUM_BONE_INFLUENCERS>1\ninfluence+=mBones[int(matricesIndices[1])]*matricesWeights[1];\n#endif \n#if NUM_BONE_INFLUENCERS>2\ninfluence+=mBones[int(matricesIndices[2])]*matricesWeights[2];\n#endif \n#if NUM_BONE_INFLUENCERS>3\ninfluence+=mBones[int(matricesIndices[3])]*matricesWeights[3];\n#endif \n#if NUM_BONE_INFLUENCERS>4\ninfluence+=mBones[int(matricesIndicesExtra[0])]*matricesWeightsExtra[0];\n#endif \n#if NUM_BONE_INFLUENCERS>5\ninfluence+=mBones[int(matricesIndicesExtra[1])]*matricesWeightsExtra[1];\n#endif \n#if NUM_BONE_INFLUENCERS>6\ninfluence+=mBones[int(matricesIndicesExtra[2])]*matricesWeightsExtra[2];\n#endif \n#if NUM_BONE_INFLUENCERS>7\ninfluence+=mBones[int(matricesIndicesExtra[3])]*matricesWeightsExtra[3];\n#endif \nfinalWorld=finalWorld*influence;\n#endif","bumpFragment":"vec2 uvOffset=vec2(0.0,0.0);\n#if defined(BUMP) || defined(PARALLAX)\nmat3 TBN=cotangent_frame(normalW*vBumpInfos.y,-viewDirectionW,vBumpUV);\n#endif\n#ifdef PARALLAX\nmat3 invTBN=transposeMat3(TBN);\n#ifdef PARALLAXOCCLUSION\nuvOffset=parallaxOcclusion(invTBN*-viewDirectionW,invTBN*normalW,vBumpUV,vBumpInfos.z);\n#else\nuvOffset=parallaxOffset(invTBN*viewDirectionW,vBumpInfos.z);\n#endif\n#endif\n#ifdef BUMP\nnormalW=perturbNormal(viewDirectionW,TBN,vBumpUV+uvOffset);\n#endif","bumpFragmentFunctions":"#ifdef BUMP\nvarying vec2 vBumpUV;\nuniform vec3 vBumpInfos;\nuniform sampler2D bumpSampler;\n\nmat3 cotangent_frame(vec3 normal,vec3 p,vec2 uv)\n{\n\nvec3 dp1=dFdx(p);\nvec3 dp2=dFdy(p);\nvec2 duv1=dFdx(uv);\nvec2 duv2=dFdy(uv);\n\nvec3 dp2perp=cross(dp2,normal);\nvec3 dp1perp=cross(normal,dp1);\nvec3 tangent=dp2perp*duv1.x+dp1perp*duv2.x;\nvec3 binormal=dp2perp*duv1.y+dp1perp*duv2.y;\n\nfloat invmax=inversesqrt(max(dot(tangent,tangent),dot(binormal,binormal)));\nreturn mat3(tangent*invmax,binormal*invmax,normal);\n}\nvec3 perturbNormal(vec3 viewDir,mat3 cotangentFrame,vec2 uv)\n{\nvec3 map=texture2D(bumpSampler,uv).xyz;\n#ifdef INVERTNORMALMAPX\nmap.x=1.0-map.x;\n#endif\n#ifdef INVERTNORMALMAPY\nmap.y=1.0-map.y;\n#endif\nmap=map*255./127.-128./127.;\nreturn normalize(cotangentFrame*map);\n}\n#ifdef PARALLAX\nconst float minSamples=4.;\nconst float maxSamples=15.;\nconst int iMaxSamples=15;\n\nvec2 parallaxOcclusion(vec3 vViewDirCoT,vec3 vNormalCoT,vec2 texCoord,float parallaxScale) {\nfloat parallaxLimit=length(vViewDirCoT.xy)/vViewDirCoT.z;\nparallaxLimit*=parallaxScale;\nvec2 vOffsetDir=normalize(vViewDirCoT.xy);\nvec2 vMaxOffset=vOffsetDir*parallaxLimit;\nfloat numSamples=maxSamples+(dot(vViewDirCoT,vNormalCoT)*(minSamples-maxSamples));\nfloat stepSize=1.0/numSamples;\n\nfloat currRayHeight=1.0;\nvec2 vCurrOffset=vec2(0,0);\nvec2 vLastOffset=vec2(0,0);\nfloat lastSampledHeight=1.0;\nfloat currSampledHeight=1.0;\nfor (int i=0; icurrRayHeight)\n{\nfloat delta1=currSampledHeight-currRayHeight;\nfloat delta2=(currRayHeight+stepSize)-lastSampledHeight;\nfloat ratio=delta1/(delta1+delta2);\nvCurrOffset=(ratio)* vLastOffset+(1.0-ratio)*vCurrOffset;\n\nbreak;\n}\nelse\n{\ncurrRayHeight-=stepSize;\nvLastOffset=vCurrOffset;\nvCurrOffset+=stepSize*vMaxOffset;\nlastSampledHeight=currSampledHeight;\n}\n}\nreturn vCurrOffset;\n}\nvec2 parallaxOffset(vec3 viewDir,float heightScale)\n{\n\nfloat height=texture2D(bumpSampler,vBumpUV).w;\nvec2 texCoordOffset=heightScale*viewDir.xy*height;\nreturn -texCoordOffset;\n}\n#endif\n#endif","clipPlaneFragment":"#ifdef CLIPPLANE\nif (fClipDistance>0.0)\n{\ndiscard;\n}\n#endif","clipPlaneFragmentDeclaration":"#ifdef CLIPPLANE\nvarying float fClipDistance;\n#endif","clipPlaneVertex":"#ifdef CLIPPLANE\nfClipDistance=dot(worldPos,vClipPlane);\n#endif","clipPlaneVertexDeclaration":"#ifdef CLIPPLANE\nuniform vec4 vClipPlane;\nvarying float fClipDistance;\n#endif","colorCurves":"const vec3 HDTVRec709_RGBLuminanceCoefficients=vec3(0.2126,0.7152,0.0722);\nvec3 applyColorCurves(vec3 original) {\nvec3 result=original;\n\n\n\nfloat luma=dot(result.rgb,HDTVRec709_RGBLuminanceCoefficients);\nvec2 curveMix=clamp(vec2(luma*3.0-1.5,luma*-3.0+1.5),vec2(0.0,0.0),vec2(1.0,1.0));\nvec4 colorCurve=vCameraColorCurveNeutral+curveMix.x*vCameraColorCurvePositive-curveMix.y*vCameraColorCurveNegative;\nresult.rgb*=colorCurve.rgb;\nresult.rgb=mix(vec3(luma,luma,luma),result.rgb,colorCurve.a);\nreturn result;\n}","colorCurvesDefinition":"uniform vec4 vCameraColorCurveNeutral;\nuniform vec4 vCameraColorCurvePositive;\nuniform vec4 vCameraColorCurveNegative;","colorGrading":"vec4 colorGrades(vec4 color) \n{ \n\nfloat sliceContinuous=color.z*vCameraColorGradingInfos.z;\nfloat sliceInteger=floor(sliceContinuous);\n\n\nfloat sliceFraction=sliceContinuous-sliceInteger; \n\nvec2 sliceUV=color.xy*vCameraColorGradingScaleOffset.xy+vCameraColorGradingScaleOffset.zw;\n\n\nsliceUV.x+=sliceInteger*vCameraColorGradingInfos.w;\nvec4 slice0Color=texture2D(cameraColorGrading2DSampler,sliceUV);\nsliceUV.x+=vCameraColorGradingInfos.w;\nvec4 slice1Color=texture2D(cameraColorGrading2DSampler,sliceUV);\nvec3 result=mix(slice0Color.rgb,slice1Color.rgb,sliceFraction);\ncolor.rgb=mix(color.rgb,result,vCameraColorGradingInfos.x);\nreturn color;\n}","colorGradingDefinition":"uniform sampler2D cameraColorGrading2DSampler;\nuniform vec4 vCameraColorGradingInfos;\nuniform vec4 vCameraColorGradingScaleOffset;","fogFragment":"#ifdef FOG\nfloat fog=CalcFogFactor();\ncolor.rgb=fog*color.rgb+(1.0-fog)*vFogColor;\n#endif","fogFragmentDeclaration":"#ifdef FOG\n#define FOGMODE_NONE 0.\n#define FOGMODE_EXP 1.\n#define FOGMODE_EXP2 2.\n#define FOGMODE_LINEAR 3.\n#define E 2.71828\nuniform vec4 vFogInfos;\nuniform vec3 vFogColor;\nvarying float fFogDistance;\nfloat CalcFogFactor()\n{\nfloat fogCoeff=1.0;\nfloat fogStart=vFogInfos.y;\nfloat fogEnd=vFogInfos.z;\nfloat fogDensity=vFogInfos.w;\nif (FOGMODE_LINEAR == vFogInfos.x)\n{\nfogCoeff=(fogEnd-fFogDistance)/(fogEnd-fogStart);\n}\nelse if (FOGMODE_EXP == vFogInfos.x)\n{\nfogCoeff=1.0/pow(E,fFogDistance*fogDensity);\n}\nelse if (FOGMODE_EXP2 == vFogInfos.x)\n{\nfogCoeff=1.0/pow(E,fFogDistance*fFogDistance*fogDensity*fogDensity);\n}\nreturn clamp(fogCoeff,0.0,1.0);\n}\n#endif","fogVertex":"#ifdef FOG\nfFogDistance=(view*worldPos).z;\n#endif","fogVertexDeclaration":"#ifdef FOG\nvarying float fFogDistance;\n#endif","fresnelFunction":"#ifdef FRESNEL\nfloat computeFresnelTerm(vec3 viewDirection,vec3 worldNormal,float bias,float power)\n{\nfloat fresnelTerm=pow(bias+abs(dot(viewDirection,worldNormal)),power);\nreturn clamp(fresnelTerm,0.,1.);\n}\n#endif","harmonicsFunctions":"#ifdef USESPHERICALFROMREFLECTIONMAP\nuniform vec3 vSphericalX;\nuniform vec3 vSphericalY;\nuniform vec3 vSphericalZ;\nuniform vec3 vSphericalXX;\nuniform vec3 vSphericalYY;\nuniform vec3 vSphericalZZ;\nuniform vec3 vSphericalXY;\nuniform vec3 vSphericalYZ;\nuniform vec3 vSphericalZX;\nvec3 EnvironmentIrradiance(vec3 normal)\n{\n\n\n\nvec3 result =\nvSphericalX*normal.x +\nvSphericalY*normal.y +\nvSphericalZ*normal.z +\nvSphericalXX*normal.x*normal.x +\nvSphericalYY*normal.y*normal.y +\nvSphericalZZ*normal.z*normal.z +\nvSphericalYZ*normal.y*normal.z +\nvSphericalZX*normal.z*normal.x +\nvSphericalXY*normal.x*normal.y;\nreturn result.rgb;\n}\n#endif","helperFunctions":"mat3 transposeMat3(mat3 inMatrix) {\nvec3 i0=inMatrix[0];\nvec3 i1=inMatrix[1];\nvec3 i2=inMatrix[2];\nmat3 outMatrix=mat3(\nvec3(i0.x,i1.x,i2.x),\nvec3(i0.y,i1.y,i2.y),\nvec3(i0.z,i1.z,i2.z)\n);\nreturn outMatrix;\n}","instancesDeclaration":"#ifdef INSTANCES\nattribute vec4 world0;\nattribute vec4 world1;\nattribute vec4 world2;\nattribute vec4 world3;\n#else\nuniform mat4 world;\n#endif","instancesVertex":"#ifdef INSTANCES\nmat4 finalWorld=mat4(world0,world1,world2,world3);\n#else\nmat4 finalWorld=world;\n#endif","lightFragment":"#ifdef LIGHT{X}\n#if defined(LIGHTMAP) && defined(LIGHTMAPEXCLUDED{X}) && defined(LIGHTMAPNOSPECULAR{X})\n\n#else\n#ifndef SPECULARTERM\nvec3 vLightSpecular{X}=vec3(0.);\n#endif\n#ifdef SPOTLIGHT{X}\ninfo=computeSpotLighting(viewDirectionW,normalW,vLightData{X},vLightDirection{X},vLightDiffuse{X}.rgb,vLightSpecular{X},vLightDiffuse{X}.a,glossiness);\n#endif\n#ifdef HEMILIGHT{X}\ninfo=computeHemisphericLighting(viewDirectionW,normalW,vLightData{X},vLightDiffuse{X}.rgb,vLightSpecular{X},vLightGround{X},glossiness);\n#endif\n#if defined(POINTLIGHT{X}) || defined(DIRLIGHT{X})\ninfo=computeLighting(viewDirectionW,normalW,vLightData{X},vLightDiffuse{X}.rgb,vLightSpecular{X},vLightDiffuse{X}.a,glossiness);\n#endif\n#endif\n#ifdef SHADOW{X}\n#ifdef SHADOWVSM{X}\nshadow=computeShadowWithVSM(vPositionFromLight{X},shadowSampler{X},shadowsInfo{X}.z,shadowsInfo{X}.x);\n#else\n#ifdef SHADOWPCF{X}\n#if defined(POINTLIGHT{X})\nshadow=computeShadowWithPCFCube(vLightData{X}.xyz,shadowSampler{X},shadowsInfo{X}.y,shadowsInfo{X}.z,shadowsInfo{X}.x);\n#else\nshadow=computeShadowWithPCF(vPositionFromLight{X},shadowSampler{X},shadowsInfo{X}.y,shadowsInfo{X}.z,shadowsInfo{X}.x);\n#endif\n#else\n#if defined(POINTLIGHT{X})\nshadow=computeShadowCube(vLightData{X}.xyz,shadowSampler{X},shadowsInfo{X}.x,shadowsInfo{X}.z);\n#else\nshadow=computeShadow(vPositionFromLight{X},shadowSampler{X},shadowsInfo{X}.x,shadowsInfo{X}.z);\n#endif\n#endif\n#endif\n#else\nshadow=1.;\n#endif\n#if defined(LIGHTMAP) && defined(LIGHTMAPEXCLUDED{X})\ndiffuseBase+=lightmapColor*shadow;\n#ifdef SPECULARTERM\n#ifndef LIGHTMAPNOSPECULAR{X}\nspecularBase+=info.specular*shadow*lightmapColor;\n#endif\n#endif\n#else\ndiffuseBase+=info.diffuse*shadow;\n#ifdef SPECULARTERM\nspecularBase+=info.specular*shadow;\n#endif\n#endif\n#endif","lightFragmentDeclaration":"#ifdef LIGHT{X}\nuniform vec4 vLightData{X};\nuniform vec4 vLightDiffuse{X};\n#ifdef SPECULARTERM\nuniform vec3 vLightSpecular{X};\n#endif\n#ifdef SHADOW{X}\n#if defined(SPOTLIGHT{X}) || defined(DIRLIGHT{X})\nvarying vec4 vPositionFromLight{X};\nuniform sampler2D shadowSampler{X};\n#else\nuniform samplerCube shadowSampler{X};\n#endif\nuniform vec3 shadowsInfo{X};\n#endif\n#ifdef SPOTLIGHT{X}\nuniform vec4 vLightDirection{X};\n#endif\n#ifdef HEMILIGHT{X}\nuniform vec3 vLightGround{X};\n#endif\n#endif","lightsFragmentFunctions":"\nstruct lightingInfo\n{\nvec3 diffuse;\n#ifdef SPECULARTERM\nvec3 specular;\n#endif\n};\nlightingInfo computeLighting(vec3 viewDirectionW,vec3 vNormal,vec4 lightData,vec3 diffuseColor,vec3 specularColor,float range,float glossiness) {\nlightingInfo result;\nvec3 lightVectorW;\nfloat attenuation=1.0;\nif (lightData.w == 0.)\n{\nvec3 direction=lightData.xyz-vPositionW;\nattenuation=max(0.,1.0-length(direction)/range);\nlightVectorW=normalize(direction);\n}\nelse\n{\nlightVectorW=normalize(-lightData.xyz);\n}\n\nfloat ndl=max(0.,dot(vNormal,lightVectorW));\nresult.diffuse=ndl*diffuseColor*attenuation;\n#ifdef SPECULARTERM\n\nvec3 angleW=normalize(viewDirectionW+lightVectorW);\nfloat specComp=max(0.,dot(vNormal,angleW));\nspecComp=pow(specComp,max(1.,glossiness));\nresult.specular=specComp*specularColor*attenuation;\n#endif\nreturn result;\n}\nlightingInfo computeSpotLighting(vec3 viewDirectionW,vec3 vNormal,vec4 lightData,vec4 lightDirection,vec3 diffuseColor,vec3 specularColor,float range,float glossiness) {\nlightingInfo result;\nvec3 direction=lightData.xyz-vPositionW;\nvec3 lightVectorW=normalize(direction);\nfloat attenuation=max(0.,1.0-length(direction)/range);\n\nfloat cosAngle=max(0.,dot(-lightDirection.xyz,lightVectorW));\nif (cosAngle>=lightDirection.w)\n{\ncosAngle=max(0.,pow(cosAngle,lightData.w));\nattenuation*=cosAngle;\n\nfloat ndl=max(0.,dot(vNormal,-lightDirection.xyz));\nresult.diffuse=ndl*diffuseColor*attenuation;\n#ifdef SPECULARTERM\n\nvec3 angleW=normalize(viewDirectionW-lightDirection.xyz);\nfloat specComp=max(0.,dot(vNormal,angleW));\nspecComp=pow(specComp,max(1.,glossiness));\nresult.specular=specComp*specularColor*attenuation;\n#endif\nreturn result;\n}\nresult.diffuse=vec3(0.);\n#ifdef SPECULARTERM\nresult.specular=vec3(0.);\n#endif\nreturn result;\n}\nlightingInfo computeHemisphericLighting(vec3 viewDirectionW,vec3 vNormal,vec4 lightData,vec3 diffuseColor,vec3 specularColor,vec3 groundColor,float glossiness) {\nlightingInfo result;\n\nfloat ndl=dot(vNormal,lightData.xyz)*0.5+0.5;\nresult.diffuse=mix(groundColor,diffuseColor,ndl);\n#ifdef SPECULARTERM\n\nvec3 angleW=normalize(viewDirectionW+lightData.xyz);\nfloat specComp=max(0.,dot(vNormal,angleW));\nspecComp=pow(specComp,max(1.,glossiness));\nresult.specular=specComp*specularColor;\n#endif\nreturn result;\n}\n","logDepthDeclaration":"#ifdef LOGARITHMICDEPTH\nuniform float logarithmicDepthConstant;\nvarying float vFragmentDepth;\n#endif","logDepthFragment":"#ifdef LOGARITHMICDEPTH\ngl_FragDepthEXT=log2(vFragmentDepth)*logarithmicDepthConstant*0.5;\n#endif","logDepthVertex":"#ifdef LOGARITHMICDEPTH\nvFragmentDepth=1.0+gl_Position.w;\ngl_Position.z=log2(max(0.000001,vFragmentDepth))*logarithmicDepthConstant;\n#endif","pbrFunctions":"\n#define RECIPROCAL_PI2 0.15915494\n#define FRESNEL_MAXIMUM_ON_ROUGH 0.25\n\nconst float kPi=3.1415926535897932384626433832795;\nconst float kRougnhessToAlphaScale=0.1;\nconst float kRougnhessToAlphaOffset=0.29248125;\nfloat Square(float value)\n{\nreturn value*value;\n}\nfloat getLuminance(vec3 color)\n{\nreturn clamp(dot(color,vec3(0.2126,0.7152,0.0722)),0.,1.);\n}\nfloat convertRoughnessToAverageSlope(float roughness)\n{\n\nconst float kMinimumVariance=0.0005;\nfloat alphaG=Square(roughness)+kMinimumVariance;\nreturn alphaG;\n}\n\nfloat getMipMapIndexFromAverageSlope(float maxMipLevel,float alpha)\n{\n\n\n\n\n\n\n\nfloat mip=kRougnhessToAlphaOffset+maxMipLevel+(maxMipLevel*kRougnhessToAlphaScale*log2(alpha));\nreturn clamp(mip,0.,maxMipLevel);\n}\nfloat getMipMapIndexFromAverageSlopeWithPMREM(float maxMipLevel,float alphaG)\n{\nfloat specularPower=clamp(2./alphaG-2.,0.000001,2048.);\n\nreturn clamp(- 0.5*log2(specularPower)+5.5,0.,maxMipLevel);\n}\n\nfloat smithVisibilityG1_TrowbridgeReitzGGX(float dot,float alphaG)\n{\nfloat tanSquared=(1.0-dot*dot)/(dot*dot);\nreturn 2.0/(1.0+sqrt(1.0+alphaG*alphaG*tanSquared));\n}\nfloat smithVisibilityG_TrowbridgeReitzGGX_Walter(float NdotL,float NdotV,float alphaG)\n{\nreturn smithVisibilityG1_TrowbridgeReitzGGX(NdotL,alphaG)*smithVisibilityG1_TrowbridgeReitzGGX(NdotV,alphaG);\n}\n\n\nfloat normalDistributionFunction_TrowbridgeReitzGGX(float NdotH,float alphaG)\n{\n\n\n\nfloat a2=Square(alphaG);\nfloat d=NdotH*NdotH*(a2-1.0)+1.0;\nreturn a2/(kPi*d*d);\n}\nvec3 fresnelSchlickGGX(float VdotH,vec3 reflectance0,vec3 reflectance90)\n{\nreturn reflectance0+(reflectance90-reflectance0)*pow(clamp(1.0-VdotH,0.,1.),5.0);\n}\nvec3 FresnelSchlickEnvironmentGGX(float VdotN,vec3 reflectance0,vec3 reflectance90,float smoothness)\n{\n\nfloat weight=mix(FRESNEL_MAXIMUM_ON_ROUGH,1.0,smoothness);\nreturn reflectance0+weight*(reflectance90-reflectance0)*pow(clamp(1.0-VdotN,0.,1.),5.0);\n}\n\nvec3 computeSpecularTerm(float NdotH,float NdotL,float NdotV,float VdotH,float roughness,vec3 specularColor,vec3 reflectance90)\n{\nfloat alphaG=convertRoughnessToAverageSlope(roughness);\nfloat distribution=normalDistributionFunction_TrowbridgeReitzGGX(NdotH,alphaG);\nfloat visibility=smithVisibilityG_TrowbridgeReitzGGX_Walter(NdotL,NdotV,alphaG);\nvisibility/=(4.0*NdotL*NdotV); \nvec3 fresnel=fresnelSchlickGGX(VdotH,specularColor,reflectance90);\nfloat specTerm=max(0.,visibility*distribution)*NdotL;\nreturn fresnel*specTerm*kPi; \n}\nfloat computeDiffuseTerm(float NdotL,float NdotV,float VdotH,float roughness)\n{\n\n\nfloat diffuseFresnelNV=pow(clamp(1.0-NdotL,0.000001,1.),5.0);\nfloat diffuseFresnelNL=pow(clamp(1.0-NdotV,0.000001,1.),5.0);\nfloat diffuseFresnel90=0.5+2.0*VdotH*VdotH*roughness;\nfloat diffuseFresnelTerm =\n(1.0+(diffuseFresnel90-1.0)*diffuseFresnelNL) *\n(1.0+(diffuseFresnel90-1.0)*diffuseFresnelNV);\nreturn diffuseFresnelTerm*NdotL;\n\n\n}\nfloat adjustRoughnessFromLightProperties(float roughness,float lightRadius,float lightDistance)\n{\n#ifdef USEPHYSICALLIGHTFALLOFF\n\nfloat lightRoughness=lightRadius/lightDistance;\n\nfloat totalRoughness=clamp(lightRoughness+roughness,0.,1.);\nreturn totalRoughness;\n#else\nreturn roughness;\n#endif\n}\nfloat computeDefaultMicroSurface(float microSurface,vec3 reflectivityColor)\n{\nfloat kReflectivityNoAlphaWorkflow_SmoothnessMax=0.95;\nfloat reflectivityLuminance=getLuminance(reflectivityColor);\nfloat reflectivityLuma=sqrt(reflectivityLuminance);\nmicroSurface=reflectivityLuma*kReflectivityNoAlphaWorkflow_SmoothnessMax;\nreturn microSurface;\n}\nvec3 toLinearSpace(vec3 color)\n{\nreturn vec3(pow(color.r,2.2),pow(color.g,2.2),pow(color.b,2.2));\n}\nvec3 toGammaSpace(vec3 color)\n{\nreturn vec3(pow(color.r,1.0/2.2),pow(color.g,1.0/2.2),pow(color.b,1.0/2.2));\n}\n#ifdef CAMERATONEMAP\nvec3 toneMaps(vec3 color)\n{\ncolor=max(color,0.0);\n\ncolor.rgb=color.rgb*vCameraInfos.x;\nfloat tuning=1.5; \n\n\nvec3 tonemapped=1.0-exp2(-color.rgb*tuning); \ncolor.rgb=mix(color.rgb,tonemapped,1.0);\nreturn color;\n}\n#endif\n#ifdef CAMERACONTRAST\nvec4 contrasts(vec4 color)\n{\ncolor=clamp(color,0.0,1.0);\nvec3 resultHighContrast=color.rgb*color.rgb*(3.0-2.0*color.rgb);\nfloat contrast=vCameraInfos.y;\nif (contrast<1.0)\n{\n\ncolor.rgb=mix(vec3(0.5,0.5,0.5),color.rgb,contrast);\n}\nelse\n{\n\ncolor.rgb=mix(color.rgb,resultHighContrast,contrast-1.0);\n}\nreturn color;\n}\n#endif","pbrLightFunctions":"\nstruct lightingInfo\n{\nvec3 diffuse;\n#ifdef SPECULARTERM\nvec3 specular;\n#endif\n};\nfloat computeDistanceLightFalloff(vec3 lightOffset,float lightDistanceSquared,float range)\n{ \n#ifdef USEPHYSICALLIGHTFALLOFF\nfloat lightDistanceFalloff=1.0/((lightDistanceSquared+0.0001));\n#else\nfloat lightDistanceFalloff=max(0.,1.0-length(lightOffset)/range);\n#endif\nreturn lightDistanceFalloff;\n}\nfloat computeDirectionalLightFalloff(vec3 lightDirection,vec3 directionToLightCenterW,float lightAngle,float exponent)\n{\nfloat falloff=0.0;\n#ifdef USEPHYSICALLIGHTFALLOFF\nfloat cosHalfAngle=cos(lightAngle*0.5);\nconst float kMinusLog2ConeAngleIntensityRatio=6.64385618977; \n\n\n\n\n\nfloat concentrationKappa=kMinusLog2ConeAngleIntensityRatio/(1.0-cosHalfAngle);\n\n\nvec4 lightDirectionSpreadSG=vec4(-lightDirection*concentrationKappa,-concentrationKappa);\nfalloff=exp2(dot(vec4(directionToLightCenterW,1.0),lightDirectionSpreadSG));\n#else\nfloat cosAngle=max(0.000000000000001,dot(-lightDirection,directionToLightCenterW));\nif (cosAngle>=lightAngle)\n{\nfalloff=max(0.,pow(cosAngle,exponent));\n}\n#endif\nreturn falloff;\n}\nlightingInfo computeLighting(vec3 viewDirectionW,vec3 vNormal,vec4 lightData,vec3 diffuseColor,vec3 specularColor,float rangeRadius,float roughness,float NdotV,vec3 reflectance90,out float NdotL) {\nlightingInfo result;\nvec3 lightDirection;\nfloat attenuation=1.0;\nfloat lightDistance;\n\nif (lightData.w == 0.)\n{\nvec3 lightOffset=lightData.xyz-vPositionW;\nfloat lightDistanceSquared=dot(lightOffset,lightOffset);\nattenuation=computeDistanceLightFalloff(lightOffset,lightDistanceSquared,rangeRadius);\nlightDistance=sqrt(lightDistanceSquared);\nlightDirection=normalize(lightOffset);\n}\n\nelse\n{\nlightDistance=length(-lightData.xyz);\nlightDirection=normalize(-lightData.xyz);\n}\n\nroughness=adjustRoughnessFromLightProperties(roughness,rangeRadius,lightDistance);\n\nvec3 H=normalize(viewDirectionW+lightDirection);\nNdotL=max(0.00000000001,dot(vNormal,lightDirection));\nfloat VdotH=clamp(0.00000000001,1.0,dot(viewDirectionW,H));\nfloat diffuseTerm=computeDiffuseTerm(NdotL,NdotV,VdotH,roughness);\nresult.diffuse=diffuseTerm*diffuseColor*attenuation;\n#ifdef SPECULARTERM\n\nfloat NdotH=max(0.00000000001,dot(vNormal,H));\nvec3 specTerm=computeSpecularTerm(NdotH,NdotL,NdotV,VdotH,roughness,specularColor,reflectance90);\nresult.specular=specTerm*attenuation;\n#endif\nreturn result;\n}\nlightingInfo computeSpotLighting(vec3 viewDirectionW,vec3 vNormal,vec4 lightData,vec4 lightDirection,vec3 diffuseColor,vec3 specularColor,float rangeRadius,float roughness,float NdotV,vec3 reflectance90,out float NdotL) {\nlightingInfo result;\nvec3 lightOffset=lightData.xyz-vPositionW;\nvec3 directionToLightCenterW=normalize(lightOffset);\n\nfloat lightDistanceSquared=dot(lightOffset,lightOffset);\nfloat attenuation=computeDistanceLightFalloff(lightOffset,lightDistanceSquared,rangeRadius);\n\nfloat directionalAttenuation=computeDirectionalLightFalloff(lightDirection.xyz,directionToLightCenterW,lightDirection.w,lightData.w);\nattenuation*=directionalAttenuation;\n\nfloat lightDistance=sqrt(lightDistanceSquared);\nroughness=adjustRoughnessFromLightProperties(roughness,rangeRadius,lightDistance);\n\nvec3 H=normalize(viewDirectionW-lightDirection.xyz);\nNdotL=max(0.00000000001,dot(vNormal,-lightDirection.xyz));\nfloat VdotH=clamp(dot(viewDirectionW,H),0.00000000001,1.0);\nfloat diffuseTerm=computeDiffuseTerm(NdotL,NdotV,VdotH,roughness);\nresult.diffuse=diffuseTerm*diffuseColor*attenuation;\n#ifdef SPECULARTERM\n\nfloat NdotH=max(0.00000000001,dot(vNormal,H));\nvec3 specTerm=computeSpecularTerm(NdotH,NdotL,NdotV,VdotH,roughness,specularColor,reflectance90);\nresult.specular=specTerm*attenuation;\n#endif\nreturn result;\n}\nlightingInfo computeHemisphericLighting(vec3 viewDirectionW,vec3 vNormal,vec4 lightData,vec3 diffuseColor,vec3 specularColor,vec3 groundColor,float roughness,float NdotV,vec3 reflectance90,out float NdotL) {\nlightingInfo result;\n\n\n\nNdotL=dot(vNormal,lightData.xyz)*0.5+0.5;\nresult.diffuse=mix(groundColor,diffuseColor,NdotL);\n#ifdef SPECULARTERM\n\nvec3 lightVectorW=normalize(lightData.xyz);\nvec3 H=normalize(viewDirectionW+lightVectorW);\nfloat NdotH=max(0.00000000001,dot(vNormal,H));\nNdotL=max(0.00000000001,NdotL);\nfloat VdotH=clamp(0.00000000001,1.0,dot(viewDirectionW,H));\nvec3 specTerm=computeSpecularTerm(NdotH,NdotL,NdotV,VdotH,roughness,specularColor,reflectance90);\nresult.specular=specTerm;\n#endif\nreturn result;\n}","pbrLightFunctionsCall":"#ifdef LIGHT{X}\n#if defined(LIGHTMAP) && defined(LIGHTMAPEXCLUDED{X}) && defined(LIGHTMAPNOSPECULAR{X})\n\n#else\n#ifndef SPECULARTERM\nvec3 vLightSpecular{X}=vec3(0.0);\n#endif\n#ifdef SPOTLIGHT{X}\ninfo=computeSpotLighting(viewDirectionW,normalW,vLightData{X},vLightDirection{X},vLightDiffuse{X}.rgb,vLightSpecular{X},vLightDiffuse{X}.a,roughness,NdotV,specularEnvironmentR90,NdotL);\n#endif\n#ifdef HEMILIGHT{X}\ninfo=computeHemisphericLighting(viewDirectionW,normalW,vLightData{X},vLightDiffuse{X}.rgb,vLightSpecular{X},vLightGround{X},roughness,NdotV,specularEnvironmentR90,NdotL);\n#endif\n#if defined(POINTLIGHT{X}) || defined(DIRLIGHT{X})\ninfo=computeLighting(viewDirectionW,normalW,vLightData{X},vLightDiffuse{X}.rgb,vLightSpecular{X},vLightDiffuse{X}.a,roughness,NdotV,specularEnvironmentR90,NdotL);\n#endif\n#endif\n#ifdef SHADOW{X}\n#ifdef SHADOWVSM{X}\nnotShadowLevel=computeShadowWithVSM(vPositionFromLight{X},shadowSampler{X},shadowsInfo{X}.z,shadowsInfo{X}.x);\n#else\n#ifdef SHADOWPCF{X}\n#if defined(POINTLIGHT{X})\nnotShadowLevel=computeShadowWithPCFCube(vLightData{X}.xyz,shadowSampler{X},shadowsInfo{X}.y,shadowsInfo{X}.z,shadowsInfo{X}.x);\n#else\nnotShadowLevel=computeShadowWithPCF(vPositionFromLight{X},shadowSampler{X},shadowsInfo{X}.y,shadowsInfo{X}.z,shadowsInfo{X}.x);\n#endif\n#else\n#if defined(POINTLIGHT{X})\nnotShadowLevel=computeShadowCube(vLightData{X}.xyz,shadowSampler{X},shadowsInfo{X}.x,shadowsInfo{X}.z);\n#else\nnotShadowLevel=computeShadow(vPositionFromLight{X},shadowSampler{X},shadowsInfo{X}.x,shadowsInfo{X}.z);\n#endif\n#endif\n#endif\n#else\nnotShadowLevel=1.;\n#endif\n#if defined(LIGHTMAP) && defined(LIGHTMAPEXCLUDED{X})\nlightDiffuseContribution+=lightmapColor*notShadowLevel;\n#ifdef SPECULARTERM\n#ifndef LIGHTMAPNOSPECULAR{X}\nlightSpecularContribution+=info.specular*notShadowLevel*lightmapColor;\n#endif\n#endif\n#else\nlightDiffuseContribution+=info.diffuse*notShadowLevel;\n#ifdef OVERLOADEDSHADOWVALUES\nif (NdotL<0.000000000011)\n{\nnotShadowLevel=1.;\n}\nshadowedOnlyLightDiffuseContribution*=notShadowLevel;\n#endif\n#ifdef SPECULARTERM\nlightSpecularContribution+=info.specular*notShadowLevel;\n#endif\n#endif\n#endif","pbrShadowFunctions":"\n#ifdef SHADOWS\n#ifndef SHADOWFULLFLOAT\nfloat unpack(vec4 color)\n{\nconst vec4 bit_shift=vec4(1.0/(255.0*255.0*255.0),1.0/(255.0*255.0),1.0/255.0,1.0);\nreturn dot(color,bit_shift);\n}\n#endif\nuniform vec2 depthValues;\nfloat computeShadowCube(vec3 lightPosition,samplerCube shadowSampler,float darkness,float bias)\n{\nvec3 directionToLight=vPositionW-lightPosition;\nfloat depth=length(directionToLight);\ndepth=clamp(depth,0.,1.0);\ndirectionToLight=normalize(directionToLight);\ndirectionToLight.y =-directionToLight.y;\n#ifndef SHADOWFULLFLOAT\nfloat shadow=unpack(textureCube(shadowSampler,directionToLight))+bias;\n#else\nfloat shadow=textureCube(shadowSampler,directionToLight).x+bias;\n#endif\nif (depth>shadow)\n{\n#ifdef OVERLOADEDSHADOWVALUES\nreturn mix(1.0,darkness,vOverloadedShadowIntensity.x);\n#else\nreturn darkness;\n#endif\n}\nreturn 1.0;\n}\nfloat computeShadowWithPCFCube(vec3 lightPosition,samplerCube shadowSampler,float mapSize,float bias,float darkness)\n{\nvec3 directionToLight=vPositionW-lightPosition;\nfloat depth=length(directionToLight);\ndepth=(depth-depthValues.x)/(depthValues.y-depthValues.x);\ndepth=clamp(depth,0.,1.0);\ndirectionToLight=normalize(directionToLight);\ndirectionToLight.y=-directionToLight.y;\nfloat visibility=1.;\nvec3 poissonDisk[4];\npoissonDisk[0]=vec3(-1.0,1.0,-1.0);\npoissonDisk[1]=vec3(1.0,-1.0,-1.0);\npoissonDisk[2]=vec3(-1.0,-1.0,-1.0);\npoissonDisk[3]=vec3(1.0,-1.0,1.0);\n\nfloat biasedDepth=depth-bias;\n#ifndef SHADOWFULLFLOAT\nif (unpack(textureCube(shadowSampler,directionToLight+poissonDisk[0]*mapSize))1.0 || uv.y<0. || uv.y>1.0)\n{\nreturn 1.0;\n}\n#ifndef SHADOWFULLFLOAT\nfloat shadow=unpack(texture2D(shadowSampler,uv))+bias;\n#else\nfloat shadow=texture2D(shadowSampler,uv).x+bias;\n#endif\nif (depth.z>shadow)\n{\n#ifdef OVERLOADEDSHADOWVALUES\nreturn mix(1.0,darkness,vOverloadedShadowIntensity.x);\n#else\nreturn darkness;\n#endif\n}\nreturn 1.;\n}\nfloat computeShadowWithPCF(vec4 vPositionFromLight,sampler2D shadowSampler,float mapSize,float bias,float darkness)\n{\nvec3 depth=vPositionFromLight.xyz/vPositionFromLight.w;\ndepth=0.5*depth+vec3(0.5);\nvec2 uv=depth.xy;\nif (uv.x<0. || uv.x>1.0 || uv.y<0. || uv.y>1.0)\n{\nreturn 1.0;\n}\nfloat visibility=1.;\nvec2 poissonDisk[4];\npoissonDisk[0]=vec2(-0.94201624,-0.39906216);\npoissonDisk[1]=vec2(0.94558609,-0.76890725);\npoissonDisk[2]=vec2(-0.094184101,-0.92938870);\npoissonDisk[3]=vec2(0.34495938,0.29387760);\n\nfloat biasedDepth=depth.z-bias;\n#ifndef SHADOWFULLFLOAT\nif (unpack(texture2D(shadowSampler,uv+poissonDisk[0]*mapSize))1.0 || uv.y<0. || uv.y>1.0 || depth.z>=1.0)\n{\nreturn 1.0;\n}\nvec4 texel=texture2D(shadowSampler,uv);\n#ifndef SHADOWFULLFLOAT\nvec2 moments=vec2(unpackHalf(texel.xy),unpackHalf(texel.zw));\n#else\nvec2 moments=texel.xy;\n#endif\n#ifdef OVERLOADEDSHADOWVALUES\nreturn min(1.0,mix(1.0,1.0-ChebychevInequality(moments,depth.z,bias)+darkness,vOverloadedShadowIntensity.x));\n#else\nreturn min(1.0,1.0-ChebychevInequality(moments,depth.z,bias)+darkness);\n#endif\n}\n#endif","pointCloudVertex":"#ifdef POINTSIZE\ngl_PointSize=pointSize;\n#endif","pointCloudVertexDeclaration":"#ifdef POINTSIZE\nuniform float pointSize;\n#endif","reflectionFunction":"vec3 computeReflectionCoords(vec4 worldPos,vec3 worldNormal)\n{\n#ifdef REFLECTIONMAP_EQUIRECTANGULAR_FIXED\nvec3 direction=normalize(vDirectionW);\nfloat t=clamp(direction.y*-0.5+0.5,0.,1.0);\nfloat s=atan(direction.z,direction.x)*RECIPROCAL_PI2+0.5;\nreturn vec3(s,t,0);\n#endif\n#ifdef REFLECTIONMAP_EQUIRECTANGULAR\nvec3 cameraToVertex=normalize(worldPos.xyz-vEyePosition);\nvec3 r=reflect(cameraToVertex,worldNormal);\nfloat t=clamp(r.y*-0.5+0.5,0.,1.0);\nfloat s=atan(r.z,r.x)*RECIPROCAL_PI2+0.5;\nreturn vec3(s,t,0);\n#endif\n#ifdef REFLECTIONMAP_SPHERICAL\nvec3 viewDir=normalize(vec3(view*worldPos));\nvec3 viewNormal=normalize(vec3(view*vec4(worldNormal,0.0)));\nvec3 r=reflect(viewDir,viewNormal);\nr.z=r.z-1.0;\nfloat m=2.0*length(r);\nreturn vec3(r.x/m+0.5,1.0-r.y/m-0.5,0);\n#endif\n#ifdef REFLECTIONMAP_PLANAR\nvec3 viewDir=worldPos.xyz-vEyePosition;\nvec3 coords=normalize(reflect(viewDir,worldNormal));\nreturn vec3(reflectionMatrix*vec4(coords,1));\n#endif\n#ifdef REFLECTIONMAP_CUBIC\nvec3 viewDir=worldPos.xyz-vEyePosition;\nvec3 coords=reflect(viewDir,worldNormal);\n#ifdef INVERTCUBICMAP\ncoords.y=1.0-coords.y;\n#endif\nreturn vec3(reflectionMatrix*vec4(coords,0));\n#endif\n#ifdef REFLECTIONMAP_PROJECTION\nreturn vec3(reflectionMatrix*(view*worldPos));\n#endif\n#ifdef REFLECTIONMAP_SKYBOX\nreturn vPositionUVW;\n#endif\n#ifdef REFLECTIONMAP_EXPLICIT\nreturn vec3(0,0,0);\n#endif\n}","shadowsFragmentFunctions":"#ifdef SHADOWS\n#ifndef SHADOWFULLFLOAT\nfloat unpack(vec4 color)\n{\nconst vec4 bit_shift=vec4(1.0/(255.0*255.0*255.0),1.0/(255.0*255.0),1.0/255.0,1.0);\nreturn dot(color,bit_shift);\n}\n#endif\nuniform vec2 depthValues;\nfloat computeShadowCube(vec3 lightPosition,samplerCube shadowSampler,float darkness,float bias)\n{\nvec3 directionToLight=vPositionW-lightPosition;\nfloat depth=length(directionToLight);\ndepth=(depth-depthValues.x)/(depthValues.y-depthValues.x);\ndepth=clamp(depth,0.,1.0);\ndirectionToLight=normalize(directionToLight);\ndirectionToLight.y=-directionToLight.y;\n#ifndef SHADOWFULLFLOAT\nfloat shadow=unpack(textureCube(shadowSampler,directionToLight))+bias;\n#else\nfloat shadow=textureCube(shadowSampler,directionToLight).x+bias;\n#endif\nif (depth>shadow)\n{\nreturn darkness;\n}\nreturn 1.0;\n}\nfloat computeShadowWithPCFCube(vec3 lightPosition,samplerCube shadowSampler,float mapSize,float bias,float darkness)\n{\nvec3 directionToLight=vPositionW-lightPosition;\nfloat depth=length(directionToLight);\ndepth=(depth-depthValues.x)/(depthValues.y-depthValues.x);\ndepth=clamp(depth,0.,1.0);\ndirectionToLight=normalize(directionToLight);\ndirectionToLight.y=-directionToLight.y;\nfloat visibility=1.;\nvec3 poissonDisk[4];\npoissonDisk[0]=vec3(-1.0,1.0,-1.0);\npoissonDisk[1]=vec3(1.0,-1.0,-1.0);\npoissonDisk[2]=vec3(-1.0,-1.0,-1.0);\npoissonDisk[3]=vec3(1.0,-1.0,1.0);\n\nfloat biasedDepth=depth-bias;\n#ifndef SHADOWFULLFLOAT\nif (unpack(textureCube(shadowSampler,directionToLight+poissonDisk[0]*mapSize))1.0 || uv.y<0. || uv.y>1.0)\n{\nreturn 1.0;\n}\n#ifndef SHADOWFULLFLOAT\nfloat shadow=unpack(texture2D(shadowSampler,uv))+bias;\n#else\nfloat shadow=texture2D(shadowSampler,uv).x+bias;\n#endif\nif (depth.z>shadow)\n{\nreturn darkness;\n}\nreturn 1.;\n}\nfloat computeShadowWithPCF(vec4 vPositionFromLight,sampler2D shadowSampler,float mapSize,float bias,float darkness)\n{\nvec3 depth=vPositionFromLight.xyz/vPositionFromLight.w;\ndepth=0.5*depth+vec3(0.5);\nvec2 uv=depth.xy;\nif (uv.x<0. || uv.x>1.0 || uv.y<0. || uv.y>1.0)\n{\nreturn 1.0;\n}\nfloat visibility=1.;\nvec2 poissonDisk[4];\npoissonDisk[0]=vec2(-0.94201624,-0.39906216);\npoissonDisk[1]=vec2(0.94558609,-0.76890725);\npoissonDisk[2]=vec2(-0.094184101,-0.92938870);\npoissonDisk[3]=vec2(0.34495938,0.29387760);\n\nfloat biasedDepth=depth.z-bias;\n#ifndef SHADOWFULLFLOAT\nif (unpack(texture2D(shadowSampler,uv+poissonDisk[0]*mapSize))1.0 || uv.y<0. || uv.y>1.0 || depth.z>=1.0)\n{\nreturn 1.0;\n}\nvec4 texel=texture2D(shadowSampler,uv);\n#ifndef SHADOWFULLFLOAT\nvec2 moments=vec2(unpackHalf(texel.xy),unpackHalf(texel.zw));\n#else\nvec2 moments=texel.xy;\n#endif\nreturn min(1.0,1.0-ChebychevInequality(moments,depth.z,bias)+darkness);\n}\n#endif","shadowsVertex":"#ifdef SHADOWS\n#if defined(SPOTLIGHT{X}) || defined(DIRLIGHT{X})\nvPositionFromLight{X}=lightMatrix{X}*worldPos;\n#endif\n#endif","shadowsVertexDeclaration":"#ifdef SHADOWS\n#if defined(SPOTLIGHT{X}) || defined(DIRLIGHT{X})\nuniform mat4 lightMatrix{X};\nvarying vec4 vPositionFromLight{X};\n#endif\n#endif\n"}; BABYLON.CollisionWorker="var BABYLON;!function(t){var e=function(t,e,o,i){return!(t.x>o.x+i)&&(!(o.x-i>e.x)&&(!(t.y>o.y+i)&&(!(o.y-i>e.y)&&(!(t.z>o.z+i)&&!(o.z-i>e.z)))))},o=function(){var t={root:0,found:!1};return function(e,o,i,s){t.root=0,t.found=!1;var r=o*o-4*e*i;if(r<0)return t;var n=Math.sqrt(r),c=(-o-n)/(2*e),h=(-o+n)/(2*e);if(c>h){var a=h;h=c,c=a}return c>0&&c0&&h=0))},i.prototype._canDoCollision=function(o,i,s,r){var n=t.Vector3.Distance(this.basePointWorld,o),c=Math.max(this.radius.x,this.radius.y,this.radius.z);return!(n>this.velocityWorldLength+c+i)&&!!e(s,r,this.basePointWorld,this.velocityWorldLength+c)},i.prototype._testTriangle=function(e,i,s,r,n,c){var h,a=!1;i||(i=[]),i[e]||(i[e]=new t.Plane(0,0,0,0),i[e].copyFromPoints(s,r,n));var l=i[e];if(c||l.isFrontFacingTo(this.normalizedVelocity,0)){var _=l.signedDistanceTo(this.basePoint),d=t.Vector3.Dot(l.normal,this.velocity);if(0==d){if(Math.abs(_)>=1)return;a=!0,h=0}else{h=(-1-_)/d;var V=(1-_)/d;if(h>V){var u=V;V=h,h=u}if(h>1||V<0)return;h<0&&(h=0),h>1&&(h=1)}this._collisionPoint.copyFromFloats(0,0,0);var P=!1,p=1;if(a||(this.basePoint.subtractToRef(l.normal,this._planeIntersectionPoint),this.velocity.scaleToRef(h,this._tempVector),this._planeIntersectionPoint.addInPlace(this._tempVector),this._checkPointInTriangle(this._planeIntersectionPoint,s,r,n,l.normal)&&(P=!0,p=h,this._collisionPoint.copyFrom(this._planeIntersectionPoint))),!P){var f=this.velocity.lengthSquared(),m=f;this.basePoint.subtractToRef(s,this._tempVector);var T=2*t.Vector3.Dot(this.velocity,this._tempVector),b=this._tempVector.lengthSquared()-1,y=o(m,T,b,p);y.found&&(p=y.root,P=!0,this._collisionPoint.copyFrom(s)),this.basePoint.subtractToRef(r,this._tempVector),T=2*t.Vector3.Dot(this.velocity,this._tempVector),b=this._tempVector.lengthSquared()-1,y=o(m,T,b,p),y.found&&(p=y.root,P=!0,this._collisionPoint.copyFrom(r)),this.basePoint.subtractToRef(n,this._tempVector),T=2*t.Vector3.Dot(this.velocity,this._tempVector),b=this._tempVector.lengthSquared()-1,y=o(m,T,b,p),y.found&&(p=y.root,P=!0,this._collisionPoint.copyFrom(n)),r.subtractToRef(s,this._edge),s.subtractToRef(this.basePoint,this._baseToVertex);var g=this._edge.lengthSquared(),v=t.Vector3.Dot(this._edge,this.velocity),R=t.Vector3.Dot(this._edge,this._baseToVertex);if(m=g*-f+v*v,T=g*(2*t.Vector3.Dot(this.velocity,this._baseToVertex))-2*v*R,b=g*(1-this._baseToVertex.lengthSquared())+R*R,y=o(m,T,b,p),y.found){var D=(v*y.root-R)/g;D>=0&&D<=1&&(p=y.root,P=!0,this._edge.scaleInPlace(D),s.addToRef(this._edge,this._collisionPoint))}n.subtractToRef(r,this._edge),r.subtractToRef(this.basePoint,this._baseToVertex),g=this._edge.lengthSquared(),v=t.Vector3.Dot(this._edge,this.velocity),R=t.Vector3.Dot(this._edge,this._baseToVertex),m=g*-f+v*v,T=g*(2*t.Vector3.Dot(this.velocity,this._baseToVertex))-2*v*R,b=g*(1-this._baseToVertex.lengthSquared())+R*R,y=o(m,T,b,p),y.found&&(D=(v*y.root-R)/g,D>=0&&D<=1&&(p=y.root,P=!0,this._edge.scaleInPlace(D),r.addToRef(this._edge,this._collisionPoint))),s.subtractToRef(n,this._edge),n.subtractToRef(this.basePoint,this._baseToVertex),g=this._edge.lengthSquared(),v=t.Vector3.Dot(this._edge,this.velocity),R=t.Vector3.Dot(this._edge,this._baseToVertex),m=g*-f+v*v,T=g*(2*t.Vector3.Dot(this.velocity,this._baseToVertex))-2*v*R,b=g*(1-this._baseToVertex.lengthSquared())+R*R,y=o(m,T,b,p),y.found&&(D=(v*y.root-R)/g,D>=0&&D<=1&&(p=y.root,P=!0,this._edge.scaleInPlace(D),n.addToRef(this._edge,this._collisionPoint)))}if(P){var x=p*this.velocity.length();(!this.collisionFound||x=i)return void this.finalPosition.copyFrom(o);this.collider._initialize(o,e,t);for(var s,l=this._collisionCache.getMeshes(),n=Object.keys(l),a=n.length,c=0;c1&&!this.checkSubmeshCollision(l)||(this.collideForSubMesh(l,o,t),this.collider.collisionFound&&(this.collider.collidedMesh=e.uniqueId))}},e.prototype.collideForSubMesh=function(e,i,r){if(!r.positionsArray){r.positionsArray=[];for(var t=0,s=r.positions.length;t4)){++r._runningUpdated;var e={updatedMeshes:r._addUpdateMeshesList,updatedGeometries:r._addUpdateGeometriesList,removedGeometries:r._toRemoveGeometryArray,removedMeshes:r._toRemoveMeshesArray},i={payload:e,taskType:o.UPDATE},t=[];for(var s in e.updatedGeometries)e.updatedGeometries.hasOwnProperty(s)&&(t.push(i.payload.updatedGeometries[s].indices.buffer),t.push(i.payload.updatedGeometries[s].normals.buffer),t.push(i.payload.updatedGeometries[s].positions.buffer));r._worker.postMessage(i,t),r._addUpdateMeshesList={},r._addUpdateGeometriesList={},r._toRemoveGeometryArray=[],r._toRemoveMeshesArray=[]}},this._onMessageFromWorker=function(t){var s=t.data;if(s.error!=i.SUCCESS)return void e.Tools.Warn(\"error returned from worker!\");switch(s.taskType){case o.INIT:r._init=!0,r._scene.meshes.forEach(function(e){r.onMeshAdded(e)}),r._scene.getGeometries().forEach(function(e){r.onGeometryAdded(e)});break;case o.UPDATE:r._runningUpdated--;break;case o.COLLIDE:r._runningCollisionTask=!1;var n=s.payload;if(!r._collisionsCallbackArray[n.collisionId])return;r._collisionsCallbackArray[n.collisionId](n.collisionId,e.Vector3.FromArray(n.newPosition),r._scene.getMeshByUniqueID(n.collidedMeshUniqueId)),r._collisionsCallbackArray[n.collisionId]=void 0}},this._collisionsCallbackArray=[],this._init=!1,this._runningUpdated=0,this._runningCollisionTask=!1,this._addUpdateMeshesList={},this._addUpdateGeometriesList={},this._toRemoveGeometryArray=[],this._toRemoveMeshesArray=[]}return t.prototype.getNewPosition=function(e,i,t,r,s,n,a){if(this._init&&!this._collisionsCallbackArray[a]&&!this._collisionsCallbackArray[a+1e5]){e.divideToRef(t.radius,this._scaledPosition),i.divideToRef(t.radius,this._scaledVelocity),this._collisionsCallbackArray[a]=n;var d={collider:{position:this._scaledPosition.asArray(),velocity:this._scaledVelocity.asArray(),radius:t.radius.asArray()},collisionId:a,excludedMeshUniqueId:s?s.uniqueId:null,maximumRetry:r},l={payload:d,taskType:o.COLLIDE};this._worker.postMessage(l)}},t.prototype.init=function(i){this._scene=i,this._scene.registerAfterRender(this._afterRender);var t=e.WorkerIncluded?e.Engine.CodeRepository+\"Collisions/babylon.collisionWorker.js\":URL.createObjectURL(new Blob([e.CollisionWorker],{type:\"application/javascript\"}));this._worker=new Worker(t),this._worker.onmessage=this._onMessageFromWorker;var r={payload:{},taskType:o.INIT};this._worker.postMessage(r)},t.prototype.destroy=function(){this._scene.unregisterAfterRender(this._afterRender),this._worker.terminate()},t.prototype.onMeshAdded=function(e){e.registerAfterWorldMatrixUpdate(this.onMeshUpdated),this.onMeshUpdated(e)},t.prototype.onMeshRemoved=function(e){this._toRemoveMeshesArray.push(e.uniqueId)},t.prototype.onGeometryAdded=function(e){e.onGeometryUpdated=this.onGeometryUpdated,this.onGeometryUpdated(e)},t.prototype.onGeometryDeleted=function(e){this._toRemoveGeometryArray.push(e.id)},t.SerializeMesh=function(o){var i=[];o.subMeshes&&(i=o.subMeshes.map(function(e,o){return{position:o,verticesStart:e.verticesStart,verticesCount:e.verticesCount,indexStart:e.indexStart,indexCount:e.indexCount,hasMaterial:!!e.getMaterial(),sphereCenter:e.getBoundingInfo().boundingSphere.centerWorld.asArray(),sphereRadius:e.getBoundingInfo().boundingSphere.radiusWorld,boxMinimum:e.getBoundingInfo().boundingBox.minimumWorld.asArray(),boxMaximum:e.getBoundingInfo().boundingBox.maximumWorld.asArray()}}));var t=null;return o instanceof e.Mesh?t=o.geometry?o.geometry.id:null:o instanceof e.InstancedMesh&&(t=o.sourceMesh&&o.sourceMesh.geometry?o.sourceMesh.geometry.id:null),{uniqueId:o.uniqueId,id:o.id,name:o.name,geometryId:t,sphereCenter:o.getBoundingInfo().boundingSphere.centerWorld.asArray(),sphereRadius:o.getBoundingInfo().boundingSphere.radiusWorld,boxMinimum:o.getBoundingInfo().boundingBox.minimumWorld.asArray(),boxMaximum:o.getBoundingInfo().boundingBox.maximumWorld.asArray(),worldMatrixFromCache:o.worldMatrixFromCache.asArray(),subMeshes:i,checkCollisions:o.checkCollisions}},t.SerializeGeometry=function(o){return{id:o.id,positions:new Float32Array(o.getVerticesData(e.VertexBuffer.PositionKind)||[]),normals:new Float32Array(o.getVerticesData(e.VertexBuffer.NormalKind)||[]),indices:new Int32Array(o.getIndices()||[])}},t}();e.CollisionCoordinatorWorker=t;var r=function(){function o(){this._scaledPosition=e.Vector3.Zero(),this._scaledVelocity=e.Vector3.Zero(),this._finalPosition=e.Vector3.Zero()}return o.prototype.getNewPosition=function(e,o,i,t,r,s,n){e.divideToRef(i.radius,this._scaledPosition),o.divideToRef(i.radius,this._scaledVelocity),i.collidedMesh=null,i.retry=0,i.initialVelocity=this._scaledVelocity,i.initialPosition=this._scaledPosition,this._collideWithWorld(this._scaledPosition,this._scaledVelocity,i,t,this._finalPosition,r),this._finalPosition.multiplyInPlace(i.radius),s(n,this._finalPosition,i.collidedMesh)},o.prototype.init=function(e){this._scene=e},o.prototype.destroy=function(){},o.prototype.onMeshAdded=function(e){},o.prototype.onMeshUpdated=function(e){},o.prototype.onMeshRemoved=function(e){},o.prototype.onGeometryAdded=function(e){},o.prototype.onGeometryUpdated=function(e){},o.prototype.onGeometryDeleted=function(e){},o.prototype._collideWithWorld=function(o,i,t,r,s,n){void 0===n&&(n=null);var a=10*e.Engine.CollisionsEpsilon;if(t.retry>=r)return void s.copyFrom(o);t._initialize(o,i,a);for(var d=0;d0?1:-1},t.Clamp=function(t,i,n){return void 0===i&&(i=0),void 0===n&&(n=1),Math.min(n,Math.max(i,t))},t}();t.MathTools=i;var n=function(){function n(t,i,n){void 0===t&&(t=0),void 0===i&&(i=0),void 0===n&&(n=0),this.r=t,this.g=i,this.b=n}return n.prototype.toString=function(){return\"{R: \"+this.r+\" G:\"+this.g+\" B:\"+this.b+\"}\"},n.prototype.getClassName=function(){return\"Color3\"},n.prototype.getHashCode=function(){var t=this.r||0;return t=397*t^(this.g||0),t=397*t^(this.b||0)},n.prototype.toArray=function(t,i){return void 0===i&&(i=0),t[i]=this.r,t[i+1]=this.g,t[i+2]=this.b,this},n.prototype.toColor4=function(t){return void 0===t&&(t=1),new r(this.r,this.g,this.b,t)},n.prototype.asArray=function(){var t=[];return this.toArray(t,0),t},n.prototype.toLuminance=function(){return.3*this.r+.59*this.g+.11*this.b},n.prototype.multiply=function(t){return new n(this.r*t.r,this.g*t.g,this.b*t.b)},n.prototype.multiplyToRef=function(t,i){return i.r=this.r*t.r,i.g=this.g*t.g,i.b=this.b*t.b,this},n.prototype.equals=function(t){return t&&this.r===t.r&&this.g===t.g&&this.b===t.b},n.prototype.equalsFloats=function(t,i,n){return this.r===t&&this.g===i&&this.b===n},n.prototype.scale=function(t){return new n(this.r*t,this.g*t,this.b*t)},n.prototype.scaleToRef=function(t,i){return i.r=this.r*t,i.g=this.g*t,i.b=this.b*t,this},n.prototype.add=function(t){return new n(this.r+t.r,this.g+t.g,this.b+t.b)},n.prototype.addToRef=function(t,i){return i.r=this.r+t.r,i.g=this.g+t.g,i.b=this.b+t.b,this},n.prototype.subtract=function(t){return new n(this.r-t.r,this.g-t.g,this.b-t.b)},n.prototype.subtractToRef=function(t,i){return i.r=this.r-t.r,i.g=this.g-t.g,i.b=this.b-t.b,this},n.prototype.clone=function(){return new n(this.r,this.g,this.b)},n.prototype.copyFrom=function(t){return this.r=t.r,this.g=t.g,this.b=t.b,this},n.prototype.copyFromFloats=function(t,i,n){return this.r=t,this.g=i,this.b=n,this},n.prototype.toHexString=function(){var t=255*this.r|0,n=255*this.g|0,r=255*this.b|0;return\"#\"+i.ToHex(t)+i.ToHex(n)+i.ToHex(r)},n.prototype.toLinearSpace=function(){var t=new n;return this.toLinearSpaceToRef(t),t},n.prototype.toLinearSpaceToRef=function(i){return i.r=Math.pow(this.r,t.ToLinearSpace),i.g=Math.pow(this.g,t.ToLinearSpace),i.b=Math.pow(this.b,t.ToLinearSpace),this},n.prototype.toGammaSpace=function(){var t=new n;return this.toGammaSpaceToRef(t),t},n.prototype.toGammaSpaceToRef=function(i){return i.r=Math.pow(this.r,t.ToGammaSpace),i.g=Math.pow(this.g,t.ToGammaSpace),i.b=Math.pow(this.b,t.ToGammaSpace),this},n.FromHexString=function(t){if(\"#\"!==t.substring(0,1)||7!==t.length)return new n(0,0,0);var i=parseInt(t.substring(1,3),16),r=parseInt(t.substring(3,5),16),o=parseInt(t.substring(5,7),16);return n.FromInts(i,r,o)},n.FromArray=function(t,i){return void 0===i&&(i=0),new n(t[i],t[i+1],t[i+2])},n.FromInts=function(t,i,r){return new n(t/255,i/255,r/255)},n.Lerp=function(t,i,r){var o=t.r+(i.r-t.r)*r,e=t.g+(i.g-t.g)*r,s=t.b+(i.b-t.b)*r;return new n(o,e,s)},n.Red=function(){return new n(1,0,0)},n.Green=function(){return new n(0,1,0)},n.Blue=function(){return new n(0,0,1)},n.Black=function(){return new n(0,0,0)},n.White=function(){return new n(1,1,1)},n.Purple=function(){return new n(.5,0,.5)},n.Magenta=function(){return new n(1,0,1)},n.Yellow=function(){return new n(1,1,0)},n.Gray=function(){return new n(.5,.5,.5)},n}();t.Color3=n;var r=function(){function t(t,i,n,r){this.r=t,this.g=i,this.b=n,this.a=r}return t.prototype.addInPlace=function(t){return this.r+=t.r,this.g+=t.g,this.b+=t.b,this.a+=t.a,this},t.prototype.asArray=function(){var t=[];return this.toArray(t,0),t},t.prototype.toArray=function(t,i){return void 0===i&&(i=0),t[i]=this.r,t[i+1]=this.g,t[i+2]=this.b,t[i+3]=this.a,this},t.prototype.add=function(i){return new t(this.r+i.r,this.g+i.g,this.b+i.b,this.a+i.a)},t.prototype.subtract=function(i){return new t(this.r-i.r,this.g-i.g,this.b-i.b,this.a-i.a)},t.prototype.subtractToRef=function(t,i){return i.r=this.r-t.r,i.g=this.g-t.g,i.b=this.b-t.b,i.a=this.a-t.a,this},t.prototype.scale=function(i){return new t(this.r*i,this.g*i,this.b*i,this.a*i)},t.prototype.scaleToRef=function(t,i){return i.r=this.r*t,i.g=this.g*t,i.b=this.b*t,i.a=this.a*t,this},t.prototype.multiply=function(i){return new t(this.r*i.r,this.g*i.g,this.b*i.b,this.a*i.a)},t.prototype.multiplyToRef=function(t,i){return i.r=this.r*t.r,i.g=this.g*t.g,i.b=this.b*t.b,i.a=this.a*t.a,i},t.prototype.toString=function(){return\"{R: \"+this.r+\" G:\"+this.g+\" B:\"+this.b+\" A:\"+this.a+\"}\"},t.prototype.getClassName=function(){return\"Color4\"},t.prototype.getHashCode=function(){var t=this.r||0;return t=397*t^(this.g||0),t=397*t^(this.b||0),t=397*t^(this.a||0)},t.prototype.clone=function(){return new t(this.r,this.g,this.b,this.a)},t.prototype.copyFrom=function(t){return this.r=t.r,this.g=t.g,this.b=t.b,this.a=t.a,this},t.prototype.toHexString=function(){var t=255*this.r|0,n=255*this.g|0,r=255*this.b|0,o=255*this.a|0;return\"#\"+i.ToHex(t)+i.ToHex(n)+i.ToHex(r)+i.ToHex(o)},t.FromHexString=function(i){if(\"#\"!==i.substring(0,1)||9!==i.length)return new t(0,0,0,0);var n=parseInt(i.substring(1,3),16),r=parseInt(i.substring(3,5),16),o=parseInt(i.substring(5,7),16),e=parseInt(i.substring(7,9),16);return t.FromInts(n,r,o,e)},t.Lerp=function(i,n,r){var o=new t(0,0,0,0);return t.LerpToRef(i,n,r,o),o},t.LerpToRef=function(t,i,n,r){r.r=t.r+(i.r-t.r)*n,r.g=t.g+(i.g-t.g)*n,r.b=t.b+(i.b-t.b)*n,r.a=t.a+(i.a-t.a)*n},t.FromArray=function(i,n){return void 0===n&&(n=0),new t(i[n],i[n+1],i[n+2],i[n+3])},t.FromInts=function(i,n,r,o){return new t(i/255,n/255,r/255,o/255)},t.CheckColors4=function(t,i){if(t.length===3*i){for(var n=[],r=0;rr.x?r.x:o,o=or.y?r.y:e,e=ei.x?t.x:i.x,o=t.y>i.y?t.y:i.y;return new n(r,o)},n.Transform=function(t,i){var r=n.Zero();return n.TransformToRef(t,i,r),r},n.TransformToRef=function(t,i,n){var r=t.x*i.m[0]+t.y*i.m[4]+i.m[12],o=t.x*i.m[1]+t.y*i.m[5]+i.m[13];n.x=r,n.y=o},n.PointInTriangle=function(t,i,n,r){var o=.5*(-n.y*r.x+i.y*(-n.x+r.x)+i.x*(n.y-r.y)+n.x*r.y),e=o<0?-1:1,s=(i.y*r.x-i.x*r.y+(r.y-i.y)*t.x+(i.x-r.x)*t.y)*e,h=(i.x*n.y-i.y*n.x+(i.y-n.y)*t.x+(n.x-i.x)*t.y)*e;return s>0&&h>0&&s+h<2*o*e},n.Distance=function(t,i){return Math.sqrt(n.DistanceSquared(t,i))},n.DistanceSquared=function(t,i){var n=t.x-i.x,r=t.y-i.y;return n*n+r*r},n.Center=function(t,i){var n=t.add(i);return n.scaleInPlace(.5),n},n.DistanceOfPointFromSegment=function(t,i,r){var o=n.DistanceSquared(i,r);if(0===o)return n.Distance(t,i);var e=r.subtract(i),s=Math.max(0,Math.min(1,n.Dot(t.subtract(i),e)/o)),h=i.add(e.multiplyByFloats(s,s));return n.Distance(t,h)},n}();t.Vector2=o;var e=function(){function n(t,i,n){this.x=t,this.y=i,this.z=n}return n.prototype.toString=function(){return\"{X: \"+this.x+\" Y:\"+this.y+\" Z:\"+this.z+\"}\"},n.prototype.getClassName=function(){return\"Vector3\"},n.prototype.getHashCode=function(){var t=this.x||0;return t=397*t^(this.y||0),t=397*t^(this.z||0)},n.prototype.asArray=function(){var t=[];return this.toArray(t,0),t},n.prototype.toArray=function(t,i){return void 0===i&&(i=0),t[i]=this.x,t[i+1]=this.y,t[i+2]=this.z,this},n.prototype.toQuaternion=function(){var t=new a(0,0,0,1),i=Math.cos(.5*(this.x+this.z)),n=Math.sin(.5*(this.x+this.z)),r=Math.cos(.5*(this.z-this.x)),o=Math.sin(.5*(this.z-this.x)),e=Math.cos(.5*this.y),s=Math.sin(.5*this.y);return t.x=r*s,t.y=-o*s,t.z=n*e,t.w=i*e,t},n.prototype.addInPlace=function(t){return this.x+=t.x,this.y+=t.y,this.z+=t.z,this},n.prototype.add=function(t){return new n(this.x+t.x,this.y+t.y,this.z+t.z)},n.prototype.addToRef=function(t,i){return i.x=this.x+t.x,i.y=this.y+t.y,i.z=this.z+t.z,this},n.prototype.subtractInPlace=function(t){return this.x-=t.x,this.y-=t.y,this.z-=t.z,this},n.prototype.subtract=function(t){return new n(this.x-t.x,this.y-t.y,this.z-t.z)},n.prototype.subtractToRef=function(t,i){return i.x=this.x-t.x,i.y=this.y-t.y,i.z=this.z-t.z,this},n.prototype.subtractFromFloats=function(t,i,r){return new n(this.x-t,this.y-i,this.z-r)},n.prototype.subtractFromFloatsToRef=function(t,i,n,r){return r.x=this.x-t,r.y=this.y-i,r.z=this.z-n,this},n.prototype.negate=function(){return new n((-this.x),(-this.y),(-this.z))},n.prototype.scaleInPlace=function(t){return this.x*=t,this.y*=t,this.z*=t,this},n.prototype.scale=function(t){return new n(this.x*t,this.y*t,this.z*t)},n.prototype.scaleToRef=function(t,i){i.x=this.x*t,i.y=this.y*t,i.z=this.z*t},n.prototype.equals=function(t){return t&&this.x===t.x&&this.y===t.y&&this.z===t.z},n.prototype.equalsWithEpsilon=function(n,r){return void 0===r&&(r=t.Epsilon),n&&i.WithinEpsilon(this.x,n.x,r)&&i.WithinEpsilon(this.y,n.y,r)&&i.WithinEpsilon(this.z,n.z,r)},n.prototype.equalsToFloats=function(t,i,n){return this.x===t&&this.y===i&&this.z===n},n.prototype.multiplyInPlace=function(t){return this.x*=t.x,this.y*=t.y,this.z*=t.z,this},n.prototype.multiply=function(t){return new n(this.x*t.x,this.y*t.y,this.z*t.z)},n.prototype.multiplyToRef=function(t,i){return i.x=this.x*t.x,i.y=this.y*t.y,i.z=this.z*t.z,this},n.prototype.multiplyByFloats=function(t,i,r){return new n(this.x*t,this.y*i,this.z*r)},n.prototype.divide=function(t){return new n(this.x/t.x,this.y/t.y,this.z/t.z)},n.prototype.divideToRef=function(t,i){return i.x=this.x/t.x,i.y=this.y/t.y,i.z=this.z/t.z,this},n.prototype.MinimizeInPlace=function(t){return t.xthis.x&&(this.x=t.x),t.y>this.y&&(this.y=t.y),t.z>this.z&&(this.z=t.z),this},n.prototype.length=function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z)},n.prototype.lengthSquared=function(){return this.x*this.x+this.y*this.y+this.z*this.z},n.prototype.normalize=function(){var t=this.length();if(0===t||1===t)return this;var i=1/t;return this.x*=i,this.y*=i,this.z*=i,this},n.prototype.clone=function(){return new n(this.x,this.y,this.z)},n.prototype.copyFrom=function(t){return this.x=t.x,this.y=t.y,this.z=t.z,this},n.prototype.copyFromFloats=function(t,i,n){return this.x=t,this.y=i,this.z=n,this},n.GetClipFactor=function(t,i,r,o){var e=n.Dot(t,r)-o,s=n.Dot(i,r)-o,h=e/(e-s);return h},n.FromArray=function(t,i){return i||(i=0),new n(t[i],t[i+1],t[i+2])},n.FromFloatArray=function(t,i){return i||(i=0),new n(t[i],t[i+1],t[i+2])},n.FromArrayToRef=function(t,i,n){n.x=t[i],n.y=t[i+1],n.z=t[i+2]},n.FromFloatArrayToRef=function(t,i,n){n.x=t[i],n.y=t[i+1],n.z=t[i+2]},n.FromFloatsToRef=function(t,i,n,r){r.x=t,r.y=i,r.z=n},n.Zero=function(){return new n(0,0,0)},n.Up=function(){return new n(0,1,0)},n.Forward=function(){return new n(0,0,1)},n.Right=function(){return new n(1,0,0)},n.Left=function(){return new n((-1),0,0)},n.TransformCoordinates=function(t,i){var r=n.Zero();return n.TransformCoordinatesToRef(t,i,r),r},n.TransformCoordinatesToRef=function(t,i,n){var r=t.x*i.m[0]+t.y*i.m[4]+t.z*i.m[8]+i.m[12],o=t.x*i.m[1]+t.y*i.m[5]+t.z*i.m[9]+i.m[13],e=t.x*i.m[2]+t.y*i.m[6]+t.z*i.m[10]+i.m[14],s=t.x*i.m[3]+t.y*i.m[7]+t.z*i.m[11]+i.m[15];n.x=r/s,n.y=o/s,n.z=e/s},n.TransformCoordinatesFromFloatsToRef=function(t,i,n,r,o){var e=t*r.m[0]+i*r.m[4]+n*r.m[8]+r.m[12],s=t*r.m[1]+i*r.m[5]+n*r.m[9]+r.m[13],h=t*r.m[2]+i*r.m[6]+n*r.m[10]+r.m[14],a=t*r.m[3]+i*r.m[7]+n*r.m[11]+r.m[15];o.x=e/a,o.y=s/a,o.z=h/a},n.TransformNormal=function(t,i){var r=n.Zero();return n.TransformNormalToRef(t,i,r),r},n.TransformNormalToRef=function(t,i,n){var r=t.x*i.m[0]+t.y*i.m[4]+t.z*i.m[8],o=t.x*i.m[1]+t.y*i.m[5]+t.z*i.m[9],e=t.x*i.m[2]+t.y*i.m[6]+t.z*i.m[10];n.x=r,n.y=o,n.z=e},n.TransformNormalFromFloatsToRef=function(t,i,n,r,o){o.x=t*r.m[0]+i*r.m[4]+n*r.m[8],o.y=t*r.m[1]+i*r.m[5]+n*r.m[9],o.z=t*r.m[2]+i*r.m[6]+n*r.m[10]},n.CatmullRom=function(t,i,r,o,e){var s=e*e,h=e*s,a=.5*(2*i.x+(-t.x+r.x)*e+(2*t.x-5*i.x+4*r.x-o.x)*s+(-t.x+3*i.x-3*r.x+o.x)*h),u=.5*(2*i.y+(-t.y+r.y)*e+(2*t.y-5*i.y+4*r.y-o.y)*s+(-t.y+3*i.y-3*r.y+o.y)*h),m=.5*(2*i.z+(-t.z+r.z)*e+(2*t.z-5*i.z+4*r.z-o.z)*s+(-t.z+3*i.z-3*r.z+o.z)*h);return new n(a,u,m)},n.Clamp=function(t,i,r){var o=t.x;o=o>r.x?r.x:o,o=or.y?r.y:e,e=er.z?r.z:s,s=sthis.x&&(this.x=t.x),t.y>this.y&&(this.y=t.y),t.z>this.z&&(this.z=t.z),t.w>this.w&&(this.w=t.w),this},n.prototype.length=function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z+this.w*this.w)},n.prototype.lengthSquared=function(){return this.x*this.x+this.y*this.y+this.z*this.z+this.w*this.w},n.prototype.normalize=function(){var t=this.length();if(0===t)return this;var i=1/t;return this.x*=i,this.y*=i,this.z*=i,this.w*=i,this},n.prototype.toVector3=function(){return new e(this.x,this.y,this.z)},n.prototype.clone=function(){return new n(this.x,this.y,this.z,this.w)},n.prototype.copyFrom=function(t){return this.x=t.x,this.y=t.y,this.z=t.z,this.w=t.w,this},n.prototype.copyFromFloats=function(t,i,n,r){return this.x=t,this.y=i,this.z=n,this.w=r,this},n.FromArray=function(t,i){return i||(i=0),new n(t[i],t[i+1],t[i+2],t[i+3])},n.FromArrayToRef=function(t,i,n){n.x=t[i],n.y=t[i+1],n.z=t[i+2],n.w=t[i+3]},n.FromFloatArrayToRef=function(t,i,n){n.x=t[i],n.y=t[i+1],n.z=t[i+2],n.w=t[i+3]},n.FromFloatsToRef=function(t,i,n,r,o){o.x=t,o.y=i,o.z=n,o.w=r},n.Zero=function(){return new n(0,0,0,0)},n.Normalize=function(t){var i=n.Zero();return n.NormalizeToRef(t,i),i},n.NormalizeToRef=function(t,i){i.copyFrom(t),i.normalize()},n.Minimize=function(t,i){var n=t.clone();return n.MinimizeInPlace(i),n},n.Maximize=function(t,i){var n=t.clone();return n.MaximizeInPlace(i),n},n.Distance=function(t,i){return Math.sqrt(n.DistanceSquared(t,i))},n.DistanceSquared=function(t,i){var n=t.x-i.x,r=t.y-i.y,o=t.z-i.z,e=t.w-i.w;return n*n+r*r+o*o+e*e},n.Center=function(t,i){var n=t.add(i);return n.scaleInPlace(.5),n},n}();t.Vector4=s;var h=function(){function t(t,i){this.width=t,this.height=i}return t.prototype.toString=function(){return\"{W: \"+this.width+\", H: \"+this.height+\"}\"},t.prototype.getClassName=function(){return\"Size\"},t.prototype.getHashCode=function(){var t=this.width||0;return t=397*t^(this.height||0)},t.prototype.copyFrom=function(t){this.width=t.width,this.height=t.height},t.prototype.copyFromFloats=function(t,i){this.width=t,this.height=i},t.prototype.multiplyByFloats=function(i,n){return new t(this.width*i,this.height*n)},t.prototype.clone=function(){return new t(this.width,this.height)},t.prototype.equals=function(t){return!!t&&(this.width===t.width&&this.height===t.height)},Object.defineProperty(t.prototype,\"surface\",{get:function(){return this.width*this.height},enumerable:!0,configurable:!0}),t.Zero=function(){return new t(0,0)},t.prototype.add=function(i){var n=new t(this.width+i.width,this.height+i.height);return n},t.prototype.substract=function(i){var n=new t(this.width-i.width,this.height-i.height);return n},t.Lerp=function(i,n,r){var o=i.width+(n.width-i.width)*r,e=i.height+(n.height-i.height)*r;return new t(o,e)},t}();t.Size=h;var a=function(){function t(t,i,n,r){void 0===t&&(t=0),void 0===i&&(i=0),void 0===n&&(n=0),void 0===r&&(r=1),this.x=t,this.y=i,this.z=n,this.w=r}return t.prototype.toString=function(){return\"{X: \"+this.x+\" Y:\"+this.y+\" Z:\"+this.z+\" W:\"+this.w+\"}\"},t.prototype.getClassName=function(){return\"Quaternion\"},t.prototype.getHashCode=function(){var t=this.x||0;return t=397*t^(this.y||0),t=397*t^(this.z||0),t=397*t^(this.w||0)},t.prototype.asArray=function(){return[this.x,this.y,this.z,this.w]},t.prototype.equals=function(t){return t&&this.x===t.x&&this.y===t.y&&this.z===t.z&&this.w===t.w},t.prototype.clone=function(){return new t(this.x,this.y,this.z,this.w)},t.prototype.copyFrom=function(t){return this.x=t.x,this.y=t.y,this.z=t.z,this.w=t.w,this},t.prototype.copyFromFloats=function(t,i,n,r){return this.x=t,this.y=i,this.z=n,this.w=r,this},t.prototype.add=function(i){return new t(this.x+i.x,this.y+i.y,this.z+i.z,this.w+i.w)},t.prototype.subtract=function(i){return new t(this.x-i.x,this.y-i.y,this.z-i.z,this.w-i.w)},t.prototype.scale=function(i){return new t(this.x*i,this.y*i,this.z*i,this.w*i)},t.prototype.multiply=function(i){var n=new t(0,0,0,1);return this.multiplyToRef(i,n),n},t.prototype.multiplyToRef=function(t,i){var n=this.x*t.w+this.y*t.z-this.z*t.y+this.w*t.x,r=-this.x*t.z+this.y*t.w+this.z*t.x+this.w*t.y,o=this.x*t.y-this.y*t.x+this.z*t.w+this.w*t.z,e=-this.x*t.x-this.y*t.y-this.z*t.z+this.w*t.w;return i.copyFromFloats(n,r,o,e),this},t.prototype.multiplyInPlace=function(t){return this.multiplyToRef(t,this),this},t.prototype.conjugateToRef=function(t){return t.copyFromFloats(-this.x,-this.y,-this.z,this.w),this},t.prototype.conjugateInPlace=function(){return this.x*=-1,this.y*=-1,this.z*=-1,this},t.prototype.conjugate=function(){var i=new t((-this.x),(-this.y),(-this.z),this.w);return i},t.prototype.length=function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z+this.w*this.w)},t.prototype.normalize=function(){var t=1/this.length();return this.x*=t,this.y*=t,this.z*=t,this.w*=t,this},t.prototype.toEulerAngles=function(t){void 0===t&&(t=\"YZX\");var i=e.Zero();return this.toEulerAnglesToRef(i,t),i},t.prototype.toEulerAnglesToRef=function(t,i){void 0===i&&(i=\"YZX\");var n=this.z,r=this.x,o=this.y,e=this.w,s=e*e,h=n*n,a=r*r,u=o*o,m=o*n-r*e,y=.4999999;return m<-y?(t.y=2*Math.atan2(o,e),t.x=Math.PI/2,t.z=0):m>y?(t.y=2*Math.atan2(o,e),t.x=-Math.PI/2,t.z=0):(t.z=Math.atan2(2*(r*o+n*e),-h-a+u+s),t.x=Math.asin(-2*(n*o-r*e)),t.y=Math.atan2(2*(n*r+o*e),h-a-u+s)),this},t.prototype.toRotationMatrix=function(t){var i=this.x*this.x,n=this.y*this.y,r=this.z*this.z,o=this.x*this.y,e=this.z*this.w,s=this.z*this.x,h=this.y*this.w,a=this.y*this.z,u=this.x*this.w;return t.m[0]=1-2*(n+r),t.m[1]=2*(o+e),t.m[2]=2*(s-h),t.m[3]=0,t.m[4]=2*(o-e),t.m[5]=1-2*(r+i),t.m[6]=2*(a+u),t.m[7]=0,t.m[8]=2*(s+h),t.m[9]=2*(a-u),t.m[10]=1-2*(n+i),t.m[11]=0,t.m[12]=0,t.m[13]=0,t.m[14]=0,t.m[15]=1,this},t.prototype.fromRotationMatrix=function(i){return t.FromRotationMatrixToRef(i,this),this},t.FromRotationMatrix=function(i){var n=new t;return t.FromRotationMatrixToRef(i,n),n},t.FromRotationMatrixToRef=function(t,i){var n,r=t.m,o=r[0],e=r[4],s=r[8],h=r[1],a=r[5],u=r[9],m=r[2],y=r[6],c=r[10],p=o+a+c;p>0?(n=.5/Math.sqrt(p+1),i.w=.25/n,i.x=(y-u)*n,i.y=(s-m)*n,i.z=(h-e)*n):o>a&&o>c?(n=2*Math.sqrt(1+o-a-c),i.w=(y-u)/n,i.x=.25*n,i.y=(e+h)/n,i.z=(s+m)/n):a>c?(n=2*Math.sqrt(1+a-o-c),i.w=(s-m)/n,i.x=(e+h)/n,i.y=.25*n,i.z=(u+y)/n):(n=2*Math.sqrt(1+c-o-a),i.w=(h-e)/n,i.x=(s+m)/n,i.y=(u+y)/n,i.z=.25*n)},t.Inverse=function(i){return new t((-i.x),(-i.y),(-i.z),i.w)},t.Identity=function(){return new t(0,0,0,1)},t.RotationAxis=function(i,n){return t.RotationAxisToRef(i,n,new t)},t.RotationAxisToRef=function(t,i,n){var r=Math.sin(i/2);return t.normalize(),n.w=Math.cos(i/2),n.x=t.x*r,n.y=t.y*r,n.z=t.z*r,n},t.FromArray=function(i,n){return n||(n=0),new t(i[n],i[n+1],i[n+2],i[n+3])},t.RotationYawPitchRoll=function(i,n,r){var o=new t;return t.RotationYawPitchRollToRef(i,n,r,o),o},t.RotationYawPitchRollToRef=function(t,i,n,r){var o=.5*n,e=.5*i,s=.5*t,h=Math.sin(o),a=Math.cos(o),u=Math.sin(e),m=Math.cos(e),y=Math.sin(s),c=Math.cos(s);r.x=c*u*a+y*m*h,r.y=y*m*a-c*u*h,r.z=c*m*h-y*u*a,r.w=c*m*a+y*u*h},t.RotationAlphaBetaGamma=function(i,n,r){var o=new t;return t.RotationAlphaBetaGammaToRef(i,n,r,o),o},t.RotationAlphaBetaGammaToRef=function(t,i,n,r){var o=.5*(n+t),e=.5*(n-t),s=.5*i;r.x=Math.cos(e)*Math.sin(s),r.y=Math.sin(e)*Math.sin(s),r.z=Math.sin(o)*Math.cos(s),r.w=Math.cos(o)*Math.cos(s)},t.Slerp=function(i,n,r){var o,e,s=r,h=i.x*n.x+i.y*n.y+i.z*n.z+i.w*n.w,a=!1;if(h<0&&(a=!0,h=-h),h>.999999)e=1-s,o=a?-s:s;else{var u=Math.acos(h),m=1/Math.sin(u);e=Math.sin((1-s)*u)*m,o=a?-Math.sin(s*u)*m:Math.sin(s*u)*m}return new t(e*i.x+o*n.x,e*i.y+o*n.y,e*i.z+o*n.z,e*i.w+o*n.w)},t}();t.Quaternion=a;var u=function(){function t(){this.m=new Float32Array(16)}return t.prototype.isIdentity=function(){return 1===this.m[0]&&1===this.m[5]&&1===this.m[10]&&1===this.m[15]&&(0===this.m[1]&&0===this.m[2]&&0===this.m[3]&&0===this.m[4]&&0===this.m[6]&&0===this.m[7]&&0===this.m[8]&&0===this.m[9]&&0===this.m[11]&&0===this.m[12]&&0===this.m[13]&&0===this.m[14])},t.prototype.determinant=function(){var t=this.m[10]*this.m[15]-this.m[11]*this.m[14],i=this.m[9]*this.m[15]-this.m[11]*this.m[13],n=this.m[9]*this.m[14]-this.m[10]*this.m[13],r=this.m[8]*this.m[15]-this.m[11]*this.m[12],o=this.m[8]*this.m[14]-this.m[10]*this.m[12],e=this.m[8]*this.m[13]-this.m[9]*this.m[12];return this.m[0]*(this.m[5]*t-this.m[6]*i+this.m[7]*n)-this.m[1]*(this.m[4]*t-this.m[6]*r+this.m[7]*o)+this.m[2]*(this.m[4]*i-this.m[5]*r+this.m[7]*e)-this.m[3]*(this.m[4]*n-this.m[5]*o+this.m[6]*e)},t.prototype.toArray=function(){return this.m},t.prototype.asArray=function(){return this.toArray()},t.prototype.invert=function(){return this.invertToRef(this),this},t.prototype.reset=function(){for(var t=0;t<16;t++)this.m[t]=0;return this},t.prototype.add=function(i){var n=new t;return this.addToRef(i,n),n},t.prototype.addToRef=function(t,i){for(var n=0;n<16;n++)i.m[n]=this.m[n]+t.m[n];return this},t.prototype.addToSelf=function(t){for(var i=0;i<16;i++)this.m[i]+=t.m[i];return this},t.prototype.invertToRef=function(t){var i=this.m[0],n=this.m[1],r=this.m[2],o=this.m[3],e=this.m[4],s=this.m[5],h=this.m[6],a=this.m[7],u=this.m[8],m=this.m[9],y=this.m[10],c=this.m[11],p=this.m[12],f=this.m[13],x=this.m[14],l=this.m[15],z=y*l-c*x,w=m*l-c*f,v=m*x-y*f,d=u*l-c*p,g=u*x-y*p,R=u*f-m*p,T=s*z-h*w+a*v,_=-(e*z-h*d+a*g),M=e*w-s*d+a*R,A=-(e*v-s*g+h*R),b=1/(i*T+n*_+r*M+o*A),F=h*l-a*x,L=s*l-a*f,C=s*x-h*f,P=e*l-a*p,Z=e*x-h*p,S=e*f-s*p,I=h*c-a*y,H=s*c-a*m,D=s*y-h*m,q=e*c-a*u,V=e*y-h*u,N=e*m-s*u;return t.m[0]=T*b,t.m[4]=_*b,t.m[8]=M*b,t.m[12]=A*b,t.m[1]=-(n*z-r*w+o*v)*b,t.m[5]=(i*z-r*d+o*g)*b,t.m[9]=-(i*w-n*d+o*R)*b,t.m[13]=(i*v-n*g+r*R)*b,t.m[2]=(n*F-r*L+o*C)*b,t.m[6]=-(i*F-r*P+o*Z)*b,t.m[10]=(i*L-n*P+o*S)*b,t.m[14]=-(i*C-n*Z+r*S)*b,t.m[3]=-(n*I-r*H+o*D)*b,t.m[7]=(i*I-r*q+o*V)*b,t.m[11]=-(i*H-n*q+o*N)*b,t.m[15]=(i*D-n*V+r*N)*b,this},t.prototype.setTranslation=function(t){return this.m[12]=t.x,this.m[13]=t.y,this.m[14]=t.z,this},t.prototype.getTranslation=function(){return new e(this.m[12],this.m[13],this.m[14])},t.prototype.multiply=function(i){var n=new t;return this.multiplyToRef(i,n),n},t.prototype.copyFrom=function(t){for(var i=0;i<16;i++)this.m[i]=t.m[i];return this},t.prototype.copyToArray=function(t,i){void 0===i&&(i=0);for(var n=0;n<16;n++)t[i+n]=this.m[n];\nreturn this},t.prototype.multiplyToRef=function(t,i){return this.multiplyToArray(t,i.m,0),this},t.prototype.multiplyToArray=function(t,i,n){var r=this.m[0],o=this.m[1],e=this.m[2],s=this.m[3],h=this.m[4],a=this.m[5],u=this.m[6],m=this.m[7],y=this.m[8],c=this.m[9],p=this.m[10],f=this.m[11],x=this.m[12],l=this.m[13],z=this.m[14],w=this.m[15],v=t.m[0],d=t.m[1],g=t.m[2],R=t.m[3],T=t.m[4],_=t.m[5],M=t.m[6],A=t.m[7],b=t.m[8],F=t.m[9],L=t.m[10],C=t.m[11],P=t.m[12],Z=t.m[13],S=t.m[14],I=t.m[15];return i[n]=r*v+o*T+e*b+s*P,i[n+1]=r*d+o*_+e*F+s*Z,i[n+2]=r*g+o*M+e*L+s*S,i[n+3]=r*R+o*A+e*C+s*I,i[n+4]=h*v+a*T+u*b+m*P,i[n+5]=h*d+a*_+u*F+m*Z,i[n+6]=h*g+a*M+u*L+m*S,i[n+7]=h*R+a*A+u*C+m*I,i[n+8]=y*v+c*T+p*b+f*P,i[n+9]=y*d+c*_+p*F+f*Z,i[n+10]=y*g+c*M+p*L+f*S,i[n+11]=y*R+c*A+p*C+f*I,i[n+12]=x*v+l*T+z*b+w*P,i[n+13]=x*d+l*_+z*F+w*Z,i[n+14]=x*g+l*M+z*L+w*S,i[n+15]=x*R+l*A+z*C+w*I,this},t.prototype.equals=function(t){return t&&this.m[0]===t.m[0]&&this.m[1]===t.m[1]&&this.m[2]===t.m[2]&&this.m[3]===t.m[3]&&this.m[4]===t.m[4]&&this.m[5]===t.m[5]&&this.m[6]===t.m[6]&&this.m[7]===t.m[7]&&this.m[8]===t.m[8]&&this.m[9]===t.m[9]&&this.m[10]===t.m[10]&&this.m[11]===t.m[11]&&this.m[12]===t.m[12]&&this.m[13]===t.m[13]&&this.m[14]===t.m[14]&&this.m[15]===t.m[15]},t.prototype.clone=function(){return t.FromValues(this.m[0],this.m[1],this.m[2],this.m[3],this.m[4],this.m[5],this.m[6],this.m[7],this.m[8],this.m[9],this.m[10],this.m[11],this.m[12],this.m[13],this.m[14],this.m[15])},t.prototype.getClassName=function(){return\"Matrix\"},t.prototype.getHashCode=function(){for(var t=this.m[0]||0,i=1;i<16;i++)t=397*t^(this.m[i]||0);return t},t.prototype.decompose=function(n,r,o){o.x=this.m[12],o.y=this.m[13],o.z=this.m[14];var e=i.Sign(this.m[0]*this.m[1]*this.m[2]*this.m[3])<0?-1:1,s=i.Sign(this.m[4]*this.m[5]*this.m[6]*this.m[7])<0?-1:1,h=i.Sign(this.m[8]*this.m[9]*this.m[10]*this.m[11])<0?-1:1;return n.x=e*Math.sqrt(this.m[0]*this.m[0]+this.m[1]*this.m[1]+this.m[2]*this.m[2]),n.y=s*Math.sqrt(this.m[4]*this.m[4]+this.m[5]*this.m[5]+this.m[6]*this.m[6]),n.z=h*Math.sqrt(this.m[8]*this.m[8]+this.m[9]*this.m[9]+this.m[10]*this.m[10]),0===n.x||0===n.y||0===n.z?(r.x=0,r.y=0,r.z=0,r.w=1,!1):(t.FromValuesToRef(this.m[0]/n.x,this.m[1]/n.x,this.m[2]/n.x,0,this.m[4]/n.y,this.m[5]/n.y,this.m[6]/n.y,0,this.m[8]/n.z,this.m[9]/n.z,this.m[10]/n.z,0,0,0,0,1,M.Matrix[0]),a.FromRotationMatrixToRef(M.Matrix[0],r),!0)},t.FromArray=function(i,n){var r=new t;return n||(n=0),t.FromArrayToRef(i,n,r),r},t.FromArrayToRef=function(t,i,n){for(var r=0;r<16;r++)n.m[r]=t[r+i]},t.FromFloat32ArrayToRefScaled=function(t,i,n,r){for(var o=0;o<16;o++)r.m[o]=t[o+i]*n},t.FromValuesToRef=function(t,i,n,r,o,e,s,h,a,u,m,y,c,p,f,x,l){l.m[0]=t,l.m[1]=i,l.m[2]=n,l.m[3]=r,l.m[4]=o,l.m[5]=e,l.m[6]=s,l.m[7]=h,l.m[8]=a,l.m[9]=u,l.m[10]=m,l.m[11]=y,l.m[12]=c,l.m[13]=p,l.m[14]=f,l.m[15]=x},t.prototype.getRow=function(t){if(t<0||t>3)return null;var i=4*t;return new s(this.m[i+0],this.m[i+1],this.m[i+2],this.m[i+3])},t.prototype.setRow=function(t,i){if(t<0||t>3)return this;var n=4*t;return this.m[n+0]=i.x,this.m[n+1]=i.y,this.m[n+2]=i.z,this.m[n+3]=i.w,this},t.FromValues=function(i,n,r,o,e,s,h,a,u,m,y,c,p,f,x,l){var z=new t;return z.m[0]=i,z.m[1]=n,z.m[2]=r,z.m[3]=o,z.m[4]=e,z.m[5]=s,z.m[6]=h,z.m[7]=a,z.m[8]=u,z.m[9]=m,z.m[10]=y,z.m[11]=c,z.m[12]=p,z.m[13]=f,z.m[14]=x,z.m[15]=l,z},t.Compose=function(i,n,r){var o=t.FromValues(i.x,0,0,0,0,i.y,0,0,0,0,i.z,0,0,0,0,1),e=t.Identity();return n.toRotationMatrix(e),o=o.multiply(e),o.setTranslation(r),o},t.Identity=function(){return t.FromValues(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)},t.IdentityToRef=function(i){t.FromValuesToRef(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1,i)},t.Zero=function(){return t.FromValues(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)},t.RotationX=function(i){var n=new t;return t.RotationXToRef(i,n),n},t.Invert=function(i){var n=new t;return i.invertToRef(n),n},t.RotationXToRef=function(t,i){var n=Math.sin(t),r=Math.cos(t);i.m[0]=1,i.m[15]=1,i.m[5]=r,i.m[10]=r,i.m[9]=-n,i.m[6]=n,i.m[1]=0,i.m[2]=0,i.m[3]=0,i.m[4]=0,i.m[7]=0,i.m[8]=0,i.m[11]=0,i.m[12]=0,i.m[13]=0,i.m[14]=0},t.RotationY=function(i){var n=new t;return t.RotationYToRef(i,n),n},t.RotationYToRef=function(t,i){var n=Math.sin(t),r=Math.cos(t);i.m[5]=1,i.m[15]=1,i.m[0]=r,i.m[2]=-n,i.m[8]=n,i.m[10]=r,i.m[1]=0,i.m[3]=0,i.m[4]=0,i.m[6]=0,i.m[7]=0,i.m[9]=0,i.m[11]=0,i.m[12]=0,i.m[13]=0,i.m[14]=0},t.RotationZ=function(i){var n=new t;return t.RotationZToRef(i,n),n},t.RotationZToRef=function(t,i){var n=Math.sin(t),r=Math.cos(t);i.m[10]=1,i.m[15]=1,i.m[0]=r,i.m[1]=n,i.m[4]=-n,i.m[5]=r,i.m[2]=0,i.m[3]=0,i.m[6]=0,i.m[7]=0,i.m[8]=0,i.m[9]=0,i.m[11]=0,i.m[12]=0,i.m[13]=0,i.m[14]=0},t.RotationAxis=function(i,n){var r=t.Zero();return t.RotationAxisToRef(i,n,r),r},t.RotationAxisToRef=function(t,i,n){var r=Math.sin(-i),o=Math.cos(-i),e=1-o;t.normalize(),n.m[0]=t.x*t.x*e+o,n.m[1]=t.x*t.y*e-t.z*r,n.m[2]=t.x*t.z*e+t.y*r,n.m[3]=0,n.m[4]=t.y*t.x*e+t.z*r,n.m[5]=t.y*t.y*e+o,n.m[6]=t.y*t.z*e-t.x*r,n.m[7]=0,n.m[8]=t.z*t.x*e-t.y*r,n.m[9]=t.z*t.y*e+t.x*r,n.m[10]=t.z*t.z*e+o,n.m[11]=0,n.m[15]=1},t.RotationYawPitchRoll=function(i,n,r){var o=new t;return t.RotationYawPitchRollToRef(i,n,r,o),o},t.RotationYawPitchRollToRef=function(t,i,n,r){a.RotationYawPitchRollToRef(t,i,n,this._tempQuaternion),this._tempQuaternion.toRotationMatrix(r)},t.Scaling=function(i,n,r){var o=t.Zero();return t.ScalingToRef(i,n,r,o),o},t.ScalingToRef=function(t,i,n,r){r.m[0]=t,r.m[1]=0,r.m[2]=0,r.m[3]=0,r.m[4]=0,r.m[5]=i,r.m[6]=0,r.m[7]=0,r.m[8]=0,r.m[9]=0,r.m[10]=n,r.m[11]=0,r.m[12]=0,r.m[13]=0,r.m[14]=0,r.m[15]=1},t.Translation=function(i,n,r){var o=t.Identity();return t.TranslationToRef(i,n,r,o),o},t.TranslationToRef=function(i,n,r,o){t.FromValuesToRef(1,0,0,0,0,1,0,0,0,0,1,0,i,n,r,1,o)},t.Lerp=function(i,n,r){for(var o=t.Zero(),e=0;e<16;e++)o.m[e]=i.m[e]*(1-r)+n.m[e]*r;return o},t.DecomposeLerp=function(i,n,r){var o=new e(0,0,0),s=new a,h=new e(0,0,0);i.decompose(o,s,h);var u=new e(0,0,0),m=new a,y=new e(0,0,0);n.decompose(u,m,y);var c=e.Lerp(o,u,r),p=a.Slerp(s,m,r),f=e.Lerp(h,y,r);return t.Compose(c,p,f)},t.LookAtLH=function(i,n,r){var o=t.Zero();return t.LookAtLHToRef(i,n,r,o),o},t.LookAtLHToRef=function(i,n,r,o){n.subtractToRef(i,this._zAxis),this._zAxis.normalize(),e.CrossToRef(r,this._zAxis,this._xAxis),0===this._xAxis.lengthSquared()?this._xAxis.x=1:this._xAxis.normalize(),e.CrossToRef(this._zAxis,this._xAxis,this._yAxis),this._yAxis.normalize();var s=-e.Dot(this._xAxis,i),h=-e.Dot(this._yAxis,i),a=-e.Dot(this._zAxis,i);return t.FromValuesToRef(this._xAxis.x,this._yAxis.x,this._zAxis.x,0,this._xAxis.y,this._yAxis.y,this._zAxis.y,0,this._xAxis.z,this._yAxis.z,this._zAxis.z,0,s,h,a,1,o)},t.LookAtRH=function(i,n,r){var o=t.Zero();return t.LookAtRHToRef(i,n,r,o),o},t.LookAtRHToRef=function(i,n,r,o){i.subtractToRef(n,this._zAxis),this._zAxis.normalize(),e.CrossToRef(r,this._zAxis,this._xAxis),0===this._xAxis.lengthSquared()?this._xAxis.x=1:this._xAxis.normalize(),e.CrossToRef(this._zAxis,this._xAxis,this._yAxis),this._yAxis.normalize();var s=-e.Dot(this._xAxis,i),h=-e.Dot(this._yAxis,i),a=-e.Dot(this._zAxis,i);return t.FromValuesToRef(this._xAxis.x,this._yAxis.x,this._zAxis.x,0,this._xAxis.y,this._yAxis.y,this._zAxis.y,0,this._xAxis.z,this._yAxis.z,this._zAxis.z,0,s,h,a,1,o)},t.OrthoLH=function(i,n,r,o){var e=t.Zero();return t.OrthoLHToRef(i,n,r,o,e),e},t.OrthoLHToRef=function(i,n,r,o,e){var s=2/i,h=2/n,a=1/(o-r),u=r/(r-o);t.FromValuesToRef(s,0,0,0,0,h,0,0,0,0,a,0,0,0,u,1,e)},t.OrthoOffCenterLH=function(i,n,r,o,e,s){var h=t.Zero();return t.OrthoOffCenterLHToRef(i,n,r,o,e,s,h),h},t.OrthoOffCenterLHToRef=function(t,i,n,r,o,e,s){s.m[0]=2/(i-t),s.m[1]=s.m[2]=s.m[3]=0,s.m[5]=2/(r-n),s.m[4]=s.m[6]=s.m[7]=0,s.m[10]=1/(e-o),s.m[8]=s.m[9]=s.m[11]=0,s.m[12]=(t+i)/(t-i),s.m[13]=(r+n)/(n-r),s.m[14]=-o/(e-o),s.m[15]=1},t.OrthoOffCenterRH=function(i,n,r,o,e,s){var h=t.Zero();return t.OrthoOffCenterRHToRef(i,n,r,o,e,s,h),h},t.OrthoOffCenterRHToRef=function(i,n,r,o,e,s,h){t.OrthoOffCenterLHToRef(i,n,r,o,e,s,h),h.m[10]*=-1},t.PerspectiveLH=function(i,n,r,o){var e=t.Zero();return e.m[0]=2*r/i,e.m[1]=e.m[2]=e.m[3]=0,e.m[5]=2*r/n,e.m[4]=e.m[6]=e.m[7]=0,e.m[10]=-o/(r-o),e.m[8]=e.m[9]=0,e.m[11]=1,e.m[12]=e.m[13]=e.m[15]=0,e.m[14]=r*o/(r-o),e},t.PerspectiveFovLH=function(i,n,r,o){var e=t.Zero();return t.PerspectiveFovLHToRef(i,n,r,o,e),e},t.PerspectiveFovLHToRef=function(t,i,n,r,o,e){void 0===e&&(e=!0);var s=1/Math.tan(.5*t);e?o.m[0]=s/i:o.m[0]=s,o.m[1]=o.m[2]=o.m[3]=0,e?o.m[5]=s:o.m[5]=s*i,o.m[4]=o.m[6]=o.m[7]=0,o.m[8]=o.m[9]=0,o.m[10]=r/(r-n),o.m[11]=1,o.m[12]=o.m[13]=o.m[15]=0,o.m[14]=-(n*r)/(r-n)},t.PerspectiveFovRH=function(i,n,r,o){var e=t.Zero();return t.PerspectiveFovRHToRef(i,n,r,o,e),e},t.PerspectiveFovRHToRef=function(t,i,n,r,o,e){void 0===e&&(e=!0);var s=1/Math.tan(.5*t);e?o.m[0]=s/i:o.m[0]=s,o.m[1]=o.m[2]=o.m[3]=0,e?o.m[5]=s:o.m[5]=s*i,o.m[4]=o.m[6]=o.m[7]=0,o.m[8]=o.m[9]=0,o.m[10]=r/(n-r),o.m[11]=-1,o.m[12]=o.m[13]=o.m[15]=0,o.m[14]=n*r/(n-r)},t.PerspectiveFovWebVRToRef=function(t,i,n,r,o){void 0===o&&(o=!0);var e=Math.tan(t.upDegrees*Math.PI/180),s=Math.tan(t.downDegrees*Math.PI/180),h=Math.tan(t.leftDegrees*Math.PI/180),a=Math.tan(t.rightDegrees*Math.PI/180),u=2/(h+a),m=2/(e+s);r.m[0]=u,r.m[1]=r.m[2]=r.m[3]=r.m[4]=0,r.m[5]=m,r.m[6]=r.m[7]=0,r.m[8]=(h-a)*u*.5,r.m[9]=-((e-s)*m*.5),r.m[10]=-n/(i-n),r.m[11]=1,r.m[12]=r.m[13]=r.m[15]=0,r.m[14]=i*n/(i-n)},t.GetFinalMatrix=function(i,n,r,o,e,s){var h=i.width,a=i.height,u=i.x,m=i.y,y=t.FromValues(h/2,0,0,0,0,-a/2,0,0,0,0,s-e,0,u+h/2,a/2+m,e,1);return n.multiply(r).multiply(o).multiply(y)},t.GetAsMatrix2x2=function(t){return new Float32Array([t.m[0],t.m[1],t.m[4],t.m[5]])},t.GetAsMatrix3x3=function(t){return new Float32Array([t.m[0],t.m[1],t.m[2],t.m[4],t.m[5],t.m[6],t.m[8],t.m[9],t.m[10]])},t.Transpose=function(i){var n=new t;return n.m[0]=i.m[0],n.m[1]=i.m[4],n.m[2]=i.m[8],n.m[3]=i.m[12],n.m[4]=i.m[1],n.m[5]=i.m[5],n.m[6]=i.m[9],n.m[7]=i.m[13],n.m[8]=i.m[2],n.m[9]=i.m[6],n.m[10]=i.m[10],n.m[11]=i.m[14],n.m[12]=i.m[3],n.m[13]=i.m[7],n.m[14]=i.m[11],n.m[15]=i.m[15],n},t.Reflection=function(i){var n=new t;return t.ReflectionToRef(i,n),n},t.ReflectionToRef=function(t,i){t.normalize();var n=t.normal.x,r=t.normal.y,o=t.normal.z,e=-2*n,s=-2*r,h=-2*o;i.m[0]=e*n+1,i.m[1]=s*n,i.m[2]=h*n,i.m[3]=0,i.m[4]=e*r,i.m[5]=s*r+1,i.m[6]=h*r,i.m[7]=0,i.m[8]=e*o,i.m[9]=s*o,i.m[10]=h*o+1,i.m[11]=0,i.m[12]=e*t.d,i.m[13]=s*t.d,i.m[14]=h*t.d,i.m[15]=1},t.FromXYZAxesToRef=function(t,i,n,r){r.m[0]=t.x,r.m[1]=t.y,r.m[2]=t.z,r.m[3]=0,r.m[4]=i.x,r.m[5]=i.y,r.m[6]=i.z,r.m[7]=0,r.m[8]=n.x,r.m[9]=n.y,r.m[10]=n.z,r.m[11]=0,r.m[12]=0,r.m[13]=0,r.m[14]=0,r.m[15]=1},t.FromQuaternionToRef=function(t,i){var n=t.x*t.x,r=t.y*t.y,o=t.z*t.z,e=t.x*t.y,s=t.z*t.w,h=t.z*t.x,a=t.y*t.w,u=t.y*t.z,m=t.x*t.w;i.m[0]=1-2*(r+o),i.m[1]=2*(e+s),i.m[2]=2*(h-a),i.m[3]=0,i.m[4]=2*(e-s),i.m[5]=1-2*(o+n),i.m[6]=2*(u+m),i.m[7]=0,i.m[8]=2*(h+a),i.m[9]=2*(u-m),i.m[10]=1-2*(r+n),i.m[11]=0,i.m[12]=0,i.m[13]=0,i.m[14]=0,i.m[15]=1},t._tempQuaternion=new a,t._xAxis=e.Zero(),t._yAxis=e.Zero(),t._zAxis=e.Zero(),t}();t.Matrix=u;var m=function(){function t(t,i,n,r){this.normal=new e(t,i,n),this.d=r}return t.prototype.asArray=function(){return[this.normal.x,this.normal.y,this.normal.z,this.d]},t.prototype.clone=function(){return new t(this.normal.x,this.normal.y,this.normal.z,this.d)},t.prototype.getClassName=function(){return\"Plane\"},t.prototype.getHashCode=function(){var t=this.normal.getHashCode();return t=397*t^(this.d||0)},t.prototype.normalize=function(){var t=Math.sqrt(this.normal.x*this.normal.x+this.normal.y*this.normal.y+this.normal.z*this.normal.z),i=0;return 0!==t&&(i=1/t),this.normal.x*=i,this.normal.y*=i,this.normal.z*=i,this.d*=i,this},t.prototype.transform=function(i){var n=u.Transpose(i),r=this.normal.x,o=this.normal.y,e=this.normal.z,s=this.d,h=r*n.m[0]+o*n.m[1]+e*n.m[2]+s*n.m[3],a=r*n.m[4]+o*n.m[5]+e*n.m[6]+s*n.m[7],m=r*n.m[8]+o*n.m[9]+e*n.m[10]+s*n.m[11],y=r*n.m[12]+o*n.m[13]+e*n.m[14]+s*n.m[15];return new t(h,a,m,y)},t.prototype.dotCoordinate=function(t){return this.normal.x*t.x+this.normal.y*t.y+this.normal.z*t.z+this.d},t.prototype.copyFromPoints=function(t,i,n){var r,o=i.x-t.x,e=i.y-t.y,s=i.z-t.z,h=n.x-t.x,a=n.y-t.y,u=n.z-t.z,m=e*u-s*a,y=s*h-o*u,c=o*a-e*h,p=Math.sqrt(m*m+y*y+c*c);return r=0!==p?1/p:0,this.normal.x=m*r,this.normal.y=y*r,this.normal.z=c*r,this.d=-(this.normal.x*t.x+this.normal.y*t.y+this.normal.z*t.z),this},t.prototype.isFrontFacingTo=function(t,i){var n=e.Dot(this.normal,t);return n<=i},t.prototype.signedDistanceTo=function(t){return e.Dot(t,this.normal)+this.d},t.FromArray=function(i){return new t(i[0],i[1],i[2],i[3])},t.FromPoints=function(i,n,r){var o=new t(0,0,0,0);return o.copyFromPoints(i,n,r),o},t.FromPositionAndNormal=function(i,n){var r=new t(0,0,0,0);return n.normalize(),r.normal=n,r.d=-(n.x*i.x+n.y*i.y+n.z*i.z),r},t.SignedDistanceToPlaneFromPositionAndNormal=function(t,i,n){var r=-(i.x*t.x+i.y*t.y+i.z*t.z);return e.Dot(n,i)+r},t}();t.Plane=m;var y=function(){function t(t,i,n,r){this.x=t,this.y=i,this.width=n,this.height=r}return t.prototype.toGlobal=function(i,n){return new t(this.x*i,this.y*n,this.width*i,this.height*n)},t}();t.Viewport=y;var c=function(){function t(){}return t.GetPlanes=function(i){for(var n=[],r=0;r<6;r++)n.push(new m(0,0,0,0));return t.GetPlanesToRef(i,n),n},t.GetPlanesToRef=function(t,i){i[0].normal.x=t.m[3]+t.m[2],i[0].normal.y=t.m[7]+t.m[6],i[0].normal.z=t.m[11]+t.m[10],i[0].d=t.m[15]+t.m[14],i[0].normalize(),i[1].normal.x=t.m[3]-t.m[2],i[1].normal.y=t.m[7]-t.m[6],i[1].normal.z=t.m[11]-t.m[10],i[1].d=t.m[15]-t.m[14],i[1].normalize(),i[2].normal.x=t.m[3]+t.m[0],i[2].normal.y=t.m[7]+t.m[4],i[2].normal.z=t.m[11]+t.m[8],i[2].d=t.m[15]+t.m[12],i[2].normalize(),i[3].normal.x=t.m[3]-t.m[0],i[3].normal.y=t.m[7]-t.m[4],i[3].normal.z=t.m[11]-t.m[8],i[3].d=t.m[15]-t.m[12],i[3].normalize(),i[4].normal.x=t.m[3]-t.m[1],i[4].normal.y=t.m[7]-t.m[5],i[4].normal.z=t.m[11]-t.m[9],i[4].d=t.m[15]-t.m[13],i[4].normalize(),i[5].normal.x=t.m[3]+t.m[1],i[5].normal.y=t.m[7]+t.m[5],i[5].normal.z=t.m[11]+t.m[9],i[5].d=t.m[15]+t.m[13],i[5].normalize()},t}();t.Frustum=c,function(t){t[t.LOCAL=0]=\"LOCAL\",t[t.WORLD=1]=\"WORLD\"}(t.Space||(t.Space={}));var p=(t.Space,function(){function t(){}return t.X=new e(1,0,0),t.Y=new e(0,1,0),t.Z=new e(0,0,1),t}());t.Axis=p;var f=function(){function t(){}return t.interpolate=function(t,i,n,r,o){for(var e=1-3*r+3*i,s=3*r-6*i,h=3*i,a=t,u=0;u<5;u++){var m=a*a,y=m*a,c=e*y+s*m+h*a,p=1/(3*e*m+2*s*a+h);a-=(c-t)*p,a=Math.min(1,Math.max(0,a))}return 3*Math.pow(1-a,2)*a*n+3*(1-a)*Math.pow(a,2)*o+Math.pow(a,3)},t}();t.BezierCurve=f,function(t){t[t.CW=0]=\"CW\",t[t.CCW=1]=\"CCW\"}(t.Orientation||(t.Orientation={}));var x=t.Orientation,l=function(){function t(t){var i=this;this.degrees=function(){return 180*i._radians/Math.PI},this.radians=function(){return i._radians},this._radians=t,this._radians<0&&(this._radians+=2*Math.PI)}return t.BetweenTwoPoints=function(i,n){var r=n.subtract(i),o=Math.atan2(r.y,r.x);return new t(o)},t.FromRadians=function(i){return new t(i)},t.FromDegrees=function(i){return new t(i*Math.PI/180)},t}();t.Angle=l;var z=function(){function t(t,i,n){this.startPoint=t,this.midPoint=i,this.endPoint=n;var r=Math.pow(i.x,2)+Math.pow(i.y,2),e=(Math.pow(t.x,2)+Math.pow(t.y,2)-r)/2,s=(r-Math.pow(n.x,2)-Math.pow(n.y,2))/2,h=(t.x-i.x)*(i.y-n.y)-(i.x-n.x)*(t.y-i.y);this.centerPoint=new o((e*(i.y-n.y)-s*(t.y-i.y))/h,((t.x-i.x)*s-(i.x-n.x)*e)/h),this.radius=this.centerPoint.subtract(this.startPoint).length(),this.startAngle=l.BetweenTwoPoints(this.centerPoint,this.startPoint);var a=this.startAngle.degrees(),u=l.BetweenTwoPoints(this.centerPoint,this.midPoint).degrees(),m=l.BetweenTwoPoints(this.centerPoint,this.endPoint).degrees();u-a>180&&(u-=360),u-a<-180&&(u+=360),m-u>180&&(m-=360),m-u<-180&&(m+=360),this.orientation=u-a<0?x.CW:x.CCW,this.angle=l.FromDegrees(this.orientation===x.CW?a-m:m-a)}return t}();t.Arc2=z;var w=function(){function t(t,i){this._points=new Array,this._length=0,this.closed=!1,this._points.push(new o(t,i))}return t.prototype.addLineTo=function(t,i){if(closed)return this;var n=new o(t,i),r=this._points[this._points.length-1];return this._points.push(n),this._length+=n.subtract(r).length(),this},t.prototype.addArcTo=function(t,i,n,r,e){if(void 0===e&&(e=36),closed)return this;var s=this._points[this._points.length-1],h=new o(t,i),a=new o(n,r),u=new z(s,h,a),m=u.angle.radians()/e;u.orientation===x.CW&&(m*=-1);for(var y=u.startAngle.radians()+m,c=0;c1)return o.Zero();for(var i=t*this.length(),n=0,r=0;r=n&&i<=u){var m=a.normalize(),y=i-n;return new o(s.x+m.x*y,s.y+m.y*y)}n=u}return o.Zero()},t.StartingAt=function(i,n){return new t(i,n)},t}();t.Path2=w;var v=function(){function n(t,i,n){this.path=t,this._curve=new Array,this._distances=new Array,this._tangents=new Array,this._normals=new Array,this._binormals=new Array;for(var r=0;ri+1;)i++,n=this._curve[t].subtract(this._curve[t-i]);return n},n.prototype._normalVector=function(n,r,o){var s,h=r.length();if(0===h&&(h=1),void 0===o||null===o){var a;i.WithinEpsilon(Math.abs(r.y)/h,1,t.Epsilon)?i.WithinEpsilon(Math.abs(r.x)/h,1,t.Epsilon)?i.WithinEpsilon(Math.abs(r.z)/h,1,t.Epsilon)||(a=new e(0,0,1)):a=new e(1,0,0):a=new e(0,(-1),0),s=e.Cross(r,a)}else s=e.Cross(r,o),e.CrossToRef(s,r,s);return s.normalize(),s},n}();t.Path3D=v;var d=function(){function t(t){this._length=0,this._points=t,this._length=this._computeLength(t)}return t.CreateQuadraticBezier=function(i,n,r,o){o=o>2?o:3;for(var s=new Array,h=function(t,i,n,r){var o=(1-t)*(1-t)*i+2*t*(1-t)*n+t*t*r;return o},a=0;a<=o;a++)s.push(new e(h(a/o,i.x,n.x,r.x),h(a/o,i.y,n.y,r.y),h(a/o,i.z,n.z,r.z)));return new t(s)},t.CreateCubicBezier=function(i,n,r,o,s){s=s>3?s:4;for(var h=new Array,a=function(t,i,n,r,o){var e=(1-t)*(1-t)*(1-t)*i+3*t*(1-t)*(1-t)*n+3*t*t*(1-t)*r+t*t*t*o;return e},u=0;u<=s;u++)h.push(new e(a(u/s,i.x,n.x,r.x,o.x),a(u/s,i.y,n.y,r.y,o.y),a(u/s,i.z,n.z,r.z,o.z)));return new t(h)},t.CreateHermiteSpline=function(i,n,r,o,s){for(var h=new Array,a=1/s,u=0;u<=s;u++)h.push(e.Hermite(i,n,r,o,u*a));return new t(h)},t.prototype.getPoints=function(){return this._points},t.prototype.length=function(){return this._length},t.prototype[\"continue\"]=function(i){for(var n=this._points[this._points.length-1],r=this._points.slice(),o=i.getPoints(),e=1;e