b+ε
+ */
+ fuzzyGreaterThan: function (a, b, epsilon) {
+ if (typeof epsilon === "undefined") { epsilon = 0.0001; }
+ return a > b - epsilon;
+ },
+
+ /**
+ * @method Phaser.Math#fuzzyCeil
+ * @param {number} val
+ * @param {number} epsilon
+ * @return {boolean} ceiling(val-ε)
+ */
+ fuzzyCeil: function (val, epsilon) {
+ if (typeof epsilon === "undefined") { epsilon = 0.0001; }
+ return Math.ceil(val - epsilon);
+ },
+
+ /**
+ * @method Phaser.Math#fuzzyFloor
+ * @param {number} val
+ * @param {number} epsilon
+ * @return {boolean} floor(val-ε)
+ */
+ fuzzyFloor: function (val, epsilon) {
+ if (typeof epsilon === "undefined") { epsilon = 0.0001; }
+ return Math.floor(val + epsilon);
+ },
+
+ /**
+ * Averages all values passed to the function and returns the result. You can pass as many parameters as you like.
+ * @method Phaser.Math#average
+ * @return {number} The average of all given values.
+ */
+ average: function () {
+
+ var args = [];
+
+ for (var _i = 0; _i < (arguments.length - 0); _i++) {
+ args[_i] = arguments[_i + 0];
+ }
+
+ var avg = 0;
+
+ for (var i = 0; i < args.length; i++) {
+ avg += args[i];
+ }
+
+ return avg / args.length;
+
+ },
+
+ /**
+ * @method Phaser.Math#truncate
+ * @param {number} n
+ * @return {number}
+ */
+ truncate: function (n) {
+ return (n > 0) ? Math.floor(n) : Math.ceil(n);
+ },
+
+ /**
+ * @method Phaser.Math#shear
+ * @param {number} n
+ * @return {number} n mod 1
+ */
+ shear: function (n) {
+ return n % 1;
+ },
+
+ /**
+ * Snap a value to nearest grid slice, using rounding.
+ *
+ * Example: if you have an interval gap of 5 and a position of 12... you will snap to 10 whereas 14 will snap to 15.
+ *
+ * @method Phaser.Math#snapTo
+ * @param {number} input - The value to snap.
+ * @param {number} gap - The interval gap of the grid.
+ * @param {number} [start] - Optional starting offset for gap.
+ * @return {number}
+ */
+ snapTo: function (input, gap, start) {
+
+ if (typeof start === "undefined") { start = 0; }
+
+ if (gap === 0) {
+ return input;
+ }
+
+ input -= start;
+ input = gap * Math.round(input / gap);
+
+ return start + input;
+
+ },
+
+ /**
+ * Snap a value to nearest grid slice, using floor.
+ *
+ * Example: if you have an interval gap of 5 and a position of 12... you will snap to 10. As will 14 snap to 10... but 16 will snap to 15
+ *
+ * @method Phaser.Math#snapToFloor
+ * @param {number} input - The value to snap.
+ * @param {number} gap - The interval gap of the grid.
+ * @param {number} [start] - Optional starting offset for gap.
+ * @return {number}
+ */
+ snapToFloor: function (input, gap, start) {
+
+ if (typeof start === "undefined") { start = 0; }
+
+ if (gap === 0) {
+ return input;
+ }
+
+ input -= start;
+ input = gap * Math.floor(input / gap);
+
+ return start + input;
+
+ },
+
+ /**
+ * Snap a value to nearest grid slice, using ceil.
+ *
+ * Example: if you have an interval gap of 5 and a position of 12... you will snap to 15. As will 14 will snap to 15... but 16 will snap to 20.
+ *
+ * @method Phaser.Math#snapToCeil
+ * @param {number} input - The value to snap.
+ * @param {number} gap - The interval gap of the grid.
+ * @param {number} [start] - Optional starting offset for gap.
+ * @return {number}
+ */
+ snapToCeil: function (input, gap, start) {
+
+ if (typeof start === "undefined") { start = 0; }
+
+ if (gap === 0) {
+ return input;
+ }
+
+ input -= start;
+ input = gap * Math.ceil(input / gap);
+
+ return start + input;
+
+ },
+
+
+ /**
+ * Snaps a value to the nearest value in an array.
+ * @method Phaser.Math#snapToInArray
+ * @param {number} input
+ * @param {array} arr
+ * @param {boolean} sort - True if the array needs to be sorted.
+ * @return {number}
+ */
+ snapToInArray: function (input, arr, sort) {
+
+ if (typeof sort === "undefined") { sort = true; }
+
+ if (sort) {
+ arr.sort();
+ }
+
+ if (input < arr[0]) {
+ return arr[0];
+ }
+
+ var i = 1;
+
+ while (arr[i] < input) {
+ i++;
+ }
+
+ var low = arr[i - 1];
+ var high = (i < arr.length) ? arr[i] : Number.POSITIVE_INFINITY;
+
+ return ((high - input) <= (input - low)) ? high : low;
+
+ },
+
+ /**
+ * Round to some place comparative to a 'base', default is 10 for decimal place.
+ *
+ * 'place' is represented by the power applied to 'base' to get that place
+ * e.g.
+ * 2000/7 ~= 285.714285714285714285714 ~= (bin)100011101.1011011011011011
+ *
+ * roundTo(2000/7,3) === 0
+ * roundTo(2000/7,2) == 300
+ * roundTo(2000/7,1) == 290
+ * roundTo(2000/7,0) == 286
+ * roundTo(2000/7,-1) == 285.7
+ * roundTo(2000/7,-2) == 285.71
+ * roundTo(2000/7,-3) == 285.714
+ * roundTo(2000/7,-4) == 285.7143
+ * roundTo(2000/7,-5) == 285.71429
+ *
+ * roundTo(2000/7,3,2) == 288 -- 100100000
+ * roundTo(2000/7,2,2) == 284 -- 100011100
+ * roundTo(2000/7,1,2) == 286 -- 100011110
+ * roundTo(2000/7,0,2) == 286 -- 100011110
+ * roundTo(2000/7,-1,2) == 285.5 -- 100011101.1
+ * roundTo(2000/7,-2,2) == 285.75 -- 100011101.11
+ * roundTo(2000/7,-3,2) == 285.75 -- 100011101.11
+ * roundTo(2000/7,-4,2) == 285.6875 -- 100011101.1011
+ * roundTo(2000/7,-5,2) == 285.71875 -- 100011101.10111
+ *
+ * Note what occurs when we round to the 3rd space (8ths place), 100100000, this is to be assumed
+ * because we are rounding 100011.1011011011011011 which rounds up.
+ *
+ * @method Phaser.Math#roundTo
+ * @param {number} value - The value to round.
+ * @param {number} place - The place to round to.
+ * @param {number} base - The base to round in... default is 10 for decimal.
+ * @return {number}
+ */
+ roundTo: function (value, place, base) {
+
+ if (typeof place === "undefined") { place = 0; }
+ if (typeof base === "undefined") { base = 10; }
+
+ var p = Math.pow(base, -place);
+
+ return Math.round(value * p) / p;
+
+ },
+
+ /**
+ * @method Phaser.Math#floorTo
+ * @param {number} value - The value to round.
+ * @param {number} place - The place to round to.
+ * @param {number} base - The base to round in... default is 10 for decimal.
+ * @return {number}
+ */
+ floorTo: function (value, place, base) {
+
+ if (typeof place === "undefined") { place = 0; }
+ if (typeof base === "undefined") { base = 10; }
+
+ var p = Math.pow(base, -place);
+
+ return Math.floor(value * p) / p;
+
+ },
+
+ /**
+ * @method Phaser.Math#ceilTo
+ * @param {number} value - The value to round.
+ * @param {number} place - The place to round to.
+ * @param {number} base - The base to round in... default is 10 for decimal.
+ * @return {number}
+ */
+ ceilTo: function (value, place, base) {
+
+ if (typeof place === "undefined") { place = 0; }
+ if (typeof base === "undefined") { base = 10; }
+
+ var p = Math.pow(base, -place);
+
+ return Math.ceil(value * p) / p;
+
+ },
+
+ /**
+ * A one dimensional linear interpolation of a value.
+ * @method Phaser.Math#interpolateFloat
+ * @param {number} a
+ * @param {number} b
+ * @param {number} weight
+ * @return {number}
+ */
+ interpolateFloat: function (a, b, weight) {
+ return (b - a) * weight + a;
+ },
+
+ /**
+ * Find the angle of a segment from (x1, y1) -> (x2, y2).
+ * @method Phaser.Math#angleBetween
+ * @param {number} x1
+ * @param {number} y1
+ * @param {number} x2
+ * @param {number} y2
+ * @return {number}
+ */
+ angleBetween: function (x1, y1, x2, y2) {
+ return Math.atan2(x2 - x1, y2 - y1);
+ },
+
+ /**
+ * Find the angle of a segment from (point1.x, point1.y) -> (point2.x, point2.y).
+ * @method Phaser.Math#angleBetweenPoints
+ * @param {Phaser.Point} point1
+ * @param {Phaser.Point} point2
+ * @return {number}
+ */
+ angleBetweenPoints: function (point1, point2) {
+ return Math.atan2(point2.x - point1.x, point2.y - point1.y);
+ },
+
+ /**
+ * Reverses an angle.
+ * @method Phaser.Math#reverseAngle
+ * @param {number} angleRad - The angle to reverse, in radians.
+ * @return {number} Returns the reverse angle, in radians.
+ */
+ reverseAngle: function (angleRad) {
+ return this.normalizeAngle(angleRad + Math.PI, true);
+ },
+
+ /**
+ * Normalizes an angle to the [0,2pi) range.
+ * @method Phaser.Math#normalizeAngle
+ * @param {number} angleRad - The angle to normalize, in radians.
+ * @return {number} Returns the angle, fit within the [0,2pi] range, in radians.
+ */
+ normalizeAngle: function (angleRad) {
+
+ angleRad = angleRad % (2 * Math.PI);
+ return angleRad >= 0 ? angleRad : angleRad + 2 * Math.PI;
+
+ },
+
+ /**
+ * Normalizes a latitude to the [-90,90] range. Latitudes above 90 or below -90 are capped, not wrapped.
+ * @method Phaser.Math#normalizeLatitude
+ * @param {number} lat - The latitude to normalize, in degrees.
+ * @return {number} Returns the latitude, fit within the [-90,90] range.
+ */
+ normalizeLatitude: function (lat) {
+ return Math.max(-90, Math.min(90, lat));
+ },
+
+ /**
+ * Normalizes a longitude to the [-180,180] range. Longitudes above 180 or below -180 are wrapped.
+ * @method Phaser.Math#normalizeLongitude
+ * @param {number} lng - The longitude to normalize, in degrees.
+ * @return {number} Returns the longitude, fit within the [-180,180] range.
+ */
+ normalizeLongitude: function (lng) {
+
+ if (lng % 360 == 180)
+ {
+ return 180;
+ }
+
+ lng = lng % 360;
+ return lng < -180 ? lng + 360 : lng > 180 ? lng - 360 : lng;
+
+ },
+
+ /**
+ * Closest angle between two angles from a1 to a2 absolute value the return for exact angle
+ * @method Phaser.Math#nearestAngleBetween
+ * @param {number} a1
+ * @param {number} a2
+ * @param {boolean} radians - True if angle sizes are expressed in radians.
+ * @return {number}
+ */
+ nearestAngleBetween: function (a1, a2, radians) {
+
+ if (typeof radians === "undefined") { radians = true; }
+
+ var rd = (radians) ? Math.PI : 180;
+ a1 = this.normalizeAngle(a1, radians);
+ a2 = this.normalizeAngle(a2, radians);
+
+ if (a1 < -rd / 2 && a2 > rd / 2)
+ {
+ a1 += rd * 2;
+ }
+
+ if (a2 < -rd / 2 && a1 > rd / 2)
+ {
+ a2 += rd * 2;
+ }
+
+ return a2 - a1;
+
+ },
+
+ /**
+ * Interpolate across the shortest arc between two angles.
+ * @method Phaser.Math#interpolateAngles
+ * @param {number} a1 - Description.
+ * @param {number} a2 - Description.
+ * @param {number} weight - Description.
+ * @param {boolean} radians - True if angle sizes are expressed in radians.
+ * @param {Description} ease - Description.
+ * @return {number}
+ */
+ interpolateAngles: function (a1, a2, weight, radians, ease) {
+
+ if (typeof radians === "undefined") { radians = true; }
+ if (typeof ease === "undefined") { ease = null; }
+
+ a1 = this.normalizeAngle(a1, radians);
+ a2 = this.normalizeAngleToAnother(a2, a1, radians);
+
+ return (typeof ease === 'function') ? ease(weight, a1, a2 - a1, 1) : this.interpolateFloat(a1, a2, weight);
+
+ },
+
+ /**
+ * Generate a random bool result based on the chance value.
+ *
+ * Returns true or false based on the chance value (default 50%). For example if you wanted a player to have a 30% chance
+ * of getting a bonus, call chanceRoll(30) - true means the chance passed, false means it failed.
+ *
+ * @method Phaser.Math#chanceRoll
+ * @param {number} chance - The chance of receiving the value. A number between 0 and 100 (effectively 0% to 100%).
+ * @return {boolean} True if the roll passed, or false otherwise.
+ */
+ chanceRoll: function (chance) {
+
+ if (typeof chance === "undefined") { chance = 50; }
+
+ if (chance <= 0)
+ {
+ return false;
+ }
+ else if (chance >= 100)
+ {
+ return true;
+ }
+ else
+ {
+ if (Math.random() * 100 >= chance)
+ {
+ return false;
+ }
+ else
+ {
+ return true;
+ }
+ }
+
+ },
+
+ /**
+ * Returns an Array containing the numbers from min to max (inclusive).
+ *
+ * @method Phaser.Math#numberArray
+ * @param {number} min - The minimum value the array starts with.
+ * @param {number} max - The maximum value the array contains.
+ * @return {array} The array of number values.
+ */
+ numberArray: function (min, max) {
+
+ var result = [];
+
+ for (var i = min; i <= max; i++)
+ {
+ result.push(i);
+ }
+
+ return result;
+
+ },
+
+ /**
+ * Adds the given amount to the value, but never lets the value go over the specified maximum.
+ *
+ * @method Phaser.Math#maxAdd
+ * @param {number} value - The value to add the amount to.
+ * @param {number} amount - The amount to add to the value.
+ * @param {number} max- The maximum the value is allowed to be.
+ * @return {number}
+ */
+ maxAdd: function (value, amount, max) {
+
+ value += amount;
+
+ if (value > max)
+ {
+ value = max;
+ }
+
+ return value;
+
+ },
+
+ /**
+ * Subtracts the given amount from the value, but never lets the value go below the specified minimum.
+ *
+ * @method Phaser.Math#minSub
+ * @param {number} value - The base value.
+ * @param {number} amount - The amount to subtract from the base value.
+ * @param {number} min - The minimum the value is allowed to be.
+ * @return {number} The new value.
+ */
+ minSub: function (value, amount, min) {
+
+ value -= amount;
+
+ if (value < min)
+ {
+ value = min;
+ }
+
+ return value;
+
+ },
+
+ /**
+ * Ensures that the value always stays between min and max, by wrapping the value around.
+ * max should be larger than min, or the function will return 0.
+ *
+ * @method Phaser.Math#wrap
+ * @param {number} value - The value to wrap.
+ * @param {number} min - The minimum the value is allowed to be.
+ * @param {number} max - The maximum the value is allowed to be.
+ * @return {number} The wrapped value.
+ */
+ wrap: function (value, min, max) {
+
+ var range = max - min;
+
+ if (range <= 0)
+ {
+ return 0;
+ }
+
+ var result = (value - min) % range;
+
+ if (result < 0)
+ {
+ result += range;
+ }
+
+ return result + min;
+
+ },
+
+ /**
+ * Adds value to amount and ensures that the result always stays between 0 and max, by wrapping the value around.
+ * Values must be positive integers, and are passed through Math.abs.
+ *
+ * @method Phaser.Math#wrapValue
+ * @param {number} value - The value to add the amount to.
+ * @param {number} amount - The amount to add to the value.
+ * @param {number} max - The maximum the value is allowed to be.
+ * @return {number} The wrapped value.
+ */
+ wrapValue: function (value, amount, max) {
+
+ var diff;
+ value = Math.abs(value);
+ amount = Math.abs(amount);
+ max = Math.abs(max);
+ diff = (value + amount) % max;
+
+ return diff;
+
+ },
+
+ /**
+ * Randomly returns either a 1 or -1.
+ *
+ * @method Phaser.Math#randomSign
+ * @return {number} 1 or -1
+ */
+ randomSign: function () {
+ return (Math.random() > 0.5) ? 1 : -1;
+ },
+
+ /**
+ * Returns true if the number given is odd.
+ *
+ * @method Phaser.Math#isOdd
+ * @param {number} n - The number to check.
+ * @return {boolean} True if the given number is odd. False if the given number is even.
+ */
+ isOdd: function (n) {
+
+ return (n & 1);
+
+ },
+
+ /**
+ * Returns true if the number given is even.
+ *
+ * @method Phaser.Math#isEven
+ * @param {number} n - The number to check.
+ * @return {boolean} True if the given number is even. False if the given number is odd.
+ */
+ isEven: function (n) {
+
+ if (n & 1)
+ {
+ return false;
+ }
+ else
+ {
+ return true;
+ }
+
+ },
+
+ /**
+ * Updated version of Math.min that can be passed either an array of numbers or the numbers as parameters.
+ * See http://jsperf.com/math-s-min-max-vs-homemade/5
+ *
+ * @method Phaser.Math#min
+ * @return {number} The lowest value from those given.
+ */
+ min: function () {
+
+ if (arguments.length === 1 && typeof arguments[0] === 'object')
+ {
+ var data = arguments[0];
+ }
+ else
+ {
+ var data = arguments;
+ }
+
+ for (var i = 1, min = 0, len = data.length; i < len; i++)
+ {
+ if (data[i] < data[min])
+ {
+ min = i;
+ }
+ }
+
+ return data[min];
+
+ },
+
+ /**
+ * Updated version of Math.max that can be passed either an array of numbers or the numbers as parameters.
+ *
+ * @method Phaser.Math#max
+ * @return {number} The largest value from those given.
+ */
+ max: function () {
+
+ if (arguments.length === 1 && typeof arguments[0] === 'object')
+ {
+ var data = arguments[0];
+ }
+ else
+ {
+ var data = arguments;
+ }
+
+ for (var i = 1, max = 0, len = data.length; i < len; i++)
+ {
+ if (data[i] > data[max])
+ {
+ max = i;
+ }
+ }
+
+ return data[max];
+
+ },
+
+ /**
+ * Updated version of Math.min that can be passed a property and either an array of objects or the objects as parameters.
+ * It will find the lowest matching property value from the given objects.
+ *
+ * @method Phaser.Math#minProperty
+ * @return {number} The lowest value from those given.
+ */
+ minProperty: function (property) {
+
+ if (arguments.length === 2 && typeof arguments[1] === 'object')
+ {
+ var data = arguments[1];
+ }
+ else
+ {
+ var data = arguments.slice(1);
+ }
+
+ for (var i = 1, min = 0, len = data.length; i < len; i++)
+ {
+ if (data[i][property] < data[min][property])
+ {
+ min = i;
+ }
+ }
+
+ return data[min][property];
+
+ },
+
+ /**
+ * Updated version of Math.max that can be passed a property and either an array of objects or the objects as parameters.
+ * It will find the largest matching property value from the given objects.
+ *
+ * @method Phaser.Math#maxProperty
+ * @return {number} The largest value from those given.
+ */
+ maxProperty: function (property) {
+
+ if (arguments.length === 2 && typeof arguments[1] === 'object')
+ {
+ var data = arguments[1];
+ }
+ else
+ {
+ var data = arguments.slice(1);
+ }
+
+ for (var i = 1, max = 0, len = data.length; i < len; i++)
+ {
+ if (data[i][property] > data[max][property])
+ {
+ max = i;
+ }
+ }
+
+ return data[max][property];
+
+ },
+
+ /**
+ * Keeps an angle value between -180 and +180
+ * Should be called whenever the angle is updated on the Sprite to stop it from going insane.
+ *
+ * @method Phaser.Math#wrapAngle
+ * @param {number} angle - The angle value to check
+ * @return {number} The new angle value, returns the same as the input angle if it was within bounds.
+ */
+ wrapAngle: function (angle) {
+
+ return this.wrap(angle, -180, 180);
+
+ },
+
+ /**
+ * Keeps an angle value between the given min and max values.
+ *
+ * @method Phaser.Math#angleLimit
+ * @param {number} angle - The angle value to check. Must be between -180 and +180.
+ * @param {number} min - The minimum angle that is allowed (must be -180 or greater).
+ * @param {number} max - The maximum angle that is allowed (must be 180 or less).
+ * @return {number} The new angle value, returns the same as the input angle if it was within bounds
+ */
+ angleLimit: function (angle, min, max) {
+
+ var result = angle;
+
+ if (angle > max)
+ {
+ result = max;
+ }
+ else if (angle < min)
+ {
+ result = min;
+ }
+
+ return result;
+
+ },
+
+ /**
+ * A Linear Interpolation Method, mostly used by Phaser.Tween.
+ * @method Phaser.Math#linearInterpolation
+ * @param {number} v
+ * @param {number} k
+ * @return {number}
+ */
+ linearInterpolation: function (v, k) {
+
+ var m = v.length - 1;
+ var f = m * k;
+ var i = Math.floor(f);
+
+ if (k < 0)
+ {
+ return this.linear(v[0], v[1], f);
+ }
+
+ if (k > 1)
+ {
+ return this.linear(v[m], v[m - 1], m - f);
+ }
+
+ return this.linear(v[i], v[i + 1 > m ? m : i + 1], f - i);
+
+ },
+
+ /**
+ * A Bezier Interpolation Method, mostly used by Phaser.Tween.
+ * @method Phaser.Math#bezierInterpolation
+ * @param {number} v
+ * @param {number} k
+ * @return {number}
+ */
+ bezierInterpolation: function (v, k) {
+
+ var b = 0;
+ var n = v.length - 1;
+
+ for (var i = 0; i <= n; i++)
+ {
+ b += Math.pow(1 - k, n - i) * Math.pow(k, i) * v[i] * this.bernstein(n, i);
+ }
+
+ return b;
+
+ },
+
+ /**
+ * A Catmull Rom Interpolation Method, mostly used by Phaser.Tween.
+ * @method Phaser.Math#catmullRomInterpolation
+ * @param {number} v
+ * @param {number} k
+ * @return {number}
+ */
+ catmullRomInterpolation: function (v, k) {
+
+ var m = v.length - 1;
+ var f = m * k;
+ var i = Math.floor(f);
+
+ if (v[0] === v[m])
+ {
+ if (k < 0)
+ {
+ i = Math.floor(f = m * (1 + k));
+ }
+
+ return this.catmullRom(v[(i - 1 + m) % m], v[i], v[(i + 1) % m], v[(i + 2) % m], f - i);
+
+ }
+ else
+ {
+ if (k < 0)
+ {
+ return v[0] - (this.catmullRom(v[0], v[0], v[1], v[1], -f) - v[0]);
+ }
+
+ if (k > 1)
+ {
+ return v[m] - (this.catmullRom(v[m], v[m], v[m - 1], v[m - 1], f - m) - v[m]);
+ }
+
+ return this.catmullRom(v[i ? i - 1 : 0], v[i], v[m < i + 1 ? m : i + 1], v[m < i + 2 ? m : i + 2], f - i);
+ }
+
+ },
+
+ /**
+ * Description.
+ * @method Phaser.Math#Linear
+ * @param {number} p0
+ * @param {number} p1
+ * @param {number} t
+ * @return {number}
+ */
+ linear: function (p0, p1, t) {
+ return (p1 - p0) * t + p0;
+ },
+
+ /**
+ * @method Phaser.Math#bernstein
+ * @param {number} n
+ * @param {number} i
+ * @return {number}
+ */
+ bernstein: function (n, i) {
+ return this.factorial(n) / this.factorial(i) / this.factorial(n - i);
+ },
+
+ /**
+ * Description.
+ * @method Phaser.Math#catmullRom
+ * @param {number} p0
+ * @param {number} p1
+ * @param {number} p2
+ * @param {number} p3
+ * @param {number} t
+ * @return {number}
+ */
+ catmullRom: function (p0, p1, p2, p3, t) {
+
+ var v0 = (p2 - p0) * 0.5, v1 = (p3 - p1) * 0.5, t2 = t * t, t3 = t * t2;
+
+ return (2 * p1 - 2 * p2 + v0 + v1) * t3 + (-3 * p1 + 3 * p2 - 2 * v0 - v1) * t2 + v0 * t + p1;
+
+ },
+
+ /**
+ * @method Phaser.Math#difference
+ * @param {number} a
+ * @param {number} b
+ * @return {number}
+ */
+ difference: function (a, b) {
+ return Math.abs(a - b);
+ },
+
+ /**
+ * Fetch a random entry from the given array.
+ * Will return null if random selection is missing, or array has no entries.
+ *
+ * @method Phaser.Math#getRandom
+ * @param {array} objects - An array of objects.
+ * @param {number} startIndex - Optional offset off the front of the array. Default value is 0, or the beginning of the array.
+ * @param {number} length - Optional restriction on the number of values you want to randomly select from.
+ * @return {object} The random object that was selected.
+ */
+ getRandom: function (objects, startIndex, length) {
+
+ if (typeof startIndex === "undefined") { startIndex = 0; }
+ if (typeof length === "undefined") { length = 0; }
+
+ if (objects != null) {
+
+ var l = length;
+
+ if ((l === 0) || (l > objects.length - startIndex))
+ {
+ l = objects.length - startIndex;
+ }
+
+ if (l > 0)
+ {
+ return objects[startIndex + Math.floor(Math.random() * l)];
+ }
+ }
+
+ return null;
+
+ },
+
+ /**
+ * Round down to the next whole number. E.g. floor(1.7) == 1, and floor(-2.7) == -2.
+ *
+ * @method Phaser.Math#floor
+ * @param {number} Value Any number.
+ * @return {number} The rounded value of that number.
+ */
+ floor: function (value) {
+
+ var n = value | 0;
+
+ return (value > 0) ? (n) : ((n != value) ? (n - 1) : (n));
+
+ },
+
+ /**
+ * Round up to the next whole number. E.g. ceil(1.3) == 2, and ceil(-2.3) == -3.
+ *
+ * @method Phaser.Math#ceil
+ * @param {number} value - Any number.
+ * @return {number} The rounded value of that number.
+ */
+ ceil: function (value) {
+ var n = value | 0;
+ return (value > 0) ? ((n != value) ? (n + 1) : (n)) : (n);
+ },
+
+ /**
+ * Generate a sine and cosine table simultaneously and extremely quickly. Based on research by Franky of scene.at
+ *
+ * The parameters allow you to specify the length, amplitude and frequency of the wave. Once you have called this function
+ * you should get the results via getSinTable() and getCosTable(). This generator is fast enough to be used in real-time.
+ *
+ * @method Phaser.Math#sinCosGenerator
+ * @param {number} length - The length of the wave
+ * @param {number} sinAmplitude - The amplitude to apply to the sine table (default 1.0) if you need values between say -+ 125 then give 125 as the value
+ * @param {number} cosAmplitude - The amplitude to apply to the cosine table (default 1.0) if you need values between say -+ 125 then give 125 as the value
+ * @param {number} frequency - The frequency of the sine and cosine table data
+ * @return {Array} Returns the sine table
+ */
+ sinCosGenerator: function (length, sinAmplitude, cosAmplitude, frequency) {
+
+ if (typeof sinAmplitude === "undefined") { sinAmplitude = 1.0; }
+ if (typeof cosAmplitude === "undefined") { cosAmplitude = 1.0; }
+ if (typeof frequency === "undefined") { frequency = 1.0; }
+
+ var sin = sinAmplitude;
+ var cos = cosAmplitude;
+ var frq = frequency * Math.PI / length;
+
+ var cosTable = [];
+ var sinTable = [];
+
+ for (var c = 0; c < length; c++) {
+
+ cos -= sin * frq;
+ sin += cos * frq;
+
+ cosTable[c] = cos;
+ sinTable[c] = sin;
+
+ }
+
+ return { sin: sinTable, cos: cosTable, length: length };
+
+ },
+
+ /**
+ * Removes the top element from the stack and re-inserts it onto the bottom, then returns it.
+ * The original stack is modified in the process. This effectively moves the position of the data from the start to the end of the table.
+ *
+ * @method Phaser.Math#shift
+ * @param {array} stack - The array to shift.
+ * @return {any} The shifted value.
+ */
+ shift: function (stack) {
+
+ var s = stack.shift();
+ stack.push(s);
+
+ return s;
+
+ },
+
+ /**
+ * Shuffles the data in the given array into a new order
+ * @method Phaser.Math#shuffleArray
+ * @param {array} array - The array to shuffle
+ * @return {array} The array
+ */
+ shuffleArray: function (array) {
+
+ for (var i = array.length - 1; i > 0; i--) {
+
+ var j = Math.floor(Math.random() * (i + 1));
+ var temp = array[i];
+ array[i] = array[j];
+ array[j] = temp;
+ }
+
+ return array;
+
+ },
+
+ /**
+ * Returns the distance between the two given set of coordinates.
+ *
+ * @method Phaser.Math#distance
+ * @param {number} x1
+ * @param {number} y1
+ * @param {number} x2
+ * @param {number} y2
+ * @return {number} The distance between the two sets of coordinates.
+ */
+ distance: function (x1, y1, x2, y2) {
+
+ var dx = x1 - x2;
+ var dy = y1 - y2;
+
+ return Math.sqrt(dx * dx + dy * dy);
+
+ },
+
+ /**
+ * Returns the distance between the two given set of coordinates at the power given.
+ *
+ * @method Phaser.Math#distancePow
+ * @param {number} x1
+ * @param {number} y1
+ * @param {number} x2
+ * @param {number} y2
+ * @param {number} [pow=2]
+ * @return {number} The distance between the two sets of coordinates.
+ */
+ distancePow: function (x1, y1, x2, y2, pow) {
+
+ if (typeof pow === 'undefined') { pow = 2; }
+
+ return Math.sqrt(Math.pow(x2 - x1, pow) + Math.pow(y2 - y1, pow));
+
+ },
+
+ /**
+ * Returns the rounded distance between the two given set of coordinates.
+ *
+ * @method Phaser.Math#distanceRounded
+ * @param {number} x1
+ * @param {number} y1
+ * @param {number} x2
+ * @param {number} y2
+ * @return {number} The distance between this Point object and the destination Point object.
+ */
+ distanceRounded: function (x1, y1, x2, y2) {
+
+ return Math.round(Phaser.Math.distance(x1, y1, x2, y2));
+
+ },
+
+ /**
+ * Force a value within the boundaries of two values.
+ * Clamp value to range
+ *
+ * @method Phaser.Math#clamp
+ * @param {number} x
+ * @param {number} a
+ * @param {number} b
+ * @return {number}
+ */
+ clamp: function ( x, a, b ) {
+
+ return ( x < a ) ? a : ( ( x > b ) ? b : x );
+
+ },
+
+ /**
+ * Clamp value to range to range
+ *
+ * @method Phaser.Math#mapLinear
+ * @param {number} x the value to map
+ * @param {number} a1 first endpoint of the range
+ * @param {number} a2 final endpoint of the range
+ * @param {number} b1 first endpoint of the range
+ * @param {number} b2 final endpoint of the range
+ * @return {number}
+ */
+ mapLinear: function ( x, a1, a2, b1, b2 ) {
+
+ return b1 + ( x - a1 ) * ( b2 - b1 ) / ( a2 - a1 );
+
+ },
+
+ /**
+ * Smoothstep function as detailed at http://en.wikipedia.org/wiki/Smoothstep
+ *
+ * @method Phaser.Math#smoothstep
+ * @param {number} x
+ * @param {number} min
+ * @param {number} max
+ * @return {number}
+ */
+ smoothstep: function ( x, min, max ) {
+
+ if (x <= min)
+ {
+ return 0;
+ }
+
+ if (x >= max)
+ {
+ return 1;
+ }
+
+ x = (x - min) / (max - min);
+
+ return x * x * (3 - 2 * x);
+
+ },
+
+ /**
+ * Smootherstep function as detailed at http://en.wikipedia.org/wiki/Smoothstep
+ *
+ * @method Phaser.Math#smootherstep
+ * @param {number} x
+ * @param {number} min
+ * @param {number} max
+ * @return {number}
+ */
+ smootherstep: function ( x, min, max ) {
+
+ if (x <= min)
+ {
+ return 0;
+ }
+
+ if (x >= max)
+ {
+ return 1;
+ }
+
+ x = (x - min) / (max - min);
+
+ return x * x * x * (x * (x * 6 - 15) + 10);
+
+ },
+
+ /**
+ * A value representing the sign of the value.
+ * -1 for negative, +1 for positive, 0 if value is 0
+ *
+ * @method Phaser.Math#sign
+ * @param {number} x
+ * @return {number}
+ */
+ sign: function ( x ) {
+
+ return ( x < 0 ) ? -1 : ( ( x > 0 ) ? 1 : 0 );
+
+ },
+
+ /**
+ * Convert degrees to radians.
+ *
+ * @method Phaser.Math#degToRad
+ * @return {function}
+ */
+ degToRad: function() {
+
+ var degreeToRadiansFactor = Math.PI / 180;
+
+ return function ( degrees ) {
+
+ return degrees * degreeToRadiansFactor;
+
+ };
+
+ }(),
+
+ /**
+ * Convert degrees to radians.
+ *
+ * @method Phaser.Math#radToDeg
+ * @return {function}
+ */
+ radToDeg: function() {
+
+ var radianToDegreesFactor = 180 / Math.PI;
+
+ return function ( radians ) {
+
+ return radians * radianToDegreesFactor;
+
+ };
+
+ }()
+
+};
+
+/* jshint noempty: false */
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Phaser.RandomDataGenerator constructor.
+*
+* @class Phaser.RandomDataGenerator
+* @classdesc An extremely useful repeatable random data generator. Access it via Phaser.Game.rnd
+* Based on Nonsense by Josh Faul https://github.com/jocafa/Nonsense.
+* Random number generator from http://baagoe.org/en/wiki/Better_random_numbers_for_javascript
+*
+* @constructor
+* @param {array} seeds
+*/
+Phaser.RandomDataGenerator = function (seeds) {
+
+ if (typeof seeds === "undefined") { seeds = []; }
+
+ /**
+ * @property {number} c - Internal var.
+ * @private
+ */
+ this.c = 1;
+
+ /**
+ * @property {number} s0 - Internal var.
+ * @private
+ */
+ this.s0 = 0;
+
+ /**
+ * @property {number} s1 - Internal var.
+ * @private
+ */
+ this.s1 = 0;
+
+ /**
+ * @property {number} s2 - Internal var.
+ * @private
+ */
+ this.s2 = 0;
+
+ this.sow(seeds);
+
+};
+
+Phaser.RandomDataGenerator.prototype = {
+
+ /**
+ * Private random helper.
+ * @method Phaser.RandomDataGenerator#rnd
+ * @private
+ * @return {number}
+ */
+ rnd: function () {
+
+ var t = 2091639 * this.s0 + this.c * 2.3283064365386963e-10; // 2^-32
+
+ this.c = t | 0;
+ this.s0 = this.s1;
+ this.s1 = this.s2;
+ this.s2 = t - this.c;
+
+ return this.s2;
+ },
+
+ /**
+ * Reset the seed of the random data generator.
+ *
+ * @method Phaser.RandomDataGenerator#sow
+ * @param {array} seeds
+ */
+ sow: function (seeds) {
+
+ if (typeof seeds === "undefined") { seeds = []; }
+
+ this.s0 = this.hash(' ');
+ this.s1 = this.hash(this.s0);
+ this.s2 = this.hash(this.s1);
+ this.c = 1;
+
+ var seed;
+
+ for (var i = 0; seed = seeds[i++]; )
+ {
+ this.s0 -= this.hash(seed);
+ this.s0 += ~~(this.s0 < 0);
+ this.s1 -= this.hash(seed);
+ this.s1 += ~~(this.s1 < 0);
+ this.s2 -= this.hash(seed);
+ this.s2 += ~~(this.s2 < 0);
+ }
+
+ },
+
+ /**
+ * Internal method that creates a seed hash.
+ * @method Phaser.RandomDataGenerator#hash
+ * @param {Any} data
+ * @private
+ * @return {number} hashed value.
+ */
+ hash: function (data) {
+
+ var h, i, n;
+ n = 0xefc8249d;
+ data = data.toString();
+
+ for (i = 0; i < data.length; i++) {
+ n += data.charCodeAt(i);
+ h = 0.02519603282416938 * n;
+ n = h >>> 0;
+ h -= n;
+ h *= n;
+ n = h >>> 0;
+ h -= n;
+ n += h * 0x100000000;// 2^32
+ }
+
+ return (n >>> 0) * 2.3283064365386963e-10;// 2^-32
+
+ },
+
+ /**
+ * Returns a random integer between 0 and 2^32.
+ * @method Phaser.RandomDataGenerator#integer
+ * @return {number} A random integer between 0 and 2^32.
+ */
+ integer: function() {
+ return this.rnd.apply(this) * 0x100000000;// 2^32
+ },
+
+ /**
+ * Returns a random real number between 0 and 1.
+ * @method Phaser.RandomDataGenerator#frac
+ * @return {number} A random real number between 0 and 1.
+ */
+ frac: function() {
+ return this.rnd.apply(this) + (this.rnd.apply(this) * 0x200000 | 0) * 1.1102230246251565e-16;// 2^-53
+ },
+
+ /**
+ * Returns a random real number between 0 and 2^32.
+ * @method Phaser.RandomDataGenerator#real
+ * @return {number} A random real number between 0 and 2^32.
+ */
+ real: function() {
+ return this.integer() + this.frac();
+ },
+
+ /**
+ * Returns a random integer between and including min and max.
+ *
+ * @method Phaser.RandomDataGenerator#integerInRange
+ * @param {number} min - The minimum value in the range.
+ * @param {number} max - The maximum value in the range.
+ * @return {number} A random number between min and max.
+ */
+ integerInRange: function (min, max) {
+ return Math.round(this.realInRange(min, max));
+ },
+
+ /**
+ * Returns a random real number between min and max.
+ * @method Phaser.RandomDataGenerator#realInRange
+ * @param {number} min - The minimum value in the range.
+ * @param {number} max - The maximum value in the range.
+ * @return {number} A random number between min and max.
+ */
+ realInRange: function (min, max) {
+
+ return this.frac() * (max - min) + min;
+
+ },
+
+ /**
+ * Returns a random real number between -1 and 1.
+ * @method Phaser.RandomDataGenerator#normal
+ * @return {number} A random real number between -1 and 1.
+ */
+ normal: function () {
+ return 1 - 2 * this.frac();
+ },
+
+ /**
+ * Returns a valid RFC4122 version4 ID hex string from https://gist.github.com/1308368
+ * @method Phaser.RandomDataGenerator#uuid
+ * @return {string} A valid RFC4122 version4 ID hex string
+ */
+ uuid: function () {
+
+ var a = '';
+ var b = '';
+
+ for (b = a = ''; a++ < 36; b +=~a % 5 | a * 3&4 ? (a^15 ? 8^this.frac() * (a^20 ? 16 : 4) : 4).toString(16) : '-')
+ {
+ }
+
+ return b;
+
+ },
+
+ /**
+ * Returns a random member of `array`.
+ * @method Phaser.RandomDataGenerator#pick
+ * @param {Array} ary - An Array to pick a random member of.
+ * @return {any} A random member of the array.
+ */
+ pick: function (ary) {
+ return ary[this.integerInRange(0, ary.length - 1)];
+ },
+
+ /**
+ * Returns a random member of `array`, favoring the earlier entries.
+ * @method Phaser.RandomDataGenerator#weightedPick
+ * @param {Array} ary - An Array to pick a random member of.
+ * @return {any} A random member of the array.
+ */
+ weightedPick: function (ary) {
+ return ary[~~(Math.pow(this.frac(), 2) * (ary.length - 1))];
+ },
+
+ /**
+ * Returns a random timestamp between min and max, or between the beginning of 2000 and the end of 2020 if min and max aren't specified.
+ * @method Phaser.RandomDataGenerator#timestamp
+ * @param {number} min - The minimum value in the range.
+ * @param {number} max - The maximum value in the range.
+ * @return {number} A random timestamp between min and max.
+ */
+ timestamp: function (min, max) {
+ return this.realInRange(min || 946684800000, max || 1577862000000);
+ },
+
+ /**
+ * Returns a random angle between -180 and 180.
+ * @method Phaser.RandomDataGenerator#angle
+ * @return {number} A random number between -180 and 180.
+ */
+ angle: function() {
+ return this.integerInRange(-180, 180);
+ }
+
+};
+
+Phaser.RandomDataGenerator.prototype.constructor = Phaser.RandomDataGenerator;
+
+/**
+ * @author Richard Davey
+ * @copyright 2014 Photon Storm Ltd.
+ * @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+ */
+
+/**
+* Javascript QuadTree
+* @version 1.0
+* @author Timo Hausmann
+*
+* @version 1.3, March 11th 2014
+* @author Richard Davey
+* The original code was a conversion of the Java code posted to GameDevTuts. However I've tweaked
+* it massively to add node indexing, removed lots of temp. var creation and significantly
+* increased performance as a result.
+*
+* Original version at https://github.com/timohausmann/quadtree-js/
+*/
+
+/**
+* @copyright © 2012 Timo Hausmann
+*
+* Permission is hereby granted, free of charge, to any person obtaining
+* a copy of this software and associated documentation files (the
+* "Software"), to deal in the Software without restriction, including
+* without limitation the rights to use, copy, modify, merge, publish,
+* distribute, sublicense, and/or sell copies of the Software, and to
+* permit persons to whom the Software is furnished to do so, subject to
+* the following conditions:
+*
+* The above copyright notice and this permission notice shall be
+* included in all copies or substantial portions of the Software.
+*
+* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+* MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+* LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+* WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+*/
+
+/**
+* QuadTree Constructor
+*
+* @class Phaser.QuadTree
+* @classdesc A QuadTree implementation. The original code was a conversion of the Java code posted to GameDevTuts.
+* However I've tweaked it massively to add node indexing, removed lots of temp. var creation and significantly increased performance as a result.
+* Original version at https://github.com/timohausmann/quadtree-js/
+* @constructor
+* @param {number} x - The top left coordinate of the quadtree.
+* @param {number} y - The top left coordinate of the quadtree.
+* @param {number} width - The width of the quadtree in pixels.
+* @param {number} height - The height of the quadtree in pixels.
+* @param {number} [maxObjects=10] - The maximum number of objects per node.
+* @param {number} [maxLevels=4] - The maximum number of levels to iterate to.
+* @param {number} [level=0] - Which level is this?
+*/
+Phaser.QuadTree = function(x, y, width, height, maxObjects, maxLevels, level) {
+
+ /**
+ * @property {number} maxObjects - The maximum number of objects per node.
+ * @default
+ */
+ this.maxObjects = 10;
+
+ /**
+ * @property {number} maxLevels - The maximum number of levels to break down to.
+ * @default
+ */
+ this.maxLevels = 4;
+
+ /**
+ * @property {number} level - The current level.
+ */
+ this.level = 0;
+
+ /**
+ * @property {object} bounds - Object that contains the quadtree bounds.
+ */
+ this.bounds = {};
+
+ /**
+ * @property {array} objects - Array of quadtree children.
+ */
+ this.objects = [];
+
+ /**
+ * @property {array} nodes - Array of associated child nodes.
+ */
+ this.nodes = [];
+
+ this.reset(x, y, width, height, maxObjects, maxLevels, level);
+
+};
+
+Phaser.QuadTree.prototype = {
+
+ /**
+ * Resets the QuadTree.
+ *
+ * @method Phaser.QuadTree#reset
+ * @param {number} x - The top left coordinate of the quadtree.
+ * @param {number} y - The top left coordinate of the quadtree.
+ * @param {number} width - The width of the quadtree in pixels.
+ * @param {number} height - The height of the quadtree in pixels.
+ * @param {number} [maxObjects=10] - The maximum number of objects per node.
+ * @param {number} [maxLevels=4] - The maximum number of levels to iterate to.
+ * @param {number} [level=0] - Which level is this?
+ */
+ reset: function (x, y, width, height, maxObjects, maxLevels, level) {
+
+ this.maxObjects = maxObjects || 10;
+ this.maxLevels = maxLevels || 4;
+ this.level = level || 0;
+
+ this.bounds = {
+ x: Math.round(x),
+ y: Math.round(y),
+ width: width,
+ height: height,
+ subWidth: Math.floor(width / 2),
+ subHeight: Math.floor(height / 2),
+ right: Math.round(x) + Math.floor(width / 2),
+ bottom: Math.round(y) + Math.floor(height / 2)
+ };
+
+ this.objects.length = 0;
+ this.nodes.length = 0;
+
+ },
+
+ /**
+ * Populates this quadtree with the children of the given Group. In order to be added the child must exist and have a body property.
+ *
+ * @method Phaser.QuadTree#populate
+ * @param {Phaser.Group} group - The Group to add to the quadtree.
+ */
+ populate: function (group) {
+
+ group.forEach(this.populateHandler, this, true);
+
+ },
+
+ /**
+ * Handler for the populate method.
+ *
+ * @method Phaser.QuadTree#populateHandler
+ * @param {Phaser.Sprite|object} sprite - The Sprite to check.
+ */
+ populateHandler: function (sprite) {
+
+ if (sprite.body && sprite.exists)
+ {
+ this.insert(sprite.body);
+ }
+
+ },
+
+ /**
+ * Split the node into 4 subnodes
+ *
+ * @method Phaser.QuadTree#split
+ */
+ split: function () {
+
+ this.level++;
+
+ // top right node
+ this.nodes[0] = new Phaser.QuadTree(this.bounds.right, this.bounds.y, this.bounds.subWidth, this.bounds.subHeight, this.maxObjects, this.maxLevels, this.level);
+
+ // top left node
+ this.nodes[1] = new Phaser.QuadTree(this.bounds.x, this.bounds.y, this.bounds.subWidth, this.bounds.subHeight, this.maxObjects, this.maxLevels, this.level);
+
+ // bottom left node
+ this.nodes[2] = new Phaser.QuadTree(this.bounds.x, this.bounds.bottom, this.bounds.subWidth, this.bounds.subHeight, this.maxObjects, this.maxLevels, this.level);
+
+ // bottom right node
+ this.nodes[3] = new Phaser.QuadTree(this.bounds.right, this.bounds.bottom, this.bounds.subWidth, this.bounds.subHeight, this.maxObjects, this.maxLevels, this.level);
+
+ },
+
+ /**
+ * Insert the object into the node. If the node exceeds the capacity, it will split and add all objects to their corresponding subnodes.
+ *
+ * @method Phaser.QuadTree#insert
+ * @param {Phaser.Physics.Arcade.Body|object} body - The Body object to insert into the quadtree. Can be any object so long as it exposes x, y, right and bottom properties.
+ */
+ insert: function (body) {
+
+ var i = 0;
+ var index;
+
+ // if we have subnodes ...
+ if (this.nodes[0] != null)
+ {
+ index = this.getIndex(body);
+
+ if (index !== -1)
+ {
+ this.nodes[index].insert(body);
+ return;
+ }
+ }
+
+ this.objects.push(body);
+
+ if (this.objects.length > this.maxObjects && this.level < this.maxLevels)
+ {
+ // Split if we don't already have subnodes
+ if (this.nodes[0] == null)
+ {
+ this.split();
+ }
+
+ // Add objects to subnodes
+ while (i < this.objects.length)
+ {
+ index = this.getIndex(this.objects[i]);
+
+ if (index !== -1)
+ {
+ // this is expensive - see what we can do about it
+ this.nodes[index].insert(this.objects.splice(i, 1)[0]);
+ }
+ else
+ {
+ i++;
+ }
+ }
+ }
+
+ },
+
+ /**
+ * Determine which node the object belongs to.
+ *
+ * @method Phaser.QuadTree#getIndex
+ * @param {Phaser.Rectangle|object} rect - The bounds in which to check.
+ * @return {number} index - Index of the subnode (0-3), or -1 if rect cannot completely fit within a subnode and is part of the parent node.
+ */
+ getIndex: function (rect) {
+
+ // default is that rect doesn't fit, i.e. it straddles the internal quadrants
+ var index = -1;
+
+ if (rect.x < this.bounds.right && rect.right < this.bounds.right)
+ {
+ if (rect.y < this.bounds.bottom && rect.bottom < this.bounds.bottom)
+ {
+ // rect fits within the top-left quadrant of this quadtree
+ index = 1;
+ }
+ else if (rect.y > this.bounds.bottom)
+ {
+ // rect fits within the bottom-left quadrant of this quadtree
+ index = 2;
+ }
+ }
+ else if (rect.x > this.bounds.right)
+ {
+ // rect can completely fit within the right quadrants
+ if (rect.y < this.bounds.bottom && rect.bottom < this.bounds.bottom)
+ {
+ // rect fits within the top-right quadrant of this quadtree
+ index = 0;
+ }
+ else if (rect.y > this.bounds.bottom)
+ {
+ // rect fits within the bottom-right quadrant of this quadtree
+ index = 3;
+ }
+ }
+
+ return index;
+
+ },
+
+ /**
+ * Return all objects that could collide with the given Sprite.
+ *
+ * @method Phaser.QuadTree#retrieve
+ * @param {Phaser.Sprite} sprite - The sprite to check against.
+ * @return {array} - Array with all detected objects.
+ */
+ retrieve: function (sprite) {
+
+ var returnObjects = this.objects;
+
+ // sprite.body.quadTreeIndex = this.getIndex(sprite.body);
+ var index = this.getIndex(sprite.body);
+
+ if (this.nodes[0])
+ {
+ // If rect fits into a subnode ..
+ if (index !== -1)
+ {
+ returnObjects = returnObjects.concat(this.nodes[index].retrieve(sprite));
+ }
+ else
+ {
+ // If rect does not fit into a subnode, check it against all subnodes (unrolled for speed)
+ returnObjects = returnObjects.concat(this.nodes[0].retrieve(sprite));
+ returnObjects = returnObjects.concat(this.nodes[1].retrieve(sprite));
+ returnObjects = returnObjects.concat(this.nodes[2].retrieve(sprite));
+ returnObjects = returnObjects.concat(this.nodes[3].retrieve(sprite));
+ }
+ }
+
+ return returnObjects;
+
+ },
+
+ /**
+ * Clear the quadtree.
+ * @method Phaser.QuadTree#clear
+ */
+ clear: function () {
+
+ this.objects.length = 0;
+
+ var i = this.nodes.length;
+
+ while (i--)
+ {
+ this.nodes[i].clear();
+ this.nodes.splice(i, 1);
+ }
+
+ this.nodes.length = 0;
+ }
+
+};
+
+Phaser.QuadTree.prototype.constructor = Phaser.QuadTree;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Phaser.Net handles browser URL related tasks such as checking host names, domain names and query string manipulation.
+*
+* @class Phaser.Net
+* @constructor
+* @param {Phaser.Game} game - A reference to the currently running game.
+*/
+Phaser.Net = function (game) {
+
+ this.game = game;
+
+};
+
+Phaser.Net.prototype = {
+
+ /**
+ * Returns the hostname given by the browser.
+ *
+ * @method Phaser.Net#getHostName
+ * @return {string}
+ */
+ getHostName: function () {
+
+ if (window.location && window.location.hostname) {
+ return window.location.hostname;
+ }
+
+ return null;
+
+ },
+
+ /**
+ * Compares the given domain name against the hostname of the browser containing the game.
+ * If the domain name is found it returns true.
+ * You can specify a part of a domain, for example 'google' would match 'google.com', 'google.co.uk', etc.
+ * Do not include 'http://' at the start.
+ *
+ * @method Phaser.Net#checkDomainName
+ * @param {string} domain
+ * @return {boolean} true if the given domain fragment can be found in the window.location.hostname
+ */
+ checkDomainName: function (domain) {
+ return window.location.hostname.indexOf(domain) !== -1;
+ },
+
+ /**
+ * Updates a value on the Query String and returns it in full.
+ * If the value doesn't already exist it is set.
+ * If the value exists it is replaced with the new value given. If you don't provide a new value it is removed from the query string.
+ * Optionally you can redirect to the new url, or just return it as a string.
+ *
+ * @method Phaser.Net#updateQueryString
+ * @param {string} key - The querystring key to update.
+ * @param {string} value - The new value to be set. If it already exists it will be replaced.
+ * @param {boolean} redirect - If true the browser will issue a redirect to the url with the new querystring.
+ * @param {string} url - The URL to modify. If none is given it uses window.location.href.
+ * @return {string} If redirect is false then the modified url and query string is returned.
+ */
+ updateQueryString: function (key, value, redirect, url) {
+
+ if (typeof redirect === "undefined") { redirect = false; }
+ if (typeof url === "undefined" || url === '') { url = window.location.href; }
+
+ var output = '';
+ var re = new RegExp("([?|&])" + key + "=.*?(&|#|$)(.*)", "gi");
+
+ if (re.test(url))
+ {
+ if (typeof value !== 'undefined' && value !== null)
+ {
+ output = url.replace(re, '$1' + key + "=" + value + '$2$3');
+ }
+ else
+ {
+ output = url.replace(re, '$1$3').replace(/(&|\?)$/, '');
+ }
+ }
+ else
+ {
+ if (typeof value !== 'undefined' && value !== null)
+ {
+ var separator = url.indexOf('?') !== -1 ? '&' : '?';
+ var hash = url.split('#');
+ url = hash[0] + separator + key + '=' + value;
+
+ if (hash[1]) {
+ url += '#' + hash[1];
+ }
+
+ output = url;
+
+ }
+ else
+ {
+ output = url;
+ }
+ }
+
+ if (redirect)
+ {
+ window.location.href = output;
+ }
+ else
+ {
+ return output;
+ }
+
+ },
+
+ /**
+ * Returns the Query String as an object.
+ * If you specify a parameter it will return just the value of that parameter, should it exist.
+ *
+ * @method Phaser.Net#getQueryString
+ * @param {string} [parameter=''] - If specified this will return just the value for that key.
+ * @return {string|object} An object containing the key value pairs found in the query string or just the value if a parameter was given.
+ */
+ getQueryString: function (parameter) {
+
+ if (typeof parameter === "undefined") { parameter = ''; }
+
+ var output = {};
+ var keyValues = location.search.substring(1).split('&');
+
+ for (var i in keyValues)
+ {
+ var key = keyValues[i].split('=');
+
+ if (key.length > 1)
+ {
+ if (parameter && parameter == this.decodeURI(key[0]))
+ {
+ return this.decodeURI(key[1]);
+ }
+ else
+ {
+ output[this.decodeURI(key[0])] = this.decodeURI(key[1]);
+ }
+ }
+ }
+
+ return output;
+
+ },
+
+ /**
+ * Returns the Query String as an object.
+ * If you specify a parameter it will return just the value of that parameter, should it exist.
+ *
+ * @method Phaser.Net#decodeURI
+ * @param {string} value - The URI component to be decoded.
+ * @return {string} The decoded value.
+ */
+ decodeURI: function (value) {
+ return decodeURIComponent(value.replace(/\+/g, " "));
+ }
+
+};
+
+Phaser.Net.prototype.constructor = Phaser.Net;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Phaser - TweenManager
+*
+* @class Phaser.TweenManager
+* @classdesc
+* Phaser.Game has a single instance of the TweenManager through which all Tween objects are created and updated.
+* Tweens are hooked into the game clock and pause system, adjusting based on the game state.
+*
+* TweenManager is based heavily on tween.js by http://soledadpenades.com.
+* The difference being that tweens belong to a games instance of TweenManager, rather than to a global TWEEN object.
+* It also has callbacks swapped for Signals and a few issues patched with regard to properties and completion errors.
+* Please see https://github.com/sole/tween.js for a full list of contributors.
+* @constructor
+*
+* @param {Phaser.Game} game - A reference to the currently running game.
+*/
+Phaser.TweenManager = function (game) {
+
+ /**
+ * @property {Phaser.Game} game - Local reference to game.
+ */
+ this.game = game;
+
+ /**
+ * @property {array} _tweens - All of the currently running tweens.
+ * @private
+ */
+ this._tweens = [];
+
+ /**
+ * @property {array} _add - All of the tweens queued to be added in the next update.
+ * @private
+ */
+ this._add = [];
+
+ this.game.onPause.add(this._pauseAll, this);
+ this.game.onResume.add(this._resumeAll, this);
+
+};
+
+Phaser.TweenManager.prototype = {
+
+ /**
+ * Get all the tween objects in an array.
+ * @method Phaser.TweenManager#getAll
+ * @returns {Phaser.Tween[]} Array with all tween objects.
+ */
+ getAll: function () {
+
+ return this._tweens;
+
+ },
+
+ /**
+ * Remove all tweens running and in the queue. Doesn't call any of the tween onComplete events.
+ * @method Phaser.TweenManager#removeAll
+ */
+ removeAll: function () {
+
+ for (var i = 0; i < this._tweens.length; i++)
+ {
+ this._tweens[i].pendingDelete = true;
+ }
+
+ this._add = [];
+
+ },
+
+ /**
+ * Add a new tween into the TweenManager.
+ *
+ * @method Phaser.TweenManager#add
+ * @param {Phaser.Tween} tween - The tween object you want to add.
+ * @returns {Phaser.Tween} The tween object you added to the manager.
+ */
+ add: function (tween) {
+
+ tween._manager = this;
+ this._add.push(tween);
+
+ },
+
+ /**
+ * Create a tween object for a specific object. The object can be any JavaScript object or Phaser object such as Sprite.
+ *
+ * @method Phaser.TweenManager#create
+ * @param {Object} object - Object the tween will be run on.
+ * @returns {Phaser.Tween} The newly created tween object.
+ */
+ create: function (object) {
+
+ return new Phaser.Tween(object, this.game, this);
+
+ },
+
+ /**
+ * Remove a tween from this manager.
+ *
+ * @method Phaser.TweenManager#remove
+ * @param {Phaser.Tween} tween - The tween object you want to remove.
+ */
+ remove: function (tween) {
+
+ var i = this._tweens.indexOf(tween);
+
+ if (i !== -1)
+ {
+ this._tweens[i].pendingDelete = true;
+ }
+
+ },
+
+ /**
+ * Update all the tween objects you added to this manager.
+ *
+ * @method Phaser.TweenManager#update
+ * @returns {boolean} Return false if there's no tween to update, otherwise return true.
+ */
+ update: function () {
+
+ if (this._tweens.length === 0 && this._add.length === 0)
+ {
+ return false;
+ }
+
+ var i = 0;
+ var numTweens = this._tweens.length;
+
+ while (i < numTweens)
+ {
+ if (this._tweens[i].update(this.game.time.now))
+ {
+ i++;
+ }
+ else
+ {
+ this._tweens.splice(i, 1);
+
+ numTweens--;
+ }
+ }
+
+ // If there are any new tweens to be added, do so now - otherwise they can be spliced out of the array before ever running
+ if (this._add.length > 0)
+ {
+ this._tweens = this._tweens.concat(this._add);
+ this._add.length = 0;
+ }
+
+ return true;
+
+ },
+
+ /**
+ * Checks to see if a particular Sprite is currently being tweened.
+ *
+ * @method Phaser.TweenManager#isTweening
+ * @param {object} object - The object to check for tweens against.
+ * @returns {boolean} Returns true if the object is currently being tweened, false if not.
+ */
+ isTweening: function(object) {
+
+ return this._tweens.some(function(tween) {
+ return tween._object === object;
+ });
+
+ },
+
+ /**
+ * Private. Called by game focus loss. Pauses all currently running tweens.
+ *
+ * @method Phaser.TweenManager#_pauseAll
+ * @private
+ */
+ _pauseAll: function () {
+
+ for (var i = this._tweens.length - 1; i >= 0; i--)
+ {
+ this._tweens[i]._pause();
+ }
+
+ },
+
+ /**
+ * Private. Called by game focus loss. Resumes all currently paused tweens.
+ *
+ * @method Phaser.TweenManager#_resumeAll
+ * @private
+ */
+ _resumeAll: function () {
+
+ for (var i = this._tweens.length - 1; i >= 0; i--)
+ {
+ this._tweens[i]._resume();
+ }
+
+ },
+
+ /**
+ * Pauses all currently running tweens.
+ *
+ * @method Phaser.TweenManager#pauseAll
+ */
+ pauseAll: function () {
+
+ for (var i = this._tweens.length - 1; i >= 0; i--)
+ {
+ this._tweens[i].pause();
+ }
+
+ },
+
+ /**
+ * Resumes all currently paused tweens.
+ *
+ * @method Phaser.TweenManager#resumeAll
+ */
+ resumeAll: function () {
+
+ for (var i = this._tweens.length - 1; i >= 0; i--)
+ {
+ this._tweens[i].resume(true);
+ }
+
+ }
+
+};
+
+Phaser.TweenManager.prototype.constructor = Phaser.TweenManager;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Tween constructor
+* Create a new Tween.
+*
+* @class Phaser.Tween
+* @constructor
+* @param {object} object - Target object will be affected by this tween.
+* @param {Phaser.Game} game - Current game instance.
+* @param {Phaser.TweenManager} manager - The TweenManager responsible for looking after this Tween.
+*/
+Phaser.Tween = function (object, game, manager) {
+
+ /**
+ * Reference to the target object.
+ * @property {object} _object
+ * @private
+ */
+ this._object = object;
+
+ /**
+ * @property {Phaser.Game} game - A reference to the currently running Game.
+ */
+ this.game = game;
+
+ /**
+ * @property {Phaser.TweenManager} _manager - Reference to the TweenManager.
+ * @private
+ */
+ this._manager = manager;
+
+ /**
+ * @property {object} _valuesStart - Private value object.
+ * @private
+ */
+ this._valuesStart = {};
+
+ /**
+ * @property {object} _valuesEnd - Private value object.
+ * @private
+ */
+ this._valuesEnd = {};
+
+ /**
+ * @property {object} _valuesStartRepeat - Private value object.
+ * @private
+ */
+ this._valuesStartRepeat = {};
+
+ /**
+ * @property {number} _duration - Private duration counter.
+ * @private
+ * @default
+ */
+ this._duration = 1000;
+
+ /**
+ * @property {number} _repeat - Private repeat counter.
+ * @private
+ * @default
+ */
+ this._repeat = 0;
+
+ /**
+ * @property {boolean} _yoyo - Private yoyo flag.
+ * @private
+ * @default
+ */
+ this._yoyo = false;
+
+ /**
+ * @property {boolean} _reversed - Private reversed flag.
+ * @private
+ * @default
+ */
+ this._reversed = false;
+
+ /**
+ * @property {number} _delayTime - Private delay counter.
+ * @private
+ * @default
+ */
+ this._delayTime = 0;
+
+ /**
+ * @property {number} _startTime - Private start time counter.
+ * @private
+ * @default null
+ */
+ this._startTime = null;
+
+ /**
+ * @property {function} _easingFunction - The easing function used for the tween.
+ * @private
+ */
+ this._easingFunction = Phaser.Easing.Linear.None;
+
+ /**
+ * @property {function} _interpolationFunction - The interpolation function used for the tween.
+ * @private
+ */
+ this._interpolationFunction = Phaser.Math.linearInterpolation;
+
+ /**
+ * @property {array} _chainedTweens - A private array of chained tweens.
+ * @private
+ */
+ this._chainedTweens = [];
+
+ /**
+ * @property {boolean} _onStartCallbackFired - Private flag.
+ * @private
+ * @default
+ */
+ this._onStartCallbackFired = false;
+
+ /**
+ * @property {function} _onUpdateCallback - An onUpdate callback.
+ * @private
+ * @default null
+ */
+ this._onUpdateCallback = null;
+
+ /**
+ * @property {object} _onUpdateCallbackContext - The context in which to call the onUpdate callback.
+ * @private
+ * @default null
+ */
+ this._onUpdateCallbackContext = null;
+
+ /**
+ * @property {boolean} _paused - Is this Tween paused or not?
+ * @private
+ * @default
+ */
+ this._paused = false;
+
+ /**
+ * @property {number} _pausedTime - Private pause timer.
+ * @private
+ * @default
+ */
+ this._pausedTime = 0;
+
+ /**
+ * @property {boolean} _codePaused - Was the Tween paused by code or by Game focus loss?
+ * @private
+ */
+ this._codePaused = false;
+
+ /**
+ * @property {boolean} pendingDelete - If this tween is ready to be deleted by the TweenManager.
+ * @default
+ */
+ this.pendingDelete = false;
+
+ // Set all starting values present on the target object - why? this will copy loads of properties we don't need - commenting out for now
+ // for (var field in object)
+ // {
+ // this._valuesStart[field] = parseFloat(object[field], 10);
+ // }
+
+ /**
+ * @property {Phaser.Signal} onStart - The onStart event is fired when the Tween begins.
+ */
+ this.onStart = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onLoop - The onLoop event is fired if the Tween loops.
+ */
+ this.onLoop = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onComplete - The onComplete event is fired when the Tween completes. Does not fire if the Tween is set to loop.
+ */
+ this.onComplete = new Phaser.Signal();
+
+ /**
+ * @property {boolean} isRunning - If the tween is running this is set to true, otherwise false. Tweens that are in a delayed state, waiting to start, are considered as being running.
+ * @default
+ */
+ this.isRunning = false;
+
+};
+
+Phaser.Tween.prototype = {
+
+ /**
+ * Configure the Tween
+ *
+ * @method Phaser.Tween#to
+ * @param {object} properties - Properties you want to tween.
+ * @param {number} [duration=1000] - Duration of this tween in ms.
+ * @param {function} [ease=null] - Easing function. If not set it will default to Phaser.Easing.Linear.None.
+ * @param {boolean} [autoStart=false] - Whether this tween will start automatically or not.
+ * @param {number} [delay=0] - Delay before this tween will start, defaults to 0 (no delay). Value given is in ms.
+ * @param {boolean} [repeat=0] - Should the tween automatically restart once complete? (ignores any chained tweens).
+ * @param {boolean} [yoyo=false] - A tween that yoyos will reverse itself when it completes.
+ * @return {Phaser.Tween} This Tween object.
+ */
+ to: function (properties, duration, ease, autoStart, delay, repeat, yoyo) {
+
+ duration = duration || 1000;
+ ease = ease || null;
+ autoStart = autoStart || false;
+ delay = delay || 0;
+ repeat = repeat || 0;
+ yoyo = yoyo || false;
+
+ var self;
+
+ if (this._parent)
+ {
+ self = this._manager.create(this._object);
+ this._lastChild.chain(self);
+ this._lastChild = self;
+ }
+ else
+ {
+ self = this;
+ this._parent = this;
+ this._lastChild = this;
+ }
+
+ self._repeat = repeat;
+ self._duration = duration;
+ self._valuesEnd = properties;
+
+ if (ease !== null)
+ {
+ self._easingFunction = ease;
+ }
+
+ if (delay > 0)
+ {
+ self._delayTime = delay;
+ }
+
+ self._yoyo = yoyo;
+
+ if (autoStart)
+ {
+ return this.start();
+ }
+ else
+ {
+ return this;
+ }
+
+ },
+
+ /**
+ * Starts the tween running. Can also be called by the autoStart parameter of Tween.to.
+ *
+ * @method Phaser.Tween#start
+ * @return {Phaser.Tween} Itself.
+ */
+ start: function () {
+
+ if (this.game === null || this._object === null)
+ {
+ return;
+ }
+
+ this._manager.add(this);
+
+ this.isRunning = true;
+
+ this._onStartCallbackFired = false;
+
+ this._startTime = this.game.time.now + this._delayTime;
+
+ for (var property in this._valuesEnd)
+ {
+ // check if an Array was provided as property value
+ if (Array.isArray(this._valuesEnd[property]))
+ {
+ if (this._valuesEnd[property].length === 0)
+ {
+ continue;
+ }
+
+ // create a local copy of the Array with the start value at the front
+ this._valuesEnd[property] = [this._object[property]].concat(this._valuesEnd[property]);
+ }
+
+ this._valuesStart[property] = this._object[property];
+
+ if (!Array.isArray(this._valuesStart[property]))
+ {
+ this._valuesStart[property] *= 1.0; // Ensures we're using numbers, not strings
+ }
+
+ this._valuesStartRepeat[property] = this._valuesStart[property] || 0;
+
+ }
+
+ return this;
+
+ },
+
+ /**
+ * This will generate an array populated with the tweened object values from start to end.
+ * It works by running the tween simulation at the given frame rate based on the values set-up in Tween.to and similar functions.
+ * It ignores delay and repeat counts and any chained tweens. Just one play through of tween data is returned, including yoyo if set.
+ *
+ * @method Phaser.Tween#generateData
+ * @param {number} [frameRate=60] - The speed in frames per second that the data should be generated at. The higher the value, the larger the array it creates.
+ * @param {array} [data] - If given the generated data will be appended to this array, otherwise a new array will be returned.
+ * @return {array} An array of tweened values.
+ */
+ generateData: function (frameRate, data) {
+
+ if (this.game === null || this._object === null)
+ {
+ return null;
+ }
+
+ this._startTime = 0;
+
+ for (var property in this._valuesEnd)
+ {
+ // Check if an Array was provided as property value
+ if (Array.isArray(this._valuesEnd[property]))
+ {
+ if (this._valuesEnd[property].length === 0)
+ {
+ continue;
+ }
+
+ // create a local copy of the Array with the start value at the front
+ this._valuesEnd[property] = [this._object[property]].concat(this._valuesEnd[property]);
+ }
+
+ this._valuesStart[property] = this._object[property];
+
+ if (!Array.isArray(this._valuesStart[property]))
+ {
+ this._valuesStart[property] *= 1.0; // Ensures we're using numbers, not strings
+ }
+
+ this._valuesStartRepeat[property] = this._valuesStart[property] || 0;
+ }
+
+ // Simulate the tween. We will run for frameRate * (this._duration / 1000) (ms)
+ var time = 0;
+ var total = frameRate * (this._duration / 1000);
+ var tick = this._duration / total;
+
+ var output = [];
+
+ while (total--)
+ {
+ var property;
+
+ var elapsed = (time - this._startTime) / this._duration;
+ elapsed = elapsed > 1 ? 1 : elapsed;
+
+ var value = this._easingFunction(elapsed);
+ var blob = {};
+
+ for (property in this._valuesEnd)
+ {
+ var start = this._valuesStart[property] || 0;
+ var end = this._valuesEnd[property];
+
+ if (end instanceof Array)
+ {
+ blob[property] = this._interpolationFunction(end, value);
+ }
+ else
+ {
+ // Parses relative end values with start as base (e.g.: +10, -3)
+ if (typeof(end) === 'string')
+ {
+ end = start + parseFloat(end, 10);
+ }
+
+ // protect against non numeric properties.
+ if (typeof(end) === 'number')
+ {
+ blob[property] = start + ( end - start ) * value;
+ }
+ }
+ }
+
+ output.push(blob);
+
+ time += tick;
+ }
+
+ if (this._yoyo)
+ {
+ var reversed = output.slice();
+ reversed.reverse();
+ output = output.concat(reversed);
+ }
+
+ if (typeof data !== 'undefined')
+ {
+ data = data.concat(output);
+
+ return data;
+ }
+ else
+ {
+ return output;
+ }
+
+ },
+
+ /**
+ * Stops the tween if running and removes it from the TweenManager. If there are any onComplete callbacks or events they are not dispatched.
+ *
+ * @method Phaser.Tween#stop
+ * @return {Phaser.Tween} Itself.
+ */
+ stop: function () {
+
+ this.isRunning = false;
+
+ this._onUpdateCallback = null;
+
+ this._manager.remove(this);
+
+ return this;
+
+ },
+
+ /**
+ * Sets a delay time before this tween will start.
+ *
+ * @method Phaser.Tween#delay
+ * @param {number} amount - The amount of the delay in ms.
+ * @return {Phaser.Tween} Itself.
+ */
+ delay: function (amount) {
+
+ this._delayTime = amount;
+ return this;
+
+ },
+
+ /**
+ * Sets the number of times this tween will repeat.
+ *
+ * @method Phaser.Tween#repeat
+ * @param {number} times - How many times to repeat.
+ * @return {Phaser.Tween} Itself.
+ */
+ repeat: function (times) {
+
+ this._repeat = times;
+ return this;
+
+ },
+
+ /**
+ * A tween that has yoyo set to true will run through from start to finish, then reverse from finish to start.
+ * Used in combination with repeat you can create endless loops.
+ *
+ * @method Phaser.Tween#yoyo
+ * @param {boolean} yoyo - Set to true to yoyo this tween.
+ * @return {Phaser.Tween} Itself.
+ */
+ yoyo: function(yoyo) {
+
+ this._yoyo = yoyo;
+ return this;
+
+ },
+
+ /**
+ * Set easing function this tween will use, i.e. Phaser.Easing.Linear.None.
+ *
+ * @method Phaser.Tween#easing
+ * @param {function} easing - The easing function this tween will use, i.e. Phaser.Easing.Linear.None.
+ * @return {Phaser.Tween} Itself.
+ */
+ easing: function (easing) {
+
+ this._easingFunction = easing;
+ return this;
+
+ },
+
+ /**
+ * Set interpolation function the tween will use, by default it uses Phaser.Math.linearInterpolation.
+ * Also available: Phaser.Math.bezierInterpolation and Phaser.Math.catmullRomInterpolation.
+ *
+ * @method Phaser.Tween#interpolation
+ * @param {function} interpolation - The interpolation function to use (Phaser.Math.linearInterpolation by default)
+ * @return {Phaser.Tween} Itself.
+ */
+ interpolation: function (interpolation) {
+
+ this._interpolationFunction = interpolation;
+ return this;
+
+ },
+
+ /**
+ * You can chain tweens together by passing a reference to the chain function. This enables one tween to call another on completion.
+ * You can pass as many tweens as you like to this function, they will each be chained in sequence.
+ *
+ * @method Phaser.Tween#chain
+ * @return {Phaser.Tween} Itself.
+ */
+ chain: function () {
+
+ this._chainedTweens = arguments;
+ return this;
+
+ },
+
+ /**
+ * Loop a chain of tweens
+ *
+ * Usage:
+ * game.add.tween(p).to({ x: 700 }, 1000, Phaser.Easing.Linear.None, true)
+ * .to({ y: 300 }, 1000, Phaser.Easing.Linear.None)
+ * .to({ x: 0 }, 1000, Phaser.Easing.Linear.None)
+ * .to({ y: 0 }, 1000, Phaser.Easing.Linear.None)
+ * .loop();
+ * @method Phaser.Tween#loop
+ * @return {Phaser.Tween} Itself.
+ */
+ loop: function() {
+
+ this._lastChild.chain(this);
+ return this;
+
+ },
+
+ /**
+ * Sets a callback to be fired each time this tween updates. Note: callback will be called in the context of the global scope.
+ *
+ * @method Phaser.Tween#onUpdateCallback
+ * @param {function} callback - The callback to invoke each time this tween is updated.
+ * @return {Phaser.Tween} Itself.
+ */
+ onUpdateCallback: function (callback, callbackContext) {
+
+ this._onUpdateCallback = callback;
+ this._onUpdateCallbackContext = callbackContext;
+
+ return this;
+
+ },
+
+ /**
+ * Pauses the tween.
+ *
+ * @method Phaser.Tween#pause
+ */
+ pause: function () {
+
+ this._codePaused = true;
+ this._paused = true;
+ this._pausedTime = this.game.time.now;
+
+ },
+
+ /**
+ * This is called by the core Game loop. Do not call it directly, instead use Tween.pause.
+ * @method Phaser.Tween#_pause
+ * @private
+ */
+ _pause: function () {
+
+ if (!this._codePaused)
+ {
+ this._paused = true;
+ this._pausedTime = this.game.time.now;
+ }
+
+ },
+
+ /**
+ * Resumes a paused tween.
+ *
+ * @method Phaser.Tween#resume
+ */
+ resume: function () {
+
+ if (this._paused)
+ {
+ this._paused = false;
+ this._codePaused = false;
+
+ this._startTime += (this.game.time.now - this._pausedTime);
+ }
+
+ },
+
+ /**
+ * This is called by the core Game loop. Do not call it directly, instead use Tween.pause.
+ * @method Phaser.Tween#_resume
+ * @private
+ */
+ _resume: function () {
+
+ if (this._codePaused)
+ {
+ return;
+ }
+ else
+ {
+ this._startTime += this.game.time.pauseDuration;
+ this._paused = false;
+ }
+
+ },
+
+ /**
+ * Core tween update function called by the TweenManager. Does not need to be invoked directly.
+ *
+ * @method Phaser.Tween#update
+ * @param {number} time - A timestamp passed in by the TweenManager.
+ * @return {boolean} false if the tween has completed and should be deleted from the manager, otherwise true (still active).
+ */
+ update: function (time) {
+
+ if (this.pendingDelete)
+ {
+ return false;
+ }
+
+ if (this._paused || time < this._startTime)
+ {
+ return true;
+ }
+
+ var property;
+
+ if (time < this._startTime)
+ {
+ return true;
+ }
+
+ if (this._onStartCallbackFired === false)
+ {
+ this.onStart.dispatch(this._object);
+ this._onStartCallbackFired = true;
+ }
+
+ var elapsed = (time - this._startTime) / this._duration;
+ elapsed = elapsed > 1 ? 1 : elapsed;
+
+ var value = this._easingFunction(elapsed);
+
+ for (property in this._valuesEnd)
+ {
+ var start = this._valuesStart[property] || 0;
+ var end = this._valuesEnd[property];
+
+ if (end instanceof Array)
+ {
+ this._object[property] = this._interpolationFunction(end, value);
+ }
+ else
+ {
+ // Parses relative end values with start as base (e.g.: +10, -3)
+ if (typeof(end) === 'string')
+ {
+ end = start + parseFloat(end, 10);
+ }
+
+ // protect against non numeric properties.
+ if (typeof(end) === 'number')
+ {
+ this._object[property] = start + ( end - start ) * value;
+ }
+ }
+ }
+
+ if (this._onUpdateCallback !== null)
+ {
+ this._onUpdateCallback.call(this._onUpdateCallbackContext, this, value);
+ }
+
+ if (elapsed == 1)
+ {
+ if (this._repeat > 0)
+ {
+ if (isFinite(this._repeat))
+ {
+ this._repeat--;
+ }
+
+ // reassign starting values, restart by making startTime = now
+ for (property in this._valuesStartRepeat)
+ {
+ if (typeof(this._valuesEnd[property]) === 'string')
+ {
+ this._valuesStartRepeat[property] = this._valuesStartRepeat[property] + parseFloat(this._valuesEnd[property], 10);
+ }
+
+ if (this._yoyo)
+ {
+ var tmp = this._valuesStartRepeat[property];
+ this._valuesStartRepeat[property] = this._valuesEnd[property];
+ this._valuesEnd[property] = tmp;
+ this._reversed = !this._reversed;
+ }
+
+ this._valuesStart[property] = this._valuesStartRepeat[property];
+ }
+
+ this._startTime = time + this._delayTime;
+
+ this.onLoop.dispatch(this._object);
+
+ return true;
+
+ }
+ else
+ {
+ this.isRunning = false;
+ this.onComplete.dispatch(this._object);
+
+ for (var i = 0, numChainedTweens = this._chainedTweens.length; i < numChainedTweens; i ++)
+ {
+ this._chainedTweens[i].start(time);
+ }
+
+ return false;
+ }
+
+ }
+
+ return true;
+
+ }
+
+};
+
+Phaser.Tween.prototype.constructor = Phaser.Tween;
+
+/* jshint curly: false */
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* A collection of easing methods defining ease-in ease-out curves.
+*
+* @class Phaser.Easing
+*/
+Phaser.Easing = {
+
+ /**
+ * Linear easing.
+ *
+ * @class Phaser.Easing.Linear
+ */
+ Linear: {
+
+ /**
+ * Ease-in.
+ *
+ * @method Phaser.Easing.Linear#In
+ * @param {number} k - The value to be tweened.
+ * @returns {number} k^2.
+ */
+ None: function ( k ) {
+
+ return k;
+
+ }
+
+ },
+
+ /**
+ * Quadratic easing.
+ *
+ * @class Phaser.Easing.Quadratic
+ */
+ Quadratic: {
+
+ /**
+ * Ease-in.
+ *
+ * @method Phaser.Easing.Quadratic#In
+ * @param {number} k - The value to be tweened.
+ * @returns {number} k^2.
+ */
+ In: function ( k ) {
+
+ return k * k;
+
+ },
+
+ /**
+ * Ease-out.
+ *
+ * @method Phaser.Easing.Quadratic#Out
+ * @param {number} k - The value to be tweened.
+ * @returns {number} k* (2-k).
+ */
+ Out: function ( k ) {
+
+ return k * ( 2 - k );
+
+ },
+
+ /**
+ * Ease-in/out.
+ *
+ * @method Phaser.Easing.Quadratic#InOut
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ InOut: function ( k ) {
+
+ if ( ( k *= 2 ) < 1 ) return 0.5 * k * k;
+ return - 0.5 * ( --k * ( k - 2 ) - 1 );
+
+ }
+
+ },
+
+ /**
+ * Cubic easing.
+ *
+ * @class Phaser.Easing.Cubic
+ */
+ Cubic: {
+
+ /**
+ * Cubic ease-in.
+ *
+ * @method Phaser.Easing.Cubic#In
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ In: function ( k ) {
+
+ return k * k * k;
+
+ },
+
+ /**
+ * Cubic ease-out.
+ *
+ * @method Phaser.Easing.Cubic#Out
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ Out: function ( k ) {
+
+ return --k * k * k + 1;
+
+ },
+
+ /**
+ * Cubic ease-in/out.
+ *
+ * @method Phaser.Easing.Cubic#InOut
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ InOut: function ( k ) {
+
+ if ( ( k *= 2 ) < 1 ) return 0.5 * k * k * k;
+ return 0.5 * ( ( k -= 2 ) * k * k + 2 );
+
+ }
+
+ },
+
+ /**
+ * Quartic easing.
+ *
+ * @class Phaser.Easing.Quartic
+ */
+ Quartic: {
+
+ /**
+ * Quartic ease-in.
+ *
+ * @method Phaser.Easing.Quartic#In
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ In: function ( k ) {
+
+ return k * k * k * k;
+
+ },
+
+ /**
+ * Quartic ease-out.
+ *
+ * @method Phaser.Easing.Quartic#Out
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ Out: function ( k ) {
+
+ return 1 - ( --k * k * k * k );
+
+ },
+
+ /**
+ * Quartic ease-in/out.
+ *
+ * @method Phaser.Easing.Quartic#InOut
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ InOut: function ( k ) {
+
+ if ( ( k *= 2 ) < 1) return 0.5 * k * k * k * k;
+ return - 0.5 * ( ( k -= 2 ) * k * k * k - 2 );
+
+ }
+
+ },
+
+ /**
+ * Quintic easing.
+ *
+ * @class Phaser.Easing.Quintic
+ */
+ Quintic: {
+
+ /**
+ * Quintic ease-in.
+ *
+ * @method Phaser.Easing.Quintic#In
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ In: function ( k ) {
+
+ return k * k * k * k * k;
+
+ },
+
+ /**
+ * Quintic ease-out.
+ *
+ * @method Phaser.Easing.Quintic#Out
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ Out: function ( k ) {
+
+ return --k * k * k * k * k + 1;
+
+ },
+
+ /**
+ * Quintic ease-in/out.
+ *
+ * @method Phaser.Easing.Quintic#InOut
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ InOut: function ( k ) {
+
+ if ( ( k *= 2 ) < 1 ) return 0.5 * k * k * k * k * k;
+ return 0.5 * ( ( k -= 2 ) * k * k * k * k + 2 );
+
+ }
+
+ },
+
+ /**
+ * Sinusoidal easing.
+ *
+ * @class Phaser.Easing.Sinusoidal
+ */
+ Sinusoidal: {
+
+ /**
+ * Sinusoidal ease-in.
+ *
+ * @method Phaser.Easing.Sinusoidal#In
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ In: function ( k ) {
+
+ return 1 - Math.cos( k * Math.PI / 2 );
+
+ },
+
+ /**
+ * Sinusoidal ease-out.
+ *
+ * @method Phaser.Easing.Sinusoidal#Out
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ Out: function ( k ) {
+
+ return Math.sin( k * Math.PI / 2 );
+
+ },
+
+ /**
+ * Sinusoidal ease-in/out.
+ *
+ * @method Phaser.Easing.Sinusoidal#InOut
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ InOut: function ( k ) {
+
+ return 0.5 * ( 1 - Math.cos( Math.PI * k ) );
+
+ }
+
+ },
+
+ /**
+ * Exponential easing.
+ *
+ * @class Phaser.Easing.Exponential
+ */
+ Exponential: {
+
+ /**
+ * Exponential ease-in.
+ *
+ * @method Phaser.Easing.Exponential#In
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ In: function ( k ) {
+
+ return k === 0 ? 0 : Math.pow( 1024, k - 1 );
+
+ },
+
+ /**
+ * Exponential ease-out.
+ *
+ * @method Phaser.Easing.Exponential#Out
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ Out: function ( k ) {
+
+ return k === 1 ? 1 : 1 - Math.pow( 2, - 10 * k );
+
+ },
+
+ /**
+ * Exponential ease-in/out.
+ *
+ * @method Phaser.Easing.Exponential#InOut
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ InOut: function ( k ) {
+
+ if ( k === 0 ) return 0;
+ if ( k === 1 ) return 1;
+ if ( ( k *= 2 ) < 1 ) return 0.5 * Math.pow( 1024, k - 1 );
+ return 0.5 * ( - Math.pow( 2, - 10 * ( k - 1 ) ) + 2 );
+
+ }
+
+ },
+
+ /**
+ * Circular easing.
+ *
+ * @class Phaser.Easing.Circular
+ */
+ Circular: {
+
+ /**
+ * Circular ease-in.
+ *
+ * @method Phaser.Easing.Circular#In
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ In: function ( k ) {
+
+ return 1 - Math.sqrt( 1 - k * k );
+
+ },
+
+ /**
+ * Circular ease-out.
+ *
+ * @method Phaser.Easing.Circular#Out
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ Out: function ( k ) {
+
+ return Math.sqrt( 1 - ( --k * k ) );
+
+ },
+
+ /**
+ * Circular ease-in/out.
+ *
+ * @method Phaser.Easing.Circular#InOut
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ InOut: function ( k ) {
+
+ if ( ( k *= 2 ) < 1) return - 0.5 * ( Math.sqrt( 1 - k * k) - 1);
+ return 0.5 * ( Math.sqrt( 1 - ( k -= 2) * k) + 1);
+
+ }
+
+ },
+
+ /**
+ * Elastic easing.
+ *
+ * @class Phaser.Easing.Elastic
+ */
+ Elastic: {
+
+ /**
+ * Elastic ease-in.
+ *
+ * @method Phaser.Easing.Elastic#In
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ In: function ( k ) {
+
+ var s, a = 0.1, p = 0.4;
+ if ( k === 0 ) return 0;
+ if ( k === 1 ) return 1;
+ if ( !a || a < 1 ) { a = 1; s = p / 4; }
+ else s = p * Math.asin( 1 / a ) / ( 2 * Math.PI );
+ return - ( a * Math.pow( 2, 10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) );
+
+ },
+
+ /**
+ * Elastic ease-out.
+ *
+ * @method Phaser.Easing.Elastic#Out
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ Out: function ( k ) {
+
+ var s, a = 0.1, p = 0.4;
+ if ( k === 0 ) return 0;
+ if ( k === 1 ) return 1;
+ if ( !a || a < 1 ) { a = 1; s = p / 4; }
+ else s = p * Math.asin( 1 / a ) / ( 2 * Math.PI );
+ return ( a * Math.pow( 2, - 10 * k) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) + 1 );
+
+ },
+
+ /**
+ * Elastic ease-in/out.
+ *
+ * @method Phaser.Easing.Elastic#InOut
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ InOut: function ( k ) {
+
+ var s, a = 0.1, p = 0.4;
+ if ( k === 0 ) return 0;
+ if ( k === 1 ) return 1;
+ if ( !a || a < 1 ) { a = 1; s = p / 4; }
+ else s = p * Math.asin( 1 / a ) / ( 2 * Math.PI );
+ if ( ( k *= 2 ) < 1 ) return - 0.5 * ( a * Math.pow( 2, 10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) );
+ return a * Math.pow( 2, -10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) * 0.5 + 1;
+
+ }
+
+ },
+
+ /**
+ * Back easing.
+ *
+ * @class Phaser.Easing.Back
+ */
+ Back: {
+
+ /**
+ * Back ease-in.
+ *
+ * @method Phaser.Easing.Back#In
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ In: function ( k ) {
+
+ var s = 1.70158;
+ return k * k * ( ( s + 1 ) * k - s );
+
+ },
+
+ /**
+ * Back ease-out.
+ *
+ * @method Phaser.Easing.Back#Out
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ Out: function ( k ) {
+
+ var s = 1.70158;
+ return --k * k * ( ( s + 1 ) * k + s ) + 1;
+
+ },
+
+ /**
+ * Back ease-in/out.
+ *
+ * @method Phaser.Easing.Back#InOut
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ InOut: function ( k ) {
+
+ var s = 1.70158 * 1.525;
+ if ( ( k *= 2 ) < 1 ) return 0.5 * ( k * k * ( ( s + 1 ) * k - s ) );
+ return 0.5 * ( ( k -= 2 ) * k * ( ( s + 1 ) * k + s ) + 2 );
+
+ }
+
+ },
+
+ /**
+ * Bounce easing.
+ *
+ * @class Phaser.Easing.Bounce
+ */
+ Bounce: {
+
+ /**
+ * Bounce ease-in.
+ *
+ * @method Phaser.Easing.Bounce#In
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ In: function ( k ) {
+
+ return 1 - Phaser.Easing.Bounce.Out( 1 - k );
+
+ },
+
+ /**
+ * Bounce ease-out.
+ *
+ * @method Phaser.Easing.Bounce#Out
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ Out: function ( k ) {
+
+ if ( k < ( 1 / 2.75 ) ) {
+
+ return 7.5625 * k * k;
+
+ } else if ( k < ( 2 / 2.75 ) ) {
+
+ return 7.5625 * ( k -= ( 1.5 / 2.75 ) ) * k + 0.75;
+
+ } else if ( k < ( 2.5 / 2.75 ) ) {
+
+ return 7.5625 * ( k -= ( 2.25 / 2.75 ) ) * k + 0.9375;
+
+ } else {
+
+ return 7.5625 * ( k -= ( 2.625 / 2.75 ) ) * k + 0.984375;
+
+ }
+
+ },
+
+ /**
+ * Bounce ease-in/out.
+ *
+ * @method Phaser.Easing.Bounce#InOut
+ * @param {number} k - The value to be tweened.
+ * @returns {number} The tweened value.
+ */
+ InOut: function ( k ) {
+
+ if ( k < 0.5 ) return Phaser.Easing.Bounce.In( k * 2 ) * 0.5;
+ return Phaser.Easing.Bounce.Out( k * 2 - 1 ) * 0.5 + 0.5;
+
+ }
+
+ }
+
+};
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Time constructor.
+*
+* @class Phaser.Time
+* @classdesc This is the core internal game clock. It manages the elapsed time and calculation of elapsed values, used for game object motion and tweens.
+* @constructor
+* @param {Phaser.Game} game A reference to the currently running game.
+*/
+Phaser.Time = function (game) {
+
+ /**
+ * @property {Phaser.Game} game - Local reference to game.
+ */
+ this.game = game;
+
+ /**
+ * @property {number} time - Game time counter. If you need a value for in-game calculation please use Phaser.Time.now instead.
+ * @protected
+ */
+ this.time = 0;
+
+ /**
+ * @property {number} now - The time right now.
+ * @protected
+ */
+ this.now = 0;
+
+ /**
+ * @property {number} elapsed - Elapsed time since the last frame (in ms).
+ * @protected
+ */
+ this.elapsed = 0;
+
+ /**
+ * @property {number} pausedTime - Records how long the game has been paused for. Is reset each time the game pauses.
+ * @protected
+ */
+ this.pausedTime = 0;
+
+ /**
+ * @property {boolean} advancedTiming - If true Phaser.Time will perform advanced profiling including the fps rate, fps min/max and msMin and msMax.
+ * @default
+ */
+ this.advancedTiming = false;
+
+ /**
+ * @property {number} fps - Frames per second. Only calculated if Time.advancedTiming is true.
+ * @protected
+ */
+ this.fps = 0;
+
+ /**
+ * @property {number} fpsMin - The lowest rate the fps has dropped to. Only calculated if Time.advancedTiming is true.
+ */
+ this.fpsMin = 1000;
+
+ /**
+ * @property {number} fpsMax - The highest rate the fps has reached (usually no higher than 60fps). Only calculated if Time.advancedTiming is true.
+ */
+ this.fpsMax = 0;
+
+ /**
+ * @property {number} msMin - The minimum amount of time the game has taken between two frames. Only calculated if Time.advancedTiming is true.
+ * @default
+ */
+ this.msMin = 1000;
+
+ /**
+ * @property {number} msMax - The maximum amount of time the game has taken between two frames. Only calculated if Time.advancedTiming is true.
+ */
+ this.msMax = 0;
+
+ /**
+ * @property {number} physicsElapsed - The elapsed time calculated for the physics motion updates.
+ */
+ this.physicsElapsed = 0;
+
+ /**
+ * @property {number} frames - The number of frames record in the last second. Only calculated if Time.advancedTiming is true.
+ */
+ this.frames = 0;
+
+ /**
+ * @property {number} pauseDuration - Records how long the game was paused for in miliseconds.
+ */
+ this.pauseDuration = 0;
+
+ /**
+ * @property {number} timeToCall - The value that setTimeout needs to work out when to next update
+ */
+ this.timeToCall = 0;
+
+ /**
+ * @property {number} lastTime - Internal value used by timeToCall as part of the setTimeout loop
+ */
+ this.lastTime = 0;
+
+ /**
+ * @property {Phaser.Timer} events - This is a Phaser.Timer object bound to the master clock to which you can add timed events.
+ */
+ this.events = new Phaser.Timer(this.game, false);
+
+ /**
+ * @property {number} _started - The time at which the Game instance started.
+ * @private
+ */
+ this._started = 0;
+
+ /**
+ * @property {number} _timeLastSecond - The time (in ms) that the last second counter ticked over.
+ * @private
+ */
+ this._timeLastSecond = 0;
+
+ /**
+ * @property {number} _pauseStarted - The time the game started being paused.
+ * @private
+ */
+ this._pauseStarted = 0;
+
+ /**
+ * @property {boolean} _justResumed - Internal value used to recover from the game pause state.
+ * @private
+ */
+ this._justResumed = false;
+
+ /**
+ * @property {array} _timers - Internal store of Phaser.Timer objects.
+ * @private
+ */
+ this._timers = [];
+
+ /**
+ * @property {number} _len - Temp. array length variable.
+ * @private
+ */
+ this._len = 0;
+
+ /**
+ * @property {number} _i - Temp. array counter variable.
+ * @private
+ */
+ this._i = 0;
+
+};
+
+Phaser.Time.prototype = {
+
+ /**
+ * Called automatically by Phaser.Game after boot. Should not be called directly.
+ *
+ * @method Phaser.Time#boot
+ * @protected
+ */
+ boot: function () {
+
+ this._started = Date.now();
+ this.events.start();
+
+ },
+
+ /**
+ * Creates a new stand-alone Phaser.Timer object.
+ *
+ * @method Phaser.Time#create
+ * @param {boolean} [autoDestroy=true] - A Timer that is set to automatically destroy itself will do so after all of its events have been dispatched (assuming no looping events).
+ * @return {Phaser.Timer} The Timer object that was created.
+ */
+ create: function (autoDestroy) {
+
+ if (typeof autoDestroy === 'undefined') { autoDestroy = true; }
+
+ var timer = new Phaser.Timer(this.game, autoDestroy);
+
+ this._timers.push(timer);
+
+ return timer;
+
+ },
+
+ /**
+ * Remove all Timer objects, regardless of their state.
+ *
+ * @method Phaser.Time#removeAll
+ */
+ removeAll: function () {
+
+ for (var i = 0; i < this._timers.length; i++)
+ {
+ this._timers[i].destroy();
+ }
+
+ this._timers = [];
+
+ },
+
+ /**
+ * Updates the game clock and if enabled the advanced timing data. This is called automatically by Phaser.Game.
+ *
+ * @method Phaser.Time#update
+ * @protected
+ * @param {number} time - The current timestamp, either performance.now or Date.now depending on the browser.
+ */
+ update: function (time) {
+
+ this.now = time;
+
+ if (this._justResumed)
+ {
+ this.time = this.now;
+ this._justResumed = false;
+
+ this.events.resume();
+
+ for (var i = 0; i < this._timers.length; i++)
+ {
+ this._timers[i]._resume();
+ }
+ }
+
+ this.timeToCall = this.game.math.max(0, 16 - (time - this.lastTime));
+
+ this.elapsed = this.now - this.time;
+ this.physicsElapsed = this.elapsed / 1000;
+
+ if (this.advancedTiming)
+ {
+ this.msMin = this.game.math.min(this.msMin, this.elapsed);
+ this.msMax = this.game.math.max(this.msMax, this.elapsed);
+
+ this.frames++;
+
+ if (this.now > this._timeLastSecond + 1000)
+ {
+ this.fps = Math.round((this.frames * 1000) / (this.now - this._timeLastSecond));
+ this.fpsMin = this.game.math.min(this.fpsMin, this.fps);
+ this.fpsMax = this.game.math.max(this.fpsMax, this.fps);
+ this._timeLastSecond = this.now;
+ this.frames = 0;
+ }
+ }
+
+ this.time = this.now;
+ this.lastTime = time + this.timeToCall;
+
+ // Paused but still running?
+ if (!this.game.paused)
+ {
+ // Our internal Phaser.Timer
+ this.events.update(this.now);
+
+ // Any game level timers
+ this._i = 0;
+ this._len = this._timers.length;
+
+ while (this._i < this._len)
+ {
+ if (this._timers[this._i].update(this.now))
+ {
+ this._i++;
+ }
+ else
+ {
+ this._timers.splice(this._i, 1);
+
+ this._len--;
+ }
+ }
+ }
+
+ },
+
+ /**
+ * Called when the game enters a paused state.
+ *
+ * @method Phaser.Time#gamePaused
+ * @private
+ */
+ gamePaused: function () {
+
+ this._pauseStarted = this.now;
+
+ this.events.pause();
+
+ var i = this._timers.length;
+
+ while (i--)
+ {
+ this._timers[i]._pause();
+ }
+
+ },
+
+ /**
+ * Called when the game resumes from a paused state.
+ *
+ * @method Phaser.Time#gameResumed
+ * @private
+ */
+ gameResumed: function () {
+
+ this.pauseDuration = Date.now() - this._pauseStarted;
+
+ // Level out the elapsed timer to avoid spikes
+ this.time = Date.now();
+
+ this._justResumed = true;
+
+ },
+
+ /**
+ * The number of seconds that have elapsed since the game was started.
+ *
+ * @method Phaser.Time#totalElapsedSeconds
+ * @return {number} The number of seconds that have elapsed since the game was started.
+ */
+ totalElapsedSeconds: function() {
+ return (this.now - this._started) * 0.001;
+ },
+
+ /**
+ * How long has passed since the given time.
+ *
+ * @method Phaser.Time#elapsedSince
+ * @param {number} since - The time you want to measure against.
+ * @return {number} The difference between the given time and now.
+ */
+ elapsedSince: function (since) {
+ return this.now - since;
+ },
+
+ /**
+ * How long has passed since the given time (in seconds).
+ *
+ * @method Phaser.Time#elapsedSecondsSince
+ * @param {number} since - The time you want to measure (in seconds).
+ * @return {number} Duration between given time and now (in seconds).
+ */
+ elapsedSecondsSince: function (since) {
+ return (this.now - since) * 0.001;
+ },
+
+ /**
+ * Resets the private _started value to now and removes all currently running Timers.
+ *
+ * @method Phaser.Time#reset
+ */
+ reset: function () {
+
+ this._started = this.now;
+ this.removeAll();
+
+ }
+
+};
+
+Phaser.Time.prototype.constructor = Phaser.Time;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* A Timer is a way to create small re-usable or disposable objects that do nothing but wait for a specific moment in time, and then dispatch an event.
+* You can add as many events to a Timer as you like, each with their own delays. A Timer uses milliseconds as its unit of time. There are 1000 ms in 1 second.
+* So if you want to fire an event every quarter of a second you'd need to set the delay to 250.
+*
+* @class Phaser.Timer
+* @classdesc A Timer is a way to create small re-usable or disposable objects that do nothing but wait for a specific moment in time, and then dispatch an event.
+* @constructor
+* @param {Phaser.Game} game A reference to the currently running game.
+* @param {boolean} [autoDestroy=true] - A Timer that is set to automatically destroy itself will do so after all of its events have been dispatched (assuming no looping events).
+*/
+Phaser.Timer = function (game, autoDestroy) {
+
+ if (typeof autoDestroy === 'undefined') { autoDestroy = true; }
+
+ /**
+ * @property {Phaser.Game} game - Local reference to game.
+ */
+ this.game = game;
+
+ /**
+ * @property {boolean} running - True if the Timer is actively running. Do not switch this boolean, if you wish to pause the timer then use Timer.pause() instead.
+ * @default
+ */
+ this.running = false;
+
+ /**
+ * @property {boolean} autoDestroy - A Timer that is set to automatically destroy itself will do so after all of its events have been dispatched (assuming no looping events).
+ */
+ this.autoDestroy = autoDestroy;
+
+ /**
+ * @property {boolean} expired - An expired Timer is one in which all of its events have been dispatched and none are pending.
+ * @readonly
+ * @default
+ */
+ this.expired = false;
+
+ /**
+ * @property {array} events - An array holding all of this timers Phaser.TimerEvent objects. Use the methods add, repeat and loop to populate it.
+ */
+ this.events = [];
+
+ /**
+ * @property {Phaser.Signal} onComplete - This signal will be dispatched when this Timer has completed, meaning there are no more events in the queue.
+ */
+ this.onComplete = new Phaser.Signal();
+
+ /**
+ * @property {number} nextTick - The time the next tick will occur.
+ * @readonly
+ * @protected
+ */
+ this.nextTick = 0;
+
+ /**
+ * @property {boolean} paused - The paused state of the Timer. You can pause the timer by calling Timer.pause() and Timer.resume() or by the game pausing.
+ * @readonly
+ * @default
+ */
+ this.paused = false;
+
+ /**
+ * @property {boolean} _codePaused - Was the Timer paused by code or by Game focus loss?
+ * @private
+ */
+ this._codePaused = false;
+
+ /**
+ * @property {number} _started - The time at which this Timer instance started running.
+ * @private
+ * @default
+ */
+ this._started = 0;
+
+ /**
+ * @property {number} _pauseStarted - The time the game started being paused.
+ * @private
+ */
+ this._pauseStarted = 0;
+
+ /**
+ * @property {number} _now - The current start-time adjusted time.
+ * @private
+ */
+ this._now = 0;
+
+ /**
+ * @property {number} _len - Temp. array length variable.
+ * @private
+ */
+ this._len = 0;
+
+ /**
+ * @property {number} _i - Temp. array counter variable.
+ * @private
+ */
+ this._i = 0;
+
+};
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Timer.MINUTE = 60000;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Timer.SECOND = 1000;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Timer.HALF = 500;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Timer.QUARTER = 250;
+
+Phaser.Timer.prototype = {
+
+ /**
+ * Creates a new TimerEvent on this Timer. Use the methods add, repeat or loop instead of this.
+ * @method Phaser.Timer#create
+ * @private
+ * @param {number} delay - The number of milliseconds that should elapse before the Timer will call the given callback.
+ * @param {boolean} loop - Should the event loop or not?
+ * @param {number} repeatCount - The number of times the event will repeat.
+ * @param {function} callback - The callback that will be called when the Timer event occurs.
+ * @param {object} callbackContext - The context in which the callback will be called.
+ * @param {array} arguments - The values to be sent to your callback function when it is called.
+ * @return {Phaser.TimerEvent} The Phaser.TimerEvent object that was created.
+ */
+ create: function (delay, loop, repeatCount, callback, callbackContext, args) {
+
+ var tick = delay;
+
+ if (this.running)
+ {
+ if (this._now === 0)
+ {
+ tick += this.game.time.now;
+ }
+ else
+ {
+ tick += this._now;
+ }
+ }
+
+ var event = new Phaser.TimerEvent(this, delay, tick, repeatCount, loop, callback, callbackContext, args);
+
+ this.events.push(event);
+
+ this.order();
+
+ this.expired = false;
+
+ return event;
+
+ },
+
+ /**
+ * Adds a new Event to this Timer. The event will fire after the given amount of 'delay' in milliseconds has passed, once the Timer has started running.
+ * Call Timer.start() once you have added all of the Events you require for this Timer. The delay is in relation to when the Timer starts, not the time it was added.
+ * If the Timer is already running the delay will be calculated based on the timers current time.
+ * @method Phaser.Timer#add
+ * @param {number} delay - The number of milliseconds that should elapse before the Timer will call the given callback.
+ * @param {function} callback - The callback that will be called when the Timer event occurs.
+ * @param {object} callbackContext - The context in which the callback will be called.
+ * @param {...*} arguments - The values to be sent to your callback function when it is called.
+ * @return {Phaser.TimerEvent} The Phaser.TimerEvent object that was created.
+ */
+ add: function (delay, callback, callbackContext) {
+
+ return this.create(delay, false, 0, callback, callbackContext, Array.prototype.splice.call(arguments, 3));
+
+ },
+
+ /**
+ * Adds a new Event to this Timer that will repeat for the given number of iterations.
+ * The event will fire after the given amount of 'delay' milliseconds has passed once the Timer has started running.
+ * Call Timer.start() once you have added all of the Events you require for this Timer. The delay is in relation to when the Timer starts, not the time it was added.
+ * If the Timer is already running the delay will be calculated based on the timers current time.
+ * @method Phaser.Timer#repeat
+ * @param {number} delay - The number of milliseconds that should elapse before the Timer will call the given callback.
+ * @param {number} repeatCount - The number of times the event will repeat.
+ * @param {function} callback - The callback that will be called when the Timer event occurs.
+ * @param {object} callbackContext - The context in which the callback will be called.
+ * @param {...*} arguments - The values to be sent to your callback function when it is called.
+ * @return {Phaser.TimerEvent} The Phaser.TimerEvent object that was created.
+ */
+ repeat: function (delay, repeatCount, callback, callbackContext) {
+
+ return this.create(delay, false, repeatCount, callback, callbackContext, Array.prototype.splice.call(arguments, 4));
+
+ },
+
+ /**
+ * Adds a new looped Event to this Timer that will repeat forever or until the Timer is stopped.
+ * The event will fire after the given amount of 'delay' milliseconds has passed once the Timer has started running.
+ * Call Timer.start() once you have added all of the Events you require for this Timer. The delay is in relation to when the Timer starts, not the time it was added.
+ * If the Timer is already running the delay will be calculated based on the timers current time.
+ * @method Phaser.Timer#loop
+ * @param {number} delay - The number of milliseconds that should elapse before the Timer will call the given callback.
+ * @param {function} callback - The callback that will be called when the Timer event occurs.
+ * @param {object} callbackContext - The context in which the callback will be called.
+ * @param {...*} arguments - The values to be sent to your callback function when it is called.
+ * @return {Phaser.TimerEvent} The Phaser.TimerEvent object that was created.
+ */
+ loop: function (delay, callback, callbackContext) {
+
+ return this.create(delay, true, 0, callback, callbackContext, Array.prototype.splice.call(arguments, 3));
+
+ },
+
+ /**
+ * Starts this Timer running.
+ * @method Phaser.Timer#start
+ */
+ start: function () {
+
+ this._started = this.game.time.now;
+ this.running = true;
+
+ },
+
+ /**
+ * Stops this Timer from running. Does not cause it to be destroyed if autoDestroy is set to true.
+ * @method Phaser.Timer#stop
+ * @param {boolean} [clearEvents=true] - If true all the events in Timer will be cleared, otherwise they will remain.
+ */
+ stop: function (clearEvents) {
+
+ this.running = false;
+
+ if (typeof clearEvents === 'undefined') { clearEvents = true; }
+
+ if (clearEvents)
+ {
+ this.events.length = 0;
+ }
+
+ },
+
+ /**
+ * Removes a pending TimerEvent from the queue.
+ * @param {Phaser.TimerEvent} event - The event to remove from the queue.
+ * @method Phaser.Timer#remove
+ */
+ remove: function (event) {
+
+ for (var i = 0; i < this.events.length; i++)
+ {
+ if (this.events[i] === event)
+ {
+ this.events[i].pendingDelete = true;
+ return true;
+ }
+ }
+
+ return false;
+
+ },
+
+ /**
+ * Orders the events on this Timer so they are in tick order. This is called automatically when new events are created.
+ * @method Phaser.Timer#order
+ */
+ order: function () {
+
+ if (this.events.length > 0)
+ {
+ // Sort the events so the one with the lowest tick is first
+ this.events.sort(this.sortHandler);
+
+ this.nextTick = this.events[0].tick;
+ }
+
+ },
+
+ /**
+ * Sort handler used by Phaser.Timer.order.
+ * @method Phaser.Timer#sortHandler
+ * @protected
+ */
+ sortHandler: function (a, b) {
+
+ if (a.tick < b.tick)
+ {
+ return -1;
+ }
+ else if (a.tick > b.tick)
+ {
+ return 1;
+ }
+
+ return 0;
+
+ },
+
+ /**
+ * The main Timer update event, called automatically by the Game clock.
+ * @method Phaser.Timer#update
+ * @protected
+ * @param {number} time - The time from the core game clock.
+ * @return {boolean} True if there are still events waiting to be dispatched, otherwise false if this Timer can be destroyed.
+ */
+ update: function (time) {
+
+ if (this.paused)
+ {
+ return true;
+ }
+
+ this._now = time;
+
+ this._len = this.events.length;
+
+ this._i = 0;
+
+ while (this._i < this._len)
+ {
+ if (this.events[this._i].pendingDelete)
+ {
+ this.events.splice(this._i, 1);
+ this._len--;
+ }
+
+ this._i++;
+ }
+
+ this._len = this.events.length;
+
+ if (this.running && this._now >= this.nextTick && this._len > 0)
+ {
+ this._i = 0;
+
+ while (this._i < this._len && this.running)
+ {
+ if (this._now >= this.events[this._i].tick)
+ {
+ var diff = this._now - this.events[this._i].tick;
+ var newTick = (this._now + this.events[this._i].delay) - diff;
+
+ if (newTick < 0)
+ {
+ newTick = this._now + this.events[this._i].delay;
+ }
+
+ if (this.events[this._i].loop === true)
+ {
+ this.events[this._i].tick = newTick;
+ this.events[this._i].callback.apply(this.events[this._i].callbackContext, this.events[this._i].args);
+ }
+ else if (this.events[this._i].repeatCount > 0)
+ {
+ this.events[this._i].repeatCount--;
+ this.events[this._i].tick = newTick;
+ this.events[this._i].callback.apply(this.events[this._i].callbackContext, this.events[this._i].args);
+ }
+ else
+ {
+ this.events[this._i].callback.apply(this.events[this._i].callbackContext, this.events[this._i].args);
+ this.events.splice(this._i, 1);
+ this._len--;
+ }
+
+ this._i++;
+ }
+ else
+ {
+ break;
+ }
+ }
+
+ // Are there any events left?
+ if (this.events.length > 0)
+ {
+ this.order();
+ }
+ else
+ {
+ this.expired = true;
+ this.onComplete.dispatch(this);
+ }
+ }
+
+ if (this.expired && this.autoDestroy)
+ {
+ return false;
+ }
+ else
+ {
+ return true;
+ }
+
+ },
+
+ /**
+ * Pauses the Timer and all events in the queue.
+ * @method Phaser.Timer#pause
+ */
+ pause: function () {
+
+ if (this.running && !this.expired)
+ {
+ this._pauseStarted = this.game.time.now;
+
+ this.paused = true;
+ this._codePaused = true;
+ }
+
+ },
+
+ /**
+ * This is called by the core Game loop. Do not call it directly, instead use Timer.pause.
+ * @method Phaser.Timer#_pause
+ * @private
+ */
+ _pause: function () {
+
+ if (this.running && !this.expired)
+ {
+ this._pauseStarted = this.game.time.now;
+
+ this.paused = true;
+ }
+
+ },
+
+ /**
+ * Resumes the Timer and updates all pending events.
+ * @method Phaser.Timer#resume
+ */
+ resume: function () {
+
+ if (this.running && !this.expired)
+ {
+ var pauseDuration = this.game.time.now - this._pauseStarted;
+
+ for (var i = 0; i < this.events.length; i++)
+ {
+ this.events[i].tick += pauseDuration;
+ }
+
+ this.nextTick += pauseDuration;
+
+ this.paused = false;
+ this._codePaused = false;
+ }
+
+ },
+
+ /**
+ * This is called by the core Game loop. Do not call it directly, instead use Timer.pause.
+ * @method Phaser.Timer#_resume
+ * @private
+ */
+ _resume: function () {
+
+ if (this._codePaused)
+ {
+ return;
+ }
+ else
+ {
+ this.resume();
+ }
+
+ },
+
+ /**
+ * Destroys this Timer. Any pending Events are not dispatched.
+ * @method Phaser.Timer#destroy
+ */
+ destroy: function () {
+
+ this.onComplete.removeAll();
+ this.running = false;
+ this.events = [];
+ this._i = this._len;
+
+ }
+
+};
+
+/**
+* @name Phaser.Timer#next
+* @property {number} next - The time at which the next event will occur.
+* @readonly
+*/
+Object.defineProperty(Phaser.Timer.prototype, "next", {
+
+ get: function () {
+ return this.nextTick;
+ }
+
+});
+
+/**
+* @name Phaser.Timer#duration
+* @property {number} duration - The duration in ms remaining until the next event will occur.
+* @readonly
+*/
+Object.defineProperty(Phaser.Timer.prototype, "duration", {
+
+ get: function () {
+
+ if (this.running && this.nextTick > this._now)
+ {
+ return this.nextTick - this._now;
+ }
+ else
+ {
+ return 0;
+ }
+
+ }
+
+});
+
+/**
+* @name Phaser.Timer#length
+* @property {number} length - The number of pending events in the queue.
+* @readonly
+*/
+Object.defineProperty(Phaser.Timer.prototype, "length", {
+
+ get: function () {
+ return this.events.length;
+ }
+
+});
+
+/**
+* @name Phaser.Timer#ms
+* @property {number} ms - The duration in milliseconds that this Timer has been running for.
+* @readonly
+*/
+Object.defineProperty(Phaser.Timer.prototype, "ms", {
+
+ get: function () {
+ return this._now - this._started;
+ }
+
+});
+
+/**
+* @name Phaser.Timer#seconds
+* @property {number} seconds - The duration in seconds that this Timer has been running for.
+* @readonly
+*/
+Object.defineProperty(Phaser.Timer.prototype, "seconds", {
+
+ get: function () {
+ return this.ms * 0.001;
+ }
+
+});
+
+Phaser.Timer.prototype.constructor = Phaser.Timer;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* A TimerEvent is a single event that is processed by a Phaser.Timer. It consists of a delay, which is a value in milliseconds after which the event will fire.
+* It can call a specific callback, passing in optional parameters.
+*
+* @class Phaser.TimerEvent
+* @classdesc A TimerEvent is a single event that is processed by a Phaser.Timer. It consists of a delay, which is a value in milliseconds after which the event will fire.
+* @constructor
+* @param {Phaser.Timer} timer - The Timer object that this TimerEvent belongs to.
+* @param {number} delay - The delay in ms at which this TimerEvent fires.
+* @param {number} tick - The tick is the next game clock time that this event will fire at.
+* @param {number} repeatCount - If this TimerEvent repeats it will do so this many times.
+* @param {boolean} loop - True if this TimerEvent loops, otherwise false.
+* @param {function} callback - The callback that will be called when the TimerEvent occurs.
+* @param {object} callbackContext - The context in which the callback will be called.
+* @param {array} arguments - The values to be passed to the callback.
+*/
+Phaser.TimerEvent = function (timer, delay, tick, repeatCount, loop, callback, callbackContext, args) {
+
+ /**
+ * @property {Phaser.Timer} timer - The Timer object that this TimerEvent belongs to.
+ */
+ this.timer = timer;
+
+ /**
+ * @property {number} delay - The delay in ms at which this TimerEvent fires.
+ */
+ this.delay = delay;
+
+ /**
+ * @property {number} tick - The tick is the next game clock time that this event will fire at.
+ */
+ this.tick = tick;
+
+ /**
+ * @property {number} repeatCount - If this TimerEvent repeats it will do so this many times.
+ */
+ this.repeatCount = repeatCount - 1;
+
+ /**
+ * @property {boolean} loop - True if this TimerEvent loops, otherwise false.
+ */
+ this.loop = loop;
+
+ /**
+ * @property {function} callback - The callback that will be called when the TimerEvent occurs.
+ */
+ this.callback = callback;
+
+ /**
+ * @property {object} callbackContext - The context in which the callback will be called.
+ */
+ this.callbackContext = callbackContext;
+
+ /**
+ * @property {array} arguments - The values to be passed to the callback.
+ */
+ this.args = args;
+
+ /**
+ * @property {boolean} pendingDelete - A flag that controls if the TimerEvent is pending deletion.
+ * @protected
+ */
+ this.pendingDelete = false;
+
+};
+
+Phaser.TimerEvent.prototype.constructor = Phaser.TimerEvent;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* The Animation Manager is used to add, play and update Phaser Animations.
+* Any Game Object such as Phaser.Sprite that supports animation contains a single AnimationManager instance.
+*
+* @class Phaser.AnimationManager
+* @constructor
+* @param {Phaser.Sprite} sprite - A reference to the Game Object that owns this AnimationManager.
+*/
+Phaser.AnimationManager = function (sprite) {
+
+ /**
+ * @property {Phaser.Sprite} sprite - A reference to the parent Sprite that owns this AnimationManager.
+ */
+ this.sprite = sprite;
+
+ /**
+ * @property {Phaser.Game} game - A reference to the currently running Game.
+ */
+ this.game = sprite.game;
+
+ /**
+ * @property {Phaser.Frame} currentFrame - The currently displayed Frame of animation, if any.
+ * @default
+ */
+ this.currentFrame = null;
+
+ /**
+ * @property {boolean} updateIfVisible - Should the animation data continue to update even if the Sprite.visible is set to false.
+ * @default
+ */
+ this.updateIfVisible = true;
+
+ /**
+ * @property {boolean} isLoaded - Set to true once animation data has been loaded.
+ * @default
+ */
+ this.isLoaded = false;
+
+ /**
+ * @property {Phaser.FrameData} _frameData - A temp. var for holding the currently playing Animations FrameData.
+ * @private
+ * @default
+ */
+ this._frameData = null;
+
+ /**
+ * @property {object} _anims - An internal object that stores all of the Animation instances.
+ * @private
+ */
+ this._anims = {};
+
+ /**
+ * @property {object} _outputFrames - An internal object to help avoid gc.
+ * @private
+ */
+ this._outputFrames = [];
+
+};
+
+Phaser.AnimationManager.prototype = {
+
+ /**
+ * Loads FrameData into the internal temporary vars and resets the frame index to zero.
+ * This is called automatically when a new Sprite is created.
+ *
+ * @method Phaser.AnimationManager#loadFrameData
+ * @private
+ * @param {Phaser.FrameData} frameData - The FrameData set to load.
+ */
+ loadFrameData: function (frameData) {
+
+ this._frameData = frameData;
+ this.frame = 0;
+ this.isLoaded = true;
+
+ },
+
+ /**
+ * Adds a new animation under the given key. Optionally set the frames, frame rate and loop.
+ * Animations added in this way are played back with the play function.
+ *
+ * @method Phaser.AnimationManager#add
+ * @param {string} name - The unique (within this Sprite) name for the animation, i.e. "run", "fire", "walk".
+ * @param {Array} [frames=null] - An array of numbers/strings that correspond to the frames to add to this animation and in which order. e.g. [1, 2, 3] or ['run0', 'run1', run2]). If null then all frames will be used.
+ * @param {number} [frameRate=60] - The speed at which the animation should play. The speed is given in frames per second.
+ * @param {boolean} [loop=false] - Whether or not the animation is looped or just plays once.
+ * @param {boolean} [useNumericIndex=true] - Are the given frames using numeric indexes (default) or strings?
+ * @return {Phaser.Animation} The Animation object that was created.
+ */
+ add: function (name, frames, frameRate, loop, useNumericIndex) {
+
+ if (this._frameData == null)
+ {
+ console.warn('No FrameData available for Phaser.Animation ' + name);
+ return;
+ }
+
+ frames = frames || [];
+ frameRate = frameRate || 60;
+
+ if (typeof loop === 'undefined') { loop = false; }
+
+ // If they didn't set the useNumericIndex then let's at least try and guess it
+ if (typeof useNumericIndex === 'undefined')
+ {
+ if (frames && typeof frames[0] === 'number')
+ {
+ useNumericIndex = true;
+ }
+ else
+ {
+ useNumericIndex = false;
+ }
+ }
+
+ // Create the signals the AnimationManager will emit
+ if (this.sprite.events.onAnimationStart == null)
+ {
+ this.sprite.events.onAnimationStart = new Phaser.Signal();
+ this.sprite.events.onAnimationComplete = new Phaser.Signal();
+ this.sprite.events.onAnimationLoop = new Phaser.Signal();
+ }
+
+ this._outputFrames.length = 0;
+
+ this._frameData.getFrameIndexes(frames, useNumericIndex, this._outputFrames);
+
+ this._anims[name] = new Phaser.Animation(this.game, this.sprite, name, this._frameData, this._outputFrames, frameRate, loop);
+ this.currentAnim = this._anims[name];
+ this.currentFrame = this.currentAnim.currentFrame;
+ this.sprite.setTexture(PIXI.TextureCache[this.currentFrame.uuid]);
+
+ if (this.sprite.__tilePattern)
+ {
+ this.__tilePattern = false;
+ this.tilingTexture = false;
+ }
+
+ return this._anims[name];
+
+ },
+
+ /**
+ * Check whether the frames in the given array are valid and exist.
+ *
+ * @method Phaser.AnimationManager#validateFrames
+ * @param {Array} frames - An array of frames to be validated.
+ * @param {boolean} [useNumericIndex=true] - Validate the frames based on their numeric index (true) or string index (false)
+ * @return {boolean} True if all given Frames are valid, otherwise false.
+ */
+ validateFrames: function (frames, useNumericIndex) {
+
+ if (typeof useNumericIndex == 'undefined') { useNumericIndex = true; }
+
+ for (var i = 0; i < frames.length; i++)
+ {
+ if (useNumericIndex === true)
+ {
+ if (frames[i] > this._frameData.total)
+ {
+ return false;
+ }
+ }
+ else
+ {
+ if (this._frameData.checkFrameName(frames[i]) === false)
+ {
+ return false;
+ }
+ }
+ }
+
+ return true;
+
+ },
+
+ /**
+ * Play an animation based on the given key. The animation should previously have been added via sprite.animations.add()
+ * If the requested animation is already playing this request will be ignored. If you need to reset an already running animation do so directly on the Animation object itself.
+ *
+ * @method Phaser.AnimationManager#play
+ * @param {string} name - The name of the animation to be played, e.g. "fire", "walk", "jump".
+ * @param {number} [frameRate=null] - The framerate to play the animation at. The speed is given in frames per second. If not provided the previously set frameRate of the Animation is used.
+ * @param {boolean} [loop=false] - Should the animation be looped after playback. If not provided the previously set loop value of the Animation is used.
+ * @param {boolean} [killOnComplete=false] - If set to true when the animation completes (only happens if loop=false) the parent Sprite will be killed.
+ * @return {Phaser.Animation} A reference to playing Animation instance.
+ */
+ play: function (name, frameRate, loop, killOnComplete) {
+
+ if (this._anims[name])
+ {
+ if (this.currentAnim == this._anims[name])
+ {
+ if (this.currentAnim.isPlaying === false)
+ {
+ this.currentAnim.paused = false;
+ return this.currentAnim.play(frameRate, loop, killOnComplete);
+ }
+ }
+ else
+ {
+ this.currentAnim = this._anims[name];
+ this.currentAnim.paused = false;
+ return this.currentAnim.play(frameRate, loop, killOnComplete);
+ }
+ }
+
+ },
+
+ /**
+ * Stop playback of an animation. If a name is given that specific animation is stopped, otherwise the current animation is stopped.
+ * The currentAnim property of the AnimationManager is automatically set to the animation given.
+ *
+ * @method Phaser.AnimationManager#stop
+ * @param {string} [name=null] - The name of the animation to be stopped, e.g. "fire". If none is given the currently running animation is stopped.
+ * @param {boolean} [resetFrame=false] - When the animation is stopped should the currentFrame be set to the first frame of the animation (true) or paused on the last frame displayed (false)
+ */
+ stop: function (name, resetFrame) {
+
+ if (typeof resetFrame == 'undefined') { resetFrame = false; }
+
+ if (typeof name == 'string')
+ {
+ if (this._anims[name])
+ {
+ this.currentAnim = this._anims[name];
+ this.currentAnim.stop(resetFrame);
+ }
+ }
+ else
+ {
+ if (this.currentAnim)
+ {
+ this.currentAnim.stop(resetFrame);
+ }
+ }
+
+ },
+
+ /**
+ * The main update function is called by the Sprites update loop. It's responsible for updating animation frames and firing related events.
+ *
+ * @method Phaser.AnimationManager#update
+ * @protected
+ * @return {boolean} True if a new animation frame has been set, otherwise false.
+ */
+ update: function () {
+
+ if (this.updateIfVisible && !this.sprite.visible)
+ {
+ return false;
+ }
+
+ if (this.currentAnim && this.currentAnim.update() === true)
+ {
+ this.currentFrame = this.currentAnim.currentFrame;
+ return true;
+ }
+
+ return false;
+
+ },
+
+ /**
+ * Returns an animation that was previously added by name.
+ *
+ * @method Phaser.AnimationManager#getAnimation
+ * @param {string} name - The name of the animation to be returned, e.g. "fire".
+ * @return {Phaser.Animation} The Animation instance, if found, otherwise null.
+ */
+ getAnimation: function (name) {
+
+ if (typeof name === 'string')
+ {
+ if (this._anims[name])
+ {
+ return this._anims[name];
+ }
+ }
+
+ return null;
+
+ },
+
+ /**
+ * Refreshes the current frame data back to the parent Sprite and also resets the texture data.
+ *
+ * @method Phaser.AnimationManager#refreshFrame
+ */
+ refreshFrame: function () {
+
+ this.sprite.setTexture(PIXI.TextureCache[this.currentFrame.uuid]);
+
+ if (this.sprite.__tilePattern)
+ {
+ this.__tilePattern = false;
+ this.tilingTexture = false;
+ }
+
+ },
+
+ /**
+ * Destroys all references this AnimationManager contains. Sets the _anims to a new object and nulls the current animation.
+ *
+ * @method Phaser.AnimationManager#destroy
+ */
+ destroy: function () {
+
+ this._anims = {};
+ this._frameData = null;
+ this._frameIndex = 0;
+ this.currentAnim = null;
+ this.currentFrame = null;
+
+ }
+
+};
+
+Phaser.AnimationManager.prototype.constructor = Phaser.AnimationManager;
+
+/**
+* @name Phaser.AnimationManager#frameData
+* @property {Phaser.FrameData} frameData - The current animations FrameData.
+* @readonly
+*/
+Object.defineProperty(Phaser.AnimationManager.prototype, 'frameData', {
+
+ get: function () {
+ return this._frameData;
+ }
+
+});
+
+/**
+* @name Phaser.AnimationManager#frameTotal
+* @property {number} frameTotal - The total number of frames in the currently loaded FrameData, or -1 if no FrameData is loaded.
+* @readonly
+*/
+Object.defineProperty(Phaser.AnimationManager.prototype, 'frameTotal', {
+
+ get: function () {
+
+ if (this._frameData)
+ {
+ return this._frameData.total;
+ }
+ else
+ {
+ return -1;
+ }
+ }
+
+});
+
+/**
+* @name Phaser.AnimationManager#paused
+* @property {boolean} paused - Gets and sets the paused state of the current animation.
+*/
+Object.defineProperty(Phaser.AnimationManager.prototype, 'paused', {
+
+ get: function () {
+
+ return this.currentAnim.isPaused;
+
+ },
+
+ set: function (value) {
+
+ this.currentAnim.paused = value;
+
+ }
+
+});
+
+/**
+* @name Phaser.AnimationManager#frame
+* @property {number} frame - Gets or sets the current frame index and updates the Texture Cache for display.
+*/
+Object.defineProperty(Phaser.AnimationManager.prototype, 'frame', {
+
+ get: function () {
+
+ if (this.currentFrame)
+ {
+ return this._frameIndex;
+ }
+
+ },
+
+ set: function (value) {
+
+ if (typeof value === 'number' && this._frameData && this._frameData.getFrame(value) !== null)
+ {
+ this.currentFrame = this._frameData.getFrame(value);
+
+ if (this.currentFrame)
+ {
+ this._frameIndex = value;
+ this.sprite.setTexture(PIXI.TextureCache[this.currentFrame.uuid]);
+
+ if (this.sprite.__tilePattern)
+ {
+ this.__tilePattern = false;
+ this.tilingTexture = false;
+ }
+ }
+ }
+
+ }
+
+});
+
+/**
+* @name Phaser.AnimationManager#frameName
+* @property {string} frameName - Gets or sets the current frame name and updates the Texture Cache for display.
+*/
+Object.defineProperty(Phaser.AnimationManager.prototype, 'frameName', {
+
+ get: function () {
+
+ if (this.currentFrame)
+ {
+ return this.currentFrame.name;
+ }
+
+ },
+
+ set: function (value) {
+
+ if (typeof value === 'string' && this._frameData && this._frameData.getFrameByName(value) !== null)
+ {
+ this.currentFrame = this._frameData.getFrameByName(value);
+
+ if (this.currentFrame)
+ {
+ this._frameIndex = this.currentFrame.index;
+ this.sprite.setTexture(PIXI.TextureCache[this.currentFrame.uuid]);
+
+ if (this.sprite.__tilePattern)
+ {
+ this.__tilePattern = false;
+ this.tilingTexture = false;
+ }
+ }
+ }
+ else
+ {
+ console.warn('Cannot set frameName: ' + value);
+ }
+ }
+
+});
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* An Animation instance contains a single animation and the controls to play it.
+* It is created by the AnimationManager, consists of Animation.Frame objects and belongs to a single Game Object such as a Sprite.
+*
+* @class Phaser.Animation
+* @constructor
+* @param {Phaser.Game} game - A reference to the currently running game.
+* @param {Phaser.Sprite} parent - A reference to the owner of this Animation.
+* @param {string} name - The unique name for this animation, used in playback commands.
+* @param {Phaser.FrameData} frameData - The FrameData object that contains all frames used by this Animation.
+* @param {(Array.|Array.)} frames - An array of numbers or strings indicating which frames to play in which order.
+* @param {number} delay - The time between each frame of the animation, given in ms.
+* @param {boolean} loop - Should this animation loop when it reaches the end or play through once.
+*/
+Phaser.Animation = function (game, parent, name, frameData, frames, delay, loop) {
+
+ /**
+ * @property {Phaser.Game} game - A reference to the currently running Game.
+ */
+ this.game = game;
+
+ /**
+ * @property {Phaser.Sprite} _parent - A reference to the parent Sprite that owns this Animation.
+ * @private
+ */
+ this._parent = parent;
+
+ /**
+ * @property {Phaser.FrameData} _frameData - The FrameData the Animation uses.
+ * @private
+ */
+ this._frameData = frameData;
+
+ /**
+ * @property {string} name - The user defined name given to this Animation.
+ */
+ this.name = name;
+
+ /**
+ * @property {array} _frames
+ * @private
+ */
+ this._frames = [];
+ this._frames = this._frames.concat(frames);
+
+ /**
+ * @property {number} delay - The delay in ms between each frame of the Animation.
+ */
+ this.delay = 1000 / delay;
+
+ /**
+ * @property {boolean} loop - The loop state of the Animation.
+ */
+ this.loop = loop;
+
+ /**
+ * @property {number} loopCount - The number of times the animation has looped since it was last started.
+ */
+ this.loopCount = 0;
+
+ /**
+ * @property {boolean} killOnComplete - Should the parent of this Animation be killed when the animation completes?
+ * @default
+ */
+ this.killOnComplete = false;
+
+ /**
+ * @property {boolean} isFinished - The finished state of the Animation. Set to true once playback completes, false during playback.
+ * @default
+ */
+ this.isFinished = false;
+
+ /**
+ * @property {boolean} isPlaying - The playing state of the Animation. Set to false once playback completes, true during playback.
+ * @default
+ */
+ this.isPlaying = false;
+
+ /**
+ * @property {boolean} isPaused - The paused state of the Animation.
+ * @default
+ */
+ this.isPaused = false;
+
+ /**
+ * @property {boolean} _pauseStartTime - The time the animation paused.
+ * @private
+ * @default
+ */
+ this._pauseStartTime = 0;
+
+ /**
+ * @property {number} _frameIndex
+ * @private
+ * @default
+ */
+ this._frameIndex = 0;
+
+ /**
+ * @property {number} _frameDiff
+ * @private
+ * @default
+ */
+ this._frameDiff = 0;
+
+ /**
+ * @property {number} _frameSkip
+ * @private
+ * @default
+ */
+ this._frameSkip = 1;
+
+ /**
+ * @property {Phaser.Frame} currentFrame - The currently displayed frame of the Animation.
+ */
+ this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]);
+
+ /**
+ * @property {Phaser.Signal} onStart - This event is dispatched when this Animation starts playback.
+ */
+ this.onStart = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onComplete - This event is dispatched when this Animation completes playback. If the animation is set to loop this is never fired, listen for onAnimationLoop instead.
+ */
+ this.onComplete = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onLoop - This event is dispatched when this Animation loops.
+ */
+ this.onLoop = new Phaser.Signal();
+
+ // Set-up some event listeners
+ this.game.onPause.add(this.onPause, this);
+ this.game.onResume.add(this.onResume, this);
+
+};
+
+Phaser.Animation.prototype = {
+
+ /**
+ * Plays this animation.
+ *
+ * @method Phaser.Animation#play
+ * @memberof Phaser.Animation
+ * @param {number} [frameRate=null] - The framerate to play the animation at. The speed is given in frames per second. If not provided the previously set frameRate of the Animation is used.
+ * @param {boolean} [loop=false] - Should the animation be looped after playback. If not provided the previously set loop value of the Animation is used.
+ * @param {boolean} [killOnComplete=false] - If set to true when the animation completes (only happens if loop=false) the parent Sprite will be killed.
+ * @return {Phaser.Animation} - A reference to this Animation instance.
+ */
+ play: function (frameRate, loop, killOnComplete) {
+
+ if (typeof frameRate === 'number')
+ {
+ // If they set a new frame rate then use it, otherwise use the one set on creation
+ this.delay = 1000 / frameRate;
+ }
+
+ if (typeof loop === 'boolean')
+ {
+ // If they set a new loop value then use it, otherwise use the one set on creation
+ this.loop = loop;
+ }
+
+ if (typeof killOnComplete !== 'undefined')
+ {
+ // Remove the parent sprite once the animation has finished?
+ this.killOnComplete = killOnComplete;
+ }
+
+ this.isPlaying = true;
+ this.isFinished = false;
+ this.paused = false;
+ this.loopCount = 0;
+
+ this._timeLastFrame = this.game.time.now;
+ this._timeNextFrame = this.game.time.now + this.delay;
+
+ this._frameIndex = 0;
+
+ this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]);
+ this._parent.setTexture(PIXI.TextureCache[this.currentFrame.uuid]);
+
+ // TODO: Double check if required
+ if (this._parent.__tilePattern)
+ {
+ this._parent.__tilePattern = false;
+ this._parent.tilingTexture = false;
+ }
+
+ this._parent.events.onAnimationStart.dispatch(this._parent, this);
+ this.onStart.dispatch(this._parent, this);
+
+ return this;
+
+ },
+
+ /**
+ * Sets this animation back to the first frame and restarts the animation.
+ *
+ * @method Phaser.Animation#restart
+ * @memberof Phaser.Animation
+ */
+ restart: function () {
+
+ this.isPlaying = true;
+ this.isFinished = false;
+ this.paused = false;
+ this.loopCount = 0;
+
+ this._timeLastFrame = this.game.time.now;
+ this._timeNextFrame = this.game.time.now + this.delay;
+
+ this._frameIndex = 0;
+
+ this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]);
+
+ this.onStart.dispatch(this._parent, this);
+
+ },
+
+ /**
+ * Stops playback of this animation and set it to a finished state. If a resetFrame is provided it will stop playback and set frame to the first in the animation.
+ * If `dispatchComplete` is true it will dispatch the complete events, otherwise they'll be ignored.
+ *
+ * @method Phaser.Animation#stop
+ * @memberof Phaser.Animation
+ * @param {boolean} [resetFrame=false] - If true after the animation stops the currentFrame value will be set to the first frame in this animation.
+ * @param {boolean} [dispatchComplete=false] - Dispatch the Animation.onComplete and parent.onAnimationComplete events?
+ */
+ stop: function (resetFrame, dispatchComplete) {
+
+ if (typeof resetFrame === 'undefined') { resetFrame = false; }
+ if (typeof dispatchComplete === 'undefined') { dispatchComplete = false; }
+
+ this.isPlaying = false;
+ this.isFinished = true;
+ this.paused = false;
+
+ if (resetFrame)
+ {
+ this.currentFrame = this._frameData.getFrame(this._frames[0]);
+ }
+
+ if (dispatchComplete)
+ {
+ this._parent.events.onAnimationComplete.dispatch(this._parent, this);
+ this.onComplete.dispatch(this._parent, this);
+ }
+
+ },
+
+ /**
+ * Called when the Game enters a paused state.
+ *
+ * @method Phaser.Animation#onPause
+ * @memberof Phaser.Animation
+ */
+ onPause: function () {
+
+ if (this.isPlaying)
+ {
+ this._frameDiff = this._timeNextFrame - this.game.time.now;
+ }
+
+ },
+
+ /**
+ * Called when the Game resumes from a paused state.
+ *
+ * @method Phaser.Animation#onResume
+ * @memberof Phaser.Animation
+ */
+ onResume: function () {
+
+ if (this.isPlaying)
+ {
+ this._timeNextFrame = this.game.time.now + this._frameDiff;
+ }
+
+ },
+
+ /**
+ * Updates this animation. Called automatically by the AnimationManager.
+ *
+ * @method Phaser.Animation#update
+ * @memberof Phaser.Animation
+ */
+ update: function () {
+
+ if (this.isPaused)
+ {
+ return false;
+ }
+
+ if (this.isPlaying === true && this.game.time.now >= this._timeNextFrame)
+ {
+ this._frameSkip = 1;
+
+ // Lagging?
+ this._frameDiff = this.game.time.now - this._timeNextFrame;
+
+ this._timeLastFrame = this.game.time.now;
+
+ if (this._frameDiff > this.delay)
+ {
+ // We need to skip a frame, work out how many
+ this._frameSkip = Math.floor(this._frameDiff / this.delay);
+
+ this._frameDiff -= (this._frameSkip * this.delay);
+ }
+
+ // And what's left now?
+ this._timeNextFrame = this.game.time.now + (this.delay - this._frameDiff);
+
+ this._frameIndex += this._frameSkip;
+
+ if (this._frameIndex >= this._frames.length)
+ {
+ if (this.loop)
+ {
+ this._frameIndex %= this._frames.length;
+ this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]);
+
+ if (this.currentFrame)
+ {
+ this._parent.setTexture(PIXI.TextureCache[this.currentFrame.uuid]);
+
+ if (this._parent.__tilePattern)
+ {
+ this._parent.__tilePattern = false;
+ this._parent.tilingTexture = false;
+ }
+ }
+
+ this.loopCount++;
+ this._parent.events.onAnimationLoop.dispatch(this._parent, this);
+ this.onLoop.dispatch(this._parent, this);
+ }
+ else
+ {
+ this.complete();
+ }
+ }
+ else
+ {
+ this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]);
+
+ if (this.currentFrame)
+ {
+ this._parent.setTexture(PIXI.TextureCache[this.currentFrame.uuid]);
+
+ if (this._parent.__tilePattern)
+ {
+ this._parent.__tilePattern = false;
+ this._parent.tilingTexture = false;
+ }
+ }
+ }
+
+ return true;
+ }
+
+ return false;
+
+ },
+
+ /**
+ * Cleans up this animation ready for deletion. Nulls all values and references.
+ *
+ * @method Phaser.Animation#destroy
+ * @memberof Phaser.Animation
+ */
+ destroy: function () {
+
+ this.game = null;
+ this._parent = null;
+ this._frames = null;
+ this._frameData = null;
+ this.currentFrame = null;
+ this.isPlaying = false;
+
+ this.onStart.destroy();
+ this.onLoop.destroy();
+ this.onComplete.destroy();
+
+ this.game.onPause.remove(this.onPause, this);
+ this.game.onResume.remove(this.onResume, this);
+
+ },
+
+ /**
+ * Called internally when the animation finishes playback.
+ * Sets the isPlaying and isFinished states and dispatches the onAnimationComplete event if it exists on the parent and local onComplete event.
+ *
+ * @method Phaser.Animation#complete
+ * @memberof Phaser.Animation
+ */
+ complete: function () {
+
+ this.isPlaying = false;
+ this.isFinished = true;
+ this.paused = false;
+
+ this._parent.events.onAnimationComplete.dispatch(this._parent, this);
+
+ this.onComplete.dispatch(this._parent, this);
+
+ if (this.killOnComplete)
+ {
+ this._parent.kill();
+ }
+
+ }
+
+};
+
+Phaser.Animation.prototype.constructor = Phaser.Animation;
+
+/**
+* @name Phaser.Animation#paused
+* @property {boolean} paused - Gets and sets the paused state of this Animation.
+*/
+Object.defineProperty(Phaser.Animation.prototype, 'paused', {
+
+ get: function () {
+
+ return this.isPaused;
+
+ },
+
+ set: function (value) {
+
+ this.isPaused = value;
+
+ if (value)
+ {
+ // Paused
+ this._pauseStartTime = this.game.time.now;
+ }
+ else
+ {
+ // Un-paused
+ if (this.isPlaying)
+ {
+ this._timeNextFrame = this.game.time.now + this.delay;
+ }
+ }
+
+ }
+
+});
+
+/**
+* @name Phaser.Animation#frameTotal
+* @property {number} frameTotal - The total number of frames in the currently loaded FrameData, or -1 if no FrameData is loaded.
+* @readonly
+*/
+Object.defineProperty(Phaser.Animation.prototype, 'frameTotal', {
+
+ get: function () {
+ return this._frames.length;
+ }
+
+});
+
+/**
+* @name Phaser.Animation#frame
+* @property {number} frame - Gets or sets the current frame index and updates the Texture Cache for display.
+*/
+Object.defineProperty(Phaser.Animation.prototype, 'frame', {
+
+ get: function () {
+
+ if (this.currentFrame !== null)
+ {
+ return this.currentFrame.index;
+ }
+ else
+ {
+ return this._frameIndex;
+ }
+
+ },
+
+ set: function (value) {
+
+ this.currentFrame = this._frameData.getFrame(this._frames[value]);
+
+ if (this.currentFrame !== null)
+ {
+ this._frameIndex = value;
+ this._parent.setTexture(PIXI.TextureCache[this.currentFrame.uuid]);
+ }
+
+ }
+
+});
+
+/**
+* @name Phaser.Animation#speed
+* @property {number} speed - Gets or sets the current speed of the animation, the time between each frame of the animation, given in ms. Takes effect from the NEXT frame. Minimum value is 1.
+*/
+Object.defineProperty(Phaser.Animation.prototype, 'speed', {
+
+ get: function () {
+
+ return Math.round(1000 / this.delay);
+
+ },
+
+ set: function (value) {
+
+ if (value >= 1)
+ {
+ this.delay = 1000 / value;
+ }
+
+ }
+
+});
+
+/**
+* Really handy function for when you are creating arrays of animation data but it's using frame names and not numbers.
+* For example imagine you've got 30 frames named: 'explosion_0001-large' to 'explosion_0030-large'
+* You could use this function to generate those by doing: Phaser.Animation.generateFrameNames('explosion_', 1, 30, '-large', 4);
+*
+* @method Phaser.Animation.generateFrameNames
+* @param {string} prefix - The start of the filename. If the filename was 'explosion_0001-large' the prefix would be 'explosion_'.
+* @param {number} start - The number to start sequentially counting from. If your frames are named 'explosion_0001' to 'explosion_0034' the start is 1.
+* @param {number} stop - The number to count to. If your frames are named 'explosion_0001' to 'explosion_0034' the stop value is 34.
+* @param {string} [suffix=''] - The end of the filename. If the filename was 'explosion_0001-large' the prefix would be '-large'.
+* @param {number} [zeroPad=0] - The number of zeroes to pad the min and max values with. If your frames are named 'explosion_0001' to 'explosion_0034' then the zeroPad is 4.
+*/
+Phaser.Animation.generateFrameNames = function (prefix, start, stop, suffix, zeroPad) {
+
+ if (typeof suffix == 'undefined') { suffix = ''; }
+
+ var output = [];
+ var frame = '';
+
+ if (start < stop)
+ {
+ for (var i = start; i <= stop; i++)
+ {
+ if (typeof zeroPad == 'number')
+ {
+ // str, len, pad, dir
+ frame = Phaser.Utils.pad(i.toString(), zeroPad, '0', 1);
+ }
+ else
+ {
+ frame = i.toString();
+ }
+
+ frame = prefix + frame + suffix;
+
+ output.push(frame);
+ }
+ }
+ else
+ {
+ for (var i = start; i >= stop; i--)
+ {
+ if (typeof zeroPad == 'number')
+ {
+ // str, len, pad, dir
+ frame = Phaser.Utils.pad(i.toString(), zeroPad, '0', 1);
+ }
+ else
+ {
+ frame = i.toString();
+ }
+
+ frame = prefix + frame + suffix;
+
+ output.push(frame);
+ }
+ }
+
+ return output;
+
+}
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* A Frame is a single frame of an animation and is part of a FrameData collection.
+*
+* @class Phaser.Frame
+* @constructor
+* @param {number} index - The index of this Frame within the FrameData set it is being added to.
+* @param {number} x - X position of the frame within the texture image.
+* @param {number} y - Y position of the frame within the texture image.
+* @param {number} width - Width of the frame within the texture image.
+* @param {number} height - Height of the frame within the texture image.
+* @param {string} name - The name of the frame. In Texture Atlas data this is usually set to the filename.
+* @param {string} uuid - Internal UUID key.
+*/
+Phaser.Frame = function (index, x, y, width, height, name, uuid) {
+
+ /**
+ * @property {number} index - The index of this Frame within the FrameData set it is being added to.
+ */
+ this.index = index;
+
+ /**
+ * @property {number} x - X position within the image to cut from.
+ */
+ this.x = x;
+
+ /**
+ * @property {number} y - Y position within the image to cut from.
+ */
+ this.y = y;
+
+ /**
+ * @property {number} width - Width of the frame.
+ */
+ this.width = width;
+
+ /**
+ * @property {number} height - Height of the frame.
+ */
+ this.height = height;
+
+ /**
+ * @property {string} name - Useful for Texture Atlas files (is set to the filename value).
+ */
+ this.name = name;
+
+ /**
+ * @property {string} uuid - A link to the PIXI.TextureCache entry.
+ */
+ this.uuid = uuid;
+
+ /**
+ * @property {number} centerX - Center X position within the image to cut from.
+ */
+ this.centerX = Math.floor(width / 2);
+
+ /**
+ * @property {number} centerY - Center Y position within the image to cut from.
+ */
+ this.centerY = Math.floor(height / 2);
+
+ /**
+ * @property {number} distance - The distance from the top left to the bottom-right of this Frame.
+ */
+ this.distance = Phaser.Math.distance(0, 0, width, height);
+
+ /**
+ * @property {boolean} rotated - Rotated? (not yet implemented)
+ * @default
+ */
+ this.rotated = false;
+
+ /**
+ * @property {string} rotationDirection - Either 'cw' or 'ccw', rotation is always 90 degrees.
+ * @default 'cw'
+ */
+ this.rotationDirection = 'cw';
+
+ /**
+ * @property {boolean} trimmed - Was it trimmed when packed?
+ * @default
+ */
+ this.trimmed = false;
+
+ /**
+ * @property {number} sourceSizeW - Width of the original sprite.
+ */
+ this.sourceSizeW = width;
+
+ /**
+ * @property {number} sourceSizeH - Height of the original sprite.
+ */
+ this.sourceSizeH = height;
+
+ /**
+ * @property {number} spriteSourceSizeX - X position of the trimmed sprite inside original sprite.
+ * @default
+ */
+ this.spriteSourceSizeX = 0;
+
+ /**
+ * @property {number} spriteSourceSizeY - Y position of the trimmed sprite inside original sprite.
+ * @default
+ */
+ this.spriteSourceSizeY = 0;
+
+ /**
+ * @property {number} spriteSourceSizeW - Width of the trimmed sprite.
+ * @default
+ */
+ this.spriteSourceSizeW = 0;
+
+ /**
+ * @property {number} spriteSourceSizeH - Height of the trimmed sprite.
+ * @default
+ */
+ this.spriteSourceSizeH = 0;
+
+};
+
+Phaser.Frame.prototype = {
+
+ /**
+ * If the frame was trimmed when added to the Texture Atlas this records the trim and source data.
+ *
+ * @method Phaser.Frame#setTrim
+ * @param {boolean} trimmed - If this frame was trimmed or not.
+ * @param {number} actualWidth - The width of the frame before being trimmed.
+ * @param {number} actualHeight - The height of the frame before being trimmed.
+ * @param {number} destX - The destination X position of the trimmed frame for display.
+ * @param {number} destY - The destination Y position of the trimmed frame for display.
+ * @param {number} destWidth - The destination width of the trimmed frame for display.
+ * @param {number} destHeight - The destination height of the trimmed frame for display.
+ */
+ setTrim: function (trimmed, actualWidth, actualHeight, destX, destY, destWidth, destHeight) {
+
+ this.trimmed = trimmed;
+
+ if (trimmed)
+ {
+ this.width = actualWidth;
+ this.height = actualHeight;
+ this.sourceSizeW = actualWidth;
+ this.sourceSizeH = actualHeight;
+ this.centerX = Math.floor(actualWidth / 2);
+ this.centerY = Math.floor(actualHeight / 2);
+ this.spriteSourceSizeX = destX;
+ this.spriteSourceSizeY = destY;
+ this.spriteSourceSizeW = destWidth;
+ this.spriteSourceSizeH = destHeight;
+ }
+
+ },
+
+ /**
+ * Returns a Rectangle set to the dimensions of this Frame.
+ *
+ * @method Phaser.Frame#getRect
+ * @param {Phaser.Rectangle} [out] - A rectangle to copy the frame dimensions to.
+ * @return {Phaser.Rectangle} A rectangle.
+ */
+ getRect: function (out) {
+
+ if (typeof out === 'undefined')
+ {
+ out = new Phaser.Rectangle(this.x, this.y, this.width, this.height);
+ }
+ else
+ {
+ out.setTo(this.x, this.y, this.width, this.height);
+ }
+
+ return out;
+
+ }
+
+};
+
+Phaser.Frame.prototype.constructor = Phaser.Frame;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* FrameData is a container for Frame objects, which are the internal representation of animation data in Phaser.
+*
+* @class Phaser.FrameData
+* @constructor
+*/
+Phaser.FrameData = function () {
+
+ /**
+ * @property {Array} _frames - Local array of frames.
+ * @private
+ */
+ this._frames = [];
+
+
+ /**
+ * @property {Array} _frameNames - Local array of frame names for name to index conversions.
+ * @private
+ */
+ this._frameNames = [];
+
+};
+
+Phaser.FrameData.prototype = {
+
+ /**
+ * Adds a new Frame to this FrameData collection. Typically called by the Animation.Parser and not directly.
+ *
+ * @method Phaser.FrameData#addFrame
+ * @param {Phaser.Frame} frame - The frame to add to this FrameData set.
+ * @return {Phaser.Frame} The frame that was just added.
+ */
+ addFrame: function (frame) {
+
+ frame.index = this._frames.length;
+
+ this._frames.push(frame);
+
+ if (frame.name !== '')
+ {
+ this._frameNames[frame.name] = frame.index;
+ }
+
+ return frame;
+
+ },
+
+ /**
+ * Get a Frame by its numerical index.
+ *
+ * @method Phaser.FrameData#getFrame
+ * @param {number} index - The index of the frame you want to get.
+ * @return {Phaser.Frame} The frame, if found.
+ */
+ getFrame: function (index) {
+
+ if (index > this._frames.length)
+ {
+ index = 0;
+ }
+
+ return this._frames[index];
+
+ },
+
+ /**
+ * Get a Frame by its frame name.
+ *
+ * @method Phaser.FrameData#getFrameByName
+ * @param {string} name - The name of the frame you want to get.
+ * @return {Phaser.Frame} The frame, if found.
+ */
+ getFrameByName: function (name) {
+
+ if (typeof this._frameNames[name] === 'number')
+ {
+ return this._frames[this._frameNames[name]];
+ }
+
+ return null;
+
+ },
+
+ /**
+ * Check if there is a Frame with the given name.
+ *
+ * @method Phaser.FrameData#checkFrameName
+ * @param {string} name - The name of the frame you want to check.
+ * @return {boolean} True if the frame is found, otherwise false.
+ */
+ checkFrameName: function (name) {
+
+ if (this._frameNames[name] == null)
+ {
+ return false;
+ }
+
+ return true;
+
+ },
+
+ /**
+ * Returns a range of frames based on the given start and end frame indexes and returns them in an Array.
+ *
+ * @method Phaser.FrameData#getFrameRange
+ * @param {number} start - The starting frame index.
+ * @param {number} end - The ending frame index.
+ * @param {Array} [output] - If given the results will be appended to the end of this array otherwise a new array will be created.
+ * @return {Array} An array of Frames between the start and end index values, or an empty array if none were found.
+ */
+ getFrameRange: function (start, end, output) {
+
+ if (typeof output === "undefined") { output = []; }
+
+ for (var i = start; i <= end; i++)
+ {
+ output.push(this._frames[i]);
+ }
+
+ return output;
+
+ },
+
+ /**
+ * Returns all of the Frames in this FrameData set where the frame index is found in the input array.
+ * The frames are returned in the output array, or if none is provided in a new Array object.
+ *
+ * @method Phaser.FrameData#getFrames
+ * @param {Array} frames - An Array containing the indexes of the frames to retrieve. If the array is empty then all frames in the FrameData are returned.
+ * @param {boolean} [useNumericIndex=true] - Are the given frames using numeric indexes (default) or strings? (false)
+ * @param {Array} [output] - If given the results will be appended to the end of this array otherwise a new array will be created.
+ * @return {Array} An array of all Frames in this FrameData set matching the given names or IDs.
+ */
+ getFrames: function (frames, useNumericIndex, output) {
+
+ if (typeof useNumericIndex === "undefined") { useNumericIndex = true; }
+ if (typeof output === "undefined") { output = []; }
+
+ if (typeof frames === "undefined" || frames.length === 0)
+ {
+ // No input array, so we loop through all frames
+ for (var i = 0; i < this._frames.length; i++)
+ {
+ // We only need the indexes
+ output.push(this._frames[i]);
+ }
+ }
+ else
+ {
+ // Input array given, loop through that instead
+ for (var i = 0, len = frames.length; i < len; i++)
+ {
+ // Does the input array contain names or indexes?
+ if (useNumericIndex)
+ {
+ // The actual frame
+ output.push(this.getFrame(frames[i]));
+ }
+ else
+ {
+ // The actual frame
+ output.push(this.getFrameByName(frames[i]));
+ }
+ }
+ }
+
+ return output;
+
+ },
+
+ /**
+ * Returns all of the Frame indexes in this FrameData set.
+ * The frames indexes are returned in the output array, or if none is provided in a new Array object.
+ *
+ * @method Phaser.FrameData#getFrameIndexes
+ * @param {Array} frames - An Array containing the indexes of the frames to retrieve. If the array is empty then all frames in the FrameData are returned.
+ * @param {boolean} [useNumericIndex=true] - Are the given frames using numeric indexes (default) or strings? (false)
+ * @param {Array} [output] - If given the results will be appended to the end of this array otherwise a new array will be created.
+ * @return {Array} An array of all Frame indexes matching the given names or IDs.
+ */
+ getFrameIndexes: function (frames, useNumericIndex, output) {
+
+ if (typeof useNumericIndex === "undefined") { useNumericIndex = true; }
+ if (typeof output === "undefined") { output = []; }
+
+ if (typeof frames === "undefined" || frames.length === 0)
+ {
+ // No frames array, so we loop through all frames
+ for (var i = 0, len = this._frames.length; i < len; i++)
+ {
+ output.push(this._frames[i].index);
+ }
+ }
+ else
+ {
+ // Input array given, loop through that instead
+ for (var i = 0, len = frames.length; i < len; i++)
+ {
+ // Does the frames array contain names or indexes?
+ if (useNumericIndex)
+ {
+ output.push(frames[i]);
+ }
+ else
+ {
+ if (this.getFrameByName(frames[i]))
+ {
+ output.push(this.getFrameByName(frames[i]).index);
+ }
+ }
+ }
+ }
+
+ return output;
+
+ }
+
+};
+
+Phaser.FrameData.prototype.constructor = Phaser.FrameData;
+
+/**
+* @name Phaser.FrameData#total
+* @property {number} total - The total number of frames in this FrameData set.
+* @readonly
+*/
+Object.defineProperty(Phaser.FrameData.prototype, "total", {
+
+ get: function () {
+ return this._frames.length;
+ }
+
+});
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Responsible for parsing sprite sheet and JSON data into the internal FrameData format that Phaser uses for animations.
+*
+* @class Phaser.AnimationParser
+*/
+Phaser.AnimationParser = {
+
+ /**
+ * Parse a Sprite Sheet and extract the animation frame data from it.
+ *
+ * @method Phaser.AnimationParser.spriteSheet
+ * @param {Phaser.Game} game - A reference to the currently running game.
+ * @param {string} key - The Game.Cache asset key of the Sprite Sheet image.
+ * @param {number} frameWidth - The fixed width of each frame of the animation.
+ * @param {number} frameHeight - The fixed height of each frame of the animation.
+ * @param {number} [frameMax=-1] - The total number of animation frames to extact from the Sprite Sheet. The default value of -1 means "extract all frames".
+ * @param {number} [margin=0] - If the frames have been drawn with a margin, specify the amount here.
+ * @param {number} [spacing=0] - If the frames have been drawn with spacing between them, specify the amount here.
+ * @return {Phaser.FrameData} A FrameData object containing the parsed frames.
+ */
+ spriteSheet: function (game, key, frameWidth, frameHeight, frameMax, margin, spacing) {
+
+ // How big is our image?
+ var img = game.cache.getImage(key);
+
+ if (img == null)
+ {
+ return null;
+ }
+
+ var width = img.width;
+ var height = img.height;
+
+ if (frameWidth <= 0)
+ {
+ frameWidth = Math.floor(-width / Math.min(-1, frameWidth));
+ }
+
+ if (frameHeight <= 0)
+ {
+ frameHeight = Math.floor(-height / Math.min(-1, frameHeight));
+ }
+
+ var row = Math.floor((width - margin) / (frameWidth + spacing));
+ var column = Math.floor((height - margin) / (frameHeight + spacing));
+ var total = row * column;
+
+ if (frameMax !== -1)
+ {
+ total = frameMax;
+ }
+
+ // Zero or smaller than frame sizes?
+ if (width === 0 || height === 0 || width < frameWidth || height < frameHeight || total === 0)
+ {
+ console.warn("Phaser.AnimationParser.spriteSheet: width/height zero or width/height < given frameWidth/frameHeight");
+ return null;
+ }
+
+ // Let's create some frames then
+ var data = new Phaser.FrameData();
+ var x = margin;
+ var y = margin;
+
+ for (var i = 0; i < total; i++)
+ {
+ var uuid = game.rnd.uuid();
+
+ data.addFrame(new Phaser.Frame(i, x, y, frameWidth, frameHeight, '', uuid));
+
+ PIXI.TextureCache[uuid] = new PIXI.Texture(PIXI.BaseTextureCache[key], {
+ x: x,
+ y: y,
+ width: frameWidth,
+ height: frameHeight
+ });
+
+ x += frameWidth + spacing;
+
+ if (x + frameWidth > width)
+ {
+ x = margin;
+ y += frameHeight + spacing;
+ }
+ }
+
+ return data;
+
+ },
+
+ /**
+ * Parse the JSON data and extract the animation frame data from it.
+ *
+ * @method Phaser.AnimationParser.JSONData
+ * @param {Phaser.Game} game - A reference to the currently running game.
+ * @param {Object} json - The JSON data from the Texture Atlas. Must be in Array format.
+ * @param {string} cacheKey - The Game.Cache asset key of the texture image.
+ * @return {Phaser.FrameData} A FrameData object containing the parsed frames.
+ */
+ JSONData: function (game, json, cacheKey) {
+
+ // Malformed?
+ if (!json['frames'])
+ {
+ console.warn("Phaser.AnimationParser.JSONData: Invalid Texture Atlas JSON given, missing 'frames' array");
+ console.log(json);
+ return;
+ }
+
+ // Let's create some frames then
+ var data = new Phaser.FrameData();
+
+ // By this stage frames is a fully parsed array
+ var frames = json['frames'];
+ var newFrame;
+
+ for (var i = 0; i < frames.length; i++)
+ {
+ var uuid = game.rnd.uuid();
+
+ newFrame = data.addFrame(new Phaser.Frame(
+ i,
+ frames[i].frame.x,
+ frames[i].frame.y,
+ frames[i].frame.w,
+ frames[i].frame.h,
+ frames[i].filename,
+ uuid
+ ));
+
+ PIXI.TextureCache[uuid] = new PIXI.Texture(PIXI.BaseTextureCache[cacheKey], {
+ x: frames[i].frame.x,
+ y: frames[i].frame.y,
+ width: frames[i].frame.w,
+ height: frames[i].frame.h
+ });
+
+ if (frames[i].trimmed)
+ {
+ newFrame.setTrim(
+ frames[i].trimmed,
+ frames[i].sourceSize.w,
+ frames[i].sourceSize.h,
+ frames[i].spriteSourceSize.x,
+ frames[i].spriteSourceSize.y,
+ frames[i].spriteSourceSize.w,
+ frames[i].spriteSourceSize.h
+ );
+
+ PIXI.TextureCache[uuid].trim = new Phaser.Rectangle(frames[i].spriteSourceSize.x, frames[i].spriteSourceSize.y, frames[i].sourceSize.w, frames[i].sourceSize.h);
+ }
+
+ }
+
+ return data;
+
+ },
+
+ /**
+ * Parse the JSON data and extract the animation frame data from it.
+ *
+ * @method Phaser.AnimationParser.JSONDataHash
+ * @param {Phaser.Game} game - A reference to the currently running game.
+ * @param {Object} json - The JSON data from the Texture Atlas. Must be in JSON Hash format.
+ * @param {string} cacheKey - The Game.Cache asset key of the texture image.
+ * @return {Phaser.FrameData} A FrameData object containing the parsed frames.
+ */
+ JSONDataHash: function (game, json, cacheKey) {
+
+ // Malformed?
+ if (!json['frames'])
+ {
+ console.warn("Phaser.AnimationParser.JSONDataHash: Invalid Texture Atlas JSON given, missing 'frames' object");
+ console.log(json);
+ return;
+ }
+
+ // Let's create some frames then
+ var data = new Phaser.FrameData();
+
+ // By this stage frames is a fully parsed array
+ var frames = json['frames'];
+ var newFrame;
+ var i = 0;
+
+ for (var key in frames)
+ {
+ var uuid = game.rnd.uuid();
+
+ newFrame = data.addFrame(new Phaser.Frame(
+ i,
+ frames[key].frame.x,
+ frames[key].frame.y,
+ frames[key].frame.w,
+ frames[key].frame.h,
+ key,
+ uuid
+ ));
+
+ PIXI.TextureCache[uuid] = new PIXI.Texture(PIXI.BaseTextureCache[cacheKey], {
+ x: frames[key].frame.x,
+ y: frames[key].frame.y,
+ width: frames[key].frame.w,
+ height: frames[key].frame.h
+ });
+
+ if (frames[key].trimmed)
+ {
+ newFrame.setTrim(
+ frames[key].trimmed,
+ frames[key].sourceSize.w,
+ frames[key].sourceSize.h,
+ frames[key].spriteSourceSize.x,
+ frames[key].spriteSourceSize.y,
+ frames[key].spriteSourceSize.w,
+ frames[key].spriteSourceSize.h
+ );
+
+ PIXI.TextureCache[uuid].trim = new Phaser.Rectangle(frames[key].spriteSourceSize.x, frames[key].spriteSourceSize.y, frames[key].sourceSize.w, frames[key].sourceSize.h);
+ }
+
+ i++;
+ }
+
+ return data;
+
+ },
+
+ /**
+ * Parse the XML data and extract the animation frame data from it.
+ *
+ * @method Phaser.AnimationParser.XMLData
+ * @param {Phaser.Game} game - A reference to the currently running game.
+ * @param {Object} xml - The XML data from the Texture Atlas. Must be in Starling XML format.
+ * @param {string} cacheKey - The Game.Cache asset key of the texture image.
+ * @return {Phaser.FrameData} A FrameData object containing the parsed frames.
+ */
+ XMLData: function (game, xml, cacheKey) {
+
+ // Malformed?
+ if (!xml.getElementsByTagName('TextureAtlas'))
+ {
+ console.warn("Phaser.AnimationParser.XMLData: Invalid Texture Atlas XML given, missing tag");
+ return;
+ }
+
+ // Let's create some frames then
+ var data = new Phaser.FrameData();
+ var frames = xml.getElementsByTagName('SubTexture');
+ var newFrame;
+
+ var uuid;
+ var name;
+ var frame;
+ var x;
+ var y;
+ var width;
+ var height;
+ var frameX;
+ var frameY;
+ var frameWidth;
+ var frameHeight;
+
+ for (var i = 0; i < frames.length; i++)
+ {
+ uuid = game.rnd.uuid();
+
+ frame = frames[i].attributes;
+
+ name = frame.name.nodeValue;
+ x = parseInt(frame.x.nodeValue, 10);
+ y = parseInt(frame.y.nodeValue, 10);
+ width = parseInt(frame.width.nodeValue, 10);
+ height = parseInt(frame.height.nodeValue, 10);
+
+ frameX = null;
+ frameY = null;
+
+ if (frame.frameX)
+ {
+ frameX = Math.abs(parseInt(frame.frameX.nodeValue, 10));
+ frameY = Math.abs(parseInt(frame.frameY.nodeValue, 10));
+ frameWidth = parseInt(frame.frameWidth.nodeValue, 10);
+ frameHeight = parseInt(frame.frameHeight.nodeValue, 10);
+ }
+
+ newFrame = data.addFrame(new Phaser.Frame(i, x, y, width, height, name, uuid));
+
+ PIXI.TextureCache[uuid] = new PIXI.Texture(PIXI.BaseTextureCache[cacheKey], {
+ x: x,
+ y: y,
+ width: width,
+ height: height
+ });
+
+ // Trimmed?
+ if (frameX !== null || frameY !== null)
+ {
+ newFrame.setTrim(true, width, height, frameX, frameY, frameWidth, frameHeight);
+
+ PIXI.TextureCache[uuid].trim = new Phaser.Rectangle(frameX, frameY, width, height);
+ }
+ }
+
+ return data;
+
+ }
+
+};
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Phaser.Cache constructor.
+*
+* @class Phaser.Cache
+* @classdesc A game only has one instance of a Cache and it is used to store all externally loaded assets such as images, sounds and data files as a result of Loader calls. Cached items use string based keys for look-up.
+* @constructor
+* @param {Phaser.Game} game - A reference to the currently running game.
+*/
+Phaser.Cache = function (game) {
+
+ /**
+ * @property {Phaser.Game} game - Local reference to game.
+ */
+ this.game = game;
+
+ /**
+ * @property {object} game - Canvas key-value container.
+ * @private
+ */
+ this._canvases = {};
+
+ /**
+ * @property {object} _images - Image key-value container.
+ * @private
+ */
+ this._images = {};
+
+ /**
+ * @property {object} _textures - RenderTexture key-value container.
+ * @private
+ */
+ this._textures = {};
+
+ /**
+ * @property {object} _sounds - Sound key-value container.
+ * @private
+ */
+ this._sounds = {};
+
+ /**
+ * @property {object} _text - Text key-value container.
+ * @private
+ */
+ this._text = {};
+
+ /**
+ * @property {object} _text - Text key-value container.
+ * @private
+ */
+ this._json = {};
+
+ /**
+ * @property {object} _physics - Physics data key-value container.
+ * @private
+ */
+ this._physics = {};
+
+ /**
+ * @property {object} _tilemaps - Tilemap key-value container.
+ * @private
+ */
+ this._tilemaps = {};
+
+ /**
+ * @property {object} _binary - Binary file key-value container.
+ * @private
+ */
+ this._binary = {};
+
+ /**
+ * @property {object} _bitmapDatas - BitmapData key-value container.
+ * @private
+ */
+ this._bitmapDatas = {};
+
+ /**
+ * @property {object} _bitmapFont - BitmapFont key-value container.
+ * @private
+ */
+ this._bitmapFont = {};
+
+ this.addDefaultImage();
+ this.addMissingImage();
+
+ /**
+ * @property {Phaser.Signal} onSoundUnlock - This event is dispatched when the sound system is unlocked via a touch event on cellular devices.
+ */
+ this.onSoundUnlock = new Phaser.Signal();
+
+};
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Cache.CANVAS = 1;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Cache.IMAGE = 2;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Cache.TEXTURE = 3;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Cache.SOUND = 4;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Cache.TEXT = 5;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Cache.PHYSICS = 6;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Cache.TILEMAP = 7;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Cache.BINARY = 8;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Cache.BITMAPDATA = 9;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Cache.BITMAPFONT = 10;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Cache.JSON = 11;
+
+Phaser.Cache.prototype = {
+
+ /**
+ * Add a new canvas object in to the cache.
+ *
+ * @method Phaser.Cache#addCanvas
+ * @param {string} key - Asset key for this canvas.
+ * @param {HTMLCanvasElement} canvas - Canvas DOM element.
+ * @param {CanvasRenderingContext2D} context - Render context of this canvas.
+ */
+ addCanvas: function (key, canvas, context) {
+
+ this._canvases[key] = { canvas: canvas, context: context };
+
+ },
+
+ /**
+ * Add a binary object in to the cache.
+ *
+ * @method Phaser.Cache#addBinary
+ * @param {string} key - Asset key for this binary data.
+ * @param {object} binaryData - The binary object to be addded to the cache.
+ */
+ addBinary: function (key, binaryData) {
+
+ this._binary[key] = binaryData;
+
+ },
+
+ /**
+ * Add a BitmapData object in to the cache.
+ *
+ * @method Phaser.Cache#addBitmapData
+ * @param {string} key - Asset key for this BitmapData.
+ * @param {Phaser.BitmapData} bitmapData - The BitmapData object to be addded to the cache.
+ * @return {Phaser.BitmapData} The BitmapData object to be addded to the cache.
+ */
+ addBitmapData: function (key, bitmapData) {
+
+ this._bitmapDatas[key] = bitmapData;
+
+ return bitmapData;
+
+ },
+
+ /**
+ * Add a new Phaser.RenderTexture in to the cache.
+ *
+ * @method Phaser.Cache#addRenderTexture
+ * @param {string} key - The unique key by which you will reference this object.
+ * @param {Phaser.Texture} texture - The texture to use as the base of the RenderTexture.
+ */
+ addRenderTexture: function (key, texture) {
+
+ var frame = new Phaser.Frame(0, 0, 0, texture.width, texture.height, '', '');
+
+ this._textures[key] = { texture: texture, frame: frame };
+
+ },
+
+ /**
+ * Add a new sprite sheet in to the cache.
+ *
+ * @method Phaser.Cache#addSpriteSheet
+ * @param {string} key - The unique key by which you will reference this object.
+ * @param {string} url - URL of this sprite sheet file.
+ * @param {object} data - Extra sprite sheet data.
+ * @param {number} frameWidth - Width of the sprite sheet.
+ * @param {number} frameHeight - Height of the sprite sheet.
+ * @param {number} [frameMax=-1] - How many frames stored in the sprite sheet. If -1 then it divides the whole sheet evenly.
+ * @param {number} [margin=0] - If the frames have been drawn with a margin, specify the amount here.
+ * @param {number} [spacing=0] - If the frames have been drawn with spacing between them, specify the amount here.
+ */
+ addSpriteSheet: function (key, url, data, frameWidth, frameHeight, frameMax, margin, spacing) {
+
+ this._images[key] = { url: url, data: data, spriteSheet: true, frameWidth: frameWidth, frameHeight: frameHeight, margin: margin, spacing: spacing };
+
+ PIXI.BaseTextureCache[key] = new PIXI.BaseTexture(data);
+ PIXI.TextureCache[key] = new PIXI.Texture(PIXI.BaseTextureCache[key]);
+
+ this._images[key].frameData = Phaser.AnimationParser.spriteSheet(this.game, key, frameWidth, frameHeight, frameMax, margin, spacing);
+
+ },
+
+ /**
+ * Add a new tilemap to the Cache.
+ *
+ * @method Phaser.Cache#addTilemap
+ * @param {string} key - The unique key by which you will reference this object.
+ * @param {string} url - URL of the tilemap image.
+ * @param {object} mapData - The tilemap data object (either a CSV or JSON file).
+ * @param {number} format - The format of the tilemap data.
+ */
+ addTilemap: function (key, url, mapData, format) {
+
+ this._tilemaps[key] = { url: url, data: mapData, format: format };
+
+ },
+
+ /**
+ * Add a new texture atlas to the Cache.
+ *
+ * @method Phaser.Cache#addTextureAtlas
+ * @param {string} key - The unique key by which you will reference this object.
+ * @param {string} url - URL of this texture atlas file.
+ * @param {object} data - Extra texture atlas data.
+ * @param {object} atlasData - Texture atlas frames data.
+ * @param {number} format - The format of the texture atlas.
+ */
+ addTextureAtlas: function (key, url, data, atlasData, format) {
+
+ this._images[key] = { url: url, data: data, spriteSheet: true };
+
+ PIXI.BaseTextureCache[key] = new PIXI.BaseTexture(data);
+ PIXI.TextureCache[key] = new PIXI.Texture(PIXI.BaseTextureCache[key]);
+
+ if (format == Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY)
+ {
+ this._images[key].frameData = Phaser.AnimationParser.JSONData(this.game, atlasData, key);
+ }
+ else if (format == Phaser.Loader.TEXTURE_ATLAS_JSON_HASH)
+ {
+ this._images[key].frameData = Phaser.AnimationParser.JSONDataHash(this.game, atlasData, key);
+ }
+ else if (format == Phaser.Loader.TEXTURE_ATLAS_XML_STARLING)
+ {
+ this._images[key].frameData = Phaser.AnimationParser.XMLData(this.game, atlasData, key);
+ }
+
+ },
+
+ /**
+ * Add a new Bitmap Font to the Cache.
+ *
+ * @method Phaser.Cache#addBitmapFont
+ * @param {string} key - The unique key by which you will reference this object.
+ * @param {string} url - URL of this font xml file.
+ * @param {object} data - Extra font data.
+ * @param {object} xmlData - Texture atlas frames data.
+ * @param {number} [xSpacing=0] - If you'd like to add additional horizontal spacing between the characters then set the pixel value here.
+ * @param {number} [ySpacing=0] - If you'd like to add additional vertical spacing between the lines then set the pixel value here.
+ */
+ addBitmapFont: function (key, url, data, xmlData, xSpacing, ySpacing) {
+
+ this._images[key] = { url: url, data: data, spriteSheet: true };
+
+ PIXI.BaseTextureCache[key] = new PIXI.BaseTexture(data);
+ PIXI.TextureCache[key] = new PIXI.Texture(PIXI.BaseTextureCache[key]);
+
+ Phaser.LoaderParser.bitmapFont(this.game, xmlData, key, xSpacing, ySpacing);
+
+ },
+
+ /**
+ * Add a new physics data object to the Cache.
+ *
+ * @method Phaser.Cache#addTilemap
+ * @param {string} key - The unique key by which you will reference this object.
+ * @param {string} url - URL of the physics json data.
+ * @param {object} JSONData - The physics data object (a JSON file).
+ * @param {number} format - The format of the physics data.
+ */
+ addPhysicsData: function (key, url, JSONData, format) {
+
+ this._physics[key] = { url: url, data: JSONData, format: format };
+
+ },
+
+ /**
+ * Adds a default image to be used in special cases such as WebGL Filters. Is mapped to the key __default.
+ *
+ * @method Phaser.Cache#addDefaultImage
+ * @protected
+ */
+ addDefaultImage: function () {
+
+ var img = new Image();
+ img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAABVJREFUeF7NwIEAAAAAgKD9qdeocAMAoAABm3DkcAAAAABJRU5ErkJggg==";
+
+ this._images['__default'] = { url: null, data: img, spriteSheet: false };
+ this._images['__default'].frame = new Phaser.Frame(0, 0, 0, 32, 32, '', '');
+
+ PIXI.BaseTextureCache['__default'] = new PIXI.BaseTexture(img);
+ PIXI.TextureCache['__default'] = new PIXI.Texture(PIXI.BaseTextureCache['__default']);
+
+ },
+
+ /**
+ * Adds an image to be used when a key is wrong / missing. Is mapped to the key __missing.
+ *
+ * @method Phaser.Cache#addMissingImage
+ * @protected
+ */
+ addMissingImage: function () {
+
+ var img = new Image();
+ img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ9JREFUeNq01ssOwyAMRFG46v//Mt1ESmgh+DFmE2GPOBARKb2NVjo+17PXLD8a1+pl5+A+wSgFygymWYHBb0FtsKhJDdZlncG2IzJ4ayoMDv20wTmSMzClEgbWYNTAkQ0Z+OJ+A/eWnAaR9+oxCF4Os0H8htsMUp+pwcgBBiMNnAwF8GqIgL2hAzaGFFgZauDPKABmowZ4GL369/0rwACp2yA/ttmvsQAAAABJRU5ErkJggg==";
+
+ this._images['__missing'] = { url: null, data: img, spriteSheet: false };
+ this._images['__missing'].frame = new Phaser.Frame(0, 0, 0, 32, 32, '', '');
+
+ PIXI.BaseTextureCache['__missing'] = new PIXI.BaseTexture(img);
+ PIXI.TextureCache['__missing'] = new PIXI.Texture(PIXI.BaseTextureCache['__missing']);
+
+ },
+
+ /**
+ * Add a new text data.
+ *
+ * @method Phaser.Cache#addText
+ * @param {string} key - Asset key for the text data.
+ * @param {string} url - URL of this text data file.
+ * @param {object} data - Extra text data.
+ */
+ addText: function (key, url, data) {
+
+ this._text[key] = { url: url, data: data };
+
+ },
+
+ /**
+ * Add a new json object into the cache.
+ *
+ * @method Phaser.Cache#addJSON
+ * @param {string} key - Asset key for the text data.
+ * @param {string} url - URL of this text data file.
+ * @param {object} data - Extra text data.
+ */
+ addJSON: function (key, url, data) {
+
+ this._json[key] = { url: url, data: data };
+
+ },
+
+ /**
+ * Add a new image.
+ *
+ * @method Phaser.Cache#addImage
+ * @param {string} key - The unique key by which you will reference this object.
+ * @param {string} url - URL of this image file.
+ * @param {object} data - Extra image data.
+ */
+ addImage: function (key, url, data) {
+
+ this._images[key] = { url: url, data: data, spriteSheet: false };
+
+ this._images[key].frame = new Phaser.Frame(0, 0, 0, data.width, data.height, key, this.game.rnd.uuid());
+
+ PIXI.BaseTextureCache[key] = new PIXI.BaseTexture(data);
+ PIXI.TextureCache[key] = new PIXI.Texture(PIXI.BaseTextureCache[key]);
+
+ },
+
+ /**
+ * Add a new sound.
+ *
+ * @method Phaser.Cache#addSound
+ * @param {string} key - Asset key for the sound.
+ * @param {string} url - URL of this sound file.
+ * @param {object} data - Extra sound data.
+ * @param {boolean} webAudio - True if the file is using web audio.
+ * @param {boolean} audioTag - True if the file is using legacy HTML audio.
+ */
+ addSound: function (key, url, data, webAudio, audioTag) {
+
+ webAudio = webAudio || true;
+ audioTag = audioTag || false;
+
+ var decoded = false;
+
+ if (audioTag)
+ {
+ decoded = true;
+ }
+
+ this._sounds[key] = { url: url, data: data, isDecoding: false, decoded: decoded, webAudio: webAudio, audioTag: audioTag, locked: this.game.sound.touchLocked };
+
+ },
+
+ /**
+ * Reload a sound.
+ *
+ * @method Phaser.Cache#reloadSound
+ * @param {string} key - Asset key for the sound.
+ */
+ reloadSound: function (key) {
+
+ var _this = this;
+
+ if (this._sounds[key])
+ {
+ this._sounds[key].data.src = this._sounds[key].url;
+
+ this._sounds[key].data.addEventListener('canplaythrough', function () {
+ return _this.reloadSoundComplete(key);
+ }, false);
+
+ this._sounds[key].data.load();
+ }
+ },
+
+ /**
+ * Fires the onSoundUnlock event when the sound has completed reloading.
+ *
+ * @method Phaser.Cache#reloadSoundComplete
+ * @param {string} key - Asset key for the sound.
+ */
+ reloadSoundComplete: function (key) {
+
+ if (this._sounds[key])
+ {
+ this._sounds[key].locked = false;
+ this.onSoundUnlock.dispatch(key);
+ }
+
+ },
+
+ /**
+ * Updates the sound object in the cache.
+ *
+ * @method Phaser.Cache#updateSound
+ * @param {string} key - Asset key for the sound.
+ */
+ updateSound: function (key, property, value) {
+
+ if (this._sounds[key])
+ {
+ this._sounds[key][property] = value;
+ }
+
+ },
+
+ /**
+ * Add a new decoded sound.
+ *
+ * @method Phaser.Cache#decodedSound
+ * @param {string} key - Asset key for the sound.
+ * @param {object} data - Extra sound data.
+ */
+ decodedSound: function (key, data) {
+
+ this._sounds[key].data = data;
+ this._sounds[key].decoded = true;
+ this._sounds[key].isDecoding = false;
+
+ },
+
+ /**
+ * Get a canvas object from the cache by its key.
+ *
+ * @method Phaser.Cache#getCanvas
+ * @param {string} key - Asset key of the canvas to retrieve from the Cache.
+ * @return {object} The canvas object.
+ */
+ getCanvas: function (key) {
+
+ if (this._canvases[key])
+ {
+ return this._canvases[key].canvas;
+ }
+ else
+ {
+ console.warn('Phaser.Cache.getCanvas: Invalid key: "' + key + '"');
+ }
+
+ },
+
+ /**
+ * Get a BitmapData object from the cache by its key.
+ *
+ * @method Phaser.Cache#getBitmapData
+ * @param {string} key - Asset key of the BitmapData object to retrieve from the Cache.
+ * @return {Phaser.BitmapData} The requested BitmapData object if found, or null if not.
+ */
+ getBitmapData: function (key) {
+
+ if (this._bitmapDatas[key])
+ {
+ return this._bitmapDatas[key];
+ }
+ else
+ {
+ console.warn('Phaser.Cache.getBitmapData: Invalid key: "' + key + '"');
+ }
+
+ },
+
+ /**
+ * Get a BitmapFont object from the cache by its key.
+ *
+ * @method Phaser.Cache#getBitmapFont
+ * @param {string} key - Asset key of the BitmapFont object to retrieve from the Cache.
+ * @return {Phaser.BitmapFont} The requested BitmapFont object if found, or null if not.
+ */
+ getBitmapFont: function (key) {
+
+ if (this._bitmapFont[key])
+ {
+ return this._bitmapFont[key];
+ }
+ else
+ {
+ console.warn('Phaser.Cache.getBitmapFont: Invalid key: "' + key + '"');
+ }
+
+ },
+
+ /**
+ * Get a physics data object from the cache by its key. You can get either the entire data set or just a single object from it.
+ *
+ * @method Phaser.Cache#getPhysicsData
+ * @param {string} key - Asset key of the physics data object to retrieve from the Cache.
+ * @param {string} [object=null] - If specified it will return just the physics object that is part of the given key, if null it will return them all.
+ * @return {object} The requested physics object data if found.
+ */
+ getPhysicsData: function (key, object) {
+
+ if (typeof object === 'undefined' || object === null)
+ {
+ // Get 'em all
+ if (this._physics[key])
+ {
+ return this._physics[key].data;
+ }
+ else
+ {
+ console.warn('Phaser.Cache.getPhysicsData: Invalid key: "' + key + '"');
+ }
+ }
+ else
+ {
+ if (this._physics[key] && this._physics[key].data[object])
+ {
+ return this._physics[key].data[object];
+ }
+ else
+ {
+ console.warn('Phaser.Cache.getPhysicsData: Invalid key/object: "' + key + ' / ' + object + '"');
+ }
+ }
+
+ return null;
+
+ },
+
+ /**
+ * Checks if an image key exists.
+ *
+ * @method Phaser.Cache#checkImageKey
+ * @param {string} key - Asset key of the image to check is in the Cache.
+ * @return {boolean} True if the key exists, otherwise false.
+ */
+ checkImageKey: function (key) {
+
+ if (this._images[key])
+ {
+ return true;
+ }
+
+ return false;
+
+ },
+
+ /**
+ * Get image data by key.
+ *
+ * @method Phaser.Cache#getImage
+ * @param {string} key - Asset key of the image to retrieve from the Cache.
+ * @return {object} The image data.
+ */
+ getImage: function (key) {
+
+ if (this._images[key])
+ {
+ return this._images[key].data;
+ }
+ else
+ {
+ console.warn('Phaser.Cache.getImage: Invalid key: "' + key + '"');
+ }
+
+ },
+
+ /**
+ * Get tilemap data by key.
+ *
+ * @method Phaser.Cache#getTilemap
+ * @param {string} key - Asset key of the tilemap data to retrieve from the Cache.
+ * @return {Object} The raw tilemap data in CSV or JSON format.
+ */
+ getTilemapData: function (key) {
+
+ if (this._tilemaps[key])
+ {
+ return this._tilemaps[key];
+ }
+ else
+ {
+ console.warn('Phaser.Cache.getTilemapData: Invalid key: "' + key + '"');
+ }
+
+ },
+
+ /**
+ * Get frame data by key.
+ *
+ * @method Phaser.Cache#getFrameData
+ * @param {string} key - Asset key of the frame data to retrieve from the Cache.
+ * @return {Phaser.FrameData} The frame data.
+ */
+ getFrameData: function (key) {
+
+ if (this._images[key] && this._images[key].frameData)
+ {
+ return this._images[key].frameData;
+ }
+
+ return null;
+ },
+
+ /**
+ * Replaces a set of frameData with a new Phaser.FrameData object.
+ *
+ * @method Phaser.Cache#updateFrameData
+ * @param {string} key - The unique key by which you will reference this object.
+ * @param {number} frameData - The new FrameData.
+ */
+ updateFrameData: function (key, frameData) {
+
+ if (this._images[key])
+ {
+ this._images[key].spriteSheet = true;
+ this._images[key].frameData = frameData;
+ }
+
+ },
+
+ /**
+ * Get a single frame out of a frameData set by key.
+ *
+ * @method Phaser.Cache#getFrameByIndex
+ * @param {string} key - Asset key of the frame data to retrieve from the Cache.
+ * @return {Phaser.Frame} The frame object.
+ */
+ getFrameByIndex: function (key, frame) {
+
+ if (this._images[key] && this._images[key].frameData)
+ {
+ return this._images[key].frameData.getFrame(frame);
+ }
+
+ return null;
+ },
+
+ /**
+ * Get a single frame out of a frameData set by key.
+ *
+ * @method Phaser.Cache#getFrameByName
+ * @param {string} key - Asset key of the frame data to retrieve from the Cache.
+ * @return {Phaser.Frame} The frame object.
+ */
+ getFrameByName: function (key, frame) {
+
+ if (this._images[key] && this._images[key].frameData)
+ {
+ return this._images[key].frameData.getFrameByName(frame);
+ }
+
+ return null;
+ },
+
+ /**
+ * Get a single frame by key. You'd only do this to get the default Frame created for a non-atlas/spritesheet image.
+ *
+ * @method Phaser.Cache#getFrame
+ * @param {string} key - Asset key of the frame data to retrieve from the Cache.
+ * @return {Phaser.Frame} The frame data.
+ */
+ getFrame: function (key) {
+
+ if (this._images[key] && this._images[key].spriteSheet === false)
+ {
+ return this._images[key].frame;
+ }
+
+ return null;
+ },
+
+ /**
+ * Get a single texture frame by key. You'd only do this to get the default Frame created for a non-atlas/spritesheet image.
+ *
+ * @method Phaser.Cache#getTextureFrame
+ * @param {string} key - Asset key of the frame to retrieve from the Cache.
+ * @return {Phaser.Frame} The frame data.
+ */
+ getTextureFrame: function (key) {
+
+ if (this._textures[key])
+ {
+ return this._textures[key].frame;
+ }
+
+ return null;
+ },
+
+ /**
+ * Get a RenderTexture by key.
+ *
+ * @method Phaser.Cache#getTexture
+ * @param {string} key - Asset key of the RenderTexture to retrieve from the Cache.
+ * @return {Phaser.RenderTexture} The RenderTexture object.
+ */
+ getTexture: function (key) {
+
+ if (this._textures[key])
+ {
+ return this._textures[key];
+ }
+ else
+ {
+ console.warn('Phaser.Cache.getTexture: Invalid key: "' + key + '"');
+ }
+
+ },
+
+ /**
+ * Get sound by key.
+ *
+ * @method Phaser.Cache#getSound
+ * @param {string} key - Asset key of the sound to retrieve from the Cache.
+ * @return {Phaser.Sound} The sound object.
+ */
+ getSound: function (key) {
+
+ if (this._sounds[key])
+ {
+ return this._sounds[key];
+ }
+ else
+ {
+ console.warn('Phaser.Cache.getSound: Invalid key: "' + key + '"');
+ }
+
+ },
+
+ /**
+ * Get sound data by key.
+ *
+ * @method Phaser.Cache#getSoundData
+ * @param {string} key - Asset key of the sound to retrieve from the Cache.
+ * @return {object} The sound data.
+ */
+ getSoundData: function (key) {
+
+ if (this._sounds[key])
+ {
+ return this._sounds[key].data;
+ }
+ else
+ {
+ console.warn('Phaser.Cache.getSoundData: Invalid key: "' + key + '"');
+ }
+
+ },
+
+ /**
+ * Check if the given sound has finished decoding.
+ *
+ * @method Phaser.Cache#isSoundDecoded
+ * @param {string} key - Asset key of the sound in the Cache.
+ * @return {boolean} The decoded state of the Sound object.
+ */
+ isSoundDecoded: function (key) {
+
+ if (this._sounds[key])
+ {
+ return this._sounds[key].decoded;
+ }
+
+ },
+
+ /**
+ * Check if the given sound is ready for playback. A sound is considered ready when it has finished decoding and the device is no longer touch locked.
+ *
+ * @method Phaser.Cache#isSoundReady
+ * @param {string} key - Asset key of the sound in the Cache.
+ * @return {boolean} True if the sound is decoded and the device is not touch locked.
+ */
+ isSoundReady: function (key) {
+
+ return (this._sounds[key] && this._sounds[key].decoded && this.game.sound.touchLocked === false);
+
+ },
+
+ /**
+ * Check whether an image asset is sprite sheet or not.
+ *
+ * @method Phaser.Cache#isSpriteSheet
+ * @param {string} key - Asset key of the sprite sheet you want.
+ * @return {boolean} True if the image is a sprite sheet.
+ */
+ isSpriteSheet: function (key) {
+
+ if (this._images[key])
+ {
+ return this._images[key].spriteSheet;
+ }
+
+ return false;
+
+ },
+
+ /**
+ * Get text data by key.
+ *
+ * @method Phaser.Cache#getText
+ * @param {string} key - Asset key of the text data to retrieve from the Cache.
+ * @return {object} The text data.
+ */
+ getText: function (key) {
+
+ if (this._text[key])
+ {
+ return this._text[key].data;
+ }
+ else
+ {
+ console.warn('Phaser.Cache.getText: Invalid key: "' + key + '"');
+ }
+
+ },
+
+ /**
+ * Get a JSON object by key from the cache.
+ *
+ * @method Phaser.Cache#getJSON
+ * @param {string} key - Asset key of the json object to retrieve from the Cache.
+ * @return {object} The JSON object.
+ */
+ getJSON: function (key) {
+
+ if (this._json[key])
+ {
+ return this._json[key].data;
+ }
+ else
+ {
+ console.warn('Phaser.Cache.getJSON: Invalid key: "' + key + '"');
+ }
+
+ },
+
+ /**
+ * Get binary data by key.
+ *
+ * @method Phaser.Cache#getBinary
+ * @param {string} key - Asset key of the binary data object to retrieve from the Cache.
+ * @return {object} The binary data object.
+ */
+ getBinary: function (key) {
+
+ if (this._binary[key])
+ {
+ return this._binary[key];
+ }
+ else
+ {
+ console.warn('Phaser.Cache.getBinary: Invalid key: "' + key + '"');
+ }
+
+ },
+
+ /**
+ * Gets all keys used by the Cache for the given data type.
+ *
+ * @method Phaser.Cache#getKeys
+ * @param {number} [type=Phaser.Cache.IMAGE] - The type of Cache keys you wish to get. Can be Cache.CANVAS, Cache.IMAGE, Cache.SOUND, etc.
+ * @return {Array} The array of item keys.
+ */
+ getKeys: function (type) {
+
+ var array = null;
+
+ switch (type)
+ {
+ case Phaser.Cache.CANVAS:
+ array = this._canvases;
+ break;
+
+ case Phaser.Cache.IMAGE:
+ array = this._images;
+ break;
+
+ case Phaser.Cache.TEXTURE:
+ array = this._textures;
+ break;
+
+ case Phaser.Cache.SOUND:
+ array = this._sounds;
+ break;
+
+ case Phaser.Cache.TEXT:
+ array = this._text;
+ break;
+
+ case Phaser.Cache.PHYSICS:
+ array = this._physics;
+ break;
+
+ case Phaser.Cache.TILEMAP:
+ array = this._tilemaps;
+ break;
+
+ case Phaser.Cache.BINARY:
+ array = this._binary;
+ break;
+
+ case Phaser.Cache.BITMAPDATA:
+ array = this._bitmapDatas;
+ break;
+
+ case Phaser.Cache.BITMAPFONT:
+ array = this._bitmapFont;
+ break;
+
+ case Phaser.Cache.JSON:
+ array = this._json;
+ break;
+ }
+
+ if (!array)
+ {
+ return;
+ }
+
+ var output = [];
+
+ for (var item in array)
+ {
+ if (item !== '__default' && item !== '__missing')
+ {
+ output.push(item);
+ }
+ }
+
+ return output;
+
+ },
+
+ /**
+ * Removes a canvas from the cache.
+ *
+ * @method Phaser.Cache#removeCanvas
+ * @param {string} key - Key of the asset you want to remove.
+ */
+ removeCanvas: function (key) {
+ delete this._canvases[key];
+ },
+
+ /**
+ * Removes an image from the cache.
+ *
+ * @method Phaser.Cache#removeImage
+ * @param {string} key - Key of the asset you want to remove.
+ */
+ removeImage: function (key) {
+ delete this._images[key];
+ },
+
+ /**
+ * Removes a sound from the cache.
+ *
+ * @method Phaser.Cache#removeSound
+ * @param {string} key - Key of the asset you want to remove.
+ */
+ removeSound: function (key) {
+ delete this._sounds[key];
+ },
+
+ /**
+ * Removes a text from the cache.
+ *
+ * @method Phaser.Cache#removeText
+ * @param {string} key - Key of the asset you want to remove.
+ */
+ removeText: function (key) {
+ delete this._text[key];
+ },
+
+ /**
+ * Removes a json object from the cache.
+ *
+ * @method Phaser.Cache#removeJSON
+ * @param {string} key - Key of the asset you want to remove.
+ */
+ removeJSON: function (key) {
+ delete this._json[key];
+ },
+
+ /**
+ * Removes a physics data file from the cache.
+ *
+ * @method Phaser.Cache#removePhysics
+ * @param {string} key - Key of the asset you want to remove.
+ */
+ removePhysics: function (key) {
+ delete this._physics[key];
+ },
+
+ /**
+ * Removes a tilemap from the cache.
+ *
+ * @method Phaser.Cache#removeTilemap
+ * @param {string} key - Key of the asset you want to remove.
+ */
+ removeTilemap: function (key) {
+ delete this._tilemaps[key];
+ },
+
+ /**
+ * Removes a binary file from the cache.
+ *
+ * @method Phaser.Cache#removeBinary
+ * @param {string} key - Key of the asset you want to remove.
+ */
+ removeBinary: function (key) {
+ delete this._binary[key];
+ },
+
+ /**
+ * Removes a bitmap data from the cache.
+ *
+ * @method Phaser.Cache#removeBitmapData
+ * @param {string} key - Key of the asset you want to remove.
+ */
+ removeBitmapData: function (key) {
+ delete this._bitmapDatas[key];
+ },
+
+ /**
+ * Removes a bitmap font from the cache.
+ *
+ * @method Phaser.Cache#removeBitmapFont
+ * @param {string} key - Key of the asset you want to remove.
+ */
+ removeBitmapFont: function (key) {
+ delete this._bitmapFont[key];
+ },
+
+ /**
+ * Clears the cache. Removes every local cache object reference.
+ *
+ * @method Phaser.Cache#destroy
+ */
+ destroy: function () {
+
+ for (var item in this._canvases)
+ {
+ delete this._canvases[item];
+ }
+
+ for (var item in this._images)
+ {
+ if (item !== '__default' && item !== '__missing')
+ {
+ delete this._images[item];
+ }
+ }
+
+ for (var item in this._sounds)
+ {
+ delete this._sounds[item];
+ }
+
+ for (var item in this._text)
+ {
+ delete this._text[item];
+ }
+
+ for (var item in this._json)
+ {
+ delete this._json[item];
+ }
+
+ for (var item in this._textures)
+ {
+ delete this._textures[item];
+ }
+
+ for (var item in this._physics)
+ {
+ delete this._physics[item];
+ }
+
+ for (var item in this._tilemaps)
+ {
+ delete this._tilemaps[item];
+ }
+
+ for (var item in this._binary)
+ {
+ delete this._binary[item];
+ }
+
+ for (var item in this._bitmapDatas)
+ {
+ delete this._bitmapDatas[item];
+ }
+
+ for (var item in this._bitmapFont)
+ {
+ delete this._bitmapFont[item];
+ }
+
+ }
+
+};
+
+Phaser.Cache.prototype.constructor = Phaser.Cache;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Phaser loader constructor.
+* The Loader handles loading all external content such as Images, Sounds, Texture Atlases and data files.
+* It uses a combination of Image() loading and xhr and provides progress and completion callbacks.
+* @class Phaser.Loader
+* @classdesc The Loader handles loading all external content such as Images, Sounds, Texture Atlases and data files.
+* It uses a combination of Image() loading and xhr and provides progress and completion callbacks.
+* @constructor
+* @param {Phaser.Game} game - A reference to the currently running game.
+*/
+Phaser.Loader = function (game) {
+
+ /**
+ * @property {Phaser.Game} game - Local reference to game.
+ */
+ this.game = game;
+
+ /**
+ * @property {array} _fileList - Contains all the assets file infos.
+ * @private
+ */
+ this._fileList = [];
+
+ /**
+ * @property {number} _fileIndex - The index of the current file being loaded.
+ * @private
+ */
+ this._fileIndex = 0;
+
+ /**
+ * @property {number} _progressChunk - Indicates the size of 1 file in terms of a percentage out of 100.
+ * @private
+ * @default
+ */
+ this._progressChunk = 0;
+
+ /**
+ * @property {XMLHttpRequest} - An XMLHttpRequest object used for loading text and audio data.
+ * @private
+ */
+ this._xhr = new XMLHttpRequest();
+
+ /**
+ * @property {boolean} isLoading - True if the Loader is in the process of loading the queue.
+ * @default
+ */
+ this.isLoading = false;
+
+ /**
+ * @property {boolean} hasLoaded - True if all assets in the queue have finished loading.
+ * @default
+ */
+ this.hasLoaded = false;
+
+ /**
+ * @property {number} progress - The rounded load progress percentage value (from 0 to 100)
+ * @default
+ */
+ this.progress = 0;
+
+ /**
+ * @property {number} progressFloat - The non-rounded load progress value (from 0.0 to 100.0)
+ * @default
+ */
+ this.progressFloat = 0;
+
+ /**
+ * You can optionally link a sprite to the preloader.
+ * If you do so the Sprites width or height will be cropped based on the percentage loaded.
+ * @property {Phaser.Sprite|Phaser.Image} preloadSprite
+ * @default
+ */
+ this.preloadSprite = null;
+
+ /**
+ * @property {boolean|string} crossOrigin - The crossOrigin value applied to loaded images.
+ * @default
+ */
+ this.crossOrigin = false;
+
+ /**
+ * If you want to append a URL before the path of any asset you can set this here.
+ * Useful if you need to allow an asset url to be configured outside of the game code.
+ * MUST have / on the end of it!
+ * @property {string} baseURL
+ * @default
+ */
+ this.baseURL = '';
+
+ /**
+ * @property {Phaser.Signal} onFileComplete - Event signal.
+ */
+ this.onFileComplete = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onFileError - Event signal.
+ */
+ this.onFileError = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onLoadStart - Event signal.
+ */
+ this.onLoadStart = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onLoadComplete - Event signal.
+ */
+ this.onLoadComplete = new Phaser.Signal();
+
+};
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY = 0;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Loader.TEXTURE_ATLAS_JSON_HASH = 1;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Loader.TEXTURE_ATLAS_XML_STARLING = 2;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Loader.PHYSICS_LIME_CORONA = 3;
+
+Phaser.Loader.prototype = {
+
+ /**
+ * You can set a Sprite to be a "preload" sprite by passing it to this method.
+ * A "preload" sprite will have its width or height crop adjusted based on the percentage of the loader in real-time.
+ * This allows you to easily make loading bars for games. Note that Sprite.visible = true will be set when calling this.
+ *
+ * @method Phaser.Loader#setPreloadSprite
+ * @param {Phaser.Sprite|Phaser.Image} sprite - The sprite that will be cropped during the load.
+ * @param {number} [direction=0] - A value of zero means the sprite width will be cropped, a value of 1 means its height will be cropped.
+ */
+ setPreloadSprite: function (sprite, direction) {
+
+ direction = direction || 0;
+
+ this.preloadSprite = { sprite: sprite, direction: direction, width: sprite.width, height: sprite.height, crop: null };
+
+ if (direction === 0)
+ {
+ // Horizontal crop
+ this.preloadSprite.crop = new Phaser.Rectangle(0, 0, 1, sprite.height);
+ }
+ else
+ {
+ // Vertical crop
+ this.preloadSprite.crop = new Phaser.Rectangle(0, 0, sprite.width, 1);
+ }
+
+ sprite.crop(this.preloadSprite.crop);
+
+ sprite.visible = true;
+
+ },
+
+ /**
+ * Check whether asset exists with a specific key.
+ *
+ * @method Phaser.Loader#checkKeyExists
+ * @param {string} type - The type asset you want to check.
+ * @param {string} key - Key of the asset you want to check.
+ * @return {boolean} Return true if exists, otherwise return false.
+ */
+ checkKeyExists: function (type, key) {
+
+ if (this._fileList.length > 0)
+ {
+ for (var i = 0; i < this._fileList.length; i++)
+ {
+ if (this._fileList[i].type === type && this._fileList[i].key === key)
+ {
+ return true;
+ }
+ }
+ }
+
+ return false;
+
+ },
+
+ /**
+ * Gets the fileList index for the given key.
+ *
+ * @method Phaser.Loader#getAssetIndex
+ * @param {string} type - The type asset you want to check.
+ * @param {string} key - Key of the asset you want to check.
+ * @return {number} The index of this key in the filelist, or -1 if not found.
+ */
+ getAssetIndex: function (type, key) {
+
+ if (this._fileList.length > 0)
+ {
+ for (var i = 0; i < this._fileList.length; i++)
+ {
+ if (this._fileList[i].type === type && this._fileList[i].key === key)
+ {
+ return i;
+ }
+ }
+ }
+
+ return -1;
+
+ },
+
+ /**
+ * Gets the asset that is queued for load.
+ *
+ * @method Phaser.Loader#getAsset
+ * @param {string} type - The type asset you want to check.
+ * @param {string} key - Key of the asset you want to check.
+ * @return {any} Returns an object if found that has 2 properties: index and file. Otherwise false.
+ */
+ getAsset: function (type, key) {
+
+ if (this._fileList.length > 0)
+ {
+ for (var i = 0; i < this._fileList.length; i++)
+ {
+ if (this._fileList[i].type === type && this._fileList[i].key === key)
+ {
+ return { index: i, file: this._fileList[i] };
+ }
+ }
+ }
+
+ return false;
+
+ },
+
+ /**
+ * Reset loader, this will remove the load queue.
+ *
+ * @method Phaser.Loader#reset
+ */
+ reset: function () {
+
+ this.preloadSprite = null;
+ this.isLoading = false;
+ this._fileList.length = 0;
+ this._fileIndex = 0;
+
+ },
+
+ /**
+ * Internal function that adds a new entry to the file list. Do not call directly.
+ *
+ * @method Phaser.Loader#addToFileList
+ * @param {string} type - The type of resource to add to the list (image, audio, xml, etc).
+ * @param {string} key - The unique Cache ID key of this resource.
+ * @param {string} url - The URL the asset will be loaded from.
+ * @param {object} properties - Any additional properties needed to load the file.
+ * @protected
+ */
+ addToFileList: function (type, key, url, properties) {
+
+ var entry = {
+ type: type,
+ key: key,
+ url: url,
+ data: null,
+ error: false,
+ loaded: false
+ };
+
+ if (typeof properties !== "undefined")
+ {
+ for (var prop in properties)
+ {
+ entry[prop] = properties[prop];
+ }
+ }
+
+ if (this.checkKeyExists(type, key) === false)
+ {
+ this._fileList.push(entry);
+ }
+
+ },
+
+ /**
+ * Internal function that replaces an existing entry in the file list with a new one. Do not call directly.
+ *
+ * @method Phaser.Loader#replaceInFileList
+ * @param {string} type - The type of resource to add to the list (image, audio, xml, etc).
+ * @param {string} key - The unique Cache ID key of this resource.
+ * @param {string} url - The URL the asset will be loaded from.
+ * @param {object} properties - Any additional properties needed to load the file.
+ * @protected
+ */
+ replaceInFileList: function (type, key, url, properties) {
+
+ var entry = {
+ type: type,
+ key: key,
+ url: url,
+ data: null,
+ error: false,
+ loaded: false
+ };
+
+ if (typeof properties !== "undefined")
+ {
+ for (var prop in properties)
+ {
+ entry[prop] = properties[prop];
+ }
+ }
+
+ var index = this.getAssetIndex(type, key);
+
+ if (index === -1)
+ {
+ this._fileList.push(entry);
+ }
+ else
+ {
+ this._fileList[index] = entry;
+ }
+
+ },
+
+ /**
+ * Add an image to the Loader.
+ *
+ * @method Phaser.Loader#image
+ * @param {string} key - Unique asset key of this image file.
+ * @param {string} url - URL of image file.
+ * @param {boolean} [overwrite=false] - If an unloaded file with a matching key already exists in the queue, this entry will overwrite it.
+ * @return {Phaser.Loader} This Loader instance.
+ */
+ image: function (key, url, overwrite) {
+
+ if (typeof overwrite === "undefined") { overwrite = false; }
+
+ if (overwrite)
+ {
+ this.replaceInFileList('image', key, url);
+ }
+ else
+ {
+ this.addToFileList('image', key, url);
+ }
+
+ return this;
+
+ },
+
+ /**
+ * Add a text file to the Loader.
+ *
+ * @method Phaser.Loader#text
+ * @param {string} key - Unique asset key of the text file.
+ * @param {string} url - URL of the text file.
+ * @param {boolean} [overwrite=false] - If an unloaded file with a matching key already exists in the queue, this entry will overwrite it.
+ * @return {Phaser.Loader} This Loader instance.
+ */
+ text: function (key, url, overwrite) {
+
+ if (typeof overwrite === "undefined") { overwrite = false; }
+
+ if (overwrite)
+ {
+ this.replaceInFileList('text', key, url);
+ }
+ else
+ {
+ this.addToFileList('text', key, url);
+ }
+
+ return this;
+
+ },
+
+ /**
+ * Add a json file to the Loader.
+ *
+ * @method Phaser.Loader#json
+ * @param {string} key - Unique asset key of the json file.
+ * @param {string} url - URL of the json file.
+ * @param {boolean} [overwrite=false] - If an unloaded file with a matching key already exists in the queue, this entry will overwrite it.
+ * @return {Phaser.Loader} This Loader instance.
+ */
+ json: function (key, url, overwrite) {
+
+ if (typeof overwrite === "undefined") { overwrite = false; }
+
+ if (overwrite)
+ {
+ this.replaceInFileList('json', key, url);
+ }
+ else
+ {
+ this.addToFileList('json', key, url);
+ }
+
+ return this;
+
+ },
+
+ /**
+ * Add a JavaScript file to the Loader. Once loaded the JavaScript file will be automatically turned into a script tag (and executed), so be careful what you load!
+ * You can also specify a callback. This will be executed as soon as the script tag has been created.
+ *
+ * @method Phaser.Loader#script
+ * @param {string} key - Unique asset key of the script file.
+ * @param {string} url - URL of the JavaScript file.
+ * @param {function} [callback] - Optional callback that will be called after the script tag has loaded, so you can perform additional processing.
+ * @param {function} [callbackContext] - The context under which the callback will be applied. If not specified it will use the callback itself as the context.
+ * @return {Phaser.Loader} This Loader instance.
+ */
+ script: function (key, url, callback, callbackContext) {
+
+ if (typeof callback === 'undefined') { callback = false; }
+ if (callback !== false && typeof callbackContext === 'undefined') { callbackContext = callback; }
+
+ this.addToFileList('script', key, url, { callback: callback, callbackContext: callbackContext });
+
+ return this;
+
+ },
+
+ /**
+ * Add a binary file to the Loader. It will be loaded via xhr with a responseType of "arraybuffer". You can specify an optional callback to process the file after load.
+ * When the callback is called it will be passed 2 parameters: the key of the file and the file data.
+ * WARNING: If you specify a callback, the file data will be set to whatever your callback returns. So always return the data object, even if you didn't modify it.
+ *
+ * @method Phaser.Loader#binary
+ * @param {string} key - Unique asset key of the binary file.
+ * @param {string} url - URL of the binary file.
+ * @param {function} [callback] - Optional callback that will be passed the file after loading, so you can perform additional processing on it.
+ * @param {function} [callbackContext] - The context under which the callback will be applied. If not specified it will use the callback itself as the context.
+ * @return {Phaser.Loader} This Loader instance.
+ */
+ binary: function (key, url, callback, callbackContext) {
+
+ if (typeof callback === 'undefined') { callback = false; }
+ if (callback !== false && typeof callbackContext === 'undefined') { callbackContext = callback; }
+
+ this.addToFileList('binary', key, url, { callback: callback, callbackContext: callbackContext });
+
+ return this;
+
+ },
+
+ /**
+ * Add a new sprite sheet to the loader.
+ *
+ * @method Phaser.Loader#spritesheet
+ * @param {string} key - Unique asset key of the sheet file.
+ * @param {string} url - URL of the sheet file.
+ * @param {number} frameWidth - Width of each single frame.
+ * @param {number} frameHeight - Height of each single frame.
+ * @param {number} [frameMax=-1] - How many frames in this sprite sheet. If not specified it will divide the whole image into frames.
+ * @param {number} [margin=0] - If the frames have been drawn with a margin, specify the amount here.
+ * @param {number} [spacing=0] - If the frames have been drawn with spacing between them, specify the amount here.
+ * @return {Phaser.Loader} This Loader instance.
+ */
+ spritesheet: function (key, url, frameWidth, frameHeight, frameMax, margin, spacing) {
+
+ if (typeof frameMax === "undefined") { frameMax = -1; }
+ if (typeof margin === "undefined") { margin = 0; }
+ if (typeof spacing === "undefined") { spacing = 0; }
+
+ this.addToFileList('spritesheet', key, url, { frameWidth: frameWidth, frameHeight: frameHeight, frameMax: frameMax, margin: margin, spacing: spacing });
+
+ return this;
+
+ },
+
+ /**
+ * Add a new audio file to the loader.
+ *
+ * @method Phaser.Loader#audio
+ * @param {string} key - Unique asset key of the audio file.
+ * @param {Array|string} urls - An array containing the URLs of the audio files, i.e.: [ 'jump.mp3', 'jump.ogg', 'jump.m4a' ] or a single string containing just one URL.
+ * @param {boolean} autoDecode - When using Web Audio the audio files can either be decoded at load time or run-time. They can't be played until they are decoded, but this let's you control when that happens. Decoding is a non-blocking async process.
+ * @return {Phaser.Loader} This Loader instance.
+ */
+ audio: function (key, urls, autoDecode) {
+
+ if (typeof autoDecode === "undefined") { autoDecode = true; }
+
+ this.addToFileList('audio', key, urls, { buffer: null, autoDecode: autoDecode });
+
+ return this;
+
+ },
+
+ /**
+ * Add a new tilemap loading request.
+ *
+ * @method Phaser.Loader#tilemap
+ * @param {string} key - Unique asset key of the tilemap data.
+ * @param {string} [mapDataURL] - The url of the map data file (csv/json)
+ * @param {object} [mapData] - An optional JSON data object. If given then the mapDataURL is ignored and this JSON object is used for map data instead.
+ * @param {number} [format=Phaser.Tilemap.CSV] - The format of the map data. Either Phaser.Tilemap.CSV or Phaser.Tilemap.TILED_JSON.
+ * @return {Phaser.Loader} This Loader instance.
+ */
+ tilemap: function (key, mapDataURL, mapData, format) {
+
+ if (typeof mapDataURL === "undefined") { mapDataURL = null; }
+ if (typeof mapData === "undefined") { mapData = null; }
+ if (typeof format === "undefined") { format = Phaser.Tilemap.CSV; }
+
+ if (mapDataURL == null && mapData == null)
+ {
+ console.warn('Phaser.Loader.tilemap - Both mapDataURL and mapData are null. One must be set.');
+
+ return this;
+ }
+
+ // A map data object has been given
+ if (mapData)
+ {
+ switch (format)
+ {
+ // A csv string or object has been given
+ case Phaser.Tilemap.CSV:
+ break;
+
+ // An xml string or object has been given
+ case Phaser.Tilemap.TILED_JSON:
+
+ if (typeof mapData === 'string')
+ {
+ mapData = JSON.parse(mapData);
+ }
+ break;
+ }
+
+ this.game.cache.addTilemap(key, null, mapData, format);
+ }
+ else
+ {
+ this.addToFileList('tilemap', key, mapDataURL, { format: format });
+ }
+
+ return this;
+
+ },
+
+ /**
+ * Add a new physics data object loading request.
+ * The data must be in Lime + Corona JSON format. Physics Editor by code'n'web exports in this format natively.
+ *
+ * @method Phaser.Loader#physics
+ * @param {string} key - Unique asset key of the physics json data.
+ * @param {string} [dataURL] - The url of the map data file (csv/json)
+ * @param {object} [jsonData] - An optional JSON data object. If given then the dataURL is ignored and this JSON object is used for physics data instead.
+ * @param {string} [format=Phaser.Physics.LIME_CORONA_JSON] - The format of the physics data.
+ * @return {Phaser.Loader} This Loader instance.
+ */
+ physics: function (key, dataURL, jsonData, format) {
+
+ if (typeof dataURL === "undefined") { dataURL = null; }
+ if (typeof jsonData === "undefined") { jsonData = null; }
+ if (typeof format === "undefined") { format = Phaser.Physics.LIME_CORONA_JSON; }
+
+ if (dataURL == null && jsonData == null)
+ {
+ console.warn('Phaser.Loader.physics - Both dataURL and jsonData are null. One must be set.');
+
+ return this;
+ }
+
+ // A map data object has been given
+ if (jsonData)
+ {
+ if (typeof jsonData === 'string')
+ {
+ jsonData = JSON.parse(jsonData);
+ }
+
+ this.game.cache.addPhysicsData(key, null, jsonData, format);
+ }
+ else
+ {
+ this.addToFileList('physics', key, dataURL, { format: format });
+ }
+
+ return this;
+
+ },
+
+ /**
+ * Add a new bitmap font loading request.
+ *
+ * @method Phaser.Loader#bitmapFont
+ * @param {string} key - Unique asset key of the bitmap font.
+ * @param {string} textureURL - The url of the font image file.
+ * @param {string} [xmlURL] - The url of the font data file (xml/fnt)
+ * @param {object} [xmlData] - An optional XML data object.
+ * @param {number} [xSpacing=0] - If you'd like to add additional horizontal spacing between the characters then set the pixel value here.
+ * @param {number} [ySpacing=0] - If you'd like to add additional vertical spacing between the lines then set the pixel value here.
+ * @return {Phaser.Loader} This Loader instance.
+ */
+ bitmapFont: function (key, textureURL, xmlURL, xmlData, xSpacing, ySpacing) {
+
+ if (typeof xmlURL === "undefined") { xmlURL = null; }
+ if (typeof xmlData === "undefined") { xmlData = null; }
+ if (typeof xSpacing === "undefined") { xSpacing = 0; }
+ if (typeof ySpacing === "undefined") { ySpacing = 0; }
+
+ // A URL to a json/xml file has been given
+ if (xmlURL)
+ {
+ this.addToFileList('bitmapfont', key, textureURL, { xmlURL: xmlURL, xSpacing: xSpacing, ySpacing: ySpacing });
+ }
+ else
+ {
+ // An xml string or object has been given
+ if (typeof xmlData === 'string')
+ {
+ var xml;
+
+ try {
+ if (window['DOMParser'])
+ {
+ var domparser = new DOMParser();
+ xml = domparser.parseFromString(xmlData, "text/xml");
+ }
+ else
+ {
+ xml = new ActiveXObject("Microsoft.XMLDOM");
+ xml.async = 'false';
+ xml.loadXML(xmlData);
+ }
+ }
+ catch (e)
+ {
+ xml = undefined;
+ }
+
+ if (!xml || !xml.documentElement || xml.getElementsByTagName("parsererror").length)
+ {
+ throw new Error("Phaser.Loader. Invalid Bitmap Font XML given");
+ }
+ else
+ {
+ this.addToFileList('bitmapfont', key, textureURL, { xmlURL: null, xmlData: xml, xSpacing: xSpacing, ySpacing: ySpacing });
+ }
+ }
+ }
+
+ return this;
+
+ },
+
+ /**
+ * Add a new texture atlas to the loader. This atlas uses the JSON Array data format.
+ *
+ * @method Phaser.Loader#atlasJSONArray
+ * @param {string} key - Unique asset key of the texture atlas file.
+ * @param {string} textureURL - The url of the texture atlas image file.
+ * @param {string} [atlasURL] - The url of the texture atlas data file (json/xml). You don't need this if you are passing an atlasData object instead.
+ * @param {object} [atlasData] - A JSON or XML data object. You don't need this if the data is being loaded from a URL.
+ * @return {Phaser.Loader} This Loader instance.
+ */
+ atlasJSONArray: function (key, textureURL, atlasURL, atlasData) {
+
+ return this.atlas(key, textureURL, atlasURL, atlasData, Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY);
+
+ },
+
+ /**
+ * Add a new texture atlas to the loader. This atlas uses the JSON Hash data format.
+ *
+ * @method Phaser.Loader#atlasJSONHash
+ * @param {string} key - Unique asset key of the texture atlas file.
+ * @param {string} textureURL - The url of the texture atlas image file.
+ * @param {string} [atlasURL] - The url of the texture atlas data file (json/xml). You don't need this if you are passing an atlasData object instead.
+ * @param {object} [atlasData] - A JSON or XML data object. You don't need this if the data is being loaded from a URL.
+ * @return {Phaser.Loader} This Loader instance.
+ */
+ atlasJSONHash: function (key, textureURL, atlasURL, atlasData) {
+
+ return this.atlas(key, textureURL, atlasURL, atlasData, Phaser.Loader.TEXTURE_ATLAS_JSON_HASH);
+
+ },
+
+ /**
+ * Add a new texture atlas to the loader. This atlas uses the Starling XML data format.
+ *
+ * @method Phaser.Loader#atlasXML
+ * @param {string} key - Unique asset key of the texture atlas file.
+ * @param {string} textureURL - The url of the texture atlas image file.
+ * @param {string} [atlasURL] - The url of the texture atlas data file (json/xml). You don't need this if you are passing an atlasData object instead.
+ * @param {object} [atlasData] - A JSON or XML data object. You don't need this if the data is being loaded from a URL.
+ * @return {Phaser.Loader} This Loader instance.
+ */
+ atlasXML: function (key, textureURL, atlasURL, atlasData) {
+
+ return this.atlas(key, textureURL, atlasURL, atlasData, Phaser.Loader.TEXTURE_ATLAS_XML_STARLING);
+
+ },
+
+ /**
+ * Add a new texture atlas to the loader.
+ *
+ * @method Phaser.Loader#atlas
+ * @param {string} key - Unique asset key of the texture atlas file.
+ * @param {string} textureURL - The url of the texture atlas image file.
+ * @param {string} [atlasURL] - The url of the texture atlas data file (json/xml). You don't need this if you are passing an atlasData object instead.
+ * @param {object} [atlasData] - A JSON or XML data object. You don't need this if the data is being loaded from a URL.
+ * @param {number} [format] - A value describing the format of the data, the default is Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY.
+ * @return {Phaser.Loader} This Loader instance.
+ */
+ atlas: function (key, textureURL, atlasURL, atlasData, format) {
+
+ if (typeof atlasURL === "undefined") { atlasURL = null; }
+ if (typeof atlasData === "undefined") { atlasData = null; }
+ if (typeof format === "undefined") { format = Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY; }
+
+ // A URL to a json/xml file has been given
+ if (atlasURL)
+ {
+ this.addToFileList('textureatlas', key, textureURL, { atlasURL: atlasURL, format: format });
+ }
+ else
+ {
+ switch (format)
+ {
+ // A json string or object has been given
+ case Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY:
+
+ if (typeof atlasData === 'string')
+ {
+ atlasData = JSON.parse(atlasData);
+ }
+ break;
+
+ // An xml string or object has been given
+ case Phaser.Loader.TEXTURE_ATLAS_XML_STARLING:
+
+ if (typeof atlasData === 'string')
+ {
+ var xml;
+
+ try {
+ if (window['DOMParser'])
+ {
+ var domparser = new DOMParser();
+ xml = domparser.parseFromString(atlasData, "text/xml");
+ }
+ else
+ {
+ xml = new ActiveXObject("Microsoft.XMLDOM");
+ xml.async = 'false';
+ xml.loadXML(atlasData);
+ }
+ }
+ catch (e)
+ {
+ xml = undefined;
+ }
+
+ if (!xml || !xml.documentElement || xml.getElementsByTagName("parsererror").length)
+ {
+ throw new Error("Phaser.Loader. Invalid Texture Atlas XML given");
+ }
+ else
+ {
+ atlasData = xml;
+ }
+ }
+ break;
+ }
+
+ this.addToFileList('textureatlas', key, textureURL, { atlasURL: null, atlasData: atlasData, format: format });
+
+ }
+
+ return this;
+
+ },
+
+ /**
+ * Remove loading request of a file.
+ *
+ * @method Phaser.Loader#removeFile
+ * @param {string} type - The type of resource to add to the list (image, audio, xml, etc).
+ * @param {string} key - Key of the file you want to remove.
+ */
+ removeFile: function (type, key) {
+
+ var file = this.getAsset(type, key);
+
+ if (file !== false)
+ {
+ this._fileList.splice(file.index, 1);
+ }
+
+ },
+
+ /**
+ * Remove all file loading requests.
+ *
+ * @method Phaser.Loader#removeAll
+ */
+ removeAll: function () {
+
+ this._fileList.length = 0;
+
+ },
+
+ /**
+ * Start loading the assets. Normally you don't need to call this yourself as the StateManager will do so.
+ *
+ * @method Phaser.Loader#start
+ */
+ start: function () {
+
+ if (this.isLoading)
+ {
+ return;
+ }
+
+ this.progress = 0;
+ this.progressFloat = 0;
+ this.hasLoaded = false;
+ this.isLoading = true;
+
+ this.onLoadStart.dispatch(this._fileList.length);
+
+ if (this._fileList.length > 0)
+ {
+ this._fileIndex = 0;
+ this._progressChunk = 100 / this._fileList.length;
+ this.loadFile();
+ }
+ else
+ {
+ this.progress = 100;
+ this.progressFloat = 100;
+ this.hasLoaded = true;
+ this.onLoadComplete.dispatch();
+ }
+
+ },
+
+ /**
+ * Load files. Private method ONLY used by loader.
+ *
+ * @method Phaser.Loader#loadFile
+ * @private
+ */
+ loadFile: function () {
+
+ if (!this._fileList[this._fileIndex])
+ {
+ console.warn('Phaser.Loader loadFile invalid index ' + this._fileIndex);
+ return;
+ }
+
+ var file = this._fileList[this._fileIndex];
+ var _this = this;
+
+ // Image or Data?
+ switch (file.type)
+ {
+ case 'image':
+ case 'spritesheet':
+ case 'textureatlas':
+ case 'bitmapfont':
+ file.data = new Image();
+ file.data.name = file.key;
+ file.data.onload = function () {
+ return _this.fileComplete(_this._fileIndex);
+ };
+ file.data.onerror = function () {
+ return _this.fileError(_this._fileIndex);
+ };
+ if (this.crossOrigin)
+ {
+ file.data.crossOrigin = this.crossOrigin;
+ }
+ file.data.src = this.baseURL + file.url;
+ break;
+
+ case 'audio':
+ file.url = this.getAudioURL(file.url);
+
+ if (file.url !== null)
+ {
+ // WebAudio or Audio Tag?
+ if (this.game.sound.usingWebAudio)
+ {
+ this._xhr.open("GET", this.baseURL + file.url, true);
+ this._xhr.responseType = "arraybuffer";
+ this._xhr.onload = function () {
+ return _this.fileComplete(_this._fileIndex);
+ };
+ this._xhr.onerror = function () {
+ return _this.fileError(_this._fileIndex);
+ };
+ this._xhr.send();
+ }
+ else if (this.game.sound.usingAudioTag)
+ {
+ if (this.game.sound.touchLocked)
+ {
+ // If audio is locked we can't do this yet, so need to queue this load request. Bum.
+ file.data = new Audio();
+ file.data.name = file.key;
+ file.data.preload = 'auto';
+ file.data.src = this.baseURL + file.url;
+ this.fileComplete(this._fileIndex);
+ }
+ else
+ {
+ file.data = new Audio();
+ file.data.name = file.key;
+ file.data.onerror = function () {
+ return _this.fileError(_this._fileIndex);
+ };
+ file.data.preload = 'auto';
+ file.data.src = this.baseURL + file.url;
+ file.data.addEventListener('canplaythrough', Phaser.GAMES[this.game.id].load.fileComplete(this._fileIndex), false);
+ file.data.load();
+ }
+ }
+ }
+ else
+ {
+ this.fileError(this._fileIndex);
+ }
+
+ break;
+
+ case 'json':
+ this._xhr.open("GET", this.baseURL + file.url, true);
+ this._xhr.responseType = "text";
+ this._xhr.onload = function () {
+ return _this.jsonLoadComplete(_this._fileIndex);
+ };
+ this._xhr.send();
+ break;
+
+ case 'tilemap':
+ this._xhr.open("GET", this.baseURL + file.url, true);
+ this._xhr.responseType = "text";
+
+ if (file.format === Phaser.Tilemap.TILED_JSON)
+ {
+ this._xhr.onload = function () {
+ return _this.jsonLoadComplete(_this._fileIndex);
+ };
+ }
+ else if (file.format === Phaser.Tilemap.CSV)
+ {
+ this._xhr.onload = function () {
+ return _this.csvLoadComplete(_this._fileIndex);
+ };
+ }
+ else
+ {
+ throw new Error("Phaser.Loader. Invalid Tilemap format: " + file.format);
+ }
+
+ this._xhr.onerror = function () {
+ return _this.dataLoadError(_this._fileIndex);
+ };
+ this._xhr.send();
+ break;
+
+ case 'text':
+ case 'script':
+ case 'physics':
+ this._xhr.open("GET", this.baseURL + file.url, true);
+ this._xhr.responseType = "text";
+ this._xhr.onload = function () {
+ return _this.fileComplete(_this._fileIndex);
+ };
+ this._xhr.onerror = function () {
+ return _this.fileError(_this._fileIndex);
+ };
+ this._xhr.send();
+ break;
+
+ case 'binary':
+ this._xhr.open("GET", this.baseURL + file.url, true);
+ this._xhr.responseType = "arraybuffer";
+ this._xhr.onload = function () {
+ return _this.fileComplete(_this._fileIndex);
+ };
+ this._xhr.onerror = function () {
+ return _this.fileError(_this._fileIndex);
+ };
+ this._xhr.send();
+ break;
+ }
+
+ },
+
+ /**
+ * Private method ONLY used by loader.
+ * @method Phaser.Loader#getAudioURL
+ * @param {array|string} urls - Either an array of audio file URLs or a string containing a single URL path.
+ * @private
+ */
+ getAudioURL: function (urls) {
+
+ var extension;
+
+ if (typeof urls === 'string') { urls = [urls]; }
+
+ for (var i = 0; i < urls.length; i++)
+ {
+ extension = urls[i].toLowerCase();
+ extension = extension.substr((Math.max(0, extension.lastIndexOf(".")) || Infinity) + 1);
+
+ if (this.game.device.canPlayAudio(extension))
+ {
+ return urls[i];
+ }
+
+ }
+
+ return null;
+
+ },
+
+ /**
+ * Error occured when loading a file.
+ *
+ * @method Phaser.Loader#fileError
+ * @param {number} index - The index of the file in the file queue that errored.
+ */
+ fileError: function (index) {
+
+ this._fileList[index].loaded = true;
+ this._fileList[index].error = true;
+
+ this.onFileError.dispatch(this._fileList[index].key, this._fileList[index]);
+
+ console.warn("Phaser.Loader error loading file: " + this._fileList[index].key + ' from URL ' + this._fileList[index].url);
+
+ this.nextFile(index, false);
+
+ },
+
+ /**
+ * Called when a file is successfully loaded.
+ *
+ * @method Phaser.Loader#fileComplete
+ * @param {number} index - The index of the file in the file queue that loaded.
+ */
+ fileComplete: function (index) {
+
+ if (!this._fileList[index])
+ {
+ console.warn('Phaser.Loader fileComplete invalid index ' + index);
+ return;
+ }
+
+ var file = this._fileList[index];
+ file.loaded = true;
+
+ var loadNext = true;
+ var _this = this;
+
+ switch (file.type)
+ {
+ case 'image':
+
+ this.game.cache.addImage(file.key, file.url, file.data);
+ break;
+
+ case 'spritesheet':
+
+ this.game.cache.addSpriteSheet(file.key, file.url, file.data, file.frameWidth, file.frameHeight, file.frameMax, file.margin, file.spacing);
+ break;
+
+ case 'textureatlas':
+
+ if (file.atlasURL == null)
+ {
+ this.game.cache.addTextureAtlas(file.key, file.url, file.data, file.atlasData, file.format);
+ }
+ else
+ {
+ // Load the JSON or XML before carrying on with the next file
+ loadNext = false;
+ this._xhr.open("GET", this.baseURL + file.atlasURL, true);
+ this._xhr.responseType = "text";
+
+ if (file.format == Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY || file.format == Phaser.Loader.TEXTURE_ATLAS_JSON_HASH)
+ {
+ this._xhr.onload = function () {
+ return _this.jsonLoadComplete(index);
+ };
+ }
+ else if (file.format == Phaser.Loader.TEXTURE_ATLAS_XML_STARLING)
+ {
+ this._xhr.onload = function () {
+ return _this.xmlLoadComplete(index);
+ };
+ }
+ else
+ {
+ throw new Error("Phaser.Loader. Invalid Texture Atlas format: " + file.format);
+ }
+
+ this._xhr.onerror = function () {
+ return _this.dataLoadError(index);
+ };
+ this._xhr.send();
+ }
+ break;
+
+ case 'bitmapfont':
+
+ if (file.xmlURL == null)
+ {
+ this.game.cache.addBitmapFont(file.key, file.url, file.data, file.xmlData, file.xSpacing, file.ySpacing);
+ }
+ else
+ {
+ // Load the XML before carrying on with the next file
+ loadNext = false;
+ this._xhr.open("GET", this.baseURL + file.xmlURL, true);
+ this._xhr.responseType = "text";
+
+ this._xhr.onload = function () {
+ return _this.xmlLoadComplete(index);
+ };
+
+ this._xhr.onerror = function () {
+ return _this.dataLoadError(index);
+ };
+ this._xhr.send();
+ }
+ break;
+
+ case 'audio':
+
+ if (this.game.sound.usingWebAudio)
+ {
+ file.data = this._xhr.response;
+
+ this.game.cache.addSound(file.key, file.url, file.data, true, false);
+
+ if (file.autoDecode)
+ {
+ this.game.cache.updateSound(key, 'isDecoding', true);
+
+ var that = this;
+ var key = file.key;
+
+ this.game.sound.context.decodeAudioData(file.data, function (buffer) {
+ if (buffer)
+ {
+ that.game.cache.decodedSound(key, buffer);
+ that.game.sound.onSoundDecode.dispatch(key, that.game.cache.getSound(key));
+ }
+ });
+ }
+ }
+ else
+ {
+ file.data.removeEventListener('canplaythrough', Phaser.GAMES[this.game.id].load.fileComplete);
+ this.game.cache.addSound(file.key, file.url, file.data, false, true);
+ }
+ break;
+
+ case 'text':
+ file.data = this._xhr.responseText;
+ this.game.cache.addText(file.key, file.url, file.data);
+ break;
+
+ case 'physics':
+ var data = JSON.parse(this._xhr.responseText);
+ this.game.cache.addPhysicsData(file.key, file.url, data, file.format);
+ break;
+
+ case 'script':
+ file.data = document.createElement('script');
+ file.data.language = 'javascript';
+ file.data.type = 'text/javascript';
+ file.data.defer = false;
+ file.data.text = this._xhr.responseText;
+ document.head.appendChild(file.data);
+ if (file.callback)
+ {
+ file.data = file.callback.call(file.callbackContext, file.key, this._xhr.responseText);
+ }
+ break;
+
+ case 'binary':
+ if (file.callback)
+ {
+ file.data = file.callback.call(file.callbackContext, file.key, this._xhr.response);
+ }
+ else
+ {
+ file.data = this._xhr.response;
+ }
+
+ this.game.cache.addBinary(file.key, file.data);
+
+ break;
+ }
+
+ if (loadNext)
+ {
+ this.nextFile(index, true);
+ }
+
+ },
+
+ /**
+ * Successfully loaded a JSON file.
+ *
+ * @method Phaser.Loader#jsonLoadComplete
+ * @param {number} index - The index of the file in the file queue that loaded.
+ */
+ jsonLoadComplete: function (index) {
+
+ if (!this._fileList[index])
+ {
+ console.warn('Phaser.Loader jsonLoadComplete invalid index ' + index);
+ return;
+ }
+
+ var file = this._fileList[index];
+ var data = JSON.parse(this._xhr.responseText);
+
+ file.loaded = true;
+
+ if (file.type === 'tilemap')
+ {
+ this.game.cache.addTilemap(file.key, file.url, data, file.format);
+ }
+ else if (file.type === 'json')
+ {
+ this.game.cache.addJSON(file.key, file.url, data);
+ }
+ else
+ {
+ this.game.cache.addTextureAtlas(file.key, file.url, file.data, data, file.format);
+ }
+
+ this.nextFile(index, true);
+
+ },
+
+ /**
+ * Successfully loaded a CSV file.
+ *
+ * @method Phaser.Loader#csvLoadComplete
+ * @param {number} index - The index of the file in the file queue that loaded.
+ */
+ csvLoadComplete: function (index) {
+
+ if (!this._fileList[index])
+ {
+ console.warn('Phaser.Loader csvLoadComplete invalid index ' + index);
+ return;
+ }
+
+ var file = this._fileList[index];
+ var data = this._xhr.responseText;
+
+ file.loaded = true;
+
+ this.game.cache.addTilemap(file.key, file.url, data, file.format);
+
+ this.nextFile(index, true);
+
+ },
+
+ /**
+ * Error occured when load a JSON.
+ *
+ * @method Phaser.Loader#dataLoadError
+ * @param {number} index - The index of the file in the file queue that errored.
+ */
+ dataLoadError: function (index) {
+
+ var file = this._fileList[index];
+
+ file.loaded = true;
+ file.error = true;
+
+ console.warn("Phaser.Loader dataLoadError: " + file.key);
+
+ this.nextFile(index, true);
+
+ },
+
+ /**
+ * Successfully loaded an XML file.
+ *
+ * @method Phaser.Loader#xmlLoadComplete
+ * @param {number} index - The index of the file in the file queue that loaded.
+ */
+ xmlLoadComplete: function (index) {
+
+ var data = this._xhr.responseText;
+ var xml;
+
+ try
+ {
+ if (window['DOMParser'])
+ {
+ var domparser = new DOMParser();
+ xml = domparser.parseFromString(data, "text/xml");
+ }
+ else
+ {
+ xml = new ActiveXObject("Microsoft.XMLDOM");
+ xml.async = 'false';
+ xml.loadXML(data);
+ }
+ }
+ catch (e)
+ {
+ xml = undefined;
+ }
+
+ if (!xml || !xml.documentElement || xml.getElementsByTagName("parsererror").length)
+ {
+ throw new Error("Phaser.Loader. Invalid XML given");
+ }
+
+ var file = this._fileList[index];
+ file.loaded = true;
+
+ if (file.type == 'bitmapfont')
+ {
+ this.game.cache.addBitmapFont(file.key, file.url, file.data, xml, file.xSpacing, file.ySpacing);
+ }
+ else if (file.type == 'textureatlas')
+ {
+ this.game.cache.addTextureAtlas(file.key, file.url, file.data, xml, file.format);
+ }
+
+ this.nextFile(index, true);
+
+ },
+
+ /**
+ * Handle loading next file.
+ *
+ * @param {number} previousIndex - Index of the previously loaded asset.
+ * @param {boolean} success - Whether the previous asset loaded successfully or not.
+ * @private
+ */
+ nextFile: function (previousIndex, success) {
+
+ this.progressFloat += this._progressChunk;
+ this.progress = Math.round(this.progressFloat);
+
+ if (this.progress > 100)
+ {
+ this.progress = 100;
+ }
+
+ if (this.preloadSprite !== null)
+ {
+ if (this.preloadSprite.direction === 0)
+ {
+ this.preloadSprite.crop.width = Math.floor((this.preloadSprite.width / 100) * this.progress);
+ }
+ else
+ {
+ this.preloadSprite.crop.height = Math.floor((this.preloadSprite.height / 100) * this.progress);
+ }
+ }
+
+ this.onFileComplete.dispatch(this.progress, this._fileList[previousIndex].key, success, this.totalLoadedFiles(), this._fileList.length);
+
+ if (this.totalQueuedFiles() > 0)
+ {
+ this._fileIndex++;
+ this.loadFile();
+ }
+ else
+ {
+ this.hasLoaded = true;
+ this.isLoading = false;
+
+ this.removeAll();
+
+ this.onLoadComplete.dispatch();
+ }
+
+ },
+
+ /**
+ * Returns the number of files that have already been loaded, even if they errored.
+ *
+ * @return {number} The number of files that have already been loaded (even if they errored)
+ */
+ totalLoadedFiles: function () {
+
+ var total = 0;
+
+ for (var i = 0; i < this._fileList.length; i++)
+ {
+ if (this._fileList[i].loaded)
+ {
+ total++;
+ }
+ }
+
+ return total;
+
+ },
+
+ /**
+ * Returns the number of files still waiting to be processed in the load queue. This value decreases as each file is in the queue is loaded.
+ *
+ * @return {number} The number of files that still remain in the load queue.
+ */
+ totalQueuedFiles: function () {
+
+ var total = 0;
+
+ for (var i = 0; i < this._fileList.length; i++)
+ {
+ if (this._fileList[i].loaded === false)
+ {
+ total++;
+ }
+ }
+
+ return total;
+
+ }
+
+};
+
+Phaser.Loader.prototype.constructor = Phaser.Loader;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Phaser.LoaderParser parses data objects from Phaser.Loader that need more preparation before they can be inserted into the Cache.
+*
+* @class Phaser.LoaderParser
+*/
+Phaser.LoaderParser = {
+
+ /**
+ * Parse a Bitmap Font from an XML file.
+ * @method Phaser.LoaderParser.bitmapFont
+ * @param {Phaser.Game} game - A reference to the current game.
+ * @param {object} xml - XML data you want to parse.
+ * @param {string} cacheKey - The key of the texture this font uses in the cache.
+ */
+ bitmapFont: function (game, xml, cacheKey, xSpacing, ySpacing) {
+
+ if (!xml || /MSIE 9/i.test(navigator.userAgent))
+ {
+ if (typeof(window.DOMParser) === 'function')
+ {
+ var domparser = new DOMParser();
+ xml = domparser.parseFromString(this.ajaxRequest.responseText, 'text/xml');
+ }
+ else
+ {
+ var div = document.createElement('div');
+ div.innerHTML = this.ajaxRequest.responseText;
+ xml = div;
+ }
+ }
+
+ var data = {};
+ var info = xml.getElementsByTagName('info')[0];
+ var common = xml.getElementsByTagName('common')[0];
+
+ data.font = info.getAttribute('face');
+ data.size = parseInt(info.getAttribute('size'), 10);
+ data.lineHeight = parseInt(common.getAttribute('lineHeight'), 10) + ySpacing;
+ data.chars = {};
+
+ var letters = xml.getElementsByTagName('char');
+ var texture = PIXI.TextureCache[cacheKey];
+
+ for (var i = 0; i < letters.length; i++)
+ {
+ var charCode = parseInt(letters[i].getAttribute('id'), 10);
+
+ var textureRect = new PIXI.Rectangle(
+ parseInt(letters[i].getAttribute('x'), 10),
+ parseInt(letters[i].getAttribute('y'), 10),
+ parseInt(letters[i].getAttribute('width'), 10),
+ parseInt(letters[i].getAttribute('height'), 10)
+ );
+
+ data.chars[charCode] = {
+ xOffset: parseInt(letters[i].getAttribute('xoffset'), 10),
+ yOffset: parseInt(letters[i].getAttribute('yoffset'), 10),
+ xAdvance: parseInt(letters[i].getAttribute('xadvance'), 10) + xSpacing,
+ kerning: {},
+ texture: PIXI.TextureCache[cacheKey] = new PIXI.Texture(texture, textureRect)
+ };
+ }
+
+ var kernings = xml.getElementsByTagName('kerning');
+
+ for (i = 0; i < kernings.length; i++)
+ {
+ var first = parseInt(kernings[i].getAttribute('first'), 10);
+ var second = parseInt(kernings[i].getAttribute('second'), 10);
+ var amount = parseInt(kernings[i].getAttribute('amount'), 10);
+
+ data.chars[second].kerning[first] = amount;
+ }
+
+ PIXI.BitmapText.fonts[cacheKey] = data;
+
+ }
+
+};
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* The Sound class constructor.
+*
+* @class Phaser.Sound
+* @classdesc The Sound class
+* @constructor
+* @param {Phaser.Game} game - Reference to the current game instance.
+* @param {string} key - Asset key for the sound.
+* @param {number} [volume=1] - Default value for the volume, between 0 and 1.
+* @param {boolean} [loop=false] - Whether or not the sound will loop.
+*/
+Phaser.Sound = function (game, key, volume, loop, connect) {
+
+ if (typeof volume == 'undefined') { volume = 1; }
+ if (typeof loop == 'undefined') { loop = false; }
+ if (typeof connect === 'undefined') { connect = game.sound.connectToMaster; }
+
+ /**
+ * A reference to the currently running Game.
+ * @property {Phaser.Game} game
+ */
+ this.game = game;
+
+ /**
+ * @property {string} name - Name of the sound.
+ */
+ this.name = key;
+
+ /**
+ * @property {string} key - Asset key for the sound.
+ */
+ this.key = key;
+
+ /**
+ * @property {boolean} loop - Whether or not the sound will loop.
+ */
+ this.loop = loop;
+
+ /**
+ * @property {number} _volume - The global audio volume. A value between 0 (silence) and 1 (full volume).
+ * @private
+ */
+ this._volume = volume;
+
+ /**
+ * @property {object} markers - The sound markers.
+ */
+ this.markers = {};
+
+ /**
+ * @property {AudioContext} context - Reference to the AudioContext instance.
+ */
+ this.context = null;
+
+ /**
+ * @property {Description} _buffer - Decoded data buffer / Audio tag.
+ * @private
+ */
+ this._buffer = null;
+
+ /**
+ * @property {boolean} _muted - Boolean indicating whether the sound is muted or not.
+ * @private
+ * @default
+ */
+ this._muted = false;
+
+ /**
+ * @property {boolean} autoplay - Boolean indicating whether the sound should start automatically.
+ */
+ this.autoplay = false;
+
+ /**
+ * @property {number} totalDuration - The total duration of the sound, in milliseconds
+ */
+ this.totalDuration = 0;
+
+ /**
+ * @property {number} startTime - The time the Sound starts at (typically 0 unless starting from a marker)
+ * @default
+ */
+ this.startTime = 0;
+
+ /**
+ * @property {number} currentTime - The current time the sound is at.
+ */
+ this.currentTime = 0;
+
+ /**
+ * @property {number} duration - The duration of the sound.
+ */
+ this.duration = 0;
+
+ /**
+ * @property {number} stopTime - The time the sound stopped.
+ */
+ this.stopTime = 0;
+
+ /**
+ * @property {boolean} paused - true if the sound is paused, otherwise false.
+ * @default
+ */
+ this.paused = false;
+
+ /**
+ * @property {number} pausedPosition - The position the sound had reached when it was paused.
+ */
+ this.pausedPosition = 0;
+
+ /**
+ * @property {number} pausedTime - The game time at which the sound was paused.
+ */
+ this.pausedTime = 0;
+
+ /**
+ * @property {boolean} isPlaying - true if the sound is currently playing, otherwise false.
+ * @default
+ */
+ this.isPlaying = false;
+
+ /**
+ * @property {string} currentMarker - The string ID of the currently playing marker, if any.
+ * @default
+ */
+ this.currentMarker = '';
+
+ /**
+ * @property {boolean} pendingPlayback - true if the sound file is pending playback
+ * @readonly
+ */
+ this.pendingPlayback = false;
+
+ /**
+ * @property {boolean} override - if true when you play this sound it will always start from the beginning.
+ * @default
+ */
+ this.override = false;
+
+ /**
+ * @property {boolean} usingWebAudio - true if this sound is being played with Web Audio.
+ * @readonly
+ */
+ this.usingWebAudio = this.game.sound.usingWebAudio;
+
+ /**
+ * @property {boolean} usingAudioTag - true if the sound is being played via the Audio tag.
+ */
+ this.usingAudioTag = this.game.sound.usingAudioTag;
+
+ /**
+ * @property {object} externalNode - If defined this Sound won't connect to the SoundManager master gain node, but will instead connect to externalNode.input.
+ */
+ this.externalNode = null;
+
+ if (this.usingWebAudio)
+ {
+ this.context = this.game.sound.context;
+ this.masterGainNode = this.game.sound.masterGain;
+
+ if (typeof this.context.createGain === 'undefined')
+ {
+ this.gainNode = this.context.createGainNode();
+ }
+ else
+ {
+ this.gainNode = this.context.createGain();
+ }
+
+ this.gainNode.gain.value = volume * this.game.sound.volume;
+
+ if (connect)
+ {
+ this.gainNode.connect(this.masterGainNode);
+ }
+ }
+ else
+ {
+ if (this.game.cache.getSound(key) && this.game.cache.isSoundReady(key))
+ {
+ this._sound = this.game.cache.getSoundData(key);
+ this.totalDuration = 0;
+
+ if (this._sound.duration)
+ {
+ this.totalDuration = this._sound.duration;
+ }
+ }
+ else
+ {
+ this.game.cache.onSoundUnlock.add(this.soundHasUnlocked, this);
+ }
+ }
+
+ /**
+ * @property {Phaser.Signal} onDecoded - The onDecoded event is dispatched when the sound has finished decoding (typically for mp3 files)
+ */
+ this.onDecoded = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onPlay - The onPlay event is dispatched each time this sound is played.
+ */
+ this.onPlay = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onPause - The onPause event is dispatched when this sound is paused.
+ */
+ this.onPause = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onResume - The onResume event is dispatched when this sound is resumed from a paused state.
+ */
+ this.onResume = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onLoop - The onLoop event is dispatched when this sound loops during playback.
+ */
+ this.onLoop = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onStop - The onStop event is dispatched when this sound stops playback.
+ */
+ this.onStop = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onMute - The onMouse event is dispatched when this sound is muted.
+ */
+ this.onMute = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onMarkerComplete - The onMarkerComplete event is dispatched when a marker within this sound completes playback.
+ */
+ this.onMarkerComplete = new Phaser.Signal();
+
+};
+
+Phaser.Sound.prototype = {
+
+ /**
+ * Called automatically when this sound is unlocked.
+ * @method Phaser.Sound#soundHasUnlocked
+ * @param {string} key - The Phaser.Cache key of the sound file to check for decoding.
+ * @protected
+ */
+ soundHasUnlocked: function (key) {
+
+ if (key == this.key)
+ {
+ this._sound = this.game.cache.getSoundData(this.key);
+ this.totalDuration = this._sound.duration;
+ // console.log('sound has unlocked' + this._sound);
+ }
+
+ },
+
+ /**
+ * Description.
+ * @method Phaser.Sound#addMarker
+ * @param {string} name - Description.
+ * @param {Description} start - Description.
+ * @param {Description} stop - Description.
+ * @param {Description} volume - Description.
+ * @param {Description} loop - Description.
+ addMarker: function (name, start, stop, volume, loop) {
+
+ volume = volume || 1;
+ if (typeof loop == 'undefined') { loop = false; }
+
+ this.markers[name] = {
+ name: name,
+ start: start,
+ stop: stop,
+ volume: volume,
+ duration: stop - start,
+ loop: loop
+ };
+
+ },
+ */
+
+ /**
+ * Adds a marker into the current Sound. A marker is represented by a unique key and a start time and duration.
+ * This allows you to bundle multiple sounds together into a single audio file and use markers to jump between them for playback.
+ *
+ * @method Phaser.Sound#addMarker
+ * @param {string} name - A unique name for this marker, i.e. 'explosion', 'gunshot', etc.
+ * @param {number} start - The start point of this marker in the audio file, given in seconds. 2.5 = 2500ms, 0.5 = 500ms, etc.
+ * @param {number} duration - The duration of the marker in seconds. 2.5 = 2500ms, 0.5 = 500ms, etc.
+ * @param {number} [volume=1] - The volume the sound will play back at, between 0 (silent) and 1 (full volume).
+ * @param {boolean} [loop=false] - Sets if the sound will loop or not.
+ */
+ addMarker: function (name, start, duration, volume, loop) {
+
+ volume = volume || 1;
+ if (typeof loop == 'undefined') { loop = false; }
+
+ this.markers[name] = {
+ name: name,
+ start: start,
+ stop: start + duration,
+ volume: volume,
+ duration: duration,
+ durationMS: duration * 1000,
+ loop: loop
+ };
+
+ },
+
+ /**
+ * Removes a marker from the sound.
+ * @method Phaser.Sound#removeMarker
+ * @param {string} name - The key of the marker to remove.
+ */
+ removeMarker: function (name) {
+
+ delete this.markers[name];
+
+ },
+
+ /**
+ * Called automatically by Phaser.SoundManager.
+ * @method Phaser.Sound#update
+ * @protected
+ */
+ update: function () {
+
+ if (this.pendingPlayback && this.game.cache.isSoundReady(this.key))
+ {
+ this.pendingPlayback = false;
+ this.play(this._tempMarker, this._tempPosition, this._tempVolume, this._tempLoop);
+ }
+
+ if (this.isPlaying)
+ {
+ this.currentTime = this.game.time.now - this.startTime;
+
+ if (this.currentTime >= this.durationMS)
+ {
+ // console.log(this.currentMarker, 'has hit duration');
+ if (this.usingWebAudio)
+ {
+ if (this.loop)
+ {
+ // console.log('loop1');
+ // won't work with markers, needs to reset the position
+ this.onLoop.dispatch(this);
+
+ if (this.currentMarker === '')
+ {
+ // console.log('loop2');
+ this.currentTime = 0;
+ this.startTime = this.game.time.now;
+ }
+ else
+ {
+ // console.log('loop3');
+ this.onMarkerComplete.dispatch(this.currentMarker, this);
+ this.play(this.currentMarker, 0, this.volume, true, true);
+ }
+ }
+ else
+ {
+ // console.log('stopping, no loop for marker');
+ this.stop();
+ }
+ }
+ else
+ {
+ if (this.loop)
+ {
+ this.onLoop.dispatch(this);
+ this.play(this.currentMarker, 0, this.volume, true, true);
+ }
+ else
+ {
+ this.stop();
+ }
+ }
+ }
+ }
+ },
+
+ /**
+ * Play this sound, or a marked section of it.
+ * @method Phaser.Sound#play
+ * @param {string} [marker=''] - If you want to play a marker then give the key here, otherwise leave blank to play the full sound.
+ * @param {number} [position=0] - The starting position to play the sound from - this is ignored if you provide a marker.
+ * @param {number} [volume=1] - Volume of the sound you want to play. If none is given it will use the volume given to the Sound when it was created (which defaults to 1 if none was specified).
+ * @param {boolean} [loop=false] - Loop when it finished playing?
+ * @param {boolean} [forceRestart=true] - If the sound is already playing you can set forceRestart to restart it from the beginning.
+ * @return {Phaser.Sound} This sound instance.
+ */
+ play: function (marker, position, volume, loop, forceRestart) {
+
+ marker = marker || '';
+ position = position || 0;
+
+ if (typeof volume === 'undefined') { volume = this._volume; }
+ if (typeof loop === 'undefined') { loop = this.loop; }
+ if (typeof forceRestart === 'undefined') { forceRestart = true; }
+
+ // console.log(this.name + ' play ' + marker + ' position ' + position + ' volume ' + volume + ' loop ' + loop, 'force', forceRestart);
+
+ if (this.isPlaying === true && forceRestart === false && this.override === false)
+ {
+ // Use Restart instead
+ return;
+ }
+
+ if (this.isPlaying && this.override)
+ {
+ // console.log('asked to play ' + marker + ' but already playing ' + this.currentMarker);
+
+ if (this.usingWebAudio)
+ {
+ if (typeof this._sound.stop === 'undefined')
+ {
+ this._sound.noteOff(0);
+ }
+ else
+ {
+ this._sound.stop(0);
+ }
+ }
+ else if (this.usingAudioTag)
+ {
+ this._sound.pause();
+ this._sound.currentTime = 0;
+ }
+ }
+
+ this.currentMarker = marker;
+
+ if (marker !== '')
+ {
+ if (this.markers[marker])
+ {
+ this.position = this.markers[marker].start;
+ this.volume = this.markers[marker].volume;
+ this.loop = this.markers[marker].loop;
+ this.duration = this.markers[marker].duration;
+ this.durationMS = this.markers[marker].durationMS;
+
+ // console.log('Marker Loaded: ', marker, 'start:', this.position, 'end: ', this.duration, 'loop', this.loop);
+
+ this._tempMarker = marker;
+ this._tempPosition = this.position;
+ this._tempVolume = this.volume;
+ this._tempLoop = this.loop;
+ }
+ else
+ {
+ console.warn("Phaser.Sound.play: audio marker " + marker + " doesn't exist");
+ return;
+ }
+ }
+ else
+ {
+ // console.log('no marker info loaded', marker);
+
+ this.position = position;
+ this.volume = volume;
+ this.loop = loop;
+ this.duration = 0;
+ this.durationMS = 0;
+
+ this._tempMarker = marker;
+ this._tempPosition = position;
+ this._tempVolume = volume;
+ this._tempLoop = loop;
+ }
+
+ if (this.usingWebAudio)
+ {
+ // Does the sound need decoding?
+ if (this.game.cache.isSoundDecoded(this.key))
+ {
+ // Do we need to do this every time we play? How about just if the buffer is empty?
+ if (this._buffer == null)
+ {
+ this._buffer = this.game.cache.getSoundData(this.key);
+ }
+
+ this._sound = this.context.createBufferSource();
+ this._sound.buffer = this._buffer;
+
+ if (this.externalNode)
+ {
+ this._sound.connect(this.externalNode.input);
+ }
+ else
+ {
+ this._sound.connect(this.gainNode);
+ }
+
+ this.totalDuration = this._sound.buffer.duration;
+
+ if (this.duration === 0)
+ {
+ // console.log('duration reset');
+ this.duration = this.totalDuration;
+ this.durationMS = this.totalDuration * 1000;
+ }
+
+ if (this.loop && marker === '')
+ {
+ this._sound.loop = true;
+ }
+
+ // Useful to cache this somewhere perhaps?
+ if (typeof this._sound.start === 'undefined')
+ {
+ this._sound.noteGrainOn(0, this.position, this.duration);
+ // this._sound.noteGrainOn(0, this.position, this.duration / 1000);
+ //this._sound.noteOn(0); // the zero is vitally important, crashes iOS6 without it
+ }
+ else
+ {
+ // this._sound.start(0, this.position, this.duration / 1000);
+ this._sound.start(0, this.position, this.duration);
+ }
+
+ this.isPlaying = true;
+ this.startTime = this.game.time.now;
+ this.currentTime = 0;
+ this.stopTime = this.startTime + this.durationMS;
+ this.onPlay.dispatch(this);
+ }
+ else
+ {
+ this.pendingPlayback = true;
+
+ if (this.game.cache.getSound(this.key) && this.game.cache.getSound(this.key).isDecoding === false)
+ {
+ this.game.sound.decode(this.key, this);
+ }
+ }
+ }
+ else
+ {
+ // console.log('Sound play Audio');
+ if (this.game.cache.getSound(this.key) && this.game.cache.getSound(this.key).locked)
+ {
+ // console.log('tried playing locked sound, pending set, reload started');
+ this.game.cache.reloadSound(this.key);
+ this.pendingPlayback = true;
+ }
+ else
+ {
+ // console.log('sound not locked, state?', this._sound.readyState);
+ if (this._sound && (this.game.device.cocoonJS || this._sound.readyState === 4))
+ {
+ this._sound.play();
+ // This doesn't become available until you call play(), wonderful ...
+ this.totalDuration = this._sound.duration;
+
+ if (this.duration === 0)
+ {
+ this.duration = this.totalDuration;
+ this.durationMS = this.totalDuration * 1000;
+ }
+
+ // console.log('playing', this._sound);
+ this._sound.currentTime = this.position;
+ this._sound.muted = this._muted;
+
+ if (this._muted)
+ {
+ this._sound.volume = 0;
+ }
+ else
+ {
+ this._sound.volume = this._volume;
+ }
+
+ this.isPlaying = true;
+ this.startTime = this.game.time.now;
+ this.currentTime = 0;
+ this.stopTime = this.startTime + this.durationMS;
+ this.onPlay.dispatch(this);
+ }
+ else
+ {
+ this.pendingPlayback = true;
+ }
+ }
+ }
+ },
+
+ /**
+ * Restart the sound, or a marked section of it.
+ * @method Phaser.Sound#restart
+ * @param {string} [marker=''] - If you want to play a marker then give the key here, otherwise leave blank to play the full sound.
+ * @param {number} [position=0] - The starting position to play the sound from - this is ignored if you provide a marker.
+ * @param {number} [volume=1] - Volume of the sound you want to play.
+ * @param {boolean} [loop=false] - Loop when it finished playing?
+ */
+ restart: function (marker, position, volume, loop) {
+
+ marker = marker || '';
+ position = position || 0;
+ volume = volume || 1;
+ if (typeof loop == 'undefined') { loop = false; }
+
+ this.play(marker, position, volume, loop, true);
+
+ },
+
+ /**
+ * Pauses the sound
+ * @method Phaser.Sound#pause
+ */
+ pause: function () {
+
+ if (this.isPlaying && this._sound)
+ {
+ this.stop();
+ this.isPlaying = false;
+ this.paused = true;
+ this.pausedPosition = this.currentTime;
+ this.pausedTime = this.game.time.now;
+ this.onPause.dispatch(this);
+ }
+
+ },
+
+ /**
+ * Resumes the sound
+ * @method Phaser.Sound#resume
+ */
+ resume: function () {
+
+ if (this.paused && this._sound)
+ {
+ if (this.usingWebAudio)
+ {
+ var p = this.position + (this.pausedPosition / 1000);
+
+ this._sound = this.context.createBufferSource();
+ this._sound.buffer = this._buffer;
+
+ if (this.externalNode)
+ {
+ this._sound.connect(this.externalNode.input);
+ }
+ else
+ {
+ this._sound.connect(this.gainNode);
+ }
+
+ if (this.loop)
+ {
+ this._sound.loop = true;
+ }
+
+ if (typeof this._sound.start === 'undefined')
+ {
+ this._sound.noteGrainOn(0, p, this.duration);
+ //this._sound.noteOn(0); // the zero is vitally important, crashes iOS6 without it
+ }
+ else
+ {
+ this._sound.start(0, p, this.duration);
+ }
+ }
+ else
+ {
+ this._sound.play();
+ }
+
+ this.isPlaying = true;
+ this.paused = false;
+ this.startTime += (this.game.time.now - this.pausedTime);
+ this.onResume.dispatch(this);
+ }
+
+ },
+
+ /**
+ * Stop playing this sound.
+ * @method Phaser.Sound#stop
+ */
+ stop: function () {
+
+ if (this.isPlaying && this._sound)
+ {
+ if (this.usingWebAudio)
+ {
+ if (typeof this._sound.stop === 'undefined')
+ {
+ this._sound.noteOff(0);
+ }
+ else
+ {
+ this._sound.stop(0);
+ }
+ }
+ else if (this.usingAudioTag)
+ {
+ this._sound.pause();
+ this._sound.currentTime = 0;
+ }
+ }
+
+ this.isPlaying = false;
+ var prevMarker = this.currentMarker;
+
+ if (this.currentMarker !== '')
+ {
+ this.onMarkerComplete.dispatch(this.currentMarker, this);
+ }
+
+ this.currentMarker = '';
+ this.onStop.dispatch(this, prevMarker);
+
+ }
+
+};
+
+Phaser.Sound.prototype.constructor = Phaser.Sound;
+
+/**
+* @name Phaser.Sound#isDecoding
+* @property {boolean} isDecoding - Returns true if the sound file is still decoding.
+* @readonly
+*/
+Object.defineProperty(Phaser.Sound.prototype, "isDecoding", {
+
+ get: function () {
+ return this.game.cache.getSound(this.key).isDecoding;
+ }
+
+});
+
+/**
+* @name Phaser.Sound#isDecoded
+* @property {boolean} isDecoded - Returns true if the sound file has decoded.
+* @readonly
+*/
+Object.defineProperty(Phaser.Sound.prototype, "isDecoded", {
+
+ get: function () {
+ return this.game.cache.isSoundDecoded(this.key);
+ }
+
+});
+
+/**
+* @name Phaser.Sound#mute
+* @property {boolean} mute - Gets or sets the muted state of this sound.
+*/
+Object.defineProperty(Phaser.Sound.prototype, "mute", {
+
+ get: function () {
+ return this._muted;
+ },
+
+ set: function (value) {
+
+ value = value || null;
+
+ if (value)
+ {
+ this._muted = true;
+
+ if (this.usingWebAudio)
+ {
+ this._muteVolume = this.gainNode.gain.value;
+ this.gainNode.gain.value = 0;
+ }
+ else if (this.usingAudioTag && this._sound)
+ {
+ this._muteVolume = this._sound.volume;
+ this._sound.volume = 0;
+ }
+ }
+ else
+ {
+ this._muted = false;
+
+ if (this.usingWebAudio)
+ {
+ this.gainNode.gain.value = this._muteVolume;
+ }
+ else if (this.usingAudioTag && this._sound)
+ {
+ this._sound.volume = this._muteVolume;
+ }
+ }
+
+ this.onMute.dispatch(this);
+
+ }
+
+});
+
+/**
+* @name Phaser.Sound#volume
+* @property {number} volume - Gets or sets the volume of this sound, a value between 0 and 1.
+* @readonly
+*/
+Object.defineProperty(Phaser.Sound.prototype, "volume", {
+
+ get: function () {
+ return this._volume;
+ },
+
+ set: function (value) {
+
+ if (this.usingWebAudio)
+ {
+ this._volume = value;
+ this.gainNode.gain.value = value;
+ }
+ else if (this.usingAudioTag && this._sound)
+ {
+ // Causes an Index size error in Firefox if you don't clamp the value
+ if (value >= 0 && value <= 1)
+ {
+ this._volume = value;
+ this._sound.volume = value;
+ }
+ }
+ }
+
+});
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Sound Manager constructor.
+* The Sound Manager is responsible for playing back audio via either the Legacy HTML Audio tag or via Web Audio if the browser supports it.
+* Note: On Firefox 25+ on Linux if you have media.gstreamer disabled in about:config then it cannot play back mp3 or m4a files.
+*
+* @class Phaser.SoundManager
+* @classdesc Phaser Sound Manager.
+* @constructor
+* @param {Phaser.Game} game reference to the current game instance.
+*/
+Phaser.SoundManager = function (game) {
+
+ /**
+ * @property {Phaser.Game} game - Local reference to game.
+ */
+ this.game = game;
+
+ /**
+ * @property {Phaser.Signal} onSoundDecode - The event dispatched when a sound decodes (typically only for mp3 files)
+ */
+ this.onSoundDecode = new Phaser.Signal();
+
+ /**
+ * @property {boolean} _codeMuted - Internal mute tracking var.
+ * @private
+ * @default
+ */
+ this._codeMuted = false;
+
+ /**
+ * @property {boolean} _muted - Internal mute tracking var.
+ * @private
+ * @default
+ */
+ this._muted = false;
+
+ /**
+ * @property {Description} _unlockSource - Internal unlock tracking var.
+ * @private
+ * @default
+ */
+ this._unlockSource = null;
+
+ /**
+ * @property {number} _volume - The global audio volume. A value between 0 (silence) and 1 (full volume).
+ * @private
+ * @default
+ */
+ this._volume = 1;
+
+ /**
+ * @property {array} _sounds - An array containing all the sounds
+ * @private
+ * @default The empty array.
+ */
+ this._sounds = [];
+
+ /**
+ * @property {AudioContext} context - The AudioContext being used for playback.
+ * @default
+ */
+ this.context = null;
+
+ /**
+ * @property {boolean} usingWebAudio - true if this sound is being played with Web Audio.
+ * @readonly
+ */
+ this.usingWebAudio = true;
+
+ /**
+ * @property {boolean} usingAudioTag - true if the sound is being played via the Audio tag.
+ * @readonly
+ */
+ this.usingAudioTag = false;
+
+ /**
+ * @property {boolean} noAudio - Has audio been disabled via the PhaserGlobal object? Useful if you need to use a 3rd party audio library instead.
+ * @default
+ */
+ this.noAudio = false;
+
+ /**
+ * @property {boolean} connectToMaster - Used in conjunction with Sound.externalNode this allows you to stop a Sound node being connected to the SoundManager master gain node.
+ * @default
+ */
+ this.connectToMaster = true;
+
+ /**
+ * @property {boolean} touchLocked - true if the audio system is currently locked awaiting a touch event.
+ * @default
+ */
+ this.touchLocked = false;
+
+ /**
+ * @property {number} channels - The number of audio channels to use in playback.
+ * @default
+ */
+ this.channels = 32;
+
+};
+
+Phaser.SoundManager.prototype = {
+
+ /**
+ * Initialises the sound manager.
+ * @method Phaser.SoundManager#boot
+ * @protected
+ */
+ boot: function () {
+
+ if (this.game.device.iOS && this.game.device.webAudio === false)
+ {
+ this.channels = 1;
+ }
+
+ if (this.game.device.iOS || (window['PhaserGlobal'] && window['PhaserGlobal'].fakeiOSTouchLock))
+ {
+ this.game.input.touch.callbackContext = this;
+ this.game.input.touch.touchStartCallback = this.unlock;
+ this.game.input.mouse.callbackContext = this;
+ this.game.input.mouse.mouseDownCallback = this.unlock;
+ this.touchLocked = true;
+ }
+ else
+ {
+ // What about iOS5?
+ this.touchLocked = false;
+ }
+
+ if (window['PhaserGlobal'])
+ {
+ // Check to see if all audio playback is disabled (i.e. handled by a 3rd party class)
+ if (window['PhaserGlobal'].disableAudio === true)
+ {
+ this.usingWebAudio = false;
+ this.noAudio = true;
+ return;
+ }
+
+ // Check if the Web Audio API is disabled (for testing Audio Tag playback during development)
+ if (window['PhaserGlobal'].disableWebAudio === true)
+ {
+ this.usingWebAudio = false;
+ this.usingAudioTag = true;
+ this.noAudio = false;
+ return;
+ }
+ }
+
+ if (!!window['AudioContext'])
+ {
+ this.context = new window['AudioContext']();
+ }
+ else if (!!window['webkitAudioContext'])
+ {
+ this.context = new window['webkitAudioContext']();
+ }
+ else if (!!window['Audio'])
+ {
+ this.usingWebAudio = false;
+ this.usingAudioTag = true;
+ }
+ else
+ {
+ this.usingWebAudio = false;
+ this.noAudio = true;
+ }
+
+ if (this.context !== null)
+ {
+ if (typeof this.context.createGain === 'undefined')
+ {
+ this.masterGain = this.context.createGainNode();
+ }
+ else
+ {
+ this.masterGain = this.context.createGain();
+ }
+
+ this.masterGain.gain.value = 1;
+ this.masterGain.connect(this.context.destination);
+ }
+
+ },
+
+ /**
+ * Enables the audio, usually after the first touch.
+ * @method Phaser.SoundManager#unlock
+ */
+ unlock: function () {
+
+ if (this.touchLocked === false)
+ {
+ return;
+ }
+
+ // Global override (mostly for Audio Tag testing)
+ if (this.game.device.webAudio === false || (window['PhaserGlobal'] && window['PhaserGlobal'].disableWebAudio === true))
+ {
+ // Create an Audio tag?
+ this.touchLocked = false;
+ this._unlockSource = null;
+ this.game.input.touch.callbackContext = null;
+ this.game.input.touch.touchStartCallback = null;
+ this.game.input.mouse.callbackContext = null;
+ this.game.input.mouse.mouseDownCallback = null;
+ }
+ else
+ {
+ // Create empty buffer and play it
+ var buffer = this.context.createBuffer(1, 1, 22050);
+ this._unlockSource = this.context.createBufferSource();
+ this._unlockSource.buffer = buffer;
+ this._unlockSource.connect(this.context.destination);
+ this._unlockSource.noteOn(0);
+ }
+
+ },
+
+ /**
+ * Stops all the sounds in the game.
+ * @method Phaser.SoundManager#stopAll
+ */
+ stopAll: function () {
+
+ for (var i = 0; i < this._sounds.length; i++)
+ {
+ if (this._sounds[i])
+ {
+ this._sounds[i].stop();
+ }
+ }
+
+ },
+
+ /**
+ * Pauses all the sounds in the game.
+ * @method Phaser.SoundManager#pauseAll
+ */
+ pauseAll: function () {
+
+ for (var i = 0; i < this._sounds.length; i++)
+ {
+ if (this._sounds[i])
+ {
+ this._sounds[i].pause();
+ }
+ }
+
+ },
+
+ /**
+ * resumes every sound in the game.
+ * @method Phaser.SoundManager#resumeAll
+ */
+ resumeAll: function () {
+
+ for (var i = 0; i < this._sounds.length; i++)
+ {
+ if (this._sounds[i])
+ {
+ this._sounds[i].resume();
+ }
+ }
+
+ },
+
+ /**
+ * Decode a sound by its assets key.
+ * @method Phaser.SoundManager#decode
+ * @param {string} key - Assets key of the sound to be decoded.
+ * @param {Phaser.Sound} [sound] - Its buffer will be set to decoded data.
+ */
+ decode: function (key, sound) {
+
+ sound = sound || null;
+
+ var soundData = this.game.cache.getSoundData(key);
+
+ if (soundData)
+ {
+ if (this.game.cache.isSoundDecoded(key) === false)
+ {
+ this.game.cache.updateSound(key, 'isDecoding', true);
+
+ var that = this;
+
+ this.context.decodeAudioData(soundData, function (buffer) {
+ that.game.cache.decodedSound(key, buffer);
+ if (sound)
+ {
+ that.onSoundDecode.dispatch(key, sound);
+ }
+ });
+ }
+ }
+
+ },
+
+ /**
+ * Updates every sound in the game.
+ * @method Phaser.SoundManager#update
+ */
+ update: function () {
+
+ if (this.touchLocked)
+ {
+ if (this.game.device.webAudio && this._unlockSource !== null)
+ {
+ if ((this._unlockSource.playbackState === this._unlockSource.PLAYING_STATE || this._unlockSource.playbackState === this._unlockSource.FINISHED_STATE))
+ {
+ this.touchLocked = false;
+ this._unlockSource = null;
+ this.game.input.touch.callbackContext = null;
+ this.game.input.touch.touchStartCallback = null;
+ }
+ }
+ }
+
+ for (var i = 0; i < this._sounds.length; i++)
+ {
+ this._sounds[i].update();
+ }
+
+ },
+
+ /**
+ * Adds a new Sound into the SoundManager.
+ * @method Phaser.SoundManager#add
+ * @param {string} key - Asset key for the sound.
+ * @param {number} [volume=1] - Default value for the volume.
+ * @param {boolean} [loop=false] - Whether or not the sound will loop.
+ * @param {boolean} [connect=true] - Controls if the created Sound object will connect to the master gainNode of the SoundManager when running under WebAudio.
+ * @return {Phaser.Sound} The new sound instance.
+ */
+ add: function (key, volume, loop, connect) {
+
+ if (typeof volume === 'undefined') { volume = 1; }
+ if (typeof loop === 'undefined') { loop = false; }
+ if (typeof connect === 'undefined') { connect = this.connectToMaster; }
+
+ var sound = new Phaser.Sound(this.game, key, volume, loop, connect);
+
+ this._sounds.push(sound);
+
+ return sound;
+
+ },
+
+ /**
+ * Adds a new Sound into the SoundManager and starts it playing.
+ * @method Phaser.SoundManager#play
+ * @param {string} key - Asset key for the sound.
+ * @param {number} [volume=1] - Default value for the volume.
+ * @param {boolean} [loop=false] - Whether or not the sound will loop.
+ * @return {Phaser.Sound} The new sound instance.
+ */
+ play: function (key, volume, loop) {
+
+ var sound = this.add(key, volume, loop);
+
+ sound.play();
+
+ return sound;
+
+ },
+
+ /**
+ * Internal mute handler called automatically by the Sound.mute setter.
+ *
+ * @method Phaser.SoundManager#setMute
+ * @private
+ */
+ setMute: function () {
+
+ if (this._muted)
+ {
+ return;
+ }
+
+ this._muted = true;
+
+ if (this.usingWebAudio)
+ {
+ this._muteVolume = this.masterGain.gain.value;
+ this.masterGain.gain.value = 0;
+ }
+
+ // Loop through sounds
+ for (var i = 0; i < this._sounds.length; i++)
+ {
+ if (this._sounds[i].usingAudioTag)
+ {
+ this._sounds[i].mute = true;
+ }
+ }
+
+ },
+
+ /**
+ * Internal mute handler called automatically by the Sound.mute setter.
+ *
+ * @method Phaser.SoundManager#unsetMute
+ * @private
+ */
+ unsetMute: function () {
+
+ if (!this._muted || this._codeMuted)
+ {
+ return;
+ }
+
+ this._muted = false;
+
+ if (this.usingWebAudio)
+ {
+ this.masterGain.gain.value = this._muteVolume;
+ }
+
+ // Loop through sounds
+ for (var i = 0; i < this._sounds.length; i++)
+ {
+ if (this._sounds[i].usingAudioTag)
+ {
+ this._sounds[i].mute = false;
+ }
+ }
+
+ }
+
+};
+
+Phaser.SoundManager.prototype.constructor = Phaser.SoundManager;
+
+/**
+* @name Phaser.SoundManager#mute
+* @property {boolean} mute - Gets or sets the muted state of the SoundManager. This effects all sounds in the game.
+*/
+Object.defineProperty(Phaser.SoundManager.prototype, "mute", {
+
+ get: function () {
+
+ return this._muted;
+
+ },
+
+ set: function (value) {
+
+ value = value || null;
+
+ if (value)
+ {
+ if (this._muted)
+ {
+ return;
+ }
+
+ this._codeMuted = true;
+ this.setMute();
+ }
+ else
+ {
+ if (this._muted === false)
+ {
+ return;
+ }
+
+ this._codeMuted = false;
+ this.unsetMute();
+ }
+ }
+
+});
+
+/**
+* @name Phaser.SoundManager#volume
+* @property {number} volume - Gets or sets the global volume of the SoundManager, a value between 0 and 1.
+*/
+Object.defineProperty(Phaser.SoundManager.prototype, "volume", {
+
+ get: function () {
+
+ if (this.usingWebAudio)
+ {
+ return this.masterGain.gain.value;
+ }
+ else
+ {
+ return this._volume;
+ }
+
+ },
+
+ set: function (value) {
+
+ this._volume = value;
+
+ if (this.usingWebAudio)
+ {
+ this.masterGain.gain.value = value;
+ }
+ else
+ {
+ // Loop through the sound cache and change the volume of all html audio tags
+ for (var i = 0; i < this._sounds.length; i++)
+ {
+ if (this._sounds[i].usingAudioTag)
+ {
+ this._sounds[i].volume = this._sounds[i].volume * value;
+ }
+ }
+ }
+
+ }
+
+});
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* A collection of methods for displaying debug information about game objects.
+* If your game is running in WebGL then Debug will create a Sprite that is placed at the top of the Stage display list and bind a canvas texture
+* to it, which must be uploaded every frame. Be advised: this is expenive.
+* If your game is using a Canvas renderer then the debug information is literally drawn on the top of the active game canvas and no Sprite is used.
+*
+* @class Phaser.Utils.Debug
+* @constructor
+* @param {Phaser.Game} game - A reference to the currently running game.
+*/
+Phaser.Utils.Debug = function (game) {
+
+ /**
+ * @property {Phaser.Game} game - A reference to the currently running Game.
+ */
+ this.game = game;
+
+ /**
+ * @property {PIXI.Sprite} sprite - If debugging in WebGL mode we need this.
+ */
+ this.sprite = null;
+
+ /**
+ * @property {HTMLCanvasElement} canvas - The canvas to which this BitmapData draws.
+ */
+ this.canvas = null;
+
+ /**
+ * @property {PIXI.BaseTexture} baseTexture - Required Pixi var.
+ */
+ this.baseTexture = null;
+
+ /**
+ * @property {PIXI.Texture} texture - Required Pixi var.
+ */
+ this.texture = null;
+
+ /**
+ * @property {Phaser.Frame} textureFrame - Dimensions of the renderable area.
+ */
+ this.textureFrame = null;
+
+ /**
+ * @property {CanvasRenderingContext2D} context - The 2d context of the canvas.
+ */
+ this.context = null;
+
+ /**
+ * @property {string} font - The font that the debug information is rendered in.
+ * @default '14px Courier'
+ */
+ this.font = '14px Courier';
+
+ /**
+ * @property {number} columnWidth - The spacing between columns.
+ */
+ this.columnWidth = 100;
+
+ /**
+ * @property {number} lineHeight - The line height between the debug text.
+ */
+ this.lineHeight = 16;
+
+ /**
+ * @property {boolean} renderShadow - Should the text be rendered with a slight shadow? Makes it easier to read on different types of background.
+ */
+ this.renderShadow = true;
+
+ /**
+ * @property {Context} currentX - The current X position the debug information will be rendered at.
+ * @default
+ */
+ this.currentX = 0;
+
+ /**
+ * @property {number} currentY - The current Y position the debug information will be rendered at.
+ * @default
+ */
+ this.currentY = 0;
+
+ /**
+ * @property {number} currentAlpha - The current alpha the debug information will be rendered at.
+ * @default
+ */
+ this.currentAlpha = 1;
+
+ /**
+ * @property {boolean} dirty - Does the canvas need re-rendering?
+ */
+ this.dirty = false;
+
+};
+
+Phaser.Utils.Debug.prototype = {
+
+ /**
+ * Internal method that boots the debug displayer.
+ *
+ * @method Phaser.Utils.Debug#boot
+ * @protected
+ */
+ boot: function () {
+
+ if (this.game.renderType === Phaser.CANVAS)
+ {
+ this.context = this.game.context;
+ }
+ else
+ {
+ this.canvas = Phaser.Canvas.create(this.game.width, this.game.height, '', true);
+ this.context = this.canvas.getContext('2d');
+ this.baseTexture = new PIXI.BaseTexture(this.canvas);
+ this.texture = new PIXI.Texture(this.baseTexture);
+ this.textureFrame = new Phaser.Frame(0, 0, 0, this.game.width, this.game.height, 'debug', this.game.rnd.uuid());
+ this.sprite = this.game.make.image(0, 0, this.texture, this.textureFrame);
+ this.game.stage.addChild(this.sprite);
+ }
+
+ },
+
+ /**
+ * Internal method that clears the canvas (if a Sprite) ready for a new debug session.
+ *
+ * @method Phaser.Utils.Debug#preUpdate
+ */
+ preUpdate: function () {
+
+ if (this.dirty && this.sprite)
+ {
+ this.context.clearRect(0, 0, this.game.width, this.game.height);
+ this.dirty = false;
+ }
+
+ },
+
+ /**
+ * Internal method that resets and starts the debug output values.
+ *
+ * @method Phaser.Utils.Debug#start
+ * @protected
+ * @param {number} [x=0] - The X value the debug info will start from.
+ * @param {number} [y=0] - The Y value the debug info will start from.
+ * @param {string} [color='rgb(255,255,255)'] - The color the debug text will drawn in.
+ * @param {number} [columnWidth=0] - The spacing between columns.
+ */
+ start: function (x, y, color, columnWidth) {
+
+ if (typeof x !== 'number') { x = 0; }
+ if (typeof y !== 'number') { y = 0; }
+ color = color || 'rgb(255,255,255)';
+ if (typeof columnWidth === 'undefined') { columnWidth = 0; }
+
+ this.currentX = x;
+ this.currentY = y;
+ this.currentColor = color;
+ this.currentAlpha = this.context.globalAlpha;
+ this.columnWidth = columnWidth;
+
+ if (this.sprite)
+ {
+ this.dirty = true;
+ }
+
+ this.context.save();
+ this.context.setTransform(1, 0, 0, 1, 0, 0);
+ this.context.strokeStyle = color;
+ this.context.fillStyle = color;
+ this.context.font = this.font;
+ this.context.globalAlpha = 1;
+
+ },
+
+ /**
+ * Internal method that stops the debug output.
+ *
+ * @method Phaser.Utils.Debug#stop
+ * @protected
+ */
+ stop: function () {
+
+ this.context.restore();
+ this.context.globalAlpha = this.currentAlpha;
+
+ if (this.sprite)
+ {
+ PIXI.updateWebGLTexture(this.baseTexture, this.game.renderer.gl);
+ }
+
+ },
+
+ /**
+ * Internal method that outputs a single line of text split over as many columns as needed, one per parameter.
+ *
+ * @method Phaser.Utils.Debug#line
+ * @protected
+ */
+ line: function () {
+
+ var x = this.currentX;
+
+ for (var i = 0; i < arguments.length; i++)
+ {
+ if (this.renderShadow)
+ {
+ this.context.fillStyle = 'rgb(0,0,0)';
+ this.context.fillText(arguments[i], x + 1, this.currentY + 1);
+ this.context.fillStyle = this.currentColor;
+ }
+
+ this.context.fillText(arguments[i], x, this.currentY);
+
+ x += this.columnWidth;
+ }
+
+ this.currentY += this.lineHeight;
+
+ },
+
+ /**
+ * Render Sound information, including decoded state, duration, volume and more.
+ *
+ * @method Phaser.Utils.Debug#soundInfo
+ * @param {Phaser.Sound} sound - The sound object to debug.
+ * @param {number} x - X position of the debug info to be rendered.
+ * @param {number} y - Y position of the debug info to be rendered.
+ * @param {string} [color='rgb(255,255,255)'] - color of the debug info to be rendered. (format is css color string).
+ */
+ soundInfo: function (sound, x, y, color) {
+
+ this.start(x, y, color);
+ this.line('Sound: ' + sound.key + ' Locked: ' + sound.game.sound.touchLocked);
+ this.line('Is Ready?: ' + this.game.cache.isSoundReady(sound.key) + ' Pending Playback: ' + sound.pendingPlayback);
+ this.line('Decoded: ' + sound.isDecoded + ' Decoding: ' + sound.isDecoding);
+ this.line('Total Duration: ' + sound.totalDuration + ' Playing: ' + sound.isPlaying);
+ this.line('Time: ' + sound.currentTime);
+ this.line('Volume: ' + sound.volume + ' Muted: ' + sound.mute);
+ this.line('WebAudio: ' + sound.usingWebAudio + ' Audio: ' + sound.usingAudioTag);
+
+ if (sound.currentMarker !== '')
+ {
+ this.line('Marker: ' + sound.currentMarker + ' Duration: ' + sound.duration);
+ this.line('Start: ' + sound.markers[sound.currentMarker].start + ' Stop: ' + sound.markers[sound.currentMarker].stop);
+ this.line('Position: ' + sound.position);
+ }
+
+ this.stop();
+
+ },
+
+ /**
+ * Render camera information including dimensions and location.
+ *
+ * @method Phaser.Utils.Debug#cameraInfo
+ * @param {Phaser.Camera} camera - The Phaser.Camera to show the debug information for.
+ * @param {number} x - X position of the debug info to be rendered.
+ * @param {number} y - Y position of the debug info to be rendered.
+ * @param {string} [color='rgb(255,255,255)'] - color of the debug info to be rendered. (format is css color string).
+ */
+ cameraInfo: function (camera, x, y, color) {
+
+ this.start(x, y, color);
+ this.line('Camera (' + camera.width + ' x ' + camera.height + ')');
+ this.line('X: ' + camera.x + ' Y: ' + camera.y);
+ this.line('Bounds x: ' + camera.bounds.x + ' Y: ' + camera.bounds.y + ' w: ' + camera.bounds.width + ' h: ' + camera.bounds.height);
+ this.line('View x: ' + camera.view.x + ' Y: ' + camera.view.y + ' w: ' + camera.view.width + ' h: ' + camera.view.height);
+ this.stop();
+
+ },
+
+ /**
+ * Renders the Pointer.circle object onto the stage in green if down or red if up along with debug text.
+ *
+ * @method Phaser.Utils.Debug#pointer
+ * @param {Phaser.Pointer} pointer - The Pointer you wish to display.
+ * @param {boolean} [hideIfUp=false] - Doesn't render the circle if the pointer is up.
+ * @param {string} [downColor='rgba(0,255,0,0.5)'] - The color the circle is rendered in if down.
+ * @param {string} [upColor='rgba(255,0,0,0.5)'] - The color the circle is rendered in if up (and hideIfUp is false).
+ * @param {string} [color='rgb(255,255,255)'] - color of the debug info to be rendered. (format is css color string).
+ */
+ pointer: function (pointer, hideIfUp, downColor, upColor, color) {
+
+ if (pointer == null)
+ {
+ return;
+ }
+
+ if (typeof hideIfUp === 'undefined') { hideIfUp = false; }
+ downColor = downColor || 'rgba(0,255,0,0.5)';
+ upColor = upColor || 'rgba(255,0,0,0.5)';
+
+ if (hideIfUp === true && pointer.isUp === true)
+ {
+ return;
+ }
+
+ this.start(pointer.x, pointer.y - 100, color);
+ this.context.beginPath();
+ this.context.arc(pointer.x, pointer.y, pointer.circle.radius, 0, Math.PI * 2);
+
+ if (pointer.active)
+ {
+ this.context.fillStyle = downColor;
+ }
+ else
+ {
+ this.context.fillStyle = upColor;
+ }
+
+ this.context.fill();
+ this.context.closePath();
+
+ // Render the points
+ this.context.beginPath();
+ this.context.moveTo(pointer.positionDown.x, pointer.positionDown.y);
+ this.context.lineTo(pointer.position.x, pointer.position.y);
+ this.context.lineWidth = 2;
+ this.context.stroke();
+ this.context.closePath();
+
+ // Render the text
+ this.line('ID: ' + pointer.id + " Active: " + pointer.active);
+ this.line('World X: ' + pointer.worldX + " World Y: " + pointer.worldY);
+ this.line('Screen X: ' + pointer.x + " Screen Y: " + pointer.y);
+ this.line('Duration: ' + pointer.duration + " ms");
+ this.line('is Down: ' + pointer.isDown + " is Up: " + pointer.isUp);
+ this.stop();
+
+ },
+
+ /**
+ * Render Sprite Input Debug information.
+ *
+ * @method Phaser.Utils.Debug#spriteInputInfo
+ * @param {Phaser.Sprite|Phaser.Image} sprite - The sprite to display the input data for.
+ * @param {number} x - X position of the debug info to be rendered.
+ * @param {number} y - Y position of the debug info to be rendered.
+ * @param {string} [color='rgb(255,255,255)'] - color of the debug info to be rendered. (format is css color string).
+ */
+ spriteInputInfo: function (sprite, x, y, color) {
+
+ this.start(x, y, color);
+ this.line('Sprite Input: (' + sprite.width + ' x ' + sprite.height + ')');
+ this.line('x: ' + sprite.input.pointerX().toFixed(1) + ' y: ' + sprite.input.pointerY().toFixed(1));
+ this.line('over: ' + sprite.input.pointerOver() + ' duration: ' + sprite.input.overDuration().toFixed(0));
+ this.line('down: ' + sprite.input.pointerDown() + ' duration: ' + sprite.input.downDuration().toFixed(0));
+ this.line('just over: ' + sprite.input.justOver() + ' just out: ' + sprite.input.justOut());
+ this.stop();
+
+ },
+
+ /**
+ * Renders Phaser.Key object information.
+ *
+ * @method Phaser.Utils.Debug#key
+ * @param {Phaser.Key} key - The Key to render the information for.
+ * @param {number} x - X position of the debug info to be rendered.
+ * @param {number} y - Y position of the debug info to be rendered.
+ * @param {string} [color='rgb(255,255,255)'] - color of the debug info to be rendered. (format is css color string).
+ */
+ key: function (key, x, y, color) {
+
+ this.start(x, y, color, 150);
+
+ this.line('Key:', key.keyCode, 'isDown:', key.isDown);
+ this.line('justPressed:', key.justPressed(), 'justReleased:', key.justReleased());
+ this.line('Time Down:', key.timeDown.toFixed(0), 'duration:', key.duration.toFixed(0));
+
+ this.stop();
+
+ },
+
+ /**
+ * Render debug information about the Input object.
+ *
+ * @method Phaser.Utils.Debug#inputInfo
+ * @param {number} x - X position of the debug info to be rendered.
+ * @param {number} y - Y position of the debug info to be rendered.
+ * @param {string} [color='rgb(255,255,255)'] - color of the debug info to be rendered. (format is css color string).
+ */
+ inputInfo: function (x, y, color) {
+
+ this.start(x, y, color);
+ this.line('Input');
+ this.line('X: ' + this.game.input.x + ' Y: ' + this.game.input.y);
+ this.line('World X: ' + this.game.input.worldX + ' World Y: ' + this.game.input.worldY);
+ this.line('Scale X: ' + this.game.input.scale.x.toFixed(1) + ' Scale Y: ' + this.game.input.scale.x.toFixed(1));
+ this.line('Screen X: ' + this.game.input.activePointer.screenX + ' Screen Y: ' + this.game.input.activePointer.screenY);
+ this.stop();
+
+ },
+
+ /**
+ * Renders the Sprites bounds. Note: This is really expensive as it has to calculate the bounds every time you call it!
+ *
+ * @method Phaser.Utils.Debug#spriteBounds
+ * @param {Phaser.Sprite|Phaser.Image} sprite - The sprite to display the bounds of.
+ * @param {string} [color] - Color of the debug info to be rendered (format is css color string).
+ * @param {boolean} [filled=true] - Render the rectangle as a fillRect (default, true) or a strokeRect (false)
+ */
+ spriteBounds: function (sprite, color, filled) {
+
+ var bounds = sprite.getBounds();
+
+ this.rectangle(bounds, color, filled);
+
+ },
+
+ /**
+ * Render debug infos (including name, bounds info, position and some other properties) about the Sprite.
+ *
+ * @method Phaser.Utils.Debug#spriteInfo
+ * @param {Phaser.Sprite} sprite - The Sprite to display the information of.
+ * @param {number} x - X position of the debug info to be rendered.
+ * @param {number} y - Y position of the debug info to be rendered.
+ * @param {string} [color='rgb(255,255,255)'] - color of the debug info to be rendered. (format is css color string).
+ */
+ spriteInfo: function (sprite, x, y, color) {
+
+ this.start(x, y, color);
+
+ this.line('Sprite: ' + ' (' + sprite.width + ' x ' + sprite.height + ') anchor: ' + sprite.anchor.x + ' x ' + sprite.anchor.y);
+ this.line('x: ' + sprite.x.toFixed(1) + ' y: ' + sprite.y.toFixed(1));
+ this.line('angle: ' + sprite.angle.toFixed(1) + ' rotation: ' + sprite.rotation.toFixed(1));
+ this.line('visible: ' + sprite.visible + ' in camera: ' + sprite.inCamera);
+
+ this.stop();
+
+ },
+
+ /**
+ * Renders the sprite coordinates in local, positional and world space.
+ *
+ * @method Phaser.Utils.Debug#spriteCoords
+ * @param {Phaser.Sprite|Phaser.Image} sprite - The sprite to display the coordinates for.
+ * @param {number} x - X position of the debug info to be rendered.
+ * @param {number} y - Y position of the debug info to be rendered.
+ * @param {string} [color='rgb(255,255,255)'] - color of the debug info to be rendered. (format is css color string).
+ */
+ spriteCoords: function (sprite, x, y, color) {
+
+ this.start(x, y, color, 100);
+
+ if (sprite.name)
+ {
+ this.line(sprite.name);
+ }
+
+ this.line('x:', sprite.x.toFixed(2), 'y:', sprite.y.toFixed(2));
+ this.line('pos x:', sprite.position.x.toFixed(2), 'pos y:', sprite.position.y.toFixed(2));
+ this.line('world x:', sprite.world.x.toFixed(2), 'world y:', sprite.world.y.toFixed(2));
+
+ this.stop();
+
+ },
+
+ /**
+ * Renders Line information in the given color.
+ *
+ * @method Phaser.Utils.Debug#lineInfo
+ * @param {Phaser.Line} line - The Line to display the data for.
+ * @param {number} x - X position of the debug info to be rendered.
+ * @param {number} y - Y position of the debug info to be rendered.
+ * @param {string} [color='rgb(255,255,255)'] - color of the debug info to be rendered. (format is css color string).
+ */
+ lineInfo: function (line, x, y, color) {
+
+ this.start(x, y, color, 80);
+ this.line('start.x:', line.start.x.toFixed(2), 'start.y:', line.start.y.toFixed(2));
+ this.line('end.x:', line.end.x.toFixed(2), 'end.y:', line.end.y.toFixed(2));
+ this.line('length:', line.length.toFixed(2), 'angle:', line.angle);
+ this.stop();
+
+ },
+
+ /**
+ * Renders a single pixel at the given size.
+ *
+ * @method Phaser.Utils.Debug#pixel
+ * @param {number} x - X position of the pixel to be rendered.
+ * @param {number} y - Y position of the pixel to be rendered.
+ * @param {string} [color] - Color of the pixel (format is css color string).
+ * @param {number} [size=2] - The 'size' to render the pixel at.
+ */
+ pixel: function (x, y, color, size) {
+
+ size = size || 2;
+
+ this.start();
+ this.context.fillStyle = color;
+ this.context.fillRect(x, y, size, size);
+ this.stop();
+
+ },
+
+ /**
+ * Renders a Phaser geometry object including Rectangle, Circle, Point or Line.
+ *
+ * @method Phaser.Utils.Debug#geom
+ * @param {Phaser.Rectangle|Phaser.Circle|Phaser.Point|Phaser.Line} object - The geometry object to render.
+ * @param {string} [color] - Color of the debug info to be rendered (format is css color string).
+ * @param {boolean} [filled=true] - Render the objected as a filled (default, true) or a stroked (false)
+ * @param {number} [forceType=0] - Force rendering of a specific type. If 0 no type will be forced, otherwise 1 = Rectangle, 2 = Circle, 3 = Point and 4 = Line.
+ */
+ geom: function (object, color, filled, forceType) {
+
+ if (typeof filled === 'undefined') { filled = true; }
+ if (typeof forceType === 'undefined') { forceType = 0; }
+
+ color = color || 'rgba(0,255,0,0.4)';
+
+ this.start();
+
+ this.context.fillStyle = color;
+ this.context.strokeStyle = color;
+
+ if (object instanceof Phaser.Rectangle || forceType === 1)
+ {
+ if (filled)
+ {
+ this.context.fillRect(object.x - this.game.camera.x, object.y - this.game.camera.y, object.width, object.height);
+ }
+ else
+ {
+ this.context.strokeRect(object.x - this.game.camera.x, object.y - this.game.camera.y, object.width, object.height);
+ }
+ }
+ else if (object instanceof Phaser.Circle || forceType === 2)
+ {
+ this.context.beginPath();
+ this.context.arc(object.x - this.game.camera.x, object.y - this.game.camera.y, object.radius, 0, Math.PI * 2, false);
+ this.context.closePath();
+
+ if (filled)
+ {
+ this.context.fill();
+ }
+ else
+ {
+ this.context.stroke();
+ }
+ }
+ else if (object instanceof Phaser.Point || forceType === 3)
+ {
+ this.context.fillRect(object.x - this.game.camera.x, object.y - this.game.camera.y, 4, 4);
+ }
+ else if (object instanceof Phaser.Line || forceType === 4)
+ {
+ this.context.lineWidth = 1;
+ this.context.beginPath();
+ this.context.moveTo((object.start.x + 0.5) - this.game.camera.x, (object.start.y + 0.5) - this.game.camera.y);
+ this.context.lineTo((object.end.x + 0.5) - this.game.camera.x, (object.end.y + 0.5) - this.game.camera.y);
+ this.context.closePath();
+ this.context.stroke();
+ }
+
+ this.stop();
+
+ },
+
+ /**
+ * Renders a Rectangle.
+ *
+ * @method Phaser.Utils.Debug#geom
+ * @param {Phaser.Rectangle|object} object - The geometry object to render.
+ * @param {string} [color] - Color of the debug info to be rendered (format is css color string).
+ * @param {boolean} [filled=true] - Render the objected as a filled (default, true) or a stroked (false)
+ */
+ rectangle: function (object, color, filled) {
+
+ if (typeof filled === 'undefined') { filled = true; }
+
+ color = color || 'rgba(0, 255, 0, 0.4)';
+
+ this.start();
+
+ if (filled)
+ {
+ this.context.fillStyle = color;
+ this.context.fillRect(object.x - this.game.camera.x, object.y - this.game.camera.y, object.width, object.height);
+ }
+ else
+ {
+ this.context.strokeStyle = color;
+ this.context.strokeRect(object.x - this.game.camera.x, object.y - this.game.camera.y, object.width, object.height);
+ }
+
+ this.stop();
+
+ },
+
+ /**
+ * Render a string of text.
+ *
+ * @method Phaser.Utils.Debug#text
+ * @param {string} text - The line of text to draw.
+ * @param {number} x - X position of the debug info to be rendered.
+ * @param {number} y - Y position of the debug info to be rendered.
+ * @param {string} [color] - Color of the debug info to be rendered (format is css color string).
+ * @param {string} [font] - The font of text to draw.
+ */
+ text: function (text, x, y, color, font) {
+
+ color = color || 'rgb(255,255,255)';
+ font = font || '16px Courier';
+
+ this.start();
+ this.context.font = font;
+
+ if (this.renderShadow)
+ {
+ this.context.fillStyle = 'rgb(0,0,0)';
+ this.context.fillText(text, x + 1, y + 1);
+ }
+
+ this.context.fillStyle = color;
+ this.context.fillText(text, x, y);
+
+ this.stop();
+
+ },
+
+ /**
+ * Visually renders a QuadTree to the display.
+ *
+ * @method Phaser.Utils.Debug#quadTree
+ * @param {Phaser.QuadTree} quadtree - The quadtree to render.
+ * @param {string} color - The color of the lines in the quadtree.
+ */
+ quadTree: function (quadtree, color) {
+
+ color = color || 'rgba(255,0,0,0.3)';
+
+ this.start();
+
+ var bounds = quadtree.bounds;
+
+ if (quadtree.nodes.length === 0)
+ {
+ this.context.strokeStyle = color;
+ this.context.strokeRect(bounds.x, bounds.y, bounds.width, bounds.height);
+ this.text('size: ' + quadtree.objects.length, bounds.x + 4, bounds.y + 16, 'rgb(0,200,0)', '12px Courier');
+
+ this.context.strokeStyle = 'rgb(0,255,0)';
+
+ for (var i = 0; i < quadtree.objects.length; i++)
+ {
+ this.context.strokeRect(quadtree.objects[i].x, quadtree.objects[i].y, quadtree.objects[i].width, quadtree.objects[i].height);
+ }
+ }
+ else
+ {
+ for (var i = 0; i < quadtree.nodes.length; i++)
+ {
+ this.quadTree(quadtree.nodes[i]);
+ }
+ }
+
+ this.stop();
+
+ },
+
+ /**
+ * Render a Sprites Physics body if it has one set. Note this only works for Arcade Physics.
+ * To display a P2 body you should enable debug mode on the body when creating it.
+ *
+ * @method Phaser.Utils.Debug#body
+ * @param {Phaser.Sprite} sprite - The sprite whos body will be rendered.
+ * @param {string} [color='rgb(255,255,255)'] - color of the debug info to be rendered. (format is css color string).
+ * @param {boolean} [filled=true] - Render the objected as a filled (default, true) or a stroked (false)
+ */
+ body: function (sprite, color, filled) {
+
+ if (sprite.body)
+ {
+ if (sprite.body.type === Phaser.Physics.ARCADE)
+ {
+ this.start();
+ Phaser.Physics.Arcade.Body.render(this.context, sprite.body, color, filled);
+ this.stop();
+ }
+ }
+
+ },
+
+ /**
+ * Render a Sprites Physic Body information.
+ *
+ * @method Phaser.Utils.Debug#bodyInfo
+ * @param {Phaser.Sprite} sprite - The sprite to be rendered.
+ * @param {number} x - X position of the debug info to be rendered.
+ * @param {number} y - Y position of the debug info to be rendered.
+ * @param {string} [color='rgb(255,255,255)'] - color of the debug info to be rendered. (format is css color string).
+ */
+ bodyInfo: function (sprite, x, y, color) {
+
+ if (sprite.body)
+ {
+ if (sprite.body.type === Phaser.Physics.ARCADE)
+ {
+ this.start(x, y, color, 210);
+ Phaser.Physics.Arcade.Body.renderBodyInfo(this, sprite.body);
+ this.stop();
+ }
+ }
+
+ }
+
+};
+
+Phaser.Utils.Debug.prototype.constructor = Phaser.Utils.Debug;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* A collection of methods useful for manipulating and comparing colors.
+*
+* @class Phaser.Color
+*/
+Phaser.Color = {
+
+ /**
+ * Given an alpha and 3 color values this will return an integer representation of it.
+ *
+ * @method Phaser.Color.getColor32
+ * @static
+ * @param {number} alpha - The Alpha value (between 0 and 255).
+ * @param {number} red - The Red channel value (between 0 and 255).
+ * @param {number} green - The Green channel value (between 0 and 255).
+ * @param {number} blue - The Blue channel value (between 0 and 255).
+ * @returns {number} A native color value integer (format: 0xAARRGGBB).
+ */
+ getColor32: function (alpha, red, green, blue) {
+ return alpha << 24 | red << 16 | green << 8 | blue;
+ },
+
+ /**
+ * Given 3 color values this will return an integer representation of it.
+ *
+ * @method Phaser.Color.getColor
+ * @static
+ * @param {number} red - The Red channel value (between 0 and 255).
+ * @param {number} green - The Green channel value (between 0 and 255).
+ * @param {number} blue - The Blue channel value (between 0 and 255).
+ * @returns {number} A native color value integer (format: 0xRRGGBB).
+ */
+ getColor: function (red, green, blue) {
+ return red << 16 | green << 8 | blue;
+ },
+
+ /**
+ * Converts the given hex string into an integer color value.
+ *
+ * @method Phaser.Color.hexToRGB
+ * @static
+ * @param {string} h - The string hex color to convert.
+ * @returns {number} The rgb color value.
+ */
+ hexToRGB: function (h) {
+
+ var hex16 = (h.charAt(0) == "#") ? h.substring(1, 7) : h;
+
+ if (hex16.length==3)
+ {
+ hex16 = hex16.charAt(0) + hex16.charAt(0) + hex16.charAt(1) + hex16.charAt(1) + hex16.charAt(2) + hex16.charAt(2);
+ }
+
+ var red = parseInt(hex16.substring(0, 2), 16);
+ var green = parseInt(hex16.substring(2, 4), 16);
+ var blue = parseInt(hex16.substring(4, 6), 16);
+
+ return red << 16 | green << 8 | blue;
+
+ },
+
+ /**
+ * Returns a string containing handy information about the given color including string hex value,
+ * RGB format information and HSL information. Each section starts on a newline, 3 lines in total.
+ *
+ * @method Phaser.Color.getColorInfo
+ * @static
+ * @param {number} color - A color value in the format 0xAARRGGBB.
+ * @returns {string} String containing the 3 lines of information.
+ */
+ getColorInfo: function (color) {
+
+ var argb = Phaser.Color.getRGB(color);
+ var hsl = Phaser.Color.RGBtoHSV(color);
+
+ // Hex format
+ var result = Phaser.Color.RGBtoHexstring(color) + "\n";
+
+ // RGB format
+ result = result.concat("Alpha: " + argb.alpha + " Red: " + argb.red + " Green: " + argb.green + " Blue: " + argb.blue) + "\n";
+
+ // HSL info
+ result = result.concat("Hue: " + hsl.hue + " Saturation: " + hsl.saturation + " Lightnes: " + hsl.lightness);
+
+ return result;
+
+ },
+
+ /**
+ * Return a string representation of the color in the format 0xAARRGGBB.
+ *
+ * @method Phaser.Color.RGBtoHexstring
+ * @static
+ * @param {number} color - The color to get the string representation for
+ * @returns {string} A string of length 10 characters in the format 0xAARRGGBB
+ */
+ RGBtoHexstring: function (color) {
+
+ var argb = Phaser.Color.getRGB(color);
+
+ return "0x" + Phaser.Color.colorToHexstring(argb.alpha) + Phaser.Color.colorToHexstring(argb.red) + Phaser.Color.colorToHexstring(argb.green) + Phaser.Color.colorToHexstring(argb.blue);
+
+ },
+
+ /**
+ * Return a string representation of the color in the format #RRGGBB.
+ *
+ * @method Phaser.Color.RGBtoWebstring
+ * @static
+ * @param {number} color - The color to get the string representation for.
+ * @returns {string} A string of length 10 characters in the format 0xAARRGGBB.
+ */
+ RGBtoWebstring: function (color) {
+
+ var argb = Phaser.Color.getRGB(color);
+
+ return "#" + Phaser.Color.colorToHexstring(argb.red) + Phaser.Color.colorToHexstring(argb.green) + Phaser.Color.colorToHexstring(argb.blue);
+
+ },
+
+ /**
+ * Return a string containing a hex representation of the given color.
+ *
+ * @method Phaser.Color.colorToHexstring
+ * @static
+ * @param {number} color - The color channel to get the hex value for, must be a value between 0 and 255).
+ * @returns {string} A string of length 2 characters, i.e. 255 = FF, 0 = 00.
+ */
+ colorToHexstring: function (color) {
+
+ var digits = "0123456789ABCDEF";
+ var lsd = color % 16;
+ var msd = (color - lsd) / 16;
+ var hexified = digits.charAt(msd) + digits.charAt(lsd);
+ return hexified;
+
+ },
+
+ /**
+ * Interpolates the two given colours based on the supplied step and currentStep properties.
+ * @method Phaser.Color.interpolateColor
+ * @static
+ * @param {number} color1 - The first color value.
+ * @param {number} color2 - The second color value.
+ * @param {number} steps - The number of steps to run the interpolation over.
+ * @param {number} currentStep - The currentStep value. If the interpolation will take 100 steps, a currentStep value of 50 would be half-way between the two.
+ * @param {number} alpha - The alpha of the returned color.
+ * @returns {number} The interpolated color value.
+ */
+ interpolateColor: function (color1, color2, steps, currentStep, alpha) {
+
+ if (typeof alpha === "undefined") { alpha = 255; }
+
+ var src1 = Phaser.Color.getRGB(color1);
+ var src2 = Phaser.Color.getRGB(color2);
+ var r = (((src2.red - src1.red) * currentStep) / steps) + src1.red;
+ var g = (((src2.green - src1.green) * currentStep) / steps) + src1.green;
+ var b = (((src2.blue - src1.blue) * currentStep) / steps) + src1.blue;
+
+ return Phaser.Color.getColor32(alpha, r, g, b);
+
+ },
+
+ /**
+ * Interpolates the two given colours based on the supplied step and currentStep properties.
+ * @method Phaser.Color.interpolateColorWithRGB
+ * @static
+ * @param {number} color - The first color value.
+ * @param {number} r - The red color value, between 0 and 0xFF (255).
+ * @param {number} g - The green color value, between 0 and 0xFF (255).
+ * @param {number} b - The blue color value, between 0 and 0xFF (255).
+ * @param {number} steps - The number of steps to run the interpolation over.
+ * @param {number} currentStep - The currentStep value. If the interpolation will take 100 steps, a currentStep value of 50 would be half-way between the two.
+ * @returns {number} The interpolated color value.
+ */
+ interpolateColorWithRGB: function (color, r, g, b, steps, currentStep) {
+
+ var src = Phaser.Color.getRGB(color);
+ var or = (((r - src.red) * currentStep) / steps) + src.red;
+ var og = (((g - src.green) * currentStep) / steps) + src.green;
+ var ob = (((b - src.blue) * currentStep) / steps) + src.blue;
+
+ return Phaser.Color.getColor(or, og, ob);
+
+ },
+
+ /**
+ * Interpolates the two given colours based on the supplied step and currentStep properties.
+ * @method Phaser.Color.interpolateRGB
+ * @static
+ * @param {number} r1 - The red color value, between 0 and 0xFF (255).
+ * @param {number} g1 - The green color value, between 0 and 0xFF (255).
+ * @param {number} b1 - The blue color value, between 0 and 0xFF (255).
+ * @param {number} r2 - The red color value, between 0 and 0xFF (255).
+ * @param {number} g2 - The green color value, between 0 and 0xFF (255).
+ * @param {number} b2 - The blue color value, between 0 and 0xFF (255).
+ * @param {number} steps - The number of steps to run the interpolation over.
+ * @param {number} currentStep - The currentStep value. If the interpolation will take 100 steps, a currentStep value of 50 would be half-way between the two.
+ * @returns {number} The interpolated color value.
+ */
+ interpolateRGB: function (r1, g1, b1, r2, g2, b2, steps, currentStep) {
+
+ var r = (((r2 - r1) * currentStep) / steps) + r1;
+ var g = (((g2 - g1) * currentStep) / steps) + g1;
+ var b = (((b2 - b1) * currentStep) / steps) + b1;
+
+ return Phaser.Color.getColor(r, g, b);
+
+ },
+
+ /**
+ * Returns a random color value between black and white
+ * Set the min value to start each channel from the given offset.
+ * Set the max value to restrict the maximum color used per channel.
+ *
+ * @method Phaser.Color.getRandomColor
+ * @static
+ * @param {number} min - The lowest value to use for the color.
+ * @param {number} max - The highest value to use for the color.
+ * @param {number} alpha - The alpha value of the returning color (default 255 = fully opaque).
+ * @returns {number} 32-bit color value with alpha.
+ */
+ getRandomColor: function (min, max, alpha) {
+
+ if (typeof min === "undefined") { min = 0; }
+ if (typeof max === "undefined") { max = 255; }
+ if (typeof alpha === "undefined") { alpha = 255; }
+
+ // Sanity checks
+ if (max > 255) {
+ return Phaser.Color.getColor(255, 255, 255);
+ }
+
+ if (min > max) {
+ return Phaser.Color.getColor(255, 255, 255);
+ }
+
+ var red = min + Math.round(Math.random() * (max - min));
+ var green = min + Math.round(Math.random() * (max - min));
+ var blue = min + Math.round(Math.random() * (max - min));
+
+ return Phaser.Color.getColor32(alpha, red, green, blue);
+
+ },
+
+ /**
+ * Return the component parts of a color as an Object with the properties alpha, red, green, blue
+ *
+ * Alpha will only be set if it exist in the given color (0xAARRGGBB)
+ *
+ * @method Phaser.Color.getRGB
+ * @static
+ * @param {number} color - Color in RGB (0xRRGGBB) or ARGB format (0xAARRGGBB).
+ * @returns {object} An Object with properties: alpha, red, green, blue.
+ */
+ getRGB: function (color) {
+
+ return {
+ alpha: color >>> 24,
+ red: color >> 16 & 0xFF,
+ green: color >> 8 & 0xFF,
+ blue: color & 0xFF
+ };
+
+ },
+
+ /**
+ * Returns a CSS friendly string value from the given color.
+ * @method Phaser.Color.getWebRGB
+ * @static
+ * @param {number} color
+ * @returns {string}A string in the format: 'rgba(r,g,b,a)'
+ */
+ getWebRGB: function (color) {
+
+ var alpha = (color >>> 24) / 255;
+ var red = color >> 16 & 0xFF;
+ var green = color >> 8 & 0xFF;
+ var blue = color & 0xFF;
+
+ return 'rgba(' + red.toString() + ',' + green.toString() + ',' + blue.toString() + ',' + alpha.toString() + ')';
+
+ },
+
+ /**
+ * Given a native color value (in the format 0xAARRGGBB) this will return the Alpha component, as a value between 0 and 255.
+ *
+ * @method Phaser.Color.getAlpha
+ * @static
+ * @param {number} color - In the format 0xAARRGGBB.
+ * @returns {number} The Alpha component of the color, will be between 0 and 1 (0 being no Alpha (opaque), 1 full Alpha (transparent)).
+ */
+ getAlpha: function (color) {
+ return color >>> 24;
+ },
+
+ /**
+ * Given a native color value (in the format 0xAARRGGBB) this will return the Alpha component as a value between 0 and 1.
+ *
+ * @method Phaser.Color.getAlphaFloat
+ * @static
+ * @param {number} color - In the format 0xAARRGGBB.
+ * @returns {number} The Alpha component of the color, will be between 0 and 1 (0 being no Alpha (opaque), 1 full Alpha (transparent)).
+ */
+ getAlphaFloat: function (color) {
+ return (color >>> 24) / 255;
+ },
+
+ /**
+ * Given a native color value (in the format 0xAARRGGBB) this will return the Red component, as a value between 0 and 255.
+ *
+ * @method Phaser.Color.getRed
+ * @static
+ * @param {number} color In the format 0xAARRGGBB.
+ * @returns {number} The Red component of the color, will be between 0 and 255 (0 being no color, 255 full Red).
+ */
+ getRed: function (color) {
+ return color >> 16 & 0xFF;
+ },
+
+ /**
+ * Given a native color value (in the format 0xAARRGGBB) this will return the Green component, as a value between 0 and 255.
+ *
+ * @method Phaser.Color.getGreen
+ * @static
+ * @param {number} color - In the format 0xAARRGGBB.
+ * @returns {number} The Green component of the color, will be between 0 and 255 (0 being no color, 255 full Green).
+ */
+ getGreen: function (color) {
+ return color >> 8 & 0xFF;
+ },
+
+ /**
+ * Given a native color value (in the format 0xAARRGGBB) this will return the Blue component, as a value between 0 and 255.
+ *
+ * @method Phaser.Color.getBlue
+ * @static
+ * @param {number} color - In the format 0xAARRGGBB.
+ * @returns {number} The Blue component of the color, will be between 0 and 255 (0 being no color, 255 full Blue).
+ */
+ getBlue: function (color) {
+ return color & 0xFF;
+ }
+
+};
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* The Physics Manager is responsible for looking after all of the running physics systems.
+* Phaser supports 3 physics systems: Arcade Physics, P2 and Ninja Physics (with Box2D and Chipmunk in development)
+* Game Objects can belong to only 1 physics system, but you can have multiple systems active in a single game.
+*
+* For example you could have P2 managing a polygon-built terrain landscape that an vehicle drives over, while it could be firing bullets that use the
+* faster (due to being much simpler) Arcade Physics system.
+*
+* @class Phaser.Physics
+*
+* @constructor
+* @param {Phaser.Game} game - A reference to the currently running game.
+* @param {object} [physicsConfig=null] - A physics configuration object to pass to the Physics world on creation.
+*/
+Phaser.Physics = function (game, config) {
+
+ config = config || {};
+
+ /**
+ * @property {Phaser.Game} game - Local reference to game.
+ */
+ this.game = game;
+
+ /**
+ * @property {object} config - The physics configuration object as passed to the game on creation.
+ */
+ this.config = config;
+
+ /**
+ * @property {Phaser.Physics.Arcade} arcade - The Arcade Physics system.
+ */
+ this.arcade = null;
+
+ /**
+ * @property {Phaser.Physics.P2} p2 - The P2.JS Physics system.
+ */
+ this.p2 = null;
+
+ /**
+ * @property {Phaser.Physics.Ninja} ninja - The N+ Ninja Physics System.
+ */
+ this.ninja = null;
+
+ /**
+ * @property {Phaser.Physics.Box2D} box2d - The Box2D Physics system (to be done).
+ */
+ this.box2d = null;
+
+ /**
+ * @property {Phaser.Physics.Chipmunk} chipmunk - The Chipmunk Physics system (to be done).
+ */
+ this.chipmunk = null;
+
+ this.parseConfig();
+
+};
+
+/**
+* @const
+* @type {number}
+*/
+Phaser.Physics.ARCADE = 0;
+
+/**
+* @const
+* @type {number}
+*/
+Phaser.Physics.P2JS = 1;
+
+/**
+* @const
+* @type {number}
+*/
+Phaser.Physics.NINJA = 2;
+
+/**
+* @const
+* @type {number}
+*/
+Phaser.Physics.BOX2D = 3;
+
+/**
+* @const
+* @type {number}
+*/
+Phaser.Physics.CHIPMUNK = 5;
+
+Phaser.Physics.prototype = {
+
+ /**
+ * Parses the Physics Configuration object passed to the Game constructor and starts any physics systems specified within.
+ *
+ * @method Phaser.Physics#parseConfig
+ */
+ parseConfig: function () {
+
+ if ((!this.config.hasOwnProperty('arcade') || this.config['arcade'] === true) && Phaser.Physics.hasOwnProperty('Arcade'))
+ {
+ // If Arcade isn't specified, we create it automatically if we can
+ this.arcade = new Phaser.Physics.Arcade(this.game);
+ }
+
+ if (this.config.hasOwnProperty('ninja') && this.config['ninja'] === true && Phaser.Physics.hasOwnProperty('Ninja'))
+ {
+ this.ninja = new Phaser.Physics.Ninja(this.game);
+ }
+
+ if (this.config.hasOwnProperty('p2') && this.config['p2'] === true && Phaser.Physics.hasOwnProperty('P2'))
+ {
+ this.p2 = new Phaser.Physics.P2(this.game, this.config);
+ }
+
+ },
+
+ /**
+ * This will create an instance of the requested physics simulation.
+ * Phaser.Physics.Arcade is running by default, but all others need activating directly.
+ * You can start the following physics systems:
+ * Phaser.Physics.P2JS - A full-body advanced physics system by Stefan Hedman.
+ * Phaser.Physics.NINJA - A port of Metanet Softwares N+ physics system.
+ * Phaser.Physics.BOX2D and Phaser.Physics.CHIPMUNK are still in development.
+ *
+ * @method Phaser.Physics#startSystem
+ * @param {number} The physics system to start.
+ */
+ startSystem: function (system) {
+
+ if (system === Phaser.Physics.ARCADE && this.arcade === null)
+ {
+ this.arcade = new Phaser.Physics.Arcade(this.game);
+ }
+ else if (system === Phaser.Physics.P2JS && this.p2 === null)
+ {
+ this.p2 = new Phaser.Physics.P2(this.game, this.config);
+ }
+ if (system === Phaser.Physics.NINJA && this.ninja === null)
+ {
+ this.ninja = new Phaser.Physics.Ninja(this.game);
+ }
+ else if (system === Phaser.Physics.BOX2D && this.box2d === null)
+ {
+ // Coming soon
+ }
+ else if (system === Phaser.Physics.CHIPMUNK && this.chipmunk === null)
+ {
+ // Coming soon
+ }
+
+ },
+
+ /**
+ * This will create a default physics body on the given game object or array of objects.
+ * A game object can only have 1 physics body active at any one time, and it can't be changed until the object is destroyed.
+ * It can be for any of the physics systems that have been started:
+ *
+ * Phaser.Physics.Arcade - A light weight AABB based collision system with basic separation.
+ * Phaser.Physics.P2JS - A full-body advanced physics system supporting multiple object shapes, polygon loading, contact materials, springs and constraints.
+ * Phaser.Physics.NINJA - A port of Metanet Softwares N+ physics system. Advanced AABB and Circle vs. Tile collision.
+ * Phaser.Physics.BOX2D and Phaser.Physics.CHIPMUNK are still in development.
+ *
+ * If you require more control over what type of body is created, for example to create a Ninja Physics Circle instead of the default AABB, then see the
+ * individual physics systems `enable` methods instead of using this generic one.
+ *
+ * @method Phaser.Physics#enable
+ * @param {object|array} object - The game object to create the physics body on. Can also be an array of objects, a body will be created on every object in the array.
+ * @param {number} [system=Phaser.Physics.ARCADE] - The physics system that will be used to create the body. Defaults to Arcade Physics.
+ * @param {boolean} [debug=false] - Enable the debug drawing for this body. Defaults to false.
+ */
+ enable: function (object, system, debug) {
+
+ if (typeof system === 'undefined') { system = Phaser.Physics.ARCADE; }
+ if (typeof debug === 'undefined') { debug = false; }
+
+ if (system === Phaser.Physics.ARCADE)
+ {
+ this.arcade.enable(object);
+ }
+ else if (system === Phaser.Physics.P2JS && this.p2)
+ {
+ this.p2.enable(object, debug);
+ }
+ else if (system === Phaser.Physics.NINJA && this.ninja)
+ {
+ this.ninja.enableAABB(object);
+ }
+
+ },
+
+ /**
+ * preUpdate checks.
+ *
+ * @method Phaser.Physics#preUpdate
+ * @protected
+ */
+ preUpdate: function () {
+
+ // ArcadePhysics / Ninja don't have a core to preUpdate
+
+ if (this.p2)
+ {
+ this.p2.preUpdate();
+ }
+
+ },
+
+ /**
+ * Updates all running physics systems.
+ *
+ * @method Phaser.Physics#update
+ * @protected
+ */
+ update: function () {
+
+ // ArcadePhysics / Ninja don't have a core to update
+
+ if (this.p2)
+ {
+ this.p2.update();
+ }
+
+ },
+
+ /**
+ * Updates the physics bounds to match the world dimensions.
+ *
+ * @method Phaser.Physics#setBoundsToWorld
+ * @protected
+ */
+ setBoundsToWorld: function () {
+
+ if (this.ninja)
+ {
+ this.ninja.setBoundsToWorld();
+ }
+
+ if (this.p2)
+ {
+ this.p2.setBoundsToWorld();
+ }
+
+ },
+
+ /**
+ * Clears down all active physics systems. This doesn't destroy them, it just clears them of objects and is called when the State changes.
+ *
+ * @method Phaser.Physics#clear
+ * @protected
+ */
+ clear: function () {
+
+ if (this.p2)
+ {
+ this.p2.clear();
+ }
+
+ },
+
+ /**
+ * Destroys all active physics systems. Usually only called on a Game Shutdown, not on a State swap.
+ *
+ * @method Phaser.Physics#destroy
+ */
+ destroy: function () {
+
+ if (this.p2)
+ {
+ this.p2.destroy();
+ }
+
+ this.arcade = null;
+ this.ninja = null;
+ this.p2 = null;
+
+ }
+
+};
+
+Phaser.Physics.prototype.constructor = Phaser.Physics;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Arcade Physics constructor.
+*
+* @class Phaser.Physics.Arcade
+* @classdesc Arcade Physics Constructor
+* @constructor
+* @param {Phaser.Game} game reference to the current game instance.
+*/
+Phaser.Physics.Arcade = function (game) {
+
+ /**
+ * @property {Phaser.Game} game - Local reference to game.
+ */
+ this.game = game;
+
+ /**
+ * @property {Phaser.Point} gravity - The World gravity setting. Defaults to x: 0, y: 0, or no gravity.
+ */
+ this.gravity = new Phaser.Point();
+
+ /**
+ * @property {Phaser.Rectangle} bounds - The bounds inside of which the physics world exists. Defaults to match the world bounds.
+ */
+ this.bounds = new Phaser.Rectangle(0, 0, game.world.width, game.world.height);
+
+ /**
+ * @property {number} maxObjects - Used by the QuadTree to set the maximum number of objects per quad.
+ */
+ this.maxObjects = 10;
+
+ /**
+ * @property {number} maxLevels - Used by the QuadTree to set the maximum number of iteration levels.
+ */
+ this.maxLevels = 4;
+
+ /**
+ * @property {number} OVERLAP_BIAS - A value added to the delta values during collision checks.
+ */
+ this.OVERLAP_BIAS = 4;
+
+ /**
+ * @property {number} TILE_BIAS - A value added to the delta values during collision with tiles. Adjust this if you get tunnelling.
+ */
+ this.TILE_BIAS = 16;
+
+ /**
+ * @property {Phaser.QuadTree} quadTree - The world QuadTree.
+ */
+ this.quadTree = new Phaser.QuadTree(this.game.world.bounds.x, this.game.world.bounds.y, this.game.world.bounds.width, this.game.world.bounds.height, this.maxObjects, this.maxLevels);
+
+ // Avoid gc spikes by caching these values for re-use
+
+ /**
+ * @property {Phaser.Rectangle} _bounds1 - Internal cache var.
+ * @private
+ */
+ this._bounds1 = new Phaser.Rectangle();
+
+ /**
+ * @property {Phaser.Rectangle} _bounds2 - Internal cache var.
+ * @private
+ */
+ this._bounds2 = new Phaser.Rectangle();
+
+ /**
+ * @property {number} _overlap - Internal cache var.
+ * @private
+ */
+ this._overlap = 0;
+
+ /**
+ * @property {number} _maxOverlap - Internal cache var.
+ * @private
+ */
+ this._maxOverlap = 0;
+
+ /**
+ * @property {number} _velocity1 - Internal cache var.
+ * @private
+ */
+ this._velocity1 = 0;
+
+ /**
+ * @property {number} _velocity2 - Internal cache var.
+ * @private
+ */
+ this._velocity2 = 0;
+
+ /**
+ * @property {number} _newVelocity1 - Internal cache var.
+ * @private
+ */
+ this._newVelocity1 = 0;
+
+ /**
+ * @property {number} _newVelocity2 - Internal cache var.
+ * @private
+ */
+ this._newVelocity2 = 0;
+
+ /**
+ * @property {number} _average - Internal cache var.
+ * @private
+ */
+ this._average = 0;
+
+ /**
+ * @property {Array} _mapData - Internal cache var.
+ * @private
+ */
+ this._mapData = [];
+
+ /**
+ * @property {number} _mapTiles - Internal cache var.
+ * @private
+ */
+ this._mapTiles = 0;
+
+ /**
+ * @property {boolean} _result - Internal cache var.
+ * @private
+ */
+ this._result = false;
+
+ /**
+ * @property {number} _total - Internal cache var.
+ * @private
+ */
+ this._total = 0;
+
+ /**
+ * @property {number} _angle - Internal cache var.
+ * @private
+ */
+ this._angle = 0;
+
+ /**
+ * @property {number} _dx - Internal cache var.
+ * @private
+ */
+ this._dx = 0;
+
+ /**
+ * @property {number} _dy - Internal cache var.
+ * @private
+ */
+ this._dy = 0;
+
+ /**
+ * @property {number} _intersection - Internal cache var.
+ * @private
+ */
+ // this._intersection = [0,0,0,0];
+ this._intersection = new Phaser.Rectangle();
+
+};
+
+Phaser.Physics.Arcade.prototype.constructor = Phaser.Physics.Arcade;
+
+Phaser.Physics.Arcade.prototype = {
+
+ /**
+ * This will create an Arcade Physics body on the given game object or array of game objects.
+ * A game object can only have 1 physics body active at any one time, and it can't be changed until the object is destroyed.
+ *
+ * @method Phaser.Physics.Arcade#enable
+ * @param {object|array|Phaser.Group} object - The game object to create the physics body on. Can also be an array or Group of objects, a body will be created on every child that has a `body` property.
+ * @param {boolean} [children=true] - Should a body be created on all children of this object? If true it will recurse down the display list as far as it can go.
+ */
+ enable: function (object, children) {
+
+ if (typeof children === 'undefined') { children = true; }
+
+ var i = 1;
+
+ if (Array.isArray(object))
+ {
+ i = object.length;
+
+ while (i--)
+ {
+ if (object[i] instanceof Phaser.Group)
+ {
+ // If it's a Group then we do it on the children regardless
+ this.enable(object[i].children, children);
+ }
+ else
+ {
+ this.enableBody(object[i]);
+
+ if (children && object[i].hasOwnProperty('children') && object[i].children.length > 0)
+ {
+ this.enable(object[i], true);
+ }
+ }
+ }
+ }
+ else
+ {
+ if (object instanceof Phaser.Group)
+ {
+ // If it's a Group then we do it on the children regardless
+ this.enable(object.children, children);
+ }
+ else
+ {
+ this.enableBody(object);
+
+ if (children && object.hasOwnProperty('children') && object.children.length > 0)
+ {
+ this.enable(object.children, true);
+ }
+ }
+ }
+
+ },
+
+ /**
+ * Creates an Arcade Physics body on the given game object.
+ * A game object can only have 1 physics body active at any one time, and it can't be changed until the body is nulled.
+ *
+ * @method Phaser.Physics.Arcade#enableBody
+ * @param {object} object - The game object to create the physics body on. A body will only be created if this object has a null `body` property.
+ */
+ enableBody: function (object) {
+
+ if (object.hasOwnProperty('body') && object.body === null)
+ {
+ object.body = new Phaser.Physics.Arcade.Body(object);
+ }
+
+ },
+
+ /**
+ * Called automatically by a Physics body, it updates all motion related values on the Body.
+ *
+ * @method Phaser.Physics.Arcade#updateMotion
+ * @param {Phaser.Physics.Arcade.Body} The Body object to be updated.
+ */
+ updateMotion: function (body) {
+
+ this._velocityDelta = this.computeVelocity(0, body, body.angularVelocity, body.angularAcceleration, body.angularDrag, body.maxAngular) - body.angularVelocity;
+ body.angularVelocity += this._velocityDelta;
+ body.rotation += (body.angularVelocity * this.game.time.physicsElapsed);
+
+ body.velocity.x = this.computeVelocity(1, body, body.velocity.x, body.acceleration.x, body.drag.x, body.maxVelocity.x);
+ body.velocity.y = this.computeVelocity(2, body, body.velocity.y, body.acceleration.y, body.drag.y, body.maxVelocity.y);
+
+ },
+
+ /**
+ * A tween-like function that takes a starting velocity and some other factors and returns an altered velocity.
+ * Based on a function in Flixel by @ADAMATOMIC
+ *
+ * @method Phaser.Physics.Arcade#computeVelocity
+ * @param {number} axis - 0 for nothing, 1 for horizontal, 2 for vertical.
+ * @param {Phaser.Physics.Arcade.Body} body - The Body object to be updated.
+ * @param {number} velocity - Any component of velocity (e.g. 20).
+ * @param {number} acceleration - Rate at which the velocity is changing.
+ * @param {number} drag - Really kind of a deceleration, this is how much the velocity changes if Acceleration is not set.
+ * @param {number} [max=10000] - An absolute value cap for the velocity.
+ * @return {number} The altered Velocity value.
+ */
+ computeVelocity: function (axis, body, velocity, acceleration, drag, max) {
+
+ max = max || 10000;
+
+ if (axis == 1 && body.allowGravity)
+ {
+ velocity += (this.gravity.x + body.gravity.x) * this.game.time.physicsElapsed;
+ }
+ else if (axis == 2 && body.allowGravity)
+ {
+ velocity += (this.gravity.y + body.gravity.y) * this.game.time.physicsElapsed;
+ }
+
+ if (acceleration)
+ {
+ velocity += acceleration * this.game.time.physicsElapsed;
+ }
+ else if (drag)
+ {
+ this._drag = drag * this.game.time.physicsElapsed;
+
+ if (velocity - this._drag > 0)
+ {
+ velocity -= this._drag;
+ }
+ else if (velocity + this._drag < 0)
+ {
+ velocity += this._drag;
+ }
+ else
+ {
+ velocity = 0;
+ }
+ }
+
+ if (velocity > max)
+ {
+ velocity = max;
+ }
+ else if (velocity < -max)
+ {
+ velocity = -max;
+ }
+
+ return velocity;
+
+ },
+
+ /**
+ * Checks for overlaps between two game objects. The objects can be Sprites, Groups or Emitters.
+ * You can perform Sprite vs. Sprite, Sprite vs. Group and Group vs. Group overlap checks.
+ * Unlike collide the objects are NOT automatically separated or have any physics applied, they merely test for overlap results.
+ * The second parameter can be an array of objects, of differing types.
+ *
+ * @method Phaser.Physics.Arcade#overlap
+ * @param {Phaser.Sprite|Phaser.Group|Phaser.Particles.Emitter} object1 - The first object to check. Can be an instance of Phaser.Sprite, Phaser.Group or Phaser.Particles.Emitter.
+ * @param {Phaser.Sprite|Phaser.Group|Phaser.Particles.Emitter|array} object2 - The second object or array of objects to check. Can be Phaser.Sprite, Phaser.Group or Phaser.Particles.Emitter.
+ * @param {function} [overlapCallback=null] - An optional callback function that is called if the objects overlap. The two objects will be passed to this function in the same order in which you specified them.
+ * @param {function} [processCallback=null] - A callback function that lets you perform additional checks against the two objects if they overlap. If this is set then overlapCallback will only be called if processCallback returns true.
+ * @param {object} [callbackContext] - The context in which to run the callbacks.
+ * @returns {boolean} True if an overlap occured otherwise false.
+ */
+ overlap: function (object1, object2, overlapCallback, processCallback, callbackContext) {
+
+ overlapCallback = overlapCallback || null;
+ processCallback = processCallback || null;
+ callbackContext = callbackContext || overlapCallback;
+
+ this._result = false;
+ this._total = 0;
+
+ if (Array.isArray(object2))
+ {
+ for (var i = 0, len = object2.length; i < len; i++)
+ {
+ this.collideHandler(object1, object2[i], overlapCallback, processCallback, callbackContext, true);
+ }
+ }
+ else
+ {
+ this.collideHandler(object1, object2, overlapCallback, processCallback, callbackContext, true);
+ }
+
+ return (this._total > 0);
+
+ },
+
+ /**
+ * Checks for collision between two game objects. You can perform Sprite vs. Sprite, Sprite vs. Group, Group vs. Group, Sprite vs. Tilemap Layer or Group vs. Tilemap Layer collisions.
+ * The second parameter can be an array of objects, of differing types.
+ * The objects are also automatically separated. If you don't require separation then use ArcadePhysics.overlap instead.
+ * An optional processCallback can be provided. If given this function will be called when two sprites are found to be colliding. It is called before any separation takes place,
+ * giving you the chance to perform additional checks. If the function returns true then the collision and separation is carried out. If it returns false it is skipped.
+ * The collideCallback is an optional function that is only called if two sprites collide. If a processCallback has been set then it needs to return true for collideCallback to be called.
+ *
+ * @method Phaser.Physics.Arcade#collide
+ * @param {Phaser.Sprite|Phaser.Group|Phaser.Particles.Emitter|Phaser.Tilemap} object1 - The first object to check. Can be an instance of Phaser.Sprite, Phaser.Group, Phaser.Particles.Emitter, or Phaser.Tilemap.
+ * @param {Phaser.Sprite|Phaser.Group|Phaser.Particles.Emitter|Phaser.Tilemap|array} object2 - The second object or array of objects to check. Can be Phaser.Sprite, Phaser.Group, Phaser.Particles.Emitter or Phaser.Tilemap.
+ * @param {function} [collideCallback=null] - An optional callback function that is called if the objects collide. The two objects will be passed to this function in the same order in which you specified them.
+ * @param {function} [processCallback=null] - A callback function that lets you perform additional checks against the two objects if they overlap. If this is set then collision will only happen if processCallback returns true. The two objects will be passed to this function in the same order in which you specified them.
+ * @param {object} [callbackContext] - The context in which to run the callbacks.
+ * @returns {boolean} True if a collision occured otherwise false.
+ */
+ collide: function (object1, object2, collideCallback, processCallback, callbackContext) {
+
+ collideCallback = collideCallback || null;
+ processCallback = processCallback || null;
+ callbackContext = callbackContext || collideCallback;
+
+ this._result = false;
+ this._total = 0;
+
+ if (Array.isArray(object2))
+ {
+ for (var i = 0, len = object2.length; i < len; i++)
+ {
+ this.collideHandler(object1, object2[i], collideCallback, processCallback, callbackContext, false);
+ }
+ }
+ else
+ {
+ this.collideHandler(object1, object2, collideCallback, processCallback, callbackContext, false);
+ }
+
+ return (this._total > 0);
+
+ },
+
+ /**
+ * Internal collision handler.
+ *
+ * @method Phaser.Physics.Arcade#collideHandler
+ * @private
+ * @param {Phaser.Sprite|Phaser.Group|Phaser.Particles.Emitter|Phaser.Tilemap} object1 - The first object to check. Can be an instance of Phaser.Sprite, Phaser.Group, Phaser.Particles.Emitter, or Phaser.Tilemap.
+ * @param {Phaser.Sprite|Phaser.Group|Phaser.Particles.Emitter|Phaser.Tilemap} object2 - The second object to check. Can be an instance of Phaser.Sprite, Phaser.Group, Phaser.Particles.Emitter or Phaser.Tilemap. Can also be an array of objects to check.
+ * @param {function} collideCallback - An optional callback function that is called if the objects collide. The two objects will be passed to this function in the same order in which you specified them.
+ * @param {function} processCallback - A callback function that lets you perform additional checks against the two objects if they overlap. If this is set then collision will only happen if processCallback returns true. The two objects will be passed to this function in the same order in which you specified them.
+ * @param {object} callbackContext - The context in which to run the callbacks.
+ * @param {boolean} overlapOnly - Just run an overlap or a full collision.
+ */
+ collideHandler: function (object1, object2, collideCallback, processCallback, callbackContext, overlapOnly) {
+
+ // Only collide valid objects
+ if (typeof object2 === 'undefined' && (object1.type === Phaser.GROUP || object1.type === Phaser.EMITTER))
+ {
+ this.collideGroupVsSelf(object1, collideCallback, processCallback, callbackContext, overlapOnly);
+ return;
+ }
+
+ if (object1 && object2 && object1.exists && object2.exists)
+ {
+ // SPRITES
+ if (object1.type == Phaser.SPRITE || object1.type == Phaser.TILESPRITE)
+ {
+ if (object2.type == Phaser.SPRITE || object2.type == Phaser.TILESPRITE)
+ {
+ this.collideSpriteVsSprite(object1, object2, collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ else if (object2.type == Phaser.GROUP || object2.type == Phaser.EMITTER)
+ {
+ this.collideSpriteVsGroup(object1, object2, collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ else if (object2.type == Phaser.TILEMAPLAYER)
+ {
+ this.collideSpriteVsTilemapLayer(object1, object2, collideCallback, processCallback, callbackContext);
+ }
+ }
+ // GROUPS
+ else if (object1.type == Phaser.GROUP)
+ {
+ if (object2.type == Phaser.SPRITE || object2.type == Phaser.TILESPRITE)
+ {
+ this.collideSpriteVsGroup(object2, object1, collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ else if (object2.type == Phaser.GROUP || object2.type == Phaser.EMITTER)
+ {
+ this.collideGroupVsGroup(object1, object2, collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ else if (object2.type == Phaser.TILEMAPLAYER)
+ {
+ this.collideGroupVsTilemapLayer(object1, object2, collideCallback, processCallback, callbackContext);
+ }
+ }
+ // TILEMAP LAYERS
+ else if (object1.type == Phaser.TILEMAPLAYER)
+ {
+ if (object2.type == Phaser.SPRITE || object2.type == Phaser.TILESPRITE)
+ {
+ this.collideSpriteVsTilemapLayer(object2, object1, collideCallback, processCallback, callbackContext);
+ }
+ else if (object2.type == Phaser.GROUP || object2.type == Phaser.EMITTER)
+ {
+ this.collideGroupVsTilemapLayer(object2, object1, collideCallback, processCallback, callbackContext);
+ }
+ }
+ // EMITTER
+ else if (object1.type == Phaser.EMITTER)
+ {
+ if (object2.type == Phaser.SPRITE || object2.type == Phaser.TILESPRITE)
+ {
+ this.collideSpriteVsGroup(object2, object1, collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ else if (object2.type == Phaser.GROUP || object2.type == Phaser.EMITTER)
+ {
+ this.collideGroupVsGroup(object1, object2, collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ else if (object2.type == Phaser.TILEMAPLAYER)
+ {
+ this.collideGroupVsTilemapLayer(object1, object2, collideCallback, processCallback, callbackContext);
+ }
+ }
+ }
+
+ },
+
+ /**
+ * An internal function. Use Phaser.Physics.Arcade.collide instead.
+ *
+ * @method Phaser.Physics.Arcade#collideSpriteVsSprite
+ * @private
+ */
+ collideSpriteVsSprite: function (sprite1, sprite2, collideCallback, processCallback, callbackContext, overlapOnly) {
+
+ if (this.separate(sprite1.body, sprite2.body, processCallback, callbackContext, overlapOnly))
+ {
+ if (collideCallback)
+ {
+ collideCallback.call(callbackContext, sprite1, sprite2);
+ }
+
+ this._total++;
+ }
+
+ },
+
+ /**
+ * An internal function. Use Phaser.Physics.Arcade.collide instead.
+ *
+ * @method Phaser.Physics.Arcade#collideSpriteVsGroup
+ * @private
+ */
+ collideSpriteVsGroup: function (sprite, group, collideCallback, processCallback, callbackContext, overlapOnly) {
+
+ if (group.length === 0)
+ {
+ return;
+ }
+
+ // What is the sprite colliding with in the quadtree?
+ this.quadTree.clear();
+
+ this.quadTree.reset(this.game.world.bounds.x, this.game.world.bounds.y, this.game.world.bounds.width, this.game.world.bounds.height, this.maxObjects, this.maxLevels);
+
+ this.quadTree.populate(group);
+
+ this._potentials = this.quadTree.retrieve(sprite);
+
+ for (var i = 0, len = this._potentials.length; i < len; i++)
+ {
+ // We have our potential suspects, are they in this group?
+ if (this.separate(sprite.body, this._potentials[i], processCallback, callbackContext, overlapOnly))
+ {
+ if (collideCallback)
+ {
+ collideCallback.call(callbackContext, sprite, this._potentials[i].sprite);
+ }
+
+ this._total++;
+ }
+ }
+
+ },
+
+ /**
+ * An internal function. Use Phaser.Physics.Arcade.collide instead.
+ *
+ * @method Phaser.Physics.Arcade#collideGroupVsSelf
+ * @private
+ */
+ collideGroupVsSelf: function (group, collideCallback, processCallback, callbackContext, overlapOnly) {
+
+ if (group.length === 0)
+ {
+ return;
+ }
+
+ var len = group.children.length;
+
+ for (var i = 0; i < len; i++)
+ {
+ for (var j = i + 1; j <= len; j++)
+ {
+ if (group.children[i] && group.children[j] && group.children[i].exists && group.children[j].exists)
+ {
+ this.collideSpriteVsSprite(group.children[i], group.children[j], collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ }
+ }
+
+ },
+
+ /**
+ * An internal function. Use Phaser.Physics.Arcade.collide instead.
+ *
+ * @method Phaser.Physics.Arcade#collideGroupVsGroup
+ * @private
+ */
+ collideGroupVsGroup: function (group1, group2, collideCallback, processCallback, callbackContext, overlapOnly) {
+
+ if (group1.length === 0 || group2.length === 0)
+ {
+ return;
+ }
+
+ for (var i = 0, len = group1.children.length; i < len; i++)
+ {
+ if (group1.children[i].exists)
+ {
+ this.collideSpriteVsGroup(group1.children[i], group2, collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ }
+
+ },
+
+ /**
+ * An internal function. Use Phaser.Physics.Arcade.collide instead.
+ *
+ * @method Phaser.Physics.Arcade#collideSpriteVsTilemapLayer
+ * @private
+ */
+ collideSpriteVsTilemapLayer: function (sprite, tilemapLayer, collideCallback, processCallback, callbackContext) {
+
+ this._mapData = tilemapLayer.getTiles(
+ sprite.body.position.x - sprite.body.tilePadding.x,
+ sprite.body.position.y - sprite.body.tilePadding.y,
+ sprite.body.width + sprite.body.tilePadding.x,
+ sprite.body.height + sprite.body.tilePadding.y,
+ true, true);
+
+ if (this._mapData.length === 0)
+ {
+ return;
+ }
+
+ for (var i = 0; i < this._mapData.length; i++)
+ {
+ if (this.separateTile(i, sprite.body, this._mapData[i]))
+ {
+ // They collided, is there a custom process callback?
+ if (processCallback)
+ {
+ if (processCallback.call(callbackContext, sprite, this._mapData[i]))
+ {
+ this._total++;
+
+ if (collideCallback)
+ {
+ collideCallback.call(callbackContext, sprite, this._mapData[i]);
+ }
+ }
+ }
+ else
+ {
+ this._total++;
+
+ if (collideCallback)
+ {
+ collideCallback.call(callbackContext, sprite, this._mapData[i]);
+ }
+ }
+ }
+ }
+
+ },
+
+ /**
+ * An internal function. Use Phaser.Physics.Arcade.collide instead.
+ *
+ * @method Phaser.Physics.Arcade#collideGroupVsTilemapLayer
+ * @private
+ */
+ collideGroupVsTilemapLayer: function (group, tilemapLayer, collideCallback, processCallback, callbackContext) {
+
+ if (group.length === 0)
+ {
+ return;
+ }
+
+ for (var i = 0, len = group.children.length; i < len; i++)
+ {
+ if (group.children[i].exists)
+ {
+ this.collideSpriteVsTilemapLayer(group.children[i], tilemapLayer, collideCallback, processCallback, callbackContext);
+ }
+ }
+
+ },
+
+ /**
+ * The core separation function to separate two physics bodies.
+ * @method Phaser.Physics.Arcade#separate
+ * @param {Phaser.Physics.Arcade.Body} body1 - The Body object to separate.
+ * @param {Phaser.Physics.Arcade.Body} body2 - The Body object to separate.
+ * @param {function} [processCallback=null] - A callback function that lets you perform additional checks against the two objects if they overlap. If this function is set then the sprites will only be collided if it returns true.
+ * @param {object} [callbackContext] - The context in which to run the process callback.
+ * @returns {boolean} Returns true if the bodies collided, otherwise false.
+ */
+ separate: function (body1, body2, processCallback, callbackContext, overlapOnly) {
+
+ if (!Phaser.Rectangle.intersects(body1, body2))
+ {
+ return false;
+ }
+
+ // They overlap. Is there a custom process callback? If it returns true then we can carry on, otherwise we should abort.
+ if (processCallback && processCallback.call(callbackContext, body1.sprite, body2.sprite) === false)
+ {
+ return false;
+ }
+
+ if (this.separateX(body1, body2, overlapOnly) || this.separateY(body1, body2, overlapOnly))
+ {
+ this._result = true;
+
+ return true;
+ }
+ else
+ {
+ return false;
+ }
+
+ },
+
+ /**
+ * The core separation function to separate two physics bodies on the x axis.
+ * @method Phaser.Physics.Arcade#separateX
+ * @param {Phaser.Physics.Arcade.Body} body1 - The Body object to separate.
+ * @param {Phaser.Physics.Arcade.Body} body2 - The Body object to separate.
+ * @param {boolean} overlapOnly - If true the bodies will only have their overlap data set, no separation or exchange of velocity will take place.
+ * @returns {boolean} Returns true if the bodies were separated, otherwise false.
+ */
+ separateX: function (body1, body2, overlapOnly) {
+
+ // Can't separate two immovable bodies
+ if (body1.immovable && body2.immovable)
+ {
+ return false;
+ }
+
+ this._overlap = 0;
+
+ // Check if the hulls actually overlap
+ if (Phaser.Rectangle.intersects(body1, body2))
+ {
+ this._maxOverlap = body1.deltaAbsX() + body2.deltaAbsX() + this.OVERLAP_BIAS;
+
+ if (body1.deltaX() === 0 && body2.deltaX() === 0)
+ {
+ // They overlap but neither of them are moving
+ body1.embedded = true;
+ body2.embedded = true;
+ }
+ else if (body1.deltaX() > body2.deltaX())
+ {
+ // Body1 is moving right and/or Body2 is moving left
+ this._overlap = body1.x + body1.width - body2.x;
+
+ if ((this._overlap > this._maxOverlap) || body1.checkCollision.right === false || body2.checkCollision.left === false)
+ {
+ this._overlap = 0;
+ }
+ else
+ {
+ body1.touching.none = false;
+ body1.touching.right = true;
+ body2.touching.none = false;
+ body2.touching.left = true;
+ }
+ }
+ else if (body1.deltaX() < body2.deltaX())
+ {
+ // Body1 is moving left and/or Body2 is moving right
+ this._overlap = body1.x - body2.width - body2.x;
+
+ if ((-this._overlap > this._maxOverlap) || body1.checkCollision.left === false || body2.checkCollision.right === false)
+ {
+ this._overlap = 0;
+ }
+ else
+ {
+ body1.touching.none = false;
+ body1.touching.left = true;
+ body2.touching.none = false;
+ body2.touching.right = true;
+ }
+ }
+
+ // Then adjust their positions and velocities accordingly (if there was any overlap)
+ if (this._overlap !== 0)
+ {
+ body1.overlapX = this._overlap;
+ body2.overlapX = this._overlap;
+
+ if (overlapOnly || body1.customSeparateX || body2.customSeparateX)
+ {
+ return true;
+ }
+
+ this._velocity1 = body1.velocity.x;
+ this._velocity2 = body2.velocity.x;
+
+ if (!body1.immovable && !body2.immovable)
+ {
+ this._overlap *= 0.5;
+
+ body1.x = body1.x - this._overlap;
+ body2.x += this._overlap;
+
+ this._newVelocity1 = Math.sqrt((this._velocity2 * this._velocity2 * body2.mass) / body1.mass) * ((this._velocity2 > 0) ? 1 : -1);
+ this._newVelocity2 = Math.sqrt((this._velocity1 * this._velocity1 * body1.mass) / body2.mass) * ((this._velocity1 > 0) ? 1 : -1);
+ this._average = (this._newVelocity1 + this._newVelocity2) * 0.5;
+ this._newVelocity1 -= this._average;
+ this._newVelocity2 -= this._average;
+
+ body1.velocity.x = this._average + this._newVelocity1 * body1.bounce.x;
+ body2.velocity.x = this._average + this._newVelocity2 * body2.bounce.x;
+ }
+ else if (!body1.immovable)
+ {
+ body1.x = body1.x - this._overlap;
+ body1.velocity.x = this._velocity2 - this._velocity1 * body1.bounce.x;
+ }
+ else if (!body2.immovable)
+ {
+ body2.x += this._overlap;
+ body2.velocity.x = this._velocity1 - this._velocity2 * body2.bounce.x;
+ }
+
+ return true;
+ }
+ }
+
+ return false;
+
+ },
+
+ /**
+ * The core separation function to separate two physics bodies on the y axis.
+ * @method Phaser.Physics.Arcade#separateY
+ * @param {Phaser.Physics.Arcade.Body} body1 - The Body object to separate.
+ * @param {Phaser.Physics.Arcade.Body} body2 - The Body object to separate.
+ * @param {boolean} overlapOnly - If true the bodies will only have their overlap data set, no separation or exchange of velocity will take place.
+ * @returns {boolean} Returns true if the bodies were separated, otherwise false.
+ */
+ separateY: function (body1, body2, overlapOnly) {
+
+ // Can't separate two immovable or non-existing bodys
+ if (body1.immovable && body2.immovable)
+ {
+ return false;
+ }
+
+ this._overlap = 0;
+
+ // Check if the hulls actually overlap
+ if (Phaser.Rectangle.intersects(body1, body2))
+ {
+ this._maxOverlap = body1.deltaAbsY() + body2.deltaAbsY() + this.OVERLAP_BIAS;
+
+ if (body1.deltaY() === 0 && body2.deltaY() === 0)
+ {
+ // They overlap but neither of them are moving
+ body1.embedded = true;
+ body2.embedded = true;
+ }
+ else if (body1.deltaY() > body2.deltaY())
+ {
+ // Body1 is moving down and/or Body2 is moving up
+ this._overlap = body1.y + body1.height - body2.y;
+
+ if ((this._overlap > this._maxOverlap) || body1.checkCollision.down === false || body2.checkCollision.up === false)
+ {
+ this._overlap = 0;
+ }
+ else
+ {
+ body1.touching.none = false;
+ body1.touching.down = true;
+ body2.touching.none = false;
+ body2.touching.up = true;
+ }
+ }
+ else if (body1.deltaY() < body2.deltaY())
+ {
+ // Body1 is moving up and/or Body2 is moving down
+ this._overlap = body1.y - body2.height - body2.y;
+
+ if ((-this._overlap > this._maxOverlap) || body1.checkCollision.up === false || body2.checkCollision.down === false)
+ {
+ this._overlap = 0;
+ }
+ else
+ {
+ body1.touching.none = false;
+ body1.touching.up = true;
+ body2.touching.none = false;
+ body2.touching.down = true;
+ }
+ }
+
+ // Then adjust their positions and velocities accordingly (if there was any overlap)
+ if (this._overlap !== 0)
+ {
+ body1.overlapY = this._overlap;
+ body2.overlapY = this._overlap;
+
+ if (overlapOnly || body1.customSeparateY || body2.customSeparateY)
+ {
+ return true;
+ }
+
+ this._velocity1 = body1.velocity.y;
+ this._velocity2 = body2.velocity.y;
+
+ if (!body1.immovable && !body2.immovable)
+ {
+ this._overlap *= 0.5;
+
+ body1.y = body1.y - this._overlap;
+ body2.y += this._overlap;
+
+ this._newVelocity1 = Math.sqrt((this._velocity2 * this._velocity2 * body2.mass) / body1.mass) * ((this._velocity2 > 0) ? 1 : -1);
+ this._newVelocity2 = Math.sqrt((this._velocity1 * this._velocity1 * body1.mass) / body2.mass) * ((this._velocity1 > 0) ? 1 : -1);
+ this._average = (this._newVelocity1 + this._newVelocity2) * 0.5;
+ this._newVelocity1 -= this._average;
+ this._newVelocity2 -= this._average;
+
+ body1.velocity.y = this._average + this._newVelocity1 * body1.bounce.y;
+ body2.velocity.y = this._average + this._newVelocity2 * body2.bounce.y;
+ }
+ else if (!body1.immovable)
+ {
+ body1.y = body1.y - this._overlap;
+ body1.velocity.y = this._velocity2 - this._velocity1 * body1.bounce.y;
+
+ // This is special case code that handles things like horizontal moving platforms you can ride
+ if (body2.moves)
+ {
+ body1.x += body2.x - body2.prev.x;
+ }
+ }
+ else if (!body2.immovable)
+ {
+ body2.y += this._overlap;
+ body2.velocity.y = this._velocity1 - this._velocity2 * body2.bounce.y;
+
+ // This is special case code that handles things like horizontal moving platforms you can ride
+ if (body1.moves)
+ {
+ body2.x += body1.x - body1.prev.x;
+ }
+ }
+
+ return true;
+ }
+
+ }
+
+ return false;
+
+ },
+
+ /**
+ * The core separation function to separate a physics body and a tile.
+ * @method Phaser.Physics.Arcade#separateTile
+ * @param {Phaser.Physics.Arcade.Body} body - The Body object to separate.
+ * @param {Phaser.Tile} tile - The tile to collide against.
+ * @returns {boolean} Returns true if the body was separated, otherwise false.
+ */
+ separateTile: function (i, body, tile) {
+
+ // We re-check for collision in case body was separated in a previous step
+ if (!tile.intersects(body.position.x, body.position.y, body.right, body.bottom))
+ {
+ // no collision so bail out (separted in a previous step)
+ return false;
+ }
+
+ // They overlap. Any custom callbacks?
+ if (tile.collisionCallback || tile.layer.callbacks[tile.index])
+ {
+ // A local callback takes priority over a global callback.
+ if (tile.collisionCallbackk && tile.collisionCallback.call(tile.collisionCallbackContext, body.sprite, tile) === false)
+ {
+ // Is there a tile specific collision callback? If it returns true then we can carry on, otherwise we should abort.
+ return false;
+ }
+ else if (tile.layer.callbacks[tile.index] && tile.layer.callbacks[tile.index].callback.call(tile.layer.callbacks[tile.index].callbackContext, body.sprite, tile) === false)
+ {
+ // Is there a tile index collision callback? If it returns true then we can carry on, otherwise we should abort.
+ return false;
+ }
+ }
+
+ var ox = 0;
+ var oy = 0;
+ var minX = 0;
+ var minY = 1;
+
+ if (body.deltaAbsX() > body.deltaAbsY())
+ {
+ // Moving faster horizontally, check X axis first
+ minX = -1;
+ }
+ else if (body.deltaAbsX() < body.deltaAbsY())
+ {
+ // Moving faster vertically, check Y axis first
+ minY = -1;
+ }
+
+ if (body.deltaX() !== 0 && body.deltaY() !== 0 && (tile.faceLeft || tile.faceRight) && (tile.faceTop || tile.faceBottom))
+ {
+ // We only need do this if both axis have checking faces AND we're moving in both directions
+ minX = Math.min(Math.abs(body.position.x - tile.right), Math.abs(body.right - tile.left));
+ minY = Math.min(Math.abs(body.position.y - tile.bottom), Math.abs(body.bottom - tile.top));
+
+ // console.log('checking faces', minX, minY);
+ }
+
+ if (minX < minY)
+ {
+ if (tile.faceLeft || tile.faceRight)
+ {
+ ox = this.tileCheckX(body, tile);
+
+ // That's horizontal done, check if we still intersects? If not then we can return now
+ if (ox !== 0 && !tile.intersects(body.position.x, body.position.y, body.right, body.bottom))
+ {
+ return true;
+ }
+ }
+
+ if (tile.faceTop || tile.faceBottom)
+ {
+ oy = this.tileCheckY(body, tile);
+ }
+ }
+ else
+ {
+ if (tile.faceTop || tile.faceBottom)
+ {
+ oy = this.tileCheckY(body, tile);
+
+ // That's vertical done, check if we still intersects? If not then we can return now
+ if (oy !== 0 && !tile.intersects(body.position.x, body.position.y, body.right, body.bottom))
+ {
+ return true;
+ }
+ }
+
+ if (tile.faceLeft || tile.faceRight)
+ {
+ ox = this.tileCheckX(body, tile);
+ }
+ }
+
+ return (ox !== 0 || oy !== 0);
+
+ },
+
+ /**
+ * Check the body against the given tile on the X axis.
+ *
+ * @method Phaser.Physics.Arcade#tileCheckX
+ * @protected
+ * @param {Phaser.Physics.Arcade.Body} body - The Body object to separate.
+ * @param {Phaser.Tile} tile - The tile to check.
+ * @returns {number} The amount of separation that occured.
+ */
+ tileCheckX: function (body, tile) {
+
+ var ox = 0;
+
+ if (body.deltaX() < 0 && !body.blocked.left && tile.collideRight && body.checkCollision.left)
+ {
+ // Body is moving LEFT
+ if (tile.faceRight && body.x < tile.right)
+ {
+ ox = body.x - tile.right;
+
+ if (ox < -this.TILE_BIAS)
+ {
+ ox = 0;
+ }
+ }
+ }
+ else if (body.deltaX() > 0 && !body.blocked.right && tile.collideLeft && body.checkCollision.right)
+ {
+ // Body is moving RIGHT
+ if (tile.faceLeft && body.right > tile.left)
+ {
+ ox = body.right - tile.left;
+
+ if (ox > this.TILE_BIAS)
+ {
+ ox = 0;
+ }
+ }
+ }
+
+ if (ox !== 0)
+ {
+ this.processTileSeparationX(body, ox);
+ }
+
+ return ox;
+
+ },
+
+ /**
+ * Check the body against the given tile on the Y axis.
+ *
+ * @method Phaser.Physics.Arcade#tileCheckY
+ * @protected
+ * @param {Phaser.Physics.Arcade.Body} body - The Body object to separate.
+ * @param {Phaser.Tile} tile - The tile to check.
+ * @returns {number} The amount of separation that occured.
+ */
+ tileCheckY: function (body, tile) {
+
+ var oy = 0;
+
+ if (body.deltaY() < 0 && !body.blocked.up && tile.collideDown && body.checkCollision.up)
+ {
+ // Body is moving UP
+ if (tile.faceBottom && body.y < tile.bottom)
+ {
+ oy = body.y - tile.bottom;
+
+ if (oy < -this.TILE_BIAS)
+ {
+ oy = 0;
+ }
+ }
+ }
+ else if (body.deltaY() > 0 && !body.blocked.down && tile.collideUp && body.checkCollision.down)
+ {
+ // Body is moving DOWN
+ if (tile.faceTop && body.bottom > tile.top)
+ {
+ oy = body.bottom - tile.top;
+
+ if (oy > this.TILE_BIAS)
+ {
+ oy = 0;
+ }
+ }
+ }
+
+ if (oy !== 0)
+ {
+ this.processTileSeparationY(body, oy);
+ }
+
+ return oy;
+
+ },
+
+ /**
+ * Internal function to process the separation of a physics body from a tile.
+ * @method Phaser.Physics.Arcade#processTileSeparationX
+ * @protected
+ * @param {Phaser.Physics.Arcade.Body} body - The Body object to separate.
+ * @param {number} x - The x separation amount.
+ * @returns {boolean} Returns true as a pass-thru to the separateTile method.
+ */
+ processTileSeparationX: function (body, x) {
+
+ if (x < 0)
+ {
+ body.blocked.left = true;
+ }
+ else if (x > 0)
+ {
+ body.blocked.right = true;
+ }
+
+ body.position.x -= x;
+ body.preX -= x;
+
+ if (body.bounce.x === 0)
+ {
+ body.velocity.x = 0;
+ }
+ else
+ {
+ body.velocity.x = -body.velocity.x * body.bounce.x;
+ }
+
+ },
+
+ /**
+ * Internal function to process the separation of a physics body from a tile.
+ * @method Phaser.Physics.Arcade#processTileSeparationY
+ * @protected
+ * @param {Phaser.Physics.Arcade.Body} body - The Body object to separate.
+ * @param {number} y - The y separation amount.
+ */
+ processTileSeparationY: function (body, y, tile) {
+
+ if (y < 0)
+ {
+ body.blocked.up = true;
+ }
+ else if (y > 0)
+ {
+ body.blocked.down = true;
+ }
+
+ body.position.y -= y;
+ body.preY -= y;
+
+ if (body.bounce.y === 0)
+ {
+ body.velocity.y = 0;
+ }
+ else
+ {
+ body.velocity.y = -body.velocity.y * body.bounce.y;
+ }
+
+ },
+
+ /**
+ * Move the given display object towards the destination object at a steady velocity.
+ * If you specify a maxTime then it will adjust the speed (overwriting what you set) so it arrives at the destination in that number of seconds.
+ * Timings are approximate due to the way browser timers work. Allow for a variance of +- 50ms.
+ * Note: The display object does not continuously track the target. If the target changes location during transit the display object will not modify its course.
+ * Note: The display object doesn't stop moving once it reaches the destination coordinates.
+ * Note: Doesn't take into account acceleration, maxVelocity or drag (if you've set drag or acceleration too high this object may not move at all)
+ *
+ * @method Phaser.Physics.Arcade#moveToObject
+ * @param {any} displayObject - The display object to move.
+ * @param {any} destination - The display object to move towards. Can be any object but must have visible x/y properties.
+ * @param {number} [speed=60] - The speed it will move, in pixels per second (default is 60 pixels/sec)
+ * @param {number} [maxTime=0] - Time given in milliseconds (1000 = 1 sec). If set the speed is adjusted so the object will arrive at destination in the given number of ms.
+ * @return {number} The angle (in radians) that the object should be visually set to in order to match its new velocity.
+ */
+ moveToObject: function (displayObject, destination, speed, maxTime) {
+
+ if (typeof speed === 'undefined') { speed = 60; }
+ if (typeof maxTime === 'undefined') { maxTime = 0; }
+
+ this._angle = Math.atan2(destination.y - displayObject.y, destination.x - displayObject.x);
+
+ if (maxTime > 0)
+ {
+ // We know how many pixels we need to move, but how fast?
+ speed = this.distanceBetween(displayObject, destination) / (maxTime / 1000);
+ }
+
+ displayObject.body.velocity.x = Math.cos(this._angle) * speed;
+ displayObject.body.velocity.y = Math.sin(this._angle) * speed;
+
+ return this._angle;
+
+ },
+
+ /**
+ * Move the given display object towards the pointer at a steady velocity. If no pointer is given it will use Phaser.Input.activePointer.
+ * If you specify a maxTime then it will adjust the speed (over-writing what you set) so it arrives at the destination in that number of seconds.
+ * Timings are approximate due to the way browser timers work. Allow for a variance of +- 50ms.
+ * Note: The display object does not continuously track the target. If the target changes location during transit the display object will not modify its course.
+ * Note: The display object doesn't stop moving once it reaches the destination coordinates.
+ *
+ * @method Phaser.Physics.Arcade#moveToPointer
+ * @param {any} displayObject - The display object to move.
+ * @param {number} [speed=60] - The speed it will move, in pixels per second (default is 60 pixels/sec)
+ * @param {Phaser.Pointer} [pointer] - The pointer to move towards. Defaults to Phaser.Input.activePointer.
+ * @param {number} [maxTime=0] - Time given in milliseconds (1000 = 1 sec). If set the speed is adjusted so the object will arrive at destination in the given number of ms.
+ * @return {number} The angle (in radians) that the object should be visually set to in order to match its new velocity.
+ */
+ moveToPointer: function (displayObject, speed, pointer, maxTime) {
+
+ if (typeof speed === 'undefined') { speed = 60; }
+ pointer = pointer || this.game.input.activePointer;
+ if (typeof maxTime === 'undefined') { maxTime = 0; }
+
+ this._angle = this.angleToPointer(displayObject, pointer);
+
+ if (maxTime > 0)
+ {
+ // We know how many pixels we need to move, but how fast?
+ speed = this.distanceToPointer(displayObject, pointer) / (maxTime / 1000);
+ }
+
+ displayObject.body.velocity.x = Math.cos(this._angle) * speed;
+ displayObject.body.velocity.y = Math.sin(this._angle) * speed;
+
+ return this._angle;
+
+ },
+
+ /**
+ * Move the given display object towards the x/y coordinates at a steady velocity.
+ * If you specify a maxTime then it will adjust the speed (over-writing what you set) so it arrives at the destination in that number of seconds.
+ * Timings are approximate due to the way browser timers work. Allow for a variance of +- 50ms.
+ * Note: The display object does not continuously track the target. If the target changes location during transit the display object will not modify its course.
+ * Note: The display object doesn't stop moving once it reaches the destination coordinates.
+ * Note: Doesn't take into account acceleration, maxVelocity or drag (if you've set drag or acceleration too high this object may not move at all)
+ *
+ * @method Phaser.Physics.Arcade#moveToXY
+ * @param {any} displayObject - The display object to move.
+ * @param {number} x - The x coordinate to move towards.
+ * @param {number} y - The y coordinate to move towards.
+ * @param {number} [speed=60] - The speed it will move, in pixels per second (default is 60 pixels/sec)
+ * @param {number} [maxTime=0] - Time given in milliseconds (1000 = 1 sec). If set the speed is adjusted so the object will arrive at destination in the given number of ms.
+ * @return {number} The angle (in radians) that the object should be visually set to in order to match its new velocity.
+ */
+ moveToXY: function (displayObject, x, y, speed, maxTime) {
+
+ if (typeof speed === 'undefined') { speed = 60; }
+ if (typeof maxTime === 'undefined') { maxTime = 0; }
+
+ this._angle = Math.atan2(y - displayObject.y, x - displayObject.x);
+
+ if (maxTime > 0)
+ {
+ // We know how many pixels we need to move, but how fast?
+ speed = this.distanceToXY(displayObject, x, y) / (maxTime / 1000);
+ }
+
+ displayObject.body.velocity.x = Math.cos(this._angle) * speed;
+ displayObject.body.velocity.y = Math.sin(this._angle) * speed;
+
+ return this._angle;
+
+ },
+
+ /**
+ * Given the angle (in degrees) and speed calculate the velocity and return it as a Point object, or set it to the given point object.
+ * One way to use this is: velocityFromAngle(angle, 200, sprite.velocity) which will set the values directly to the sprites velocity and not create a new Point object.
+ *
+ * @method Phaser.Physics.Arcade#velocityFromAngle
+ * @param {number} angle - The angle in degrees calculated in clockwise positive direction (down = 90 degrees positive, right = 0 degrees positive, up = 90 degrees negative)
+ * @param {number} [speed=60] - The speed it will move, in pixels per second sq.
+ * @param {Phaser.Point|object} [point] - The Point object in which the x and y properties will be set to the calculated velocity.
+ * @return {Phaser.Point} - A Point where point.x contains the velocity x value and point.y contains the velocity y value.
+ */
+ velocityFromAngle: function (angle, speed, point) {
+
+ if (typeof speed === 'undefined') { speed = 60; }
+ point = point || new Phaser.Point();
+
+ return point.setTo((Math.cos(this.game.math.degToRad(angle)) * speed), (Math.sin(this.game.math.degToRad(angle)) * speed));
+
+ },
+
+ /**
+ * Given the rotation (in radians) and speed calculate the velocity and return it as a Point object, or set it to the given point object.
+ * One way to use this is: velocityFromRotation(rotation, 200, sprite.velocity) which will set the values directly to the sprites velocity and not create a new Point object.
+ *
+ * @method Phaser.Physics.Arcade#velocityFromRotation
+ * @param {number} rotation - The angle in radians.
+ * @param {number} [speed=60] - The speed it will move, in pixels per second sq.
+ * @param {Phaser.Point|object} [point] - The Point object in which the x and y properties will be set to the calculated velocity.
+ * @return {Phaser.Point} - A Point where point.x contains the velocity x value and point.y contains the velocity y value.
+ */
+ velocityFromRotation: function (rotation, speed, point) {
+
+ if (typeof speed === 'undefined') { speed = 60; }
+ point = point || new Phaser.Point();
+
+ return point.setTo((Math.cos(rotation) * speed), (Math.sin(rotation) * speed));
+
+ },
+
+ /**
+ * Given the rotation (in radians) and speed calculate the acceleration and return it as a Point object, or set it to the given point object.
+ * One way to use this is: accelerationFromRotation(rotation, 200, sprite.acceleration) which will set the values directly to the sprites acceleration and not create a new Point object.
+ *
+ * @method Phaser.Physics.Arcade#accelerationFromRotation
+ * @param {number} rotation - The angle in radians.
+ * @param {number} [speed=60] - The speed it will move, in pixels per second sq.
+ * @param {Phaser.Point|object} [point] - The Point object in which the x and y properties will be set to the calculated acceleration.
+ * @return {Phaser.Point} - A Point where point.x contains the acceleration x value and point.y contains the acceleration y value.
+ */
+ accelerationFromRotation: function (rotation, speed, point) {
+
+ if (typeof speed === 'undefined') { speed = 60; }
+ point = point || new Phaser.Point();
+
+ return point.setTo((Math.cos(rotation) * speed), (Math.sin(rotation) * speed));
+
+ },
+
+ /**
+ * Sets the acceleration.x/y property on the display object so it will move towards the target at the given speed (in pixels per second sq.)
+ * You must give a maximum speed value, beyond which the display object won't go any faster.
+ * Note: The display object does not continuously track the target. If the target changes location during transit the display object will not modify its course.
+ * Note: The display object doesn't stop moving once it reaches the destination coordinates.
+ *
+ * @method Phaser.Physics.Arcade#accelerateToObject
+ * @param {any} displayObject - The display object to move.
+ * @param {any} destination - The display object to move towards. Can be any object but must have visible x/y properties.
+ * @param {number} [speed=60] - The speed it will accelerate in pixels per second.
+ * @param {number} [xSpeedMax=500] - The maximum x velocity the display object can reach.
+ * @param {number} [ySpeedMax=500] - The maximum y velocity the display object can reach.
+ * @return {number} The angle (in radians) that the object should be visually set to in order to match its new trajectory.
+ */
+ accelerateToObject: function (displayObject, destination, speed, xSpeedMax, ySpeedMax) {
+
+ if (typeof speed === 'undefined') { speed = 60; }
+ if (typeof xSpeedMax === 'undefined') { xSpeedMax = 1000; }
+ if (typeof ySpeedMax === 'undefined') { ySpeedMax = 1000; }
+
+ this._angle = this.angleBetween(displayObject, destination);
+
+ displayObject.body.acceleration.setTo(Math.cos(this._angle) * speed, Math.sin(this._angle) * speed);
+ displayObject.body.maxVelocity.setTo(xSpeedMax, ySpeedMax);
+
+ return this._angle;
+
+ },
+
+ /**
+ * Sets the acceleration.x/y property on the display object so it will move towards the target at the given speed (in pixels per second sq.)
+ * You must give a maximum speed value, beyond which the display object won't go any faster.
+ * Note: The display object does not continuously track the target. If the target changes location during transit the display object will not modify its course.
+ * Note: The display object doesn't stop moving once it reaches the destination coordinates.
+ *
+ * @method Phaser.Physics.Arcade#accelerateToPointer
+ * @param {any} displayObject - The display object to move.
+ * @param {Phaser.Pointer} [pointer] - The pointer to move towards. Defaults to Phaser.Input.activePointer.
+ * @param {number} [speed=60] - The speed it will accelerate in pixels per second.
+ * @param {number} [xSpeedMax=500] - The maximum x velocity the display object can reach.
+ * @param {number} [ySpeedMax=500] - The maximum y velocity the display object can reach.
+ * @return {number} The angle (in radians) that the object should be visually set to in order to match its new trajectory.
+ */
+ accelerateToPointer: function (displayObject, pointer, speed, xSpeedMax, ySpeedMax) {
+
+ if (typeof speed === 'undefined') { speed = 60; }
+ if (typeof pointer === 'undefined') { pointer = this.game.input.activePointer; }
+ if (typeof xSpeedMax === 'undefined') { xSpeedMax = 1000; }
+ if (typeof ySpeedMax === 'undefined') { ySpeedMax = 1000; }
+
+ this._angle = this.angleToPointer(displayObject, pointer);
+
+ displayObject.body.acceleration.setTo(Math.cos(this._angle) * speed, Math.sin(this._angle) * speed);
+ displayObject.body.maxVelocity.setTo(xSpeedMax, ySpeedMax);
+
+ return this._angle;
+
+ },
+
+ /**
+ * Sets the acceleration.x/y property on the display object so it will move towards the x/y coordinates at the given speed (in pixels per second sq.)
+ * You must give a maximum speed value, beyond which the display object won't go any faster.
+ * Note: The display object does not continuously track the target. If the target changes location during transit the display object will not modify its course.
+ * Note: The display object doesn't stop moving once it reaches the destination coordinates.
+ *
+ * @method Phaser.Physics.Arcade#accelerateToXY
+ * @param {any} displayObject - The display object to move.
+ * @param {number} x - The x coordinate to accelerate towards.
+ * @param {number} y - The y coordinate to accelerate towards.
+ * @param {number} [speed=60] - The speed it will accelerate in pixels per second.
+ * @param {number} [xSpeedMax=500] - The maximum x velocity the display object can reach.
+ * @param {number} [ySpeedMax=500] - The maximum y velocity the display object can reach.
+ * @return {number} The angle (in radians) that the object should be visually set to in order to match its new trajectory.
+ */
+ accelerateToXY: function (displayObject, x, y, speed, xSpeedMax, ySpeedMax) {
+
+ if (typeof speed === 'undefined') { speed = 60; }
+ if (typeof xSpeedMax === 'undefined') { xSpeedMax = 1000; }
+ if (typeof ySpeedMax === 'undefined') { ySpeedMax = 1000; }
+
+ this._angle = this.angleToXY(displayObject, x, y);
+
+ displayObject.body.acceleration.setTo(Math.cos(this._angle) * speed, Math.sin(this._angle) * speed);
+ displayObject.body.maxVelocity.setTo(xSpeedMax, ySpeedMax);
+
+ return this._angle;
+
+ },
+
+ /**
+ * Find the distance between two display objects (like Sprites).
+ *
+ * @method Phaser.Physics.Arcade#distanceBetween
+ * @param {any} source - The Display Object to test from.
+ * @param {any} target - The Display Object to test to.
+ * @return {number} The distance between the source and target objects.
+ */
+ distanceBetween: function (source, target) {
+
+ this._dx = source.x - target.x;
+ this._dy = source.y - target.y;
+
+ return Math.sqrt(this._dx * this._dx + this._dy * this._dy);
+
+ },
+
+ /**
+ * Find the distance between a display object (like a Sprite) and the given x/y coordinates.
+ * The calculation is made from the display objects x/y coordinate. This may be the top-left if its anchor hasn't been changed.
+ * If you need to calculate from the center of a display object instead use the method distanceBetweenCenters()
+ *
+ * @method Phaser.Physics.Arcade#distanceToXY
+ * @param {any} displayObject - The Display Object to test from.
+ * @param {number} x - The x coordinate to move towards.
+ * @param {number} y - The y coordinate to move towards.
+ * @return {number} The distance between the object and the x/y coordinates.
+ */
+ distanceToXY: function (displayObject, x, y) {
+
+ this._dx = displayObject.x - x;
+ this._dy = displayObject.y - y;
+
+ return Math.sqrt(this._dx * this._dx + this._dy * this._dy);
+
+ },
+
+ /**
+ * Find the distance between a display object (like a Sprite) and a Pointer. If no Pointer is given the Input.activePointer is used.
+ * The calculation is made from the display objects x/y coordinate. This may be the top-left if its anchor hasn't been changed.
+ * If you need to calculate from the center of a display object instead use the method distanceBetweenCenters()
+ *
+ * @method Phaser.Physics.Arcade#distanceToPointer
+ * @param {any} displayObject - The Display Object to test from.
+ * @param {Phaser.Pointer} [pointer] - The Phaser.Pointer to test to. If none is given then Input.activePointer is used.
+ * @return {number} The distance between the object and the Pointer.
+ */
+ distanceToPointer: function (displayObject, pointer) {
+
+ pointer = pointer || this.game.input.activePointer;
+
+ this._dx = displayObject.x - pointer.x;
+ this._dy = displayObject.y - pointer.y;
+
+ return Math.sqrt(this._dx * this._dx + this._dy * this._dy);
+
+ },
+
+ /**
+ * Find the angle in radians between two display objects (like Sprites).
+ *
+ * @method Phaser.Physics.Arcade#angleBetween
+ * @param {any} source - The Display Object to test from.
+ * @param {any} target - The Display Object to test to.
+ * @return {number} The angle in radians between the source and target display objects.
+ */
+ angleBetween: function (source, target) {
+
+ this._dx = target.x - source.x;
+ this._dy = target.y - source.y;
+
+ return Math.atan2(this._dy, this._dx);
+
+ },
+
+ /**
+ * Find the angle in radians between a display object (like a Sprite) and the given x/y coordinate.
+ *
+ * @method Phaser.Physics.Arcade#angleToXY
+ * @param {any} displayObject - The Display Object to test from.
+ * @param {number} x - The x coordinate to get the angle to.
+ * @param {number} y - The y coordinate to get the angle to.
+ * @return {number} The angle in radians between displayObject.x/y to Pointer.x/y
+ */
+ angleToXY: function (displayObject, x, y) {
+
+ this._dx = x - displayObject.x;
+ this._dy = y - displayObject.y;
+
+ return Math.atan2(this._dy, this._dx);
+
+ },
+
+ /**
+ * Find the angle in radians between a display object (like a Sprite) and a Pointer, taking their x/y and center into account.
+ *
+ * @method Phaser.Physics.Arcade#angleToPointer
+ * @param {any} displayObject - The Display Object to test from.
+ * @param {Phaser.Pointer} [pointer] - The Phaser.Pointer to test to. If none is given then Input.activePointer is used.
+ * @return {number} The angle in radians between displayObject.x/y to Pointer.x/y
+ */
+ angleToPointer: function (displayObject, pointer) {
+
+ pointer = pointer || this.game.input.activePointer;
+
+ this._dx = pointer.worldX - displayObject.x;
+ this._dy = pointer.worldY - displayObject.y;
+
+ return Math.atan2(this._dy, this._dx);
+
+ }
+
+};
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* The Physics Body is linked to a single Sprite. All physics operations should be performed against the body rather than
+* the Sprite itself. For example you can set the velocity, acceleration, bounce values etc all on the Body.
+*
+* @class Phaser.Physics.Arcade.Body
+* @classdesc Arcade Physics Body Constructor
+* @constructor
+* @param {Phaser.Sprite} sprite - The Sprite object this physics body belongs to.
+*/
+Phaser.Physics.Arcade.Body = function (sprite) {
+
+ /**
+ * @property {Phaser.Sprite} sprite - Reference to the parent Sprite.
+ */
+ this.sprite = sprite;
+
+ /**
+ * @property {Phaser.Game} game - Local reference to game.
+ */
+ this.game = sprite.game;
+
+ /**
+ * @property {number} type - The type of physics system this body belongs to.
+ */
+ this.type = Phaser.Physics.ARCADE;
+
+ /**
+ * @property {Phaser.Point} offset - The offset of the Physics Body from the Sprite x/y position.
+ */
+ this.offset = new Phaser.Point();
+
+ if (sprite.anchor.x !== 0)
+ {
+ this.offset.x = (sprite.anchor.x * sprite.width);
+ }
+
+ if (sprite.anchor.y !== 0)
+ {
+ this.offset.y = (sprite.anchor.y * sprite.height);
+ }
+
+ /**
+ * @property {Phaser.Point} position - The position of the physics body.
+ * @readonly
+ */
+ this.position = new Phaser.Point(sprite.x, sprite.y);
+
+ /**
+ * @property {Phaser.Point} prev - The previous position of the physics body.
+ * @readonly
+ */
+ this.prev = new Phaser.Point(this.position.x, this.position.y);
+
+ /**
+ * @property {boolean} allowRotation - Allow this Body to be rotated? (via angularVelocity, etc)
+ * @default
+ */
+ this.allowRotation = true;
+
+ /**
+ * @property {number} rotation - The amount the Body is rotated.
+ */
+ this.rotation = sprite.rotation;
+
+ /**
+ * @property {number} preRotation - The previous rotation of the physics body.
+ * @readonly
+ */
+ this.preRotation = sprite.rotation;
+
+ /**
+ * @property {number} sourceWidth - The un-scaled original size.
+ * @readonly
+ */
+ this.sourceWidth = sprite.texture.frame.width;
+
+ /**
+ * @property {number} sourceHeight - The un-scaled original size.
+ * @readonly
+ */
+ this.sourceHeight = sprite.texture.frame.height;
+
+ /**
+ * @property {number} width - The calculated width of the physics body.
+ */
+ this.width = sprite.width;
+
+ /**
+ * @property .numInternal ID cache
+ */
+ this.height = sprite.height;
+
+ /**
+ * @property {number} halfWidth - The calculated width / 2 of the physics body.
+ */
+ this.halfWidth = Math.abs(sprite.width / 2);
+
+ /**
+ * @property {number} halfHeight - The calculated height / 2 of the physics body.
+ */
+ this.halfHeight = Math.abs(sprite.height / 2);
+
+ /**
+ * @property {Phaser.Point} center - The center coordinate of the Physics Body.
+ */
+ this.center = new Phaser.Point(sprite.x + this.halfWidth, sprite.y + this.halfHeight);
+
+ /**
+ * @property {number} _sx - Internal cache var.
+ * @private
+ */
+ this._sx = sprite.scale.x;
+
+ /**
+ * @property {number} _sy - Internal cache var.
+ * @private
+ */
+ this._sy = sprite.scale.y;
+
+ /**
+ * @property {Phaser.Point} velocity - The velocity in pixels per second sq. of the Body.
+ */
+ this.velocity = new Phaser.Point();
+
+ /**
+ * @property {Phaser.Point} newVelocity - New velocity.
+ * @readonly
+ */
+ this.newVelocity = new Phaser.Point(0, 0);
+
+ /**
+ * @property {Phaser.Point} acceleration - The velocity in pixels per second sq. of the Body.
+ */
+ this.acceleration = new Phaser.Point();
+
+ /**
+ * @property {Phaser.Point} drag - The drag applied to the motion of the Body.
+ */
+ this.drag = new Phaser.Point();
+
+ /**
+ * @property {boolean} allowGravity - Allow this Body to be influenced by gravity? Either world or local.
+ * @default
+ */
+ this.allowGravity = true;
+
+ /**
+ * @property {Phaser.Point} gravity - A local gravity applied to this Body. If non-zero this over rides any world gravity, unless Body.allowGravity is set to false.
+ */
+ this.gravity = new Phaser.Point(0, 0);
+
+ /**
+ * @property {Phaser.Point} bounce - The elasticitiy of the Body when colliding. bounce.x/y = 1 means full rebound, bounce.x/y = 0.5 means 50% rebound velocity.
+ */
+ this.bounce = new Phaser.Point();
+
+ /**
+ * @property {Phaser.Point} maxVelocity - The maximum velocity in pixels per second sq. that the Body can reach.
+ * @default
+ */
+ this.maxVelocity = new Phaser.Point(10000, 10000);
+
+ /**
+ * @property {number} angularVelocity - The angular velocity in pixels per second sq. of the Body.
+ * @default
+ */
+ this.angularVelocity = 0;
+
+ /**
+ * @property {number} angularAcceleration - The angular acceleration in pixels per second sq. of the Body.
+ * @default
+ */
+ this.angularAcceleration = 0;
+
+ /**
+ * @property {number} angularDrag - The angular drag applied to the rotation of the Body.
+ * @default
+ */
+ this.angularDrag = 0;
+
+ /**
+ * @property {number} maxAngular - The maximum angular velocity in pixels per second sq. that the Body can reach.
+ * @default
+ */
+ this.maxAngular = 1000;
+
+ /**
+ * @property {number} mass - The mass of the Body.
+ * @default
+ */
+ this.mass = 1;
+
+ /**
+ * @property {number} angle - The angle of the Body in radians as calculated by its velocity, rather than its visual angle.
+ * @readonly
+ */
+ this.angle = 0;
+
+ /**
+ * @property {number} speed - The speed of the Body as calculated by its velocity.
+ * @readonly
+ */
+ this.speed = 0;
+
+ /**
+ * @property {boolean} skipQuadTree - If the Body is an irregular shape you can set this to true to avoid it being added to any QuadTrees.
+ * @default
+ */
+ this.skipQuadTree = false;
+
+ /**
+ * @property {number} facing - A const reference to the direction the Body is traveling or facing.
+ * @default
+ */
+ this.facing = Phaser.NONE;
+
+ /**
+ * @property {boolean} immovable - An immovable Body will not receive any impacts from other bodies.
+ * @default
+ */
+ this.immovable = false;
+
+ /**
+ * @property {boolean} moves - Set to true to allow the Physics system to move this Body, other false to move it manually.
+ * @default
+ */
+ this.moves = true;
+
+ /**
+ * This flag allows you to disable the custom x separation that takes place by Physics.Arcade.separate.
+ * Used in combination with your own collision processHandler you can create whatever type of collision response you need.
+ * @property {boolean} customSeparateX - Use a custom separation system or the built-in one?
+ * @default
+ */
+ this.customSeparateX = false;
+
+ /**
+ * This flag allows you to disable the custom y separation that takes place by Physics.Arcade.separate.
+ * Used in combination with your own collision processHandler you can create whatever type of collision response you need.
+ * @property {boolean} customSeparateY - Use a custom separation system or the built-in one?
+ * @default
+ */
+ this.customSeparateY = false;
+
+ /**
+ * When this body collides with another, the amount of overlap is stored here.
+ * @property {number} overlapX - The amount of horizontal overlap during the collision.
+ */
+ this.overlapX = 0;
+
+ /**
+ * When this body collides with another, the amount of overlap is stored here.
+ * @property {number} overlapY - The amount of vertical overlap during the collision.
+ */
+ this.overlapY = 0;
+
+ /**
+ * If a body is overlapping with another body, but neither of them are moving (maybe they spawned on-top of each other?) this is set to true.
+ * @property {boolean} embedded - Body embed value.
+ */
+ this.embedded = false;
+
+ /**
+ * A Body can be set to collide against the World bounds automatically and rebound back into the World if this is set to true. Otherwise it will leave the World.
+ * @property {boolean} collideWorldBounds - Should the Body collide with the World bounds?
+ */
+ this.collideWorldBounds = false;
+
+ /**
+ * Set the checkCollision properties to control which directions collision is processed for this Body.
+ * For example checkCollision.up = false means it won't collide when the collision happened while moving up.
+ * @property {object} checkCollision - An object containing allowed collision.
+ */
+ this.checkCollision = { none: false, any: true, up: true, down: true, left: true, right: true };
+
+ /**
+ * This object is populated with boolean values when the Body collides with another.
+ * touching.up = true means the collision happened to the top of this Body for example.
+ * @property {object} touching - An object containing touching results.
+ */
+ this.touching = { none: true, up: false, down: false, left: false, right: false };
+
+ /**
+ * This object is populated with previous touching values from the bodies previous collision.
+ * @property {object} wasTouching - An object containing previous touching results.
+ */
+ this.wasTouching = { none: true, up: false, down: false, left: false, right: false };
+
+ /**
+ * This object is populated with boolean values when the Body collides with the World bounds or a Tile.
+ * For example if blocked.up is true then the Body cannot move up.
+ * @property {object} blocked - An object containing on which faces this Body is blocked from moving, if any.
+ */
+ this.blocked = { up: false, down: false, left: false, right: false };
+
+ /**
+ * If this is an especially small or fast moving object then it can sometimes skip over tilemap collisions if it moves through a tile in a step.
+ * Set this padding value to add extra padding to its bounds. tilePadding.x applied to its width, y to its height.
+ * @property {Phaser.Point} tilePadding - Extra padding to be added to this sprites dimensions when checking for tile collision.
+ */
+ this.tilePadding = new Phaser.Point();
+
+};
+
+Phaser.Physics.Arcade.Body.prototype = {
+
+ /**
+ * Internal method.
+ *
+ * @method Phaser.Physics.Arcade#updateBounds
+ * @protected
+ */
+ updateBounds: function (scaleX, scaleY) {
+
+ if (scaleX != this._sx || scaleY != this._sy)
+ {
+ this.width = this.sourceWidth * scaleX;
+ this.height = this.sourceHeight * scaleY;
+ this.halfWidth = Math.floor(this.width / 2);
+ this.halfHeight = Math.floor(this.height / 2);
+ this._sx = scaleX;
+ this._sy = scaleY;
+ this.center.setTo(this.x + this.halfWidth, this.y + this.halfHeight);
+ }
+
+ },
+
+ /**
+ * Internal method.
+ *
+ * @method Phaser.Physics.Arcade#preUpdate
+ * @protected
+ */
+ preUpdate: function () {
+
+ // Store and reset collision flags
+ this.wasTouching.none = this.touching.none;
+ this.wasTouching.up = this.touching.up;
+ this.wasTouching.down = this.touching.down;
+ this.wasTouching.left = this.touching.left;
+ this.wasTouching.right = this.touching.right;
+
+ this.touching.none = true;
+ this.touching.up = false;
+ this.touching.down = false;
+ this.touching.left = false;
+ this.touching.right = false;
+
+ this.embedded = false;
+
+ this.blocked.up = false;
+ this.blocked.down = false;
+ this.blocked.left = false;
+ this.blocked.right = false;
+
+ if (this.moves)
+ {
+ this.game.physics.arcade.updateMotion(this);
+
+ this.newVelocity.set(this.velocity.x * this.game.time.physicsElapsed, this.velocity.y * this.game.time.physicsElapsed);
+
+ this.position.x += this.newVelocity.x;
+ this.position.y += this.newVelocity.y;
+
+ if (this.position.x !== this.prev.x || this.position.y !== this.prev.y)
+ {
+ this.speed = Math.sqrt(this.velocity.x * this.velocity.x + this.velocity.y * this.velocity.y);
+ this.angle = Math.atan2(this.velocity.y, this.velocity.x);
+ }
+
+ // Now the State update will throw collision checks at the Body
+ // And finally we'll integrate the new position back to the Sprite in postUpdate
+
+ if (this.collideWorldBounds)
+ {
+ this.checkWorldBounds();
+ }
+ }
+
+ },
+
+ /**
+ * Internal method.
+ *
+ * @method Phaser.Physics.Arcade#postUpdate
+ * @protected
+ */
+ postUpdate: function () {
+
+ if (this.deltaX() < 0)
+ {
+ this.facing = Phaser.LEFT;
+ }
+ else if (this.deltaX() > 0)
+ {
+ this.facing = Phaser.RIGHT;
+ }
+
+ if (this.deltaY() < 0)
+ {
+ this.facing = Phaser.UP;
+ }
+ else if (this.deltaY() > 0)
+ {
+ this.facing = Phaser.DOWN;
+ }
+
+ this.sprite.x = this.position.x + this.offset.x;
+ this.sprite.y = this.position.y + this.offset.y;
+ // this.sprite.x += this.deltaX();
+ // this.sprite.y += this.deltaY();
+ this.center.setTo(this.x + this.halfWidth, this.y + this.halfHeight);
+
+ if (this.allowRotation)
+ {
+ this.sprite.angle += this.deltaZ();
+ }
+
+ this.prev.set(this.position.x, this.position.y);
+ this.preRotation = this.rotation;
+
+ },
+
+ /**
+ * Internal method.
+ *
+ * @method Phaser.Physics.Arcade#checkWorldBounds
+ * @protected
+ */
+ checkWorldBounds: function () {
+
+ if (this.x < this.game.world.bounds.x)
+ {
+ this.x = this.game.world.bounds.x;
+ this.velocity.x *= -this.bounce.x;
+ this.blocked.left = true;
+ }
+ else if (this.right > this.game.world.bounds.right)
+ {
+ this.x = this.game.world.bounds.right - this.width;
+ this.velocity.x *= -this.bounce.x;
+ this.blocked.right = true;
+ }
+
+ if (this.y < this.game.world.bounds.y)
+ {
+ this.y = this.game.world.bounds.y;
+ this.velocity.y *= -this.bounce.y;
+ this.blocked.up = true;
+ }
+ else if (this.bottom > this.game.world.bounds.bottom)
+ {
+ this.y = this.game.world.bounds.bottom - this.height;
+ this.velocity.y *= -this.bounce.y;
+ this.blocked.down = true;
+ }
+
+ },
+
+ /**
+ * You can modify the size of the physics Body to be any dimension you need.
+ * So it could be smaller or larger than the parent Sprite. You can also control the x and y offset, which
+ * is the position of the Body relative to the top-left of the Sprite.
+ *
+ * @method Phaser.Physics.Arcade#setSize
+ * @param {number} width - The width of the Body.
+ * @param {number} height - The height of the Body.
+ * @param {number} offsetX - The X offset of the Body from the Sprite position.
+ * @param {number} offsetY - The Y offset of the Body from the Sprite position.
+ */
+ setSize: function (width, height, offsetX, offsetY) {
+
+ offsetX = offsetX || this.offset.x;
+ offsetY = offsetY || this.offset.y;
+
+ this.sourceWidth = width;
+ this.sourceHeight = height;
+ this.width = this.sourceWidth * this._sx;
+ this.height = this.sourceHeight * this._sy;
+ this.halfWidth = Math.floor(this.width / 2);
+ this.halfHeight = Math.floor(this.height / 2);
+ this.offset.setTo(offsetX, offsetY);
+
+ this.center.setTo(this.x + this.halfWidth, this.y + this.halfHeight);
+
+ },
+
+ /**
+ * Resets all Body values (velocity, acceleration, rotation, etc)
+ *
+ * @method Phaser.Physics.Arcade#reset
+ * @param {number} x - The new x position of the Body.
+ * @param {number} y - The new x position of the Body.
+ */
+ reset: function (x, y) {
+
+ this.velocity.setTo(0, 0);
+ this.acceleration.setTo(0, 0);
+
+ this.angularVelocity = 0;
+ this.angularAcceleration = 0;
+
+ this.position.set(x, y);
+ this.prev.set(x, y);
+ this.rotation = this.sprite.rotation;
+ this.preRotation = this.rotation;
+
+ this.center.setTo(this.x + this.halfWidth, this.y + this.halfHeight);
+
+ },
+
+ /**
+ * Returns true if the bottom of this Body is in contact with either the world bounds or a tile.
+ *
+ * @method Phaser.Physics.Arcade.Body#onFloor
+ * @return {boolean} True if in contact with either the world bounds or a tile.
+ */
+ onFloor: function () {
+ return this.blocked.down;
+ },
+
+ /**
+ * Returns true if either side of this Body is in contact with either the world bounds or a tile.
+ *
+ * @method Phaser.Physics.Arcade.Body#onWall
+ * @return {boolean} True if in contact with either the world bounds or a tile.
+ */
+ onWall: function () {
+ return (this.blocked.left || this.blocked.right);
+ },
+
+ /**
+ * Returns the absolute delta x value.
+ *
+ * @method Phaser.Physics.Arcade.Body#deltaAbsX
+ * @return {number} The absolute delta value.
+ */
+ deltaAbsX: function () {
+ return (this.deltaX() > 0 ? this.deltaX() : -this.deltaX());
+ },
+
+ /**
+ * Returns the absolute delta y value.
+ *
+ * @method Phaser.Physics.Arcade.Body#deltaAbsY
+ * @return {number} The absolute delta value.
+ */
+ deltaAbsY: function () {
+ return (this.deltaY() > 0 ? this.deltaY() : -this.deltaY());
+ },
+
+ /**
+ * Returns the delta x value. The difference between Body.x now and in the previous step.
+ *
+ * @method Phaser.Physics.Arcade.Body#deltaX
+ * @return {number} The delta value. Positive if the motion was to the right, negative if to the left.
+ */
+ deltaX: function () {
+ return this.position.x - this.prev.x;
+ },
+
+ /**
+ * Returns the delta y value. The difference between Body.y now and in the previous step.
+ *
+ * @method Phaser.Physics.Arcade.Body#deltaY
+ * @return {number} The delta value. Positive if the motion was downwards, negative if upwards.
+ */
+ deltaY: function () {
+ return this.position.y - this.prev.y;
+ },
+
+ /**
+ * Returns the delta z value. The difference between Body.rotation now and in the previous step.
+ *
+ * @method Phaser.Physics.Arcade.Body#deltaZ
+ * @return {number} The delta value. Positive if the motion was clockwise, negative if anti-clockwise.
+ */
+ deltaZ: function () {
+ return this.rotation - this.preRotation;
+ }
+
+};
+
+/**
+* @name Phaser.Physics.Arcade.Body#bottom
+* @property {number} bottom - The bottom value of this Body (same as Body.y + Body.height)
+* @readonly
+*/
+Object.defineProperty(Phaser.Physics.Arcade.Body.prototype, "bottom", {
+
+ get: function () {
+ return this.position.y + this.height;
+ }
+
+});
+
+/**
+* @name Phaser.Physics.Arcade.Body#right
+* @property {number} right - The right value of this Body (same as Body.x + Body.width)
+* @readonly
+*/
+Object.defineProperty(Phaser.Physics.Arcade.Body.prototype, "right", {
+
+ get: function () {
+ return this.position.x + this.width;
+ }
+
+});
+
+/**
+* @name Phaser.Physics.Arcade.Body#x
+* @property {number} x - The x position.
+*/
+Object.defineProperty(Phaser.Physics.Arcade.Body.prototype, "x", {
+
+ get: function () {
+ return this.position.x;
+ },
+
+ set: function (value) {
+ this.position.x = value;
+ }
+
+});
+
+/**
+* @name Phaser.Physics.Arcade.Body#y
+* @property {number} y - The y position.
+*/
+Object.defineProperty(Phaser.Physics.Arcade.Body.prototype, "y", {
+
+ get: function () {
+ return this.position.y;
+ },
+
+ set: function (value) {
+ this.position.y = value;
+ }
+
+});
+
+/**
+* Render Sprite Body.
+*
+* @method Phaser.Physics.Arcade.Body#renderDebug
+* @param {object} context - The context to render to.
+* @param {Phaser.Physics.Arcade.Body} body - The Body to render the info of.
+* @param {string} [color='rgb(255,255,255)'] - color of the debug info to be rendered. (format is css color string).
+* @param {boolean} [filled=true] - Render the objected as a filled (default, true) or a stroked (false)
+*/
+Phaser.Physics.Arcade.Body.render = function (context, body, filled, color) {
+
+ if (typeof filled === 'undefined') { filled = true; }
+
+ color = color || 'rgba(0,255,0,0.4)';
+
+ if (filled)
+ {
+ context.fillStyle = color;
+ context.fillRect(body.position.x - body.game.camera.x, body.position.y - body.game.camera.y, body.width, body.height);
+ }
+ else
+ {
+ context.strokeStyle = color;
+ context.strokeRect(body.position.x - body.game.camera.x, body.position.y - body.game.camera.y, body.width, body.height);
+ }
+
+}
+
+/**
+* Render Sprite Body Physics Data as text.
+*
+* @method Phaser.Physics.Arcade.Body#renderBodyInfo
+* @param {Phaser.Physics.Arcade.Body} body - The Body to render the info of.
+* @param {number} x - X position of the debug info to be rendered.
+* @param {number} y - Y position of the debug info to be rendered.
+* @param {string} [color='rgb(255,255,255)'] - color of the debug info to be rendered. (format is css color string).
+*/
+Phaser.Physics.Arcade.Body.renderBodyInfo = function (debug, body) {
+
+ debug.line('x: ' + body.x.toFixed(2), 'y: ' + body.y.toFixed(2), 'width: ' + body.width, 'height: ' + body.height);
+ // debug.line('velocity x: ' + body.velocity.x.toFixed(2), 'y: ' + body.velocity.y.toFixed(2), 'deltaX: ' + body.deltaX().toFixed(2), 'deltaY: ' + body.deltaY().toFixed(2));
+ debug.line('velocity x: ' + body.velocity.x.toFixed(2), 'y: ' + body.velocity.y.toFixed(2));
+ debug.line('acceleration x: ' + body.acceleration.x.toFixed(2), 'y: ' + body.acceleration.y.toFixed(2), 'speed: ' + body.speed.toFixed(2), 'angle: ' + body.angle.toFixed(2));
+ debug.line('gravity x: ' + body.gravity.x, 'y: ' + body.gravity.y, 'bounce x: ' + body.bounce.x.toFixed(2), 'y: ' + body.bounce.y.toFixed(2));
+ debug.line('touching left: ' + body.touching.left, 'right: ' + body.touching.right, 'up: ' + body.touching.up, 'down: ' + body.touching.down);
+ debug.line('blocked left: ' + body.blocked.left, 'right: ' + body.blocked.right, 'up: ' + body.blocked.up, 'down: ' + body.blocked.down);
+
+}
+
+Phaser.Physics.Arcade.Body.prototype.constructor = Phaser.Physics.Arcade.Body;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Phaser.Particles is the Particle Manager for the game. It is called during the game update loop and in turn updates any Emitters attached to it.
+*
+* @class Phaser.Particles
+* @classdesc Phaser Particles
+* @constructor
+* @param {Phaser.Game} game - A reference to the currently running game.
+*/
+Phaser.Particles = function (game) {
+
+ /**
+ * @property {Phaser.Game} game - A reference to the currently running Game.
+ */
+ this.game = game;
+
+ /**
+ * @property {object} emitters - Internal emitters store.
+ */
+ this.emitters = {};
+
+ /**
+ * @property {number} ID -
+ * @default
+ */
+ this.ID = 0;
+
+};
+
+Phaser.Particles.prototype = {
+
+ /**
+ * Adds a new Particle Emitter to the Particle Manager.
+ * @method Phaser.Particles#add
+ * @param {Phaser.Emitter} emitter - The emitter to be added to the particle manager.
+ * @return {Phaser.Emitter} The emitter that was added.
+ */
+ add: function (emitter) {
+
+ this.emitters[emitter.name] = emitter;
+
+ return emitter;
+
+ },
+
+ /**
+ * Removes an existing Particle Emitter from the Particle Manager.
+ * @method Phaser.Particles#remove
+ * @param {Phaser.Emitter} emitter - The emitter to remove.
+ */
+ remove: function (emitter) {
+
+ delete this.emitters[emitter.name];
+
+ },
+
+ /**
+ * Called by the core game loop. Updates all Emitters who have their exists value set to true.
+ * @method Phaser.Particles#update
+ * @protected
+ */
+ update: function () {
+
+ for (var key in this.emitters)
+ {
+ if (this.emitters[key].exists)
+ {
+ this.emitters[key].update();
+ }
+ }
+
+ }
+
+};
+
+Phaser.Particles.prototype.constructor = Phaser.Particles;
+
+Phaser.Particles.Arcade = {}
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Phaser - ArcadeEmitter
+*
+* @class Phaser.Particles.Arcade.Emitter
+* @classdesc Emitter is a lightweight particle emitter. It can be used for one-time explosions or for
+* continuous effects like rain and fire. All it really does is launch Particle objects out
+* at set intervals, and fixes their positions and velocities accorindgly.
+* @constructor
+* @extends Phaser.Group
+* @param {Phaser.Game} game - Current game instance.
+* @param {number} [x=0] - The x coordinate within the Emitter that the particles are emitted from.
+* @param {number} [y=0] - The y coordinate within the Emitter that the particles are emitted from.
+* @param {number} [maxParticles=50] - The total number of particles in this emitter..
+*/
+
+Phaser.Particles.Arcade.Emitter = function (game, x, y, maxParticles) {
+
+ /**
+ * @property {number} maxParticles - The total number of particles in this emitter..
+ * @default
+ */
+ this.maxParticles = maxParticles || 50;
+
+ Phaser.Group.call(this, game);
+
+ /**
+ * @property {string} name - Description.
+ */
+ this.name = 'emitter' + this.game.particles.ID++;
+
+ /**
+ * @property {number} type - Internal Phaser Type value.
+ * @protected
+ */
+ this.type = Phaser.EMITTER;
+
+ /**
+ * @property {number} x - The X position of the top left corner of the emitter in world space.
+ * @default
+ */
+ this.x = 0;
+
+ /**
+ * @property {number} y - The Y position of the top left corner of emitter in world space.
+ * @default
+ */
+ this.y = 0;
+
+ /**
+ * @property {number} width - The width of the emitter. Particles can be randomly generated from anywhere within this box.
+ * @default
+ */
+ this.width = 1;
+
+ /**
+ * @property {number} height - The height of the emitter. Particles can be randomly generated from anywhere within this box.
+ * @default
+ */
+ this.height = 1;
+
+ /**
+ * @property {Phaser.Point} minParticleSpeed - The minimum possible velocity of a particle.
+ * @default
+ */
+ this.minParticleSpeed = new Phaser.Point(-100, -100);
+
+ /**
+ * @property {Phaser.Point} maxParticleSpeed - The maximum possible velocity of a particle.
+ * @default
+ */
+ this.maxParticleSpeed = new Phaser.Point(100, 100);
+
+ /**
+ * @property {number} minParticleScale - The minimum possible scale of a particle.
+ * @default
+ */
+ this.minParticleScale = 1;
+
+ /**
+ * @property {number} maxParticleScale - The maximum possible scale of a particle.
+ * @default
+ */
+ this.maxParticleScale = 1;
+
+ /**
+ * @property {number} minRotation - The minimum possible angular velocity of a particle.
+ * @default
+ */
+ this.minRotation = -360;
+
+ /**
+ * @property {number} maxRotation - The maximum possible angular velocity of a particle.
+ * @default
+ */
+ this.maxRotation = 360;
+
+ /**
+ * @property {number} gravity - Sets the `body.gravity.y` of each particle sprite to this value on launch.
+ * @default
+ */
+ this.gravity = 100;
+
+ /**
+ * @property {any} particleClass - For emitting your own particle class types.
+ * @default
+ */
+ this.particleClass = null;
+
+ /**
+ * @property {number} particleFriction - The friction component of particles launched from the emitter.
+ * @default
+ */
+ this.particleFriction = 0;
+
+ /**
+ * @property {number} angularDrag - The angular drag component of particles launched from the emitter if they are rotating.
+ * @default
+ */
+ this.angularDrag = 0;
+
+ /**
+ * @property {boolean} frequency - How often a particle is emitted in ms (if emitter is started with Explode === false).
+ * @default
+ */
+ this.frequency = 100;
+
+ /**
+ * @property {number} lifespan - How long each particle lives once it is emitted in ms. Default is 2 seconds. Set lifespan to 'zero' for particles to live forever.
+ * @default
+ */
+ this.lifespan = 2000;
+
+ /**
+ * @property {Phaser.Point} bounce - How much each particle should bounce on each axis. 1 = full bounce, 0 = no bounce.
+ */
+ this.bounce = new Phaser.Point();
+
+ /**
+ * @property {number} _quantity - Internal helper for deciding how many particles to launch.
+ * @private
+ */
+ this._quantity = 0;
+
+ /**
+ * @property {number} _timer - Internal helper for deciding when to launch particles or kill them.
+ * @private
+ */
+ this._timer = 0;
+
+ /**
+ * @property {number} _counter - Internal counter for figuring out how many particles to launch.
+ * @private
+ */
+ this._counter = 0;
+
+ /**
+ * @property {boolean} _explode - Internal helper for the style of particle emission (all at once, or one at a time).
+ * @private
+ */
+ this._explode = true;
+
+ /**
+ * @property {any} _frames - Internal helper for the particle frame.
+ * @private
+ */
+ this._frames = null;
+
+ /**
+ * @property {boolean} on - Determines whether the emitter is currently emitting particles. It is totally safe to directly toggle this.
+ * @default
+ */
+ this.on = false;
+
+ /**
+ * @property {boolean} exists - Determines whether the emitter is being updated by the core game loop.
+ * @default
+ */
+ this.exists = true;
+
+ /**
+ * The point the particles are emitted from.
+ * Emitter.x and Emitter.y control the containers location, which updates all current particles
+ * Emitter.emitX and Emitter.emitY control the emission location relative to the x/y position.
+ * @property {boolean} emitX
+ */
+ this.emitX = x;
+
+ /**
+ * The point the particles are emitted from.
+ * Emitter.x and Emitter.y control the containers location, which updates all current particles
+ * Emitter.emitX and Emitter.emitY control the emission location relative to the x/y position.
+ * @property {boolean} emitY
+ */
+ this.emitY = y;
+
+};
+
+Phaser.Particles.Arcade.Emitter.prototype = Object.create(Phaser.Group.prototype);
+Phaser.Particles.Arcade.Emitter.prototype.constructor = Phaser.Particles.Arcade.Emitter;
+
+/**
+* Called automatically by the game loop, decides when to launch particles and when to "die".
+* @method Phaser.Particles.Arcade.Emitter#update
+*/
+Phaser.Particles.Arcade.Emitter.prototype.update = function () {
+
+ if (this.on)
+ {
+ if (this._explode)
+ {
+ this._counter = 0;
+
+ do
+ {
+ this.emitParticle();
+ this._counter++;
+ }
+ while (this._counter < this._quantity);
+
+ this.on = false;
+ }
+ else
+ {
+ if (this.game.time.now >= this._timer)
+ {
+ this.emitParticle();
+
+ this._counter++;
+
+ if (this._quantity > 0)
+ {
+ if (this._counter >= this._quantity)
+ {
+ this.on = false;
+ }
+ }
+
+ this._timer = this.game.time.now + this.frequency;
+ }
+ }
+ }
+
+}
+
+/**
+* This function generates a new array of particle sprites to attach to the emitter.
+*
+* @method Phaser.Particles.Arcade.Emitter#makeParticles
+* @param {array|string} keys - A string or an array of strings that the particle sprites will use as their texture. If an array one is picked at random.
+* @param {array|number} frames - A frame number, or array of frames that the sprite will use. If an array one is picked at random.
+* @param {number} quantity - The number of particles to generate.
+* @param {boolean} [collide=false] - Sets the checkCollision.none flag on the particle sprites body.
+* @param {boolean} [collideWorldBounds=false] - A particle can be set to collide against the World bounds automatically and rebound back into the World if this is set to true. Otherwise it will leave the World.
+* @return {Phaser.Particles.Arcade.Emitter} This Emitter instance.
+*/
+Phaser.Particles.Arcade.Emitter.prototype.makeParticles = function (keys, frames, quantity, collide, collideWorldBounds) {
+
+ if (typeof frames === 'undefined') { frames = 0; }
+ if (typeof quantity === 'undefined') { quantity = this.maxParticles; }
+ if (typeof collide === 'undefined') { collide = false; }
+ if (typeof collideWorldBounds === 'undefined') { collideWorldBounds = false; }
+
+ var particle;
+ var i = 0;
+ var rndKey = keys;
+ var rndFrame = frames;
+ this._frames = frames;
+
+ while (i < quantity)
+ {
+ if (this.particleClass === null)
+ {
+ if (typeof keys === 'object')
+ {
+ rndKey = this.game.rnd.pick(keys);
+ }
+
+ if (typeof frames === 'object')
+ {
+ rndFrame = this.game.rnd.pick(frames);
+ }
+
+ particle = new Phaser.Sprite(this.game, 0, 0, rndKey, rndFrame);
+ this.game.physics.arcade.enable(particle, false);
+ }
+ // else
+ // {
+ // particle = new this.particleClass(this.game);
+ // }
+
+ if (collide)
+ {
+ particle.body.checkCollision.any = true;
+ particle.body.checkCollision.none = false;
+ }
+ else
+ {
+ particle.body.checkCollision.none = true;
+ }
+
+ particle.body.collideWorldBounds = collideWorldBounds;
+
+ particle.exists = false;
+ particle.visible = false;
+
+ // Center the origin for rotation assistance
+ particle.anchor.setTo(0.5, 0.5);
+
+ this.add(particle);
+
+ i++;
+ }
+
+ return this;
+}
+
+/**
+* Call this function to turn off all the particles and the emitter.
+* @method Phaser.Particles.Arcade.Emitter#kill
+*/
+Phaser.Particles.Arcade.Emitter.prototype.kill = function () {
+
+ this.on = false;
+ this.alive = false;
+ this.exists = false;
+
+}
+
+/**
+* Handy for bringing game objects "back to life". Just sets alive and exists back to true.
+* @method Phaser.Particles.Arcade.Emitter#revive
+*/
+Phaser.Particles.Arcade.Emitter.prototype.revive = function () {
+
+ this.alive = true;
+ this.exists = true;
+
+}
+
+/**
+* Call this function to start emitting particles.
+* @method Phaser.Particles.Arcade.Emitter#start
+* @param {boolean} [explode=true] - Whether the particles should all burst out at once.
+* @param {number} [lifespan=0] - How long each particle lives once emitted. 0 = forever.
+* @param {number} [frequency=250] - Ignored if Explode is set to true. Frequency is how often to emit a particle in ms.
+* @param {number} [quantity=0] - How many particles to launch. 0 = "all of the particles".
+*/
+Phaser.Particles.Arcade.Emitter.prototype.start = function (explode, lifespan, frequency, quantity) {
+
+ if (typeof explode === 'undefined') { explode = true; }
+ if (typeof lifespan === 'undefined') { lifespan = 0; }
+ if (typeof frequency === 'undefined') { frequency = 250; }
+ if (typeof quantity === 'undefined') { quantity = 0; }
+
+ this.revive();
+
+ this.visible = true;
+ this.on = true;
+
+ this._explode = explode;
+ this.lifespan = lifespan;
+ this.frequency = frequency;
+
+ if (explode)
+ {
+ this._quantity = quantity;
+ }
+ else
+ {
+ this._quantity += quantity;
+ }
+
+ this._counter = 0;
+ this._timer = this.game.time.now + frequency;
+
+}
+
+/**
+* This function can be used both internally and externally to emit the next particle.
+* @method Phaser.Particles.Arcade.Emitter#emitParticle
+*/
+Phaser.Particles.Arcade.Emitter.prototype.emitParticle = function () {
+
+ var particle = this.getFirstExists(false);
+
+ if (particle == null)
+ {
+ return;
+ }
+
+ if (this.width > 1 || this.height > 1)
+ {
+ particle.reset(this.game.rnd.integerInRange(this.left, this.right), this.game.rnd.integerInRange(this.top, this.bottom));
+ }
+ else
+ {
+ particle.reset(this.emitX, this.emitY);
+ }
+
+ particle.lifespan = this.lifespan;
+
+ particle.body.bounce.setTo(this.bounce.x, this.bounce.y);
+
+ if (this.minParticleSpeed.x != this.maxParticleSpeed.x)
+ {
+ particle.body.velocity.x = this.game.rnd.integerInRange(this.minParticleSpeed.x, this.maxParticleSpeed.x);
+ }
+ else
+ {
+ particle.body.velocity.x = this.minParticleSpeed.x;
+ }
+
+ if (this.minParticleSpeed.y != this.maxParticleSpeed.y)
+ {
+ particle.body.velocity.y = this.game.rnd.integerInRange(this.minParticleSpeed.y, this.maxParticleSpeed.y);
+ }
+ else
+ {
+ particle.body.velocity.y = this.minParticleSpeed.y;
+ }
+
+ particle.body.gravity.y = this.gravity;
+
+ if (this.minRotation != this.maxRotation)
+ {
+ particle.body.angularVelocity = this.game.rnd.integerInRange(this.minRotation, this.maxRotation);
+ }
+ else
+ {
+ particle.body.angularVelocity = this.minRotation;
+ }
+
+ if (this.minParticleScale !== 1 || this.maxParticleScale !== 1)
+ {
+ var scale = this.game.rnd.realInRange(this.minParticleScale, this.maxParticleScale);
+ particle.scale.setTo(scale, scale);
+ }
+
+ if (typeof this._frames === 'object')
+ {
+ particle.frame = this.game.rnd.pick(this._frames);
+ }
+ else
+ {
+ particle.frame = this._frames;
+ }
+
+ particle.body.friction = this.particleFriction;
+ particle.body.angularDrag = this.angularDrag;
+
+}
+
+/**
+* A more compact way of setting the width and height of the emitter.
+* @method Phaser.Particles.Arcade.Emitter#setSize
+* @param {number} width - The desired width of the emitter (particles are spawned randomly within these dimensions).
+* @param {number} height - The desired height of the emitter.
+*/
+Phaser.Particles.Arcade.Emitter.prototype.setSize = function (width, height) {
+
+ this.width = width;
+ this.height = height;
+
+}
+
+/**
+* A more compact way of setting the X velocity range of the emitter.
+* @method Phaser.Particles.Arcade.Emitter#setXSpeed
+* @param {number} [min=0] - The minimum value for this range.
+* @param {number} [max=0] - The maximum value for this range.
+*/
+Phaser.Particles.Arcade.Emitter.prototype.setXSpeed = function (min, max) {
+
+ min = min || 0;
+ max = max || 0;
+
+ this.minParticleSpeed.x = min;
+ this.maxParticleSpeed.x = max;
+
+}
+
+/**
+* A more compact way of setting the Y velocity range of the emitter.
+* @method Phaser.Particles.Arcade.Emitter#setYSpeed
+* @param {number} [min=0] - The minimum value for this range.
+* @param {number} [max=0] - The maximum value for this range.
+*/
+Phaser.Particles.Arcade.Emitter.prototype.setYSpeed = function (min, max) {
+
+ min = min || 0;
+ max = max || 0;
+
+ this.minParticleSpeed.y = min;
+ this.maxParticleSpeed.y = max;
+
+}
+
+/**
+* A more compact way of setting the angular velocity constraints of the emitter.
+* @method Phaser.Particles.Arcade.Emitter#setRotation
+* @param {number} [min=0] - The minimum value for this range.
+* @param {number} [max=0] - The maximum value for this range.
+*/
+Phaser.Particles.Arcade.Emitter.prototype.setRotation = function (min, max) {
+
+ min = min || 0;
+ max = max || 0;
+
+ this.minRotation = min;
+ this.maxRotation = max;
+
+}
+
+/**
+* Change the emitters center to match the center of any object with a `center` property, such as a Sprite.
+* @method Phaser.Particles.Arcade.Emitter#at
+* @param {object|Phaser.Sprite} object - The object that you wish to match the center with.
+*/
+Phaser.Particles.Arcade.Emitter.prototype.at = function (object) {
+
+ if (object.center)
+ {
+ this.emitX = object.center.x;
+ this.emitY = object.center.y;
+ }
+
+}
+
+/**
+* The emitters alpha value.
+* @name Phaser.Particles.Arcade.Emitter#alpha
+* @property {number} alpha - Gets or sets the alpha value of the Emitter.
+Object.defineProperty(Phaser.Particles.Arcade.Emitter.prototype, "alpha", {
+
+ get: function () {
+ return this._container.alpha;
+ },
+
+ set: function (value) {
+ this._container.alpha = value;
+ }
+
+});
+*/
+
+/**
+* The emitter visible state.
+* @name Phaser.Particles.Arcade.Emitter#visible
+* @property {boolean} visible - Gets or sets the Emitter visible state.
+Object.defineProperty(Phaser.Particles.Arcade.Emitter.prototype, "visible", {
+
+ get: function () {
+ return this._container.visible;
+ },
+
+ set: function (value) {
+ this._container.visible = value;
+ }
+
+});
+*/
+
+/**
+* @name Phaser.Particles.Arcade.Emitter#x
+* @property {number} x - Gets or sets the x position of the Emitter.
+*/
+Object.defineProperty(Phaser.Particles.Arcade.Emitter.prototype, "x", {
+
+ get: function () {
+ return this.emitX;
+ },
+
+ set: function (value) {
+ this.emitX = value;
+ }
+
+});
+
+/**
+* @name Phaser.Particles.Arcade.Emitter#y
+* @property {number} y - Gets or sets the y position of the Emitter.
+*/
+Object.defineProperty(Phaser.Particles.Arcade.Emitter.prototype, "y", {
+
+ get: function () {
+ return this.emitY;
+ },
+
+ set: function (value) {
+ this.emitY = value;
+ }
+
+});
+
+/**
+* @name Phaser.Particles.Arcade.Emitter#left
+* @property {number} left - Gets the left position of the Emitter.
+* @readonly
+*/
+Object.defineProperty(Phaser.Particles.Arcade.Emitter.prototype, "left", {
+
+ get: function () {
+ return Math.floor(this.x - (this.width / 2));
+ }
+
+});
+
+/**
+* @name Phaser.Particles.Arcade.Emitter#right
+* @property {number} right - Gets the right position of the Emitter.
+* @readonly
+*/
+Object.defineProperty(Phaser.Particles.Arcade.Emitter.prototype, "right", {
+
+ get: function () {
+ return Math.floor(this.x + (this.width / 2));
+ }
+
+});
+
+/**
+* @name Phaser.Particles.Arcade.Emitter#top
+* @property {number} top - Gets the top position of the Emitter.
+* @readonly
+*/
+Object.defineProperty(Phaser.Particles.Arcade.Emitter.prototype, "top", {
+
+ get: function () {
+ return Math.floor(this.y - (this.height / 2));
+ }
+
+});
+
+/**
+* @name Phaser.Particles.Arcade.Emitter#bottom
+* @property {number} bottom - Gets the bottom position of the Emitter.
+* @readonly
+*/
+Object.defineProperty(Phaser.Particles.Arcade.Emitter.prototype, "bottom", {
+
+ get: function () {
+ return Math.floor(this.y + (this.height / 2));
+ }
+
+});
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Create a new `Tile` object.
+*
+* @class Phaser.Tile
+* @classdesc A Tile is a representation of a single tile within the Tilemap.
+* @constructor
+* @param {object} layer - The layer in the Tilemap data that this tile belongs to.
+* @param {number} index - The index of this tile type in the core map data.
+* @param {number} x - The x coordinate of this tile.
+* @param {number} y - The y coordinate of this tile.
+* @param {number} width - Width of the tile.
+* @param {number} height - Height of the tile.
+*/
+Phaser.Tile = function (layer, index, x, y, width, height) {
+
+ /**
+ * @property {object} layer - The layer in the Tilemap data that this tile belongs to.
+ */
+ this.layer = layer;
+
+ /**
+ * @property {number} index - The index of this tile within the map data corresponding to the tileset.
+ */
+ this.index = index;
+
+ /**
+ * @property {number} x - The x map coordinate of this tile.
+ */
+ this.x = x;
+
+ /**
+ * @property {number} y - The y map coordinate of this tile.
+ */
+ this.y = y;
+
+ /**
+ * @property {number} x - The x map coordinate of this tile.
+ */
+ this.worldX = x * width;
+
+ /**
+ * @property {number} y - The y map coordinate of this tile.
+ */
+ this.worldY = y * height;
+
+ /**
+ * @property {number} width - The width of the tile in pixels.
+ */
+ this.width = width;
+
+ /**
+ * @property {number} height - The height of the tile in pixels.
+ */
+ this.height = height;
+
+ /**
+ * @property {number} width - The width of the tile in pixels.
+ */
+ this.centerX = Math.abs(width / 2);
+
+ /**
+ * @property {number} height - The height of the tile in pixels.
+ */
+ this.centerY = Math.abs(height / 2);
+
+ /**
+ * @property {number} alpha - The alpha value at which this tile is drawn to the canvas.
+ */
+ this.alpha = 1;
+
+ /**
+ * @property {object} properties - Tile specific properties.
+ */
+ this.properties = {};
+
+ /**
+ * @property {boolean} scanned - Has this tile been walked / turned into a poly?
+ */
+ this.scanned = false;
+
+ /**
+ * @property {boolean} faceTop - Is the top of this tile an interesting edge?
+ */
+ this.faceTop = false;
+
+ /**
+ * @property {boolean} faceBottom - Is the bottom of this tile an interesting edge?
+ */
+ this.faceBottom = false;
+
+ /**
+ * @property {boolean} faceLeft - Is the left of this tile an interesting edge?
+ */
+ this.faceLeft = false;
+
+ /**
+ * @property {boolean} faceRight - Is the right of this tile an interesting edge?
+ */
+ this.faceRight = false;
+
+ /**
+ * @property {boolean} collideLeft - Indicating collide with any object on the left.
+ * @default
+ */
+ this.collideLeft = false;
+
+ /**
+ * @property {boolean} collideRight - Indicating collide with any object on the right.
+ * @default
+ */
+ this.collideRight = false;
+
+ /**
+ * @property {boolean} collideUp - Indicating collide with any object on the top.
+ * @default
+ */
+ this.collideUp = false;
+
+ /**
+ * @property {boolean} collideDown - Indicating collide with any object on the bottom.
+ * @default
+ */
+ this.collideDown = false;
+
+ /**
+ * @property {function} collisionCallback - Tile collision callback.
+ * @default
+ */
+ this.collisionCallback = null;
+
+ /**
+ * @property {object} collisionCallbackContext - The context in which the collision callback will be called.
+ * @default
+ */
+ this.collisionCallbackContext = this;
+
+};
+
+Phaser.Tile.prototype = {
+
+ /**
+ * Check if the given x and y world coordinates are within this Tile.
+ *
+ * @method Phaser.Tile#containsPoint
+ * @param {number} x - The x coordinate to test.
+ * @param {number} y - The y coordinate to test.
+ * @return {boolean} True if the coordinates are within this Tile, otherwise false.
+ */
+ containsPoint: function (x, y) {
+
+ return !(x < this.worldX || y < this.worldY || x > this.right || y > this.bottom);
+
+ },
+
+ /**
+ * Check for intersection with this tile.
+ *
+ * @method Phaser.Tile#intersects
+ * @param {number} x - The x axis in pixels.
+ * @param {number} y - The y axis in pixels.
+ * @param {number} right - The right point.
+ * @param {number} bottom - The bottom point.
+ */
+ intersects: function (x, y, right, bottom) {
+
+ if (right <= this.worldX)
+ {
+ return false;
+ }
+
+ if (bottom <= this.worldY)
+ {
+ return false;
+ }
+
+ if (x >= this.worldX + this.width)
+ {
+ return false;
+ }
+
+ if (y >= this.worldY + this.height)
+ {
+ return false;
+ }
+
+ return true;
+
+ },
+
+ /**
+ * Set a callback to be called when this tile is hit by an object.
+ * The callback must true true for collision processing to take place.
+ *
+ * @method Phaser.Tile#setCollisionCallback
+ * @param {function} callback - Callback function.
+ * @param {object} context - Callback will be called within this context.
+ */
+ setCollisionCallback: function (callback, context) {
+
+ this.collisionCallback = callback;
+ this.collisionCallbackContext = context;
+
+ },
+
+ /**
+ * Clean up memory.
+ *
+ * @method Phaser.Tile#destroy
+ */
+ destroy: function () {
+
+ this.collisionCallback = null;
+ this.collisionCallbackContext = null;
+ this.properties = null;
+
+ },
+
+ /**
+ * Set collision settings on this tile.
+ *
+ * @method Phaser.Tile#setCollision
+ * @param {boolean} left - Indicating collide with any object on the left.
+ * @param {boolean} right - Indicating collide with any object on the right.
+ * @param {boolean} up - Indicating collide with any object on the top.
+ * @param {boolean} down - Indicating collide with any object on the bottom.
+ */
+ setCollision: function (left, right, up, down) {
+
+ this.collideLeft = left;
+ this.collideRight = right;
+ this.collideUp = up;
+ this.collideDown = down;
+
+ },
+
+ /**
+ * Reset collision status flags.
+ *
+ * @method Phaser.Tile#resetCollision
+ */
+ resetCollision: function () {
+
+ this.collideLeft = false;
+ this.collideRight = false;
+ this.collideUp = false;
+ this.collideDown = false;
+
+ this.faceTop = false;
+ this.faceBottom = false;
+ this.faceLeft = false;
+ this.faceRight = false;
+
+ },
+
+ /**
+ * Is this tile interesting?
+ *
+ * @method Phaser.Tile#isInteresting
+ * @param {boolean} collides - If true will check any collides value.
+ * @param {boolean} faces - If true will check any face value.
+ * @return {boolean} True if the Tile is interesting, otherwise false.
+ */
+ isInteresting: function (collides, faces) {
+
+ if (collides && faces)
+ {
+ // Does this tile have any collide flags OR interesting face?
+ return (this.collideLeft || this.collideRight || this.collideUp || this.collideDown || this.faceTop || this.faceBottom || this.faceLeft || this.faceRight || this.collisionCallback || this.layer.callbacks[this.index]);
+ }
+ else if (collides)
+ {
+ // Does this tile collide?
+ return (this.collideLeft || this.collideRight || this.collideUp || this.collideDown);
+ }
+ else if (faces)
+ {
+ // Does this tile have an interesting face?
+ return (this.faceTop || this.faceBottom || this.faceLeft || this.faceRight);
+ }
+
+ return false;
+
+ },
+
+ /**
+ * Copies the tile data and properties from the given tile to this tile.
+ *
+ * @method Phaser.Tile#copy
+ * @param {Phaser.Tile} tile - The tile to copy from.
+ */
+ copy: function (tile) {
+
+ this.index = tile.index;
+ this.alpha = tile.alpha;
+ this.properties = tile.properties;
+
+ this.collideUp = tile.collideUp;
+ this.collideDown = tile.collideDown;
+ this.collideLeft = tile.collideLeft;
+ this.collideRight = tile.collideRight;
+
+ this.collisionCallback = tile.collisionCallback;
+ this.collisionCallbackContext = tile.collisionCallbackContext;
+
+ }
+
+};
+
+Phaser.Tile.prototype.constructor = Phaser.Tile;
+
+/**
+* @name Phaser.Tile#canCollide
+* @property {boolean} canCollide - True if this tile can collide or has a collision callback.
+* @readonly
+*/
+Object.defineProperty(Phaser.Tile.prototype, "collides", {
+
+ get: function () {
+ return (this.collideLeft || this.collideRight || this.collideUp || this.collideDown);
+ }
+
+});
+
+/**
+* @name Phaser.Tile#canCollide
+* @property {boolean} canCollide - True if this tile can collide or has a collision callback.
+* @readonly
+*/
+Object.defineProperty(Phaser.Tile.prototype, "canCollide", {
+
+ get: function () {
+ return (this.collideLeft || this.collideRight || this.collideUp || this.collideDown || this.collisionCallback || this.layer.callbacks[this.index]);
+ }
+
+});
+
+/**
+* @name Phaser.Tile#left
+* @property {number} left - The x value in pixels.
+* @readonly
+*/
+Object.defineProperty(Phaser.Tile.prototype, "left", {
+
+ get: function () {
+ return this.worldX;
+ }
+
+});
+
+/**
+* @name Phaser.Tile#right
+* @property {number} right - The sum of the x and width properties.
+* @readonly
+*/
+Object.defineProperty(Phaser.Tile.prototype, "right", {
+
+ get: function () {
+ return this.worldX + this.width;
+ }
+
+});
+
+/**
+* @name Phaser.Tile#top
+* @property {number} top - The y value.
+* @readonly
+*/
+Object.defineProperty(Phaser.Tile.prototype, "top", {
+
+ get: function () {
+ return this.worldY;
+ }
+
+});
+
+/**
+* @name Phaser.Tile#bottom
+* @property {number} bottom - The sum of the y and height properties.
+* @readonly
+*/
+Object.defineProperty(Phaser.Tile.prototype, "bottom", {
+
+ get: function () {
+ return this.worldY + this.height;
+ }
+
+});
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Creates a new Phaser.Tilemap object. The map can either be populated with data from a Tiled JSON file or from a CSV file.
+* To do this pass the Cache key as the first parameter. When using Tiled data you need only provide the key.
+* When using CSV data you must provide the key and the tileWidth and tileHeight parameters.
+* If creating a blank tilemap to be populated later, you can either specify no parameters at all and then use `Tilemap.create` or pass the map and tile dimensions here.
+* Note that all Tilemaps use a base tile size to calculate dimensions from, but that a TilemapLayer may have its own unique tile size that overrides it.
+* A Tile map is rendered to the display using a TilemapLayer. It is not added to the display list directly itself.
+* A map may have multiple layers. You can perform operations on the map data such as copying, pasting, filling and shuffling the tiles around.
+*
+* @class Phaser.Tilemap
+* @constructor
+* @param {Phaser.Game} game - Game reference to the currently running game.
+* @param {string} [key] - The key of the tilemap data as stored in the Cache. If you're creating a blank map either leave this parameter out or pass `null`.
+* @param {number} [tileWidth=32] - The pixel width of a single map tile. If using CSV data you must specify this. Not required if using Tiled map data.
+* @param {number} [tileHeight=32] - The pixel height of a single map tile. If using CSV data you must specify this. Not required if using Tiled map data.
+* @param {number} [width=10] - The width of the map in tiles. If this map is created from Tiled or CSV data you don't need to specify this.
+* @param {number} [height=10] - The height of the map in tiles. If this map is created from Tiled or CSV data you don't need to specify this.
+*/
+Phaser.Tilemap = function (game, key, tileWidth, tileHeight, width, height) {
+
+ /**
+ * @property {Phaser.Game} game - A reference to the currently running Game.
+ */
+ this.game = game;
+
+ /**
+ * @property {string} key - The key of this map data in the Phaser.Cache.
+ */
+ this.key = key;
+
+ var data = Phaser.TilemapParser.parse(this.game, key, tileWidth, tileHeight, width, height);
+
+ if (data === null)
+ {
+ return;
+ }
+
+ /**
+ * @property {number} width - The width of the map (in tiles).
+ */
+ this.width = data.width;
+
+ /**
+ * @property {number} height - The height of the map (in tiles).
+ */
+ this.height = data.height;
+
+ /**
+ * @property {number} tileWidth - The base width of the tiles in the map (in pixels).
+ */
+ this.tileWidth = data.tileWidth;
+
+ /**
+ * @property {number} tileHeight - The base height of the tiles in the map (in pixels).
+ */
+ this.tileHeight = data.tileHeight;
+
+ /**
+ * @property {string} orientation - The orientation of the map data (as specified in Tiled), usually 'orthogonal'.
+ */
+ this.orientation = data.orientation;
+
+ /**
+ * @property {number} version - The version of the map data (as specified in Tiled, usually 1).
+ */
+ this.version = data.version;
+
+ /**
+ * @property {object} properties - Map specific properties as specified in Tiled.
+ */
+ this.properties = data.properties;
+
+ /**
+ * @property {number} widthInPixels - The width of the map in pixels based on width * tileWidth.
+ */
+ this.widthInPixels = data.widthInPixels;
+
+ /**
+ * @property {number} heightInPixels - The height of the map in pixels based on height * tileHeight.
+ */
+ this.heightInPixels = data.heightInPixels;
+
+ /**
+ * @property {array} layers - An array of Tilemap layer data.
+ */
+ this.layers = data.layers;
+
+ /**
+ * @property {array} tilesets - An array of Tilesets.
+ */
+ this.tilesets = data.tilesets;
+
+ /**
+ * @property {array} tiles - The super array of Tiles.
+ */
+ this.tiles = data.tiles;
+
+ /**
+ * @property {array} objects - An array of Tiled Object Layers.
+ */
+ this.objects = data.objects;
+
+ /**
+ * @property {array} collideIndexes - An array of tile indexes that collide.
+ */
+ this.collideIndexes = [];
+
+ /**
+ * @property {array} collision - An array of collision data (polylines, etc).
+ */
+ this.collision = data.collision;
+
+ /**
+ * @property {array} images - An array of Tiled Image Layers.
+ */
+ this.images = data.images;
+
+ /**
+ * @property {number} currentLayer - The current layer.
+ */
+ this.currentLayer = 0;
+
+ /**
+ * @property {array} debugMap - Map data used for debug values only.
+ */
+ this.debugMap = [];
+
+ /**
+ * @property {array} _results - Internal var.
+ * @private
+ */
+ this._results = [];
+
+ /**
+ * @property {number} _tempA - Internal var.
+ * @private
+ */
+ this._tempA = 0;
+
+ /**
+ * @property {number} _tempB - Internal var.
+ * @private
+ */
+ this._tempB = 0;
+
+};
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Tilemap.CSV = 0;
+
+/**
+* @constant
+* @type {number}
+*/
+Phaser.Tilemap.TILED_JSON = 1;
+
+Phaser.Tilemap.prototype = {
+
+ /**
+ * Creates an empty map of the given dimensions.
+ *
+ * @method Phaser.Tilemap#create
+ * @param {string} name - The name of the default layer of the map
+ * @param {number} width - The width of the map in tiles.
+ * @param {number} height - The height of the map in tiles.
+ * @param {number} tileWidth - The width of the tiles the map uses for calculations.
+ * @param {number} tileHeight - The height of the tiles the map uses for calculations.
+ */
+ create: function (name, width, height, tileWidth, tileHeight) {
+
+ this.width = width;
+ this.height = height;
+
+ this.setTileSize(tileWidth, tileHeight);
+
+ var row;
+ var output = [];
+
+ for (var y = 0; y < height; y++)
+ {
+ row = [];
+
+ for (var x = 0; x < width; x++)
+ {
+ row.push(null);
+ }
+
+ output.push(row);
+ }
+
+ this.layers.push({
+
+ name: name,
+ x: 0,
+ y: 0,
+ width: width,
+ height: height,
+ widthInPixels: this.widthInPixels,
+ heightInPixels: this.heightInPixels,
+ alpha: 1,
+ visible: true,
+ properties: {},
+ indexes: [],
+ callbacks: [],
+ bodies: [],
+ data: output
+
+ });
+
+ this.currentLayer = this.layers.length - 1;
+
+ },
+
+ /**
+ * Sets the base tile size for the map.
+ *
+ * @method Phaser.Tilemap#setTileSize
+ * @param {number} tileWidth - The width of the tiles the map uses for calculations.
+ * @param {number} tileHeight - The height of the tiles the map uses for calculations.
+ */
+ setTileSize: function (tileWidth, tileHeight) {
+
+ this.tileWidth = tileWidth;
+ this.tileHeight = tileHeight;
+ this.widthInPixels = this.width * tileWidth;
+ this.heightInPixels = this.height * tileHeight;
+
+ },
+
+ /**
+ * Adds an image to the map to be used as a tileset. A single map may use multiple tilesets.
+ * Note that the tileset name can be found in the JSON file exported from Tiled, or in the Tiled editor.
+ *
+ * @method Phaser.Tilemap#addTilesetImage
+ * @param {string} tileset - The name of the tileset as specified in the map data.
+ * @param {string} [key] - The key of the Phaser.Cache image used for this tileset. If not specified it will look for an image with a key matching the tileset parameter.
+ * @param {number} [tileWidth] - The width of the tiles in the Tileset Image. If not given it will default to the map.tileWidth value.
+ * @param {number} [tileHeight] - The height of the tiles in the Tileset Image. If not given it will default to the map.tileHeight value.
+ * @param {number} [tileMargin=0] - The width of the tiles in the Tileset Image. If not given it will default to the map.tileWidth value.
+ * @param {number} [tileSpacing=0] - The height of the tiles in the Tileset Image. If not given it will default to the map.tileHeight value.
+ * @param {number} [gid=0] - If adding multiple tilesets to a blank/dynamic map, specify the starting GID the set will use here.
+ */
+ addTilesetImage: function (tileset, key, tileWidth, tileHeight, tileMargin, tileSpacing, gid) {
+
+ if (typeof tileWidth === 'undefined') { tileWidth = this.tileWidth; }
+ if (typeof tileHeight === 'undefined') { tileHeight = this.tileHeight; }
+ if (typeof tileMargin === 'undefined') { tileMargin = 0; }
+ if (typeof tileSpacing === 'undefined') { tileSpacing = 0; }
+ if (typeof gid === 'undefined') { gid = 0; }
+
+ if (typeof key === 'undefined')
+ {
+ if (typeof tileset === 'string')
+ {
+ key = tileset;
+ }
+ else
+ {
+ return false;
+ }
+ }
+
+ if (typeof tileset === 'string')
+ {
+ tileset = this.getTilesetIndex(tileset);
+ }
+
+ if (this.tilesets[tileset])
+ {
+ this.tilesets[tileset].setImage(this.game.cache.getImage(key));
+ return true;
+ }
+ else
+ {
+ var newSet = new Phaser.Tileset(key, gid, tileWidth, tileHeight, tileMargin, tileSpacing, {});
+
+ newSet.setImage(this.game.cache.getImage(key));
+
+ this.tilesets.push(newSet);
+
+ var i = this.tilesets.length - 1;
+ var x = tileMargin;
+ var y = tileMargin;
+
+ var count = 0;
+ var countX = 0;
+ var countY = 0;
+
+ for (var t = gid; t < gid + newSet.total; t++)
+ {
+ this.tiles[t] = [x, y, i];
+
+ x += tileWidth + tileSpacing;
+
+ count++;
+
+ if (count === newSet.total)
+ {
+ break;
+ }
+
+ countX++;
+
+ if (countX === newSet.columns)
+ {
+ x = tileMargin;
+ y += tileHeight + tileSpacing;
+
+ countX = 0;
+ countY++;
+
+ if (countY === set.rows)
+ {
+ break;
+ }
+ }
+ }
+
+ }
+
+ return false;
+
+ },
+
+ /**
+ * Creates a Sprite for every object matching the given gid in the map data. You can optionally specify the group that the Sprite will be created in. If none is
+ * given it will be created in the World. All properties from the map data objectgroup are copied across to the Sprite, so you can use this as an easy way to
+ * configure Sprite properties from within the map editor. For example giving an object a property if alpha: 0.5 in the map editor will duplicate that when the
+ * Sprite is created. You could also give it a value like: body.velocity.x: 100 to set it moving automatically.
+ *
+ * @method Phaser.Tilemap#createFromObjects
+ * @param {string} name - The name of the Object Group to create Sprites from.
+ * @param {number} gid - The layer array index value, or if a string is given the layer name, within the map data that this TilemapLayer represents.
+ * @param {string} key - The Game.cache key of the image that this Sprite will use.
+ * @param {number|string} [frame] - If the Sprite image contains multiple frames you can specify which one to use here.
+ * @param {boolean} [exists=true] - The default exists state of the Sprite.
+ * @param {boolean} [autoCull=false] - The default autoCull state of the Sprite. Sprites that are autoCulled are culled from the camera if out of its range.
+ * @param {Phaser.Group} [group=Phaser.World] - Group to add the Sprite to. If not specified it will be added to the World group.
+ * @param {object} [CustomClass=Phaser.Sprite] - If you wish to create your own class, rather than Phaser.Sprite, pass the class here. Your class must extend Phaser.Sprite and have the same constructor parameters.
+ */
+ createFromObjects: function (name, gid, key, frame, exists, autoCull, group, CustomClass) {
+
+ if (typeof exists === 'undefined') { exists = true; }
+ if (typeof autoCull === 'undefined') { autoCull = false; }
+ if (typeof group === 'undefined') { group = this.game.world; }
+ if (typeof CustomClass === 'undefined') { CustomClass = Phaser.Sprite; }
+
+ if (!this.objects[name])
+ {
+ console.warn('Tilemap.createFromObjects: Invalid objectgroup name given: ' + name);
+ return;
+ }
+
+ var sprite;
+
+ for (var i = 0, len = this.objects[name].length; i < len; i++)
+ {
+ if (this.objects[name][i].gid === gid)
+ {
+ sprite = new CustomClass(this.game, this.objects[name][i].x, this.objects[name][i].y, key, frame);
+
+ sprite.anchor.setTo(0, 1);
+ sprite.name = this.objects[name][i].name;
+ sprite.visible = this.objects[name][i].visible;
+ sprite.autoCull = autoCull;
+ sprite.exists = exists;
+
+ group.add(sprite);
+
+ for (var property in this.objects[name][i].properties)
+ {
+ group.set(sprite, property, this.objects[name][i].properties[property], false, false, 0);
+ }
+ }
+ }
+
+ },
+
+ /**
+ * Creates a new TilemapLayer object. By default TilemapLayers are fixed to the camera.
+ * The `layer` parameter is important. If you've created your map in Tiled then you can get this by looking in Tiled and looking at the Layer name.
+ * Or you can open the JSON file it exports and look at the layers[].name value. Either way it must match.
+ *
+ * @method Phaser.Tilemap#createLayer
+ * @param {number|string} layer - The layer array index value, or if a string is given the layer name, within the map data that this TilemapLayer represents.
+ * @param {number} [width] - The rendered width of the layer, should never be wider than Game.width. If not given it will be set to Game.width.
+ * @param {number} [height] - The rendered height of the layer, should never be wider than Game.height. If not given it will be set to Game.height.
+ * @param {Phaser.Group} [group] - Optional Group to add the object to. If not specified it will be added to the World group.
+ * @return {Phaser.TilemapLayer} The TilemapLayer object. This is an extension of Phaser.Sprite and can be moved around the display list accordingly.
+ */
+ createLayer: function (layer, width, height, group) {
+
+ // Add Buffer support for the left of the canvas
+
+ if (typeof width === 'undefined') { width = this.game.width; }
+ if (typeof height === 'undefined') { height = this.game.height; }
+ if (typeof group === 'undefined') { group = this.game.world; }
+
+ var index = layer;
+
+ if (typeof layer === 'string')
+ {
+ index = this.getLayerIndex(layer);
+ }
+
+ if (index === null || index > this.layers.length)
+ {
+ console.warn('Tilemap.createLayer: Invalid layer ID given: ' + index);
+ return;
+ }
+
+ return group.add(new Phaser.TilemapLayer(this.game, this, index, width, height));
+
+ },
+
+ /**
+ * Gets the layer index based on the layers name.
+ *
+ * @method Phaser.Tilemap#getIndex
+ * @protected
+ * @param {array} location - The local array to search.
+ * @param {string} name - The name of the array element to get.
+ * @return {number} The index of the element in the array, or null if not found.
+ */
+ getIndex: function (location, name) {
+
+ for (var i = 0; i < location.length; i++)
+ {
+ if (location[i].name === name)
+ {
+ return i;
+ }
+ }
+
+ return null;
+
+ },
+
+ /**
+ * Gets the layer index based on its name.
+ *
+ * @method Phaser.Tilemap#getLayerIndex
+ * @param {string} name - The name of the layer to get.
+ * @return {number} The index of the layer in this tilemap, or null if not found.
+ */
+ getLayerIndex: function (name) {
+
+ return this.getIndex(this.layers, name);
+
+ },
+
+ /**
+ * Gets the tileset index based on its name.
+ *
+ * @method Phaser.Tilemap#getTilesetIndex
+ * @param {string} name - The name of the tileset to get.
+ * @return {number} The index of the tileset in this tilemap, or null if not found.
+ */
+ getTilesetIndex: function (name) {
+
+ return this.getIndex(this.tilesets, name);
+
+ },
+
+ /**
+ * Gets the image index based on its name.
+ *
+ * @method Phaser.Tilemap#getImageIndex
+ * @param {string} name - The name of the image to get.
+ * @return {number} The index of the image in this tilemap, or null if not found.
+ */
+ getImageIndex: function (name) {
+
+ return this.getIndex(this.images, name);
+
+ },
+
+ /**
+ * Gets the object index based on its name.
+ *
+ * @method Phaser.Tilemap#getObjectIndex
+ * @param {string} name - The name of the object to get.
+ * @return {number} The index of the object in this tilemap, or null if not found.
+ */
+ getObjectIndex: function (name) {
+
+ return this.getIndex(this.objects, name);
+
+ },
+
+ /**
+ * Sets a global collision callback for the given tile index within the layer. This will affect all tiles on this layer that have the same index.
+ * If a callback is already set for the tile index it will be replaced. Set the callback to null to remove it.
+ * If you want to set a callback for a tile at a specific location on the map then see setTileLocationCallback.
+ *
+ * @method Phaser.Tilemap#setTileIndexCallback
+ * @param {number|array} indexes - Either a single tile index, or an array of tile indexes to have a collision callback set for.
+ * @param {function} callback - The callback that will be invoked when the tile is collided with.
+ * @param {object} callbackContext - The context under which the callback is called.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on. If not given will default to this.currentLayer.
+ */
+ setTileIndexCallback: function (indexes, callback, callbackContext, layer) {
+
+ layer = this.getLayer(layer);
+
+ if (typeof indexes === 'number')
+ {
+ // This may seem a bit wasteful, because it will cause empty array elements to be created, but the look-up cost is much
+ // less than having to iterate through the callbacks array hunting down tile indexes each time, so I'll take the small memory hit.
+ this.layers[layer].callbacks[indexes] = { callback: callback, callbackContext: callbackContext };
+ }
+ else
+ {
+ for (var i = 0, len = indexes.length; i < len; i++)
+ {
+ this.layers[layer].callbacks[indexes[i]] = { callback: callback, callbackContext: callbackContext };
+ }
+ }
+
+ },
+
+ /**
+ * Sets a global collision callback for the given map location within the layer. This will affect all tiles on this layer found in the given area.
+ * If a callback is already set for the tile index it will be replaced. Set the callback to null to remove it.
+ * If you want to set a callback for a tile at a specific location on the map then see setTileLocationCallback.
+ *
+ * @method Phaser.Tilemap#setTileLocationCallback
+ * @param {number} x - X position of the top left of the area to copy (given in tiles, not pixels)
+ * @param {number} y - Y position of the top left of the area to copy (given in tiles, not pixels)
+ * @param {number} width - The width of the area to copy (given in tiles, not pixels)
+ * @param {number} height - The height of the area to copy (given in tiles, not pixels)
+ * @param {function} callback - The callback that will be invoked when the tile is collided with.
+ * @param {object} callbackContext - The context under which the callback is called.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on. If not given will default to this.currentLayer.
+ */
+ setTileLocationCallback: function (x, y, width, height, callback, callbackContext, layer) {
+
+ layer = this.getLayer(layer);
+
+ this.copy(x, y, width, height, layer);
+
+ if (this._results.length < 2)
+ {
+ return;
+ }
+
+ for (var i = 1; i < this._results.length; i++)
+ {
+ this._results[i].setCollisionCallback(callback, callbackContext);
+ }
+
+ },
+
+ /**
+ * Sets collision the given tile or tiles. You can pass in either a single numeric index or an array of indexes: [ 2, 3, 15, 20].
+ * The `collides` parameter controls if collision will be enabled (true) or disabled (false).
+ *
+ * @method Phaser.Tilemap#setCollision
+ * @param {number|array} indexes - Either a single tile index, or an array of tile IDs to be checked for collision.
+ * @param {boolean} [collides=true] - If true it will enable collision. If false it will clear collision.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on. If not given will default to this.currentLayer.
+ */
+ setCollision: function (indexes, collides, layer) {
+
+ if (typeof collides === 'undefined') { collides = true; }
+
+ layer = this.getLayer(layer);
+
+ if (typeof indexes === 'number')
+ {
+ return this.setCollisionByIndex(indexes, collides, layer, true);
+ }
+ else
+ {
+ // Collide all of the IDs given in the indexes array
+ for (var i = 0, len = indexes.length; i < len; i++)
+ {
+ this.setCollisionByIndex(indexes[i], collides, layer, false);
+ }
+
+ // Now re-calculate interesting faces
+ this.calculateFaces(layer);
+ }
+
+ },
+
+ /**
+ * Sets collision on a range of tiles where the tile IDs increment sequentially.
+ * Calling this with a start value of 10 and a stop value of 14 would set collision for tiles 10, 11, 12, 13 and 14.
+ * The `collides` parameter controls if collision will be enabled (true) or disabled (false).
+ *
+ * @method Phaser.Tilemap#setCollisionBetween
+ * @param {number} start - The first index of the tile to be set for collision.
+ * @param {number} stop - The last index of the tile to be set for collision.
+ * @param {boolean} [collides=true] - If true it will enable collision. If false it will clear collision.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on. If not given will default to this.currentLayer.
+ */
+ setCollisionBetween: function (start, stop, collides, layer) {
+
+ if (typeof collides === 'undefined') { collides = true; }
+
+ layer = this.getLayer(layer);
+
+ if (start > stop)
+ {
+ return;
+ }
+
+ for (var index = start; index <= stop; index++)
+ {
+ this.setCollisionByIndex(index, collides, layer, false);
+ }
+
+ // Now re-calculate interesting faces
+ this.calculateFaces(layer);
+
+ },
+
+ /**
+ * Sets collision on all tiles in the given layer, except for the IDs of those in the given array.
+ * The `collides` parameter controls if collision will be enabled (true) or disabled (false).
+ *
+ * @method Phaser.Tilemap#setCollisionByExclusion
+ * @param {array} indexes - An array of the tile IDs to not be counted for collision.
+ * @param {boolean} [collides=true] - If true it will enable collision. If false it will clear collision.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on. If not given will default to this.currentLayer.
+ */
+ setCollisionByExclusion: function (indexes, collides, layer) {
+
+ if (typeof collides === 'undefined') { collides = true; }
+
+ layer = this.getLayer(layer);
+
+ // Collide everything, except the IDs given in the indexes array
+ for (var i = 0, len = this.tiles.length; i < len; i++)
+ {
+ if (indexes.indexOf(i) === -1)
+ {
+ this.setCollisionByIndex(i, collides, layer, false);
+ }
+ }
+
+ // Now re-calculate interesting faces
+ this.calculateFaces(layer);
+
+ },
+
+ /**
+ * Sets collision values on a tile in the set.
+ * You shouldn't usually call this method directly, instead use setCollision, setCollisionBetween or setCollisionByExclusion.
+ *
+ * @method Phaser.Tilemap#setCollisionByIndex
+ * @protected
+ * @param {number} index - The index of the tile on the layer.
+ * @param {boolean} [collides=true] - If true it will enable collision on the tile. If false it will clear collision values from the tile.
+ * @param {number} [layer] - The layer to operate on. If not given will default to this.currentLayer.
+ * @param {boolean} [recalculate=true] - Recalculates the tile faces after the update.
+ */
+ setCollisionByIndex: function (index, collides, layer, recalculate) {
+
+ if (typeof collides === 'undefined') { collides = true; }
+ if (typeof layer === 'undefined') { layer = this.currentLayer; }
+ if (typeof recalculate === 'undefined') { recalculate = true; }
+
+ if (collides)
+ {
+ this.collideIndexes.push(index);
+ }
+ else
+ {
+ var i = this.collideIndexes.indexOf(index);
+
+ if (i > -1)
+ {
+ this.collideIndexes.splice(i, 1);
+ }
+ }
+
+ for (var y = 0; y < this.layers[layer].height ; y++)
+ {
+ for (var x = 0; x < this.layers[layer].width; x++)
+ {
+ var tile = this.layers[layer].data[y][x];
+
+ if (tile && tile.index === index)
+ {
+ if (collides)
+ {
+ tile.setCollision(true, true, true, true);
+ }
+ else
+ {
+ tile.resetCollision();
+ }
+
+ tile.faceTop = collides;
+ tile.faceBottom = collides;
+ tile.faceLeft = collides;
+ tile.faceRight = collides;
+ }
+ }
+ }
+
+ if (recalculate)
+ {
+ // Now re-calculate interesting faces
+ this.calculateFaces(layer);
+ }
+
+ return layer;
+
+ },
+
+ /**
+ * Gets the TilemapLayer index as used in the setCollision calls.
+ *
+ * @method Phaser.Tilemap#getLayer
+ * @protected
+ * @param {number|string|Phaser.TilemapLayer} layer - The layer to operate on. If not given will default to this.currentLayer.
+ * @return {number} The TilemapLayer index.
+ */
+ getLayer: function (layer) {
+
+ if (typeof layer === 'undefined')
+ {
+ layer = this.currentLayer;
+ }
+ // else if (typeof layer === 'number')
+ // {
+ // layer = layer;
+ // }
+ else if (typeof layer === 'string')
+ {
+ layer = this.getLayerIndex(layer);
+ }
+ else if (layer instanceof Phaser.TilemapLayer)
+ {
+ layer = layer.index;
+ }
+
+ return layer;
+
+ },
+
+ /**
+ * Internal function.
+ *
+ * @method Phaser.Tilemap#calculateFaces
+ * @protected
+ * @param {number} layer - The index of the TilemapLayer to operate on.
+ */
+ calculateFaces: function (layer) {
+
+ var above = null;
+ var below = null;
+ var left = null;
+ var right = null;
+
+ for (var y = 0, h = this.layers[layer].height; y < h; y++)
+ {
+ for (var x = 0, w = this.layers[layer].width; x < w; x++)
+ {
+ var tile = this.layers[layer].data[y][x];
+
+ if (tile)
+ {
+ above = this.getTileAbove(layer, x, y);
+ below = this.getTileBelow(layer, x, y);
+ left = this.getTileLeft(layer, x, y);
+ right = this.getTileRight(layer, x, y);
+
+ if (tile.collides)
+ {
+ tile.faceTop = true;
+ tile.faceBottom = true;
+ tile.faceLeft = true;
+ tile.faceRight = true;
+ }
+
+ if (above && above.collides)
+ {
+ // There is a tile above this one that also collides, so the top of this tile is no longer interesting
+ tile.faceTop = false;
+ }
+
+ if (below && below.collides)
+ {
+ // There is a tile below this one that also collides, so the bottom of this tile is no longer interesting
+ tile.faceBottom = false;
+ }
+
+ if (left && left.collides)
+ {
+ // There is a tile left this one that also collides, so the left of this tile is no longer interesting
+ tile.faceLeft = false;
+ }
+
+ if (right && right.collides)
+ {
+ // There is a tile right this one that also collides, so the right of this tile is no longer interesting
+ tile.faceRight = false;
+ }
+ }
+ }
+ }
+
+ },
+
+ /**
+ * Gets the tile above the tile coordinates given.
+ * Mostly used as an internal function by calculateFaces.
+ *
+ * @method Phaser.Tilemap#getTileAbove
+ * @param {number} layer - The local layer index to get the tile from. Can be determined by Tilemap.getLayer().
+ * @param {number} x - The x coordinate to get the tile from. In tiles, not pixels.
+ * @param {number} y - The y coordinate to get the tile from. In tiles, not pixels.
+ */
+ getTileAbove: function (layer, x, y) {
+
+ if (y > 0)
+ {
+ return this.layers[layer].data[y - 1][x];
+ }
+
+ return null;
+
+ },
+
+ /**
+ * Gets the tile below the tile coordinates given.
+ * Mostly used as an internal function by calculateFaces.
+ *
+ * @method Phaser.Tilemap#getTileBelow
+ * @param {number} layer - The local layer index to get the tile from. Can be determined by Tilemap.getLayer().
+ * @param {number} x - The x coordinate to get the tile from. In tiles, not pixels.
+ * @param {number} y - The y coordinate to get the tile from. In tiles, not pixels.
+ */
+ getTileBelow: function (layer, x, y) {
+
+ if (y < this.layers[layer].height - 1)
+ {
+ return this.layers[layer].data[y + 1][x];
+ }
+
+ return null;
+
+ },
+
+ /**
+ * Gets the tile to the left of the tile coordinates given.
+ * Mostly used as an internal function by calculateFaces.
+ *
+ * @method Phaser.Tilemap#getTileLeft
+ * @param {number} layer - The local layer index to get the tile from. Can be determined by Tilemap.getLayer().
+ * @param {number} x - The x coordinate to get the tile from. In tiles, not pixels.
+ * @param {number} y - The y coordinate to get the tile from. In tiles, not pixels.
+ */
+ getTileLeft: function (layer, x, y) {
+
+ if (x > 0)
+ {
+ return this.layers[layer].data[y][x - 1];
+ }
+
+ return null;
+
+ },
+
+ /**
+ * Gets the tile to the right of the tile coordinates given.
+ * Mostly used as an internal function by calculateFaces.
+ *
+ * @method Phaser.Tilemap#getTileRight
+ * @param {number} layer - The local layer index to get the tile from. Can be determined by Tilemap.getLayer().
+ * @param {number} x - The x coordinate to get the tile from. In tiles, not pixels.
+ * @param {number} y - The y coordinate to get the tile from. In tiles, not pixels.
+ */
+ getTileRight: function (layer, x, y) {
+
+ if (x < this.layers[layer].width - 1)
+ {
+ return this.layers[layer].data[y][x + 1];
+ }
+
+ return null;
+
+ },
+
+ /**
+ * Sets the current layer to the given index.
+ *
+ * @method Phaser.Tilemap#setLayer
+ * @param {number|string|Phaser.TilemapLayer} layer - The layer to set as current.
+ */
+ setLayer: function (layer) {
+
+ layer = this.getLayer(layer);
+
+ if (this.layers[layer])
+ {
+ this.currentLayer = layer;
+ }
+
+ },
+
+ /**
+ * Checks if there is a tile at the given location.
+ *
+ * @method Phaser.Tilemap#hasTile
+ * @param {number} x - X position to check if a tile exists at (given in tile units, not pixels)
+ * @param {number} y - Y position to check if a tile exists at (given in tile units, not pixels)
+ * @param {number|string|Phaser.TilemapLayer} layer - The layer to set as current.
+ * @return {boolean} True if there is a tile at the given location, otherwise false.
+ */
+ hasTile: function (x, y, layer) {
+
+ return (this.layers[layer].data[y] !== null && this.layers[layer].data[y][x] !== null);
+
+ },
+
+ /**
+ * Puts a tile of the given index value at the coordinate specified.
+ *
+ * @method Phaser.Tilemap#putTile
+ * @param {Phaser.Tile|number} tile - The index of this tile to set or a Phaser.Tile object.
+ * @param {number} x - X position to place the tile (given in tile units, not pixels)
+ * @param {number} y - Y position to place the tile (given in tile units, not pixels)
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to modify.
+ */
+ putTile: function (tile, x, y, layer) {
+
+ layer = this.getLayer(layer);
+
+ if (x >= 0 && x < this.layers[layer].width && y >= 0 && y < this.layers[layer].height)
+ {
+ var index;
+
+ if (tile instanceof Phaser.Tile)
+ {
+ index = tile.index;
+
+ if (this.hasTile(x, y, layer))
+ {
+ this.layers[layer].data[y][x].copy(tile);
+ }
+ else
+ {
+ this.layers[layer].data[y][x] = new Phaser.Tile(layer, index, x, y, tile.width, tile.height);
+ }
+ }
+ else
+ {
+ index = tile;
+
+ if (this.hasTile(x, y, layer))
+ {
+ this.layers[layer].data[y][x].index = index;
+ }
+ else
+ {
+ this.layers[layer].data[y][x] = new Phaser.Tile(layer, index, x, y, this.tileWidth, this.tileHeight);
+ }
+ }
+
+ if (this.collideIndexes.indexOf(index) > -1)
+ {
+ this.layers[layer].data[y][x].setCollision(true, true, true, true);
+ }
+ else
+ {
+ this.layers[layer].data[y][x].resetCollision();
+ }
+
+ this.layers[layer].dirty = true;
+
+ this.calculateFaces(layer);
+ }
+
+ },
+
+ /**
+ * Puts a tile into the Tilemap layer. The coordinates are given in pixel values.
+ *
+ * @method Phaser.Tilemap#putTileWorldXY
+ * @param {Phaser.Tile|number} tile - The index of this tile to set or a Phaser.Tile object.
+ * @param {number} x - X position to insert the tile (given in pixels)
+ * @param {number} y - Y position to insert the tile (given in pixels)
+ * @param {number} tileWidth - The width of the tile in pixels.
+ * @param {number} tileHeight - The height of the tile in pixels.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to modify.
+ */
+ putTileWorldXY: function (tile, x, y, tileWidth, tileHeight, layer) {
+
+ layer = this.getLayer(layer);
+
+ x = this.game.math.snapToFloor(x, tileWidth) / tileWidth;
+ y = this.game.math.snapToFloor(y, tileHeight) / tileHeight;
+
+ this.putTile(tile, x, y, layer);
+
+ },
+
+ /**
+ * Gets a tile from the Tilemap Layer. The coordinates are given in tile values.
+ *
+ * @method Phaser.Tilemap#getTile
+ * @param {number} x - X position to get the tile from (given in tile units, not pixels)
+ * @param {number} y - Y position to get the tile from (given in tile units, not pixels)
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to get the tile from.
+ * @return {Phaser.Tile} The tile at the given coordinates.
+ */
+ getTile: function (x, y, layer) {
+
+ layer = this.getLayer(layer);
+
+ if (x >= 0 && x < this.layers[layer].width && y >= 0 && y < this.layers[layer].height)
+ {
+ return this.layers[layer].data[y][x];
+ }
+
+ },
+
+ /**
+ * Gets a tile from the Tilemap layer. The coordinates are given in pixel values.
+ *
+ * @method Phaser.Tilemap#getTileWorldXY
+ * @param {number} x - X position to get the tile from (given in pixels)
+ * @param {number} y - Y position to get the tile from (given in pixels)
+ * @param {number} [tileWidth] - The width of the tiles. If not given the map default is used.
+ * @param {number} [tileHeight] - The height of the tiles. If not given the map default is used.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to get the tile from.
+ * @return {Phaser.Tile} The tile at the given coordinates.
+ */
+ getTileWorldXY: function (x, y, tileWidth, tileHeight, layer) {
+
+ if (typeof tileWidth === 'undefined') { tileWidth = this.tileWidth; }
+ if (typeof tileHeight === 'undefined') { tileHeight = this.tileHeight; }
+
+ layer = this.getLayer(layer);
+
+ x = this.game.math.snapToFloor(x, tileWidth) / tileWidth;
+ y = this.game.math.snapToFloor(y, tileHeight) / tileHeight;
+
+ return this.getTile(x, y, layer);
+
+ },
+
+ /**
+ * Copies all of the tiles in the given rectangular block into the tilemap data buffer.
+ *
+ * @method Phaser.Tilemap#copy
+ * @param {number} x - X position of the top left of the area to copy (given in tiles, not pixels)
+ * @param {number} y - Y position of the top left of the area to copy (given in tiles, not pixels)
+ * @param {number} width - The width of the area to copy (given in tiles, not pixels)
+ * @param {number} height - The height of the area to copy (given in tiles, not pixels)
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to copy the tiles from.
+ * @return {array} An array of the tiles that were copied.
+ */
+ copy: function (x, y, width, height, layer) {
+
+ layer = this.getLayer(layer);
+
+ if (!this.layers[layer])
+ {
+ this._results.length = 0;
+ return;
+ }
+
+ if (typeof x === "undefined") { x = 0; }
+ if (typeof y === "undefined") { y = 0; }
+ if (typeof width === "undefined") { width = this.layers[layer].width; }
+ if (typeof height === "undefined") { height = this.layers[layer].height; }
+
+ if (x < 0)
+ {
+ x = 0;
+ }
+
+ if (y < 0)
+ {
+ y = 0;
+ }
+
+ if (width > this.layers[layer].width)
+ {
+ width = this.layers[layer].width;
+ }
+
+ if (height > this.layers[layer].height)
+ {
+ height = this.layers[layer].height;
+ }
+
+ this._results.length = 0;
+
+ this._results.push( { x: x, y: y, width: width, height: height, layer: layer });
+
+ for (var ty = y; ty < y + height; ty++)
+ {
+ for (var tx = x; tx < x + width; tx++)
+ {
+ this._results.push(this.layers[layer].data[ty][tx]);
+ }
+ }
+
+ return this._results;
+
+ },
+
+ /**
+ * Pastes a previously copied block of tile data into the given x/y coordinates. Data should have been prepared with Tilemap.copy.
+ *
+ * @method Phaser.Tilemap#paste
+ * @param {number} x - X position of the top left of the area to paste to (given in tiles, not pixels)
+ * @param {number} y - Y position of the top left of the area to paste to (given in tiles, not pixels)
+ * @param {array} tileblock - The block of tiles to paste.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to paste the tiles into.
+ */
+ paste: function (x, y, tileblock, layer) {
+
+ if (typeof x === "undefined") { x = 0; }
+ if (typeof y === "undefined") { y = 0; }
+
+ layer = this.getLayer(layer);
+
+ if (!tileblock || tileblock.length < 2)
+ {
+ return;
+ }
+
+ // Find out the difference between tileblock[1].x/y and x/y and use it as an offset, as it's the top left of the block to paste
+ var diffX = tileblock[1].x - x;
+ var diffY = tileblock[1].y - y;
+
+ for (var i = 1; i < tileblock.length; i++)
+ {
+ this.layers[layer].data[ diffY + tileblock[i].y ][ diffX + tileblock[i].x ].copy(tileblock[i]);
+ }
+
+ this.layers[layer].dirty = true;
+ this.calculateFaces(layer);
+
+ },
+
+ /**
+ * Scans the given area for tiles with an index matching tileA and swaps them with tileB.
+ *
+ * @method Phaser.Tilemap#swap
+ * @param {number} tileA - First tile index.
+ * @param {number} tileB - Second tile index.
+ * @param {number} x - X position of the top left of the area to operate one, given in tiles, not pixels.
+ * @param {number} y - Y position of the top left of the area to operate one, given in tiles, not pixels.
+ * @param {number} width - The width in tiles of the area to operate on.
+ * @param {number} height - The height in tiles of the area to operate on.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on.
+ */
+ swap: function (tileA, tileB, x, y, width, height, layer) {
+
+ layer = this.getLayer(layer);
+
+ this.copy(x, y, width, height, layer);
+
+ if (this._results.length < 2)
+ {
+ return;
+ }
+
+ this._tempA = tileA;
+ this._tempB = tileB;
+
+ this._results.forEach(this.swapHandler, this);
+
+ this.paste(x, y, this._results, layer);
+
+ },
+
+ /**
+ * Internal function that handles the swapping of tiles.
+ *
+ * @method Phaser.Tilemap#swapHandler
+ * @private
+ * @param {number} value
+ * @param {number} index
+ */
+ swapHandler: function (value, index) {
+
+ if (value.index === this._tempA)
+ {
+ this._results[index].index = this._tempB;
+ }
+ if (value.index === this._tempB)
+ {
+ this._results[index].index = this._tempA;
+ }
+
+ },
+
+ /**
+ * For each tile in the given area defined by x/y and width/height run the given callback.
+ *
+ * @method Phaser.Tilemap#forEach
+ * @param {number} callback - The callback. Each tile in the given area will be passed to this callback as the first and only parameter.
+ * @param {number} context - The context under which the callback should be run.
+ * @param {number} x - X position of the top left of the area to operate one, given in tiles, not pixels.
+ * @param {number} y - Y position of the top left of the area to operate one, given in tiles, not pixels.
+ * @param {number} width - The width in tiles of the area to operate on.
+ * @param {number} height - The height in tiles of the area to operate on.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on.
+ */
+ forEach: function (callback, context, x, y, width, height, layer) {
+
+ layer = this.getLayer(layer);
+
+ this.copy(x, y, width, height, layer);
+
+ if (this._results.length < 2)
+ {
+ return;
+ }
+
+ this._results.forEach(callback, context);
+
+ this.paste(x, y, this._results, layer);
+
+ },
+
+ /**
+ * Scans the given area for tiles with an index matching `source` and updates their index to match `dest`.
+ *
+ * @method Phaser.Tilemap#replace
+ * @param {number} source - The tile index value to scan for.
+ * @param {number} dest - The tile index value to replace found tiles with.
+ * @param {number} x - X position of the top left of the area to operate one, given in tiles, not pixels.
+ * @param {number} y - Y position of the top left of the area to operate one, given in tiles, not pixels.
+ * @param {number} width - The width in tiles of the area to operate on.
+ * @param {number} height - The height in tiles of the area to operate on.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on.
+ */
+ replace: function (source, dest, x, y, width, height, layer) {
+
+ layer = this.getLayer(layer);
+
+ this.copy(x, y, width, height, layer);
+
+ if (this._results.length < 2)
+ {
+ return;
+ }
+
+ for (var i = 1; i < this._results.length; i++)
+ {
+ if (this._results[i].index === source)
+ {
+ this._results[i].index = dest;
+ }
+ }
+
+ this.paste(x, y, this._results, layer);
+
+ },
+
+ /**
+ * Randomises a set of tiles in a given area.
+ *
+ * @method Phaser.Tilemap#random
+ * @param {number} x - X position of the top left of the area to operate one, given in tiles, not pixels.
+ * @param {number} y - Y position of the top left of the area to operate one, given in tiles, not pixels.
+ * @param {number} width - The width in tiles of the area to operate on.
+ * @param {number} height - The height in tiles of the area to operate on.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on.
+ */
+ random: function (x, y, width, height, layer) {
+
+ layer = this.getLayer(layer);
+
+ this.copy(x, y, width, height, layer);
+
+ if (this._results.length < 2)
+ {
+ return;
+ }
+
+ var indexes = [];
+
+ for (var t = 1; t < this._results.length; t++)
+ {
+ if (this._results[t].index)
+ {
+ var idx = this._results[t].index;
+
+ if (indexes.indexOf(idx) === -1)
+ {
+ indexes.push(idx);
+ }
+ }
+ }
+
+ for (var i = 1; i < this._results.length; i++)
+ {
+ this._results[i].index = this.game.rnd.pick(indexes);
+ }
+
+ this.paste(x, y, this._results, layer);
+
+ },
+
+ /**
+ * Shuffles a set of tiles in a given area. It will only randomise the tiles in that area, so if they're all the same nothing will appear to have changed!
+ *
+ * @method Phaser.Tilemap#shuffle
+ * @param {number} x - X position of the top left of the area to operate one, given in tiles, not pixels.
+ * @param {number} y - Y position of the top left of the area to operate one, given in tiles, not pixels.
+ * @param {number} width - The width in tiles of the area to operate on.
+ * @param {number} height - The height in tiles of the area to operate on.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on.
+ */
+ shuffle: function (x, y, width, height, layer) {
+
+ layer = this.getLayer(layer);
+
+ this.copy(x, y, width, height, layer);
+
+ if (this._results.length < 2)
+ {
+ return;
+ }
+
+ var indexes = [];
+
+ for (var t = 1; t < this._results.length; t++)
+ {
+ if (this._results[t].index)
+ {
+ indexes.push(this._results[t].index);
+ }
+ }
+
+ Phaser.Utils.shuffle(indexes);
+
+ for (var i = 1; i < this._results.length; i++)
+ {
+ this._results[i].index = indexes[i - 1];
+ }
+
+ this.paste(x, y, this._results, layer);
+
+ },
+
+ /**
+ * Fills the given area with the specified tile.
+ *
+ * @method Phaser.Tilemap#fill
+ * @param {number} index - The index of the tile that the area will be filled with.
+ * @param {number} x - X position of the top left of the area to operate one, given in tiles, not pixels.
+ * @param {number} y - Y position of the top left of the area to operate one, given in tiles, not pixels.
+ * @param {number} width - The width in tiles of the area to operate on.
+ * @param {number} height - The height in tiles of the area to operate on.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on.
+ */
+ fill: function (index, x, y, width, height, layer) {
+
+ layer = this.getLayer(layer);
+
+ this.copy(x, y, width, height, layer);
+
+ if (this._results.length < 2)
+ {
+ return;
+ }
+
+ for (var i = 1; i < this._results.length; i++)
+ {
+ this._results[i].index = index;
+ }
+
+ this.paste(x, y, this._results, layer);
+
+ },
+
+ /**
+ * Removes all layers from this tile map.
+ *
+ * @method Phaser.Tilemap#removeAllLayers
+ */
+ removeAllLayers: function () {
+
+ this.layers.length = 0;
+ this.currentLayer = 0;
+
+ },
+
+ /**
+ * Dumps the tilemap data out to the console.
+ *
+ * @method Phaser.Tilemap#dump
+ */
+ dump: function () {
+
+ var txt = '';
+ var args = [''];
+
+ for (var y = 0; y < this.layers[this.currentLayer].height; y++)
+ {
+ for (var x = 0; x < this.layers[this.currentLayer].width; x++)
+ {
+ txt += "%c ";
+
+ if (this.layers[this.currentLayer].data[y][x] > 1)
+ {
+ if (this.debugMap[this.layers[this.currentLayer].data[y][x]])
+ {
+ args.push("background: " + this.debugMap[this.layers[this.currentLayer].data[y][x]]);
+ }
+ else
+ {
+ args.push("background: #ffffff");
+ }
+ }
+ else
+ {
+ args.push("background: rgb(0, 0, 0)");
+ }
+ }
+
+ txt += "\n";
+ }
+
+ args[0] = txt;
+ console.log.apply(console, args);
+
+ },
+
+ /**
+ * Removes all layers from this tile map and nulls the game reference.
+ *
+ * @method Phaser.Tilemap#destroy
+ */
+ destroy: function () {
+
+ this.removeAllLayers();
+ this.data = [];
+ this.game = null;
+
+ }
+
+};
+
+Phaser.Tilemap.prototype.constructor = Phaser.Tilemap;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* A Tilemap Layer is a set of map data combined with a Tileset in order to render that data to the game.
+*
+* @class Phaser.TilemapLayer
+* @constructor
+* @param {Phaser.Game} game - Game reference to the currently running game.
+* @param {Phaser.Tilemap} tilemap - The tilemap to which this layer belongs.
+* @param {number} index - The layer index within the map that this TilemapLayer represents.
+* @param {number} width - Width of the renderable area of the layer.
+* @param {number} height - Height of the renderable area of the layer.
+*/
+Phaser.TilemapLayer = function (game, tilemap, index, width, height) {
+
+ /**
+ * @property {Phaser.Game} game - A reference to the currently running Game.
+ */
+ this.game = game;
+
+ /**
+ * @property {Phaser.Tilemap} map - The Tilemap to which this layer is bound.
+ */
+ this.map = tilemap;
+
+ /**
+ * @property {number} index - The index of this layer within the Tilemap.
+ */
+ this.index = index;
+
+ /**
+ * @property {object} layer - The layer object within the Tilemap that this layer represents.
+ */
+ this.layer = tilemap.layers[index];
+
+ /**
+ * @property {HTMLCanvasElement} canvas - The canvas to which this TilemapLayer draws.
+ */
+ this.canvas = Phaser.Canvas.create(width, height, '', true);
+
+ /**
+ * @property {CanvasRenderingContext2D} context - The 2d context of the canvas.
+ */
+ this.context = this.canvas.getContext('2d');
+
+ /**
+ * @property {PIXI.BaseTexture} baseTexture - Required Pixi var.
+ */
+ this.baseTexture = new PIXI.BaseTexture(this.canvas);
+
+ /**
+ * @property {PIXI.Texture} texture - Required Pixi var.
+ */
+ this.texture = new PIXI.Texture(this.baseTexture);
+
+ /**
+ * @property {Phaser.Frame} textureFrame - Dimensions of the renderable area.
+ */
+ this.textureFrame = new Phaser.Frame(0, 0, 0, width, height, 'tilemapLayer', game.rnd.uuid());
+
+ // Phaser.Sprite.call(this, this.game, 0, 0, this.texture, this.textureFrame);
+ Phaser.Image.call(this, this.game, 0, 0, this.texture, this.textureFrame);
+
+ /**
+ * @property {string} name - The name of the layer.
+ */
+ this.name = '';
+
+ /**
+ * @property {number} type - The const type of this object.
+ * @default
+ */
+ this.type = Phaser.TILEMAPLAYER;
+
+ /**
+ * An object that is fixed to the camera ignores the position of any ancestors in the display list and uses its x/y coordinates as offsets from the top left of the camera.
+ * @property {boolean} fixedToCamera - Fixes this object to the Camera.
+ * @default
+ */
+ this.fixedToCamera = true;
+
+ /**
+ * @property {Phaser.Point} cameraOffset - If this object is fixed to the camera then use this Point to specify how far away from the Camera x/y it's rendered.
+ */
+ this.cameraOffset = new Phaser.Point(0, 0);
+
+ /**
+ * @property {string} tileColor - If no tileset is given the tiles will be rendered as rectangles in this color. Provide in hex or rgb/rgba string format.
+ * @default
+ */
+ this.tileColor = 'rgb(255, 255, 255)';
+
+ /**
+ * @property {boolean} debug - If set to true the collideable tile edges path will be rendered. Only works when game is running in Phaser.CANVAS mode.
+ * @default
+ */
+ this.debug = false;
+
+ /**
+ * @property {number} debugAlpha - If debug is true then the tileset is rendered with this alpha level, to make the tile edges clearer.
+ * @default
+ */
+ this.debugAlpha = 0.5;
+
+ /**
+ * @property {string} debugColor - If debug is true this is the color used to outline the edges of collidable tiles. Provide in hex or rgb/rgba string format.
+ * @default
+ */
+ this.debugColor = 'rgba(0, 255, 0, 1)';
+
+ /**
+ * @property {boolean} debugFill - If true the debug tiles are filled with debugFillColor AND stroked around.
+ * @default
+ */
+ this.debugFill = false;
+
+ /**
+ * @property {string} debugFillColor - If debugFill is true this is the color used to fill the tiles. Provide in hex or rgb/rgba string format.
+ * @default
+ */
+ this.debugFillColor = 'rgba(0, 255, 0, 0.2)';
+
+ /**
+ * @property {string} debugCallbackColor - If debug is true this is the color used to outline the edges of tiles that have collision callbacks. Provide in hex or rgb/rgba string format.
+ * @default
+ */
+ this.debugCallbackColor = 'rgba(255, 0, 0, 1)';
+
+ /**
+ * @property {number} scrollFactorX - speed at which this layer scrolls
+ * horizontally, relative to the camera (e.g. scrollFactorX of 0.5 scrolls
+ * half as quickly as the 'normal' camera-locked layers do)
+ * @default 1
+ */
+ this.scrollFactorX = 1;
+
+ /**
+ * @property {number} scrollFactorY - speed at which this layer scrolls
+ * vertically, relative to the camera (e.g. scrollFactorY of 0.5 scrolls
+ * half as quickly as the 'normal' camera-locked layers do)
+ * @default 1
+ */
+ this.scrollFactorY = 1;
+
+ /**
+ * @property {boolean} dirty - Flag controlling when to re-render the layer.
+ */
+ this.dirty = true;
+
+ /**
+ * @property {number} rayStepRate - When ray-casting against tiles this is the number of steps it will jump. For larger tile sizes you can increase this to improve performance.
+ * @default
+ */
+ this.rayStepRate = 4;
+
+ /**
+ * @property {number} _cw - Local collision var.
+ * @private
+ */
+ this._cw = tilemap.tileWidth;
+
+ /**
+ * @property {number} _ch - Local collision var.
+ * @private
+ */
+ this._ch = tilemap.tileHeight;
+
+ /**
+ * @property {number} _ga - Local render loop var to help avoid gc spikes.
+ * @private
+ */
+ this._ga = 1;
+
+ /**
+ * @property {number} _dx - Local render loop var to help avoid gc spikes.
+ * @private
+ */
+ this._dx = 0;
+
+ /**
+ * @property {number} _dy - Local render loop var to help avoid gc spikes.
+ * @private
+ */
+ this._dy = 0;
+
+ /**
+ * @property {number} _dw - Local render loop var to help avoid gc spikes.
+ * @private
+ */
+ this._dw = 0;
+
+ /**
+ * @property {number} _dh - Local render loop var to help avoid gc spikes.
+ * @private
+ */
+ this._dh = 0;
+
+ /**
+ * @property {number} _tx - Local render loop var to help avoid gc spikes.
+ * @private
+ */
+ this._tx = 0;
+
+ /**
+ * @property {number} _ty - Local render loop var to help avoid gc spikes.
+ * @private
+ */
+ this._ty = 0;
+
+ /**
+ * @property {number} _tw - Local render loop var to help avoid gc spikes.
+ * @private
+ */
+ this._tw = 0;
+
+ /**
+ * @property {number} _th - Local render loop var to help avoid gc spikes.
+ * @private
+ */
+ this._th = 0;
+
+ /**
+ * @property {number} _tl - Local render loop var to help avoid gc spikes.
+ * @private
+ */
+ this._tl = 0;
+
+ /**
+ * @property {number} _maxX - Local render loop var to help avoid gc spikes.
+ * @private
+ */
+ this._maxX = 0;
+
+ /**
+ * @property {number} _maxY - Local render loop var to help avoid gc spikes.
+ * @private
+ */
+ this._maxY = 0;
+
+ /**
+ * @property {number} _startX - Local render loop var to help avoid gc spikes.
+ * @private
+ */
+ this._startX = 0;
+
+ /**
+ * @property {number} _startY - Local render loop var to help avoid gc spikes.
+ * @private
+ */
+ this._startY = 0;
+
+ /**
+ * @property {array} _results - Local render loop var to help avoid gc spikes.
+ * @private
+ */
+ this._results = [];
+
+ /**
+ * @property {number} _x - Private var.
+ * @private
+ */
+ this._x = 0;
+
+ /**
+ * @property {number} _y - Private var.
+ * @private
+ */
+ this._y = 0;
+
+ /**
+ * @property {number} _prevX - Private var.
+ * @private
+ */
+ this._prevX = 0;
+
+ /**
+ * @property {number} _prevY - Private var.
+ * @private
+ */
+ this._prevY = 0;
+
+ this.updateMax();
+
+};
+
+Phaser.TilemapLayer.prototype = Object.create(Phaser.Image.prototype);
+// Phaser.TilemapLayer.prototype = Phaser.Utils.extend(true, Phaser.TilemapLayer.prototype, Phaser.Sprite.prototype, PIXI.Sprite.prototype);
+Phaser.TilemapLayer.prototype.constructor = Phaser.TilemapLayer;
+
+/**
+* Automatically called by World.postUpdate. Handles cache updates.
+*
+* @method Phaser.TilemapLayer#postUpdate
+* @memberof Phaser.TilemapLayer
+*/
+Phaser.TilemapLayer.prototype.postUpdate = function () {
+
+ // Phaser.Sprite.prototype.postUpdate.call(this);
+ Phaser.Image.prototype.postUpdate.call(this);
+
+ // Stops you being able to auto-scroll the camera if it's not following a sprite
+ this.scrollX = this.game.camera.x * this.scrollFactorX;
+ this.scrollY = this.game.camera.y * this.scrollFactorY;
+
+ this.render();
+
+}
+
+/**
+* Sets the world size to match the size of this layer.
+*
+* @method Phaser.TilemapLayer#resizeWorld
+* @memberof Phaser.TilemapLayer
+*/
+Phaser.TilemapLayer.prototype.resizeWorld = function () {
+
+ this.game.world.setBounds(0, 0, this.layer.widthInPixels, this.layer.heightInPixels);
+
+}
+
+/**
+* Take an x coordinate that doesn't account for scrollFactorX and 'fix' it
+* into a scrolled local space. Used primarily internally
+* @method Phaser.TilemapLayer#_fixX
+* @memberof Phaser.TilemapLayer
+* @private
+* @param {number} x - x coordinate in camera space
+* @return {number} x coordinate in scrollFactor-adjusted dimensions
+*/
+Phaser.TilemapLayer.prototype._fixX = function(x) {
+
+ if (x < 0)
+ {
+ x = 0;
+ }
+
+ if (this.scrollFactorX === 1)
+ {
+ return x;
+ }
+
+ return this._x + (x - (this._x / this.scrollFactorX));
+
+}
+
+/**
+* Take an x coordinate that _does_ account for scrollFactorX and 'unfix' it
+* back to camera space. Used primarily internally
+* @method Phaser.TilemapLayer#_unfixX
+* @memberof Phaser.TilemapLayer
+* @private
+* @param {number} x - x coordinate in scrollFactor-adjusted dimensions
+* @return {number} x coordinate in camera space
+*/
+Phaser.TilemapLayer.prototype._unfixX = function(x) {
+
+ if (this.scrollFactorX === 1)
+ {
+ return x;
+ }
+
+ return (this._x / this.scrollFactorX) + (x - this._x);
+
+}
+
+/**
+* Take a y coordinate that doesn't account for scrollFactorY and 'fix' it
+* into a scrolled local space. Used primarily internally
+* @method Phaser.TilemapLayer#_fixY
+* @memberof Phaser.TilemapLayer
+* @private
+* @param {number} y - y coordinate in camera space
+* @return {number} y coordinate in scrollFactor-adjusted dimensions
+*/
+Phaser.TilemapLayer.prototype._fixY = function(y) {
+
+ if (y < 0)
+ {
+ y = 0;
+ }
+
+ if (this.scrollFactorY === 1)
+ {
+ return y;
+ }
+
+ return this._y + (y - (this._y / this.scrollFactorY));
+
+}
+
+/**
+* Take a y coordinate that _does_ account for scrollFactorY and 'unfix' it
+* back to camera space. Used primarily internally
+* @method Phaser.TilemapLayer#_unfixY
+* @memberof Phaser.TilemapLayer
+* @private
+* @param {number} y - y coordinate in scrollFactor-adjusted dimensions
+* @return {number} y coordinate in camera space
+*/
+Phaser.TilemapLayer.prototype._unfixY = function(y) {
+
+ if (this.scrollFactorY === 1)
+ {
+ return y;
+ }
+
+ return (this._y / this.scrollFactorY) + (y - this._y);
+
+}
+
+/**
+* Convert a pixel value to a tile coordinate.
+* @method Phaser.TilemapLayer#getTileX
+* @memberof Phaser.TilemapLayer
+* @param {number} x - X position of the point in target tile.
+* @return {Phaser.Tile} The tile with specific properties.
+*/
+Phaser.TilemapLayer.prototype.getTileX = function (x) {
+
+ // var tileWidth = this.tileWidth * this.scale.x;
+
+ return this.game.math.snapToFloor(this._fixX(x), this.map.tileWidth) / this.map.tileWidth;
+
+}
+
+/**
+* Convert a pixel value to a tile coordinate.
+* @method Phaser.TilemapLayer#getTileY
+* @memberof Phaser.TilemapLayer
+* @param {number} y - Y position of the point in target tile.
+* @return {Phaser.Tile} The tile with specific properties.
+*/
+Phaser.TilemapLayer.prototype.getTileY = function (y) {
+
+ // var tileHeight = this.tileHeight * this.scale.y;
+
+ return this.game.math.snapToFloor(this._fixY(y), this.map.tileHeight) / this.map.tileHeight;
+
+}
+
+/**
+* Convert a pixel value to a tile coordinate.
+* @method Phaser.TilemapLayer#getTileXY
+* @memberof Phaser.TilemapLayer
+* @param {number} x - X position of the point in target tile.
+* @param {number} y - Y position of the point in target tile.
+* @param {Phaser.Point|object} point - The Point object to set the x and y values on.
+* @return {Phaser.Point|object} A Point object with its x and y properties set.
+*/
+Phaser.TilemapLayer.prototype.getTileXY = function (x, y, point) {
+
+ point.x = this.getTileX(x);
+ point.y = this.getTileY(y);
+
+ return point;
+
+}
+
+/**
+* Gets all tiles that intersect with the given line.
+*
+* @method Phaser.TilemapLayer#getRayCastTiles
+* @memberof Phaser.TilemapLayer
+* @param {Phaser.Line} line - The line used to determine which tiles to return.
+* @param {number} [stepRate] - How many steps through the ray will we check? If undefined or null it uses TilemapLayer.rayStepRate.
+* @param {boolean} [collides=false] - If true only return tiles that collide on one or more faces.
+* @param {boolean} [interestingFace=false] - If true only return tiles that have interesting faces.
+* @return {array} An array of Phaser.Tiles.
+*/
+Phaser.TilemapLayer.prototype.getRayCastTiles = function (line, stepRate, collides, interestingFace) {
+
+ if (typeof stepRate === 'undefined' || stepRate === null) { stepRate = this.rayStepRate; }
+ if (typeof collides === 'undefined') { collides = false; }
+ if (typeof interestingFace === 'undefined') { interestingFace = false; }
+
+ // First get all tiles that touch the bounds of the line
+ var tiles = this.getTiles(line.x, line.y, line.width, line.height, collides, interestingFace);
+
+ if (tiles.length === 0)
+ {
+ return [];
+ }
+
+ // Now we only want the tiles that intersect with the points on this line
+ var coords = line.coordinatesOnLine(stepRate);
+ var total = coords.length;
+ var results = [];
+
+ for (var i = 0; i < tiles.length; i++)
+ {
+ for (var t = 0; t < total; t++)
+ {
+ if (tiles[i].containsPoint(coords[t][0], coords[t][1]))
+ {
+ results.push(tiles[i]);
+ break;
+ }
+ }
+ }
+
+ return results;
+
+}
+
+/**
+* Get all tiles that exist within the given area, defined by the top-left corner, width and height. Values given are in pixels, not tiles.
+* @method Phaser.TilemapLayer#getTiles
+* @memberof Phaser.TilemapLayer
+* @param {number} x - X position of the top left corner.
+* @param {number} y - Y position of the top left corner.
+* @param {number} width - Width of the area to get.
+* @param {number} height - Height of the area to get.
+* @param {boolean} [collides=false] - If true only return tiles that collide on one or more faces.
+* @param {boolean} [interestingFace=false] - If true only return tiles that have interesting faces.
+* @return {array} An array of Phaser.Tiles.
+*/
+Phaser.TilemapLayer.prototype.getTiles = function (x, y, width, height, collides, interestingFace) {
+
+ // Should we only get tiles that have at least one of their collision flags set? (true = yes, false = no just get them all)
+ if (typeof collides === 'undefined') { collides = false; }
+ if (typeof interestingFace === 'undefined') { interestingFace = false; }
+
+ // adjust the x,y coordinates for scrollFactor
+ x = this._fixX(x);
+ y = this._fixY(y);
+
+ if (width > this.layer.widthInPixels)
+ {
+ width = this.layer.widthInPixels;
+ }
+
+ if (height > this.layer.heightInPixels)
+ {
+ height = this.layer.heightInPixels;
+ }
+
+ // Convert the pixel values into tile coordinates
+ this._tx = this.game.math.snapToFloor(x, this._cw) / this._cw;
+ this._ty = this.game.math.snapToFloor(y, this._ch) / this._ch;
+ this._tw = (this.game.math.snapToCeil(width, this._cw) + this._cw) / this._cw;
+ this._th = (this.game.math.snapToCeil(height, this._ch) + this._ch) / this._ch;
+
+ // This should apply the layer x/y here
+ this._results.length = 0;
+
+ for (var wy = this._ty; wy < this._ty + this._th; wy++)
+ {
+ for (var wx = this._tx; wx < this._tx + this._tw; wx++)
+ {
+ if (this.layer.data[wy] && this.layer.data[wy][wx])
+ {
+ if ((!collides && !interestingFace) || this.layer.data[wy][wx].isInteresting(collides, interestingFace))
+ {
+ this._results.push(this.layer.data[wy][wx]);
+ }
+ }
+ }
+ }
+
+ return this._results;
+
+}
+
+/**
+* Internal function to update maximum values.
+* @method Phaser.TilemapLayer#updateMax
+* @memberof Phaser.TilemapLayer
+*/
+Phaser.TilemapLayer.prototype.updateMax = function () {
+
+ this._maxX = this.game.math.ceil(this.canvas.width / this.map.tileWidth) + 1;
+ this._maxY = this.game.math.ceil(this.canvas.height / this.map.tileHeight) + 1;
+
+ if (this.layer)
+ {
+ if (this._maxX > this.layer.width)
+ {
+ this._maxX = this.layer.width;
+ }
+
+ if (this._maxY > this.layer.height)
+ {
+ this._maxY = this.layer.height;
+ }
+ }
+
+ this.dirty = true;
+
+}
+
+/**
+* Renders the tiles to the layer canvas and pushes to the display.
+* @method Phaser.TilemapLayer#render
+* @memberof Phaser.TilemapLayer
+*/
+Phaser.TilemapLayer.prototype.render = function () {
+
+ if (this.layer.dirty)
+ {
+ this.dirty = true;
+ }
+
+ if (!this.dirty || !this.visible)
+ {
+ return;
+ }
+
+ this._prevX = this._dx;
+ this._prevY = this._dy;
+
+ this._dx = -(this._x - (this._startX * this.map.tileWidth));
+ this._dy = -(this._y - (this._startY * this.map.tileHeight));
+
+ this._tx = this._dx;
+ this._ty = this._dy;
+
+ this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
+
+ this.context.fillStyle = this.tileColor;
+
+ var tile;
+ var set;
+
+ if (this.debug)
+ {
+ this.context.globalAlpha = this.debugAlpha;
+ }
+
+ for (var y = this._startY, lenY = this._startY + this._maxY; y < lenY; y++)
+ {
+ this._column = this.layer.data[y];
+
+ for (var x = this._startX, lenX = this._startX + this._maxX; x < lenX; x++)
+ {
+ if (this._column[x])
+ {
+ tile = this._column[x];
+
+ set = this.map.tilesets[this.map.tiles[tile.index][2]]
+
+ if (this.debug === false && tile.alpha !== this.context.globalAlpha)
+ {
+ this.context.globalAlpha = tile.alpha;
+ }
+
+ set.draw(this.context, Math.floor(this._tx), Math.floor(this._ty), tile.index);
+
+ if (tile.debug)
+ {
+ this.context.fillStyle = 'rgba(0, 255, 0, 0.4)';
+ this.context.fillRect(Math.floor(this._tx), Math.floor(this._ty), this.map.tileWidth, this.map.tileHeight);
+ }
+ }
+
+ this._tx += this.map.tileWidth;
+
+ }
+
+ this._tx = this._dx;
+ this._ty += this.map.tileHeight;
+
+ }
+
+ if (this.debug)
+ {
+ this.context.globalAlpha = 1;
+ this.renderDebug();
+ }
+
+ if (this.game.renderType === Phaser.WEBGL)
+ {
+ // PIXI.updateWebGLTexture(this.baseTexture, renderSession.gl);
+ PIXI.updateWebGLTexture(this.baseTexture, this.game.renderer.gl);
+ }
+
+ this.dirty = false;
+ this.layer.dirty = false;
+
+ return true;
+
+}
+
+/**
+* Renders a collision debug overlay on-top of the canvas. Called automatically by render when debug = true.
+* @method Phaser.TilemapLayer#renderDebug
+* @memberof Phaser.TilemapLayer
+*/
+Phaser.TilemapLayer.prototype.renderDebug = function () {
+
+ this._tx = this._dx;
+ this._ty = this._dy;
+
+ this.context.strokeStyle = this.debugColor;
+ this.context.fillStyle = this.debugFillColor;
+
+ for (var y = this._startY, lenY = this._startY + this._maxY; y < lenY; y++)
+ {
+ this._column = this.layer.data[y];
+
+ for (var x = this._startX, lenX = this._startX + this._maxX; x < lenX; x++)
+ {
+ var tile = this._column[x];
+
+ if (tile && (tile.faceTop || tile.faceBottom || tile.faceLeft || tile.faceRight))
+ {
+ this._tx = Math.floor(this._tx);
+
+ if (this.debugFill)
+ {
+ this.context.fillRect(this._tx, this._ty, this._cw, this._ch);
+ }
+
+ this.context.beginPath();
+
+ if (tile.faceTop)
+ {
+ this.context.moveTo(this._tx, this._ty);
+ this.context.lineTo(this._tx + this._cw, this._ty);
+ }
+
+ if (tile.faceBottom)
+ {
+ this.context.moveTo(this._tx, this._ty + this._ch);
+ this.context.lineTo(this._tx + this._cw, this._ty + this._ch);
+ }
+
+ if (tile.faceLeft)
+ {
+ this.context.moveTo(this._tx, this._ty);
+ this.context.lineTo(this._tx, this._ty + this._ch);
+ }
+
+ if (tile.faceRight)
+ {
+ this.context.moveTo(this._tx + this._cw, this._ty);
+ this.context.lineTo(this._tx + this._cw, this._ty + this._ch);
+ }
+
+ this.context.stroke();
+ }
+
+ this._tx += this.map.tileWidth;
+
+ }
+
+ this._tx = this._dx;
+ this._ty += this.map.tileHeight;
+
+ }
+
+}
+
+/**
+* @name Phaser.TilemapLayer#scrollX
+* @property {number} scrollX - Scrolls the map horizontally or returns the current x position.
+*/
+Object.defineProperty(Phaser.TilemapLayer.prototype, "scrollX", {
+
+ get: function () {
+ return this._x;
+ },
+
+ set: function (value) {
+
+ // if (value !== this._x && value >= 0 && this.layer && this.layer.widthInPixels > this.width)
+ if (value !== this._x && value >= 0 && this.layer.widthInPixels > this.width)
+ {
+ this._x = value;
+
+ if (this._x > (this.layer.widthInPixels - this.width))
+ {
+ this._x = this.layer.widthInPixels - this.width;
+ }
+
+ this._startX = this.game.math.floor(this._x / this.map.tileWidth);
+
+ if (this._startX < 0)
+ {
+ this._startX = 0;
+ }
+
+ if (this._startX + this._maxX > this.layer.width)
+ {
+ this._startX = this.layer.width - this._maxX;
+ }
+
+ this.dirty = true;
+ }
+
+ }
+
+});
+
+/**
+* @name Phaser.TilemapLayer#scrollY
+* @property {number} scrollY - Scrolls the map vertically or returns the current y position.
+*/
+Object.defineProperty(Phaser.TilemapLayer.prototype, "scrollY", {
+
+ get: function () {
+ return this._y;
+ },
+
+ set: function (value) {
+
+ // if (value !== this._y && value >= 0 && this.layer && this.heightInPixels > this.renderHeight)
+ if (value !== this._y && value >= 0 && this.layer.heightInPixels > this.height)
+ {
+ this._y = value;
+
+ if (this._y > (this.layer.heightInPixels - this.height))
+ {
+ this._y = this.layer.heightInPixels - this.height;
+ }
+
+ this._startY = this.game.math.floor(this._y / this.map.tileHeight);
+
+ if (this._startY < 0)
+ {
+ this._startY = 0;
+ }
+
+ if (this._startY + this._maxY > this.layer.height)
+ {
+ this._startY = this.layer.height - this._maxY;
+ }
+
+ this.dirty = true;
+ }
+
+ }
+
+});
+
+/**
+* @name Phaser.TilemapLayer#collisionWidth
+* @property {number} collisionWidth - The width of the collision tiles.
+*/
+Object.defineProperty(Phaser.TilemapLayer.prototype, "collisionWidth", {
+
+ get: function () {
+ return this._cw;
+ },
+
+ set: function (value) {
+
+ this._cw = value;
+
+ this.dirty = true;
+
+ }
+
+});
+
+/**
+* @name Phaser.TilemapLayer#collisionHeight
+* @property {number} collisionHeight - The height of the collision tiles.
+*/
+Object.defineProperty(Phaser.TilemapLayer.prototype, "collisionHeight", {
+
+ get: function () {
+ return this._ch;
+ },
+
+ set: function (value) {
+
+ this._ch = value;
+
+ this.dirty = true;
+
+ }
+
+});
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Phaser.TilemapParser parses data objects from Phaser.Loader that need more preparation before they can be inserted into a Tilemap.
+*
+* @class Phaser.TilemapParser
+*/
+Phaser.TilemapParser = {
+
+ /**
+ * Parse tilemap data from the cache and creates a Tilemap object.
+ *
+ * @method Phaser.TilemapParser.parse
+ * @param {Phaser.Game} game - Game reference to the currently running game.
+ * @param {string} key - The key of the tilemap in the Cache.
+ * @param {number} [tileWidth=32] - The pixel width of a single map tile. If using CSV data you must specify this. Not required if using Tiled map data.
+ * @param {number} [tileHeight=32] - The pixel height of a single map tile. If using CSV data you must specify this. Not required if using Tiled map data.
+ * @param {number} [width=10] - The width of the map in tiles. If this map is created from Tiled or CSV data you don't need to specify this.
+ * @param {number} [height=10] - The height of the map in tiles. If this map is created from Tiled or CSV data you don't need to specify this.
+ * @return {object} The parsed map object.
+ */
+ parse: function (game, key, tileWidth, tileHeight, width, height) {
+
+ if (typeof tileWidth === 'undefined') { tileWidth = 32; }
+ if (typeof tileHeight === 'undefined') { tileHeight = 32; }
+ if (typeof width === 'undefined') { width = 10; }
+ if (typeof height === 'undefined') { height = 10; }
+
+ if (typeof key === 'undefined')
+ {
+ return this.getEmptyData();
+ }
+
+ if (key === null)
+ {
+ return this.getEmptyData(tileWidth, tileHeight, width, height);
+ }
+
+ var map = game.cache.getTilemapData(key);
+
+ if (map)
+ {
+ if (map.format === Phaser.Tilemap.CSV)
+ {
+ return this.parseCSV(key, map.data, tileWidth, tileHeight);
+ }
+ else if (!map.format || map.format === Phaser.Tilemap.TILED_JSON)
+ {
+ return this.parseTiledJSON(map.data);
+ }
+ }
+ else
+ {
+ console.warn('Phaser.TilemapParser.parse - No map data found for key ' + key);
+ }
+
+ },
+
+ /**
+ * Parses a CSV file into valid map data.
+ *
+ * @method Phaser.TilemapParser.parseCSV
+ * @param {string} data - The CSV file data.
+ * @param {number} [tileWidth=32] - The pixel width of a single map tile. If using CSV data you must specify this. Not required if using Tiled map data.
+ * @param {number} [tileHeight=32] - The pixel height of a single map tile. If using CSV data you must specify this. Not required if using Tiled map data.
+ * @return {object} Generated map data.
+ */
+ parseCSV: function (key, data, tileWidth, tileHeight) {
+
+ var map = this.getEmptyData();
+
+ // Trim any rogue whitespace from the data
+ data = data.trim();
+
+ var output = [];
+ var rows = data.split("\n");
+ var height = rows.length;
+ var width = 0;
+
+ for (var y = 0; y < rows.length; y++)
+ {
+ output[y] = [];
+
+ var column = rows[y].split(",");
+
+ for (var x = 0; x < column.length; x++)
+ {
+ output[y][x] = new Phaser.Tile(0, parseInt(column[x], 10), x, y, tileWidth, tileHeight);
+ }
+
+ if (width === 0)
+ {
+ width = column.length;
+ }
+ }
+
+ map.name = key;
+ map.width = width;
+ map.height = height;
+ map.tileWidth = tileWidth;
+ map.tileHeight = tileHeight;
+ map.widthInPixels = width * tileWidth;
+ map.heightInPixels = height * tileHeight;
+
+ map.layers[0].width = width;
+ map.layers[0].height = height;
+ map.layers[0].widthInPixels = map.widthInPixels;
+ map.layers[0].heightInPixels = map.heightInPixels;
+ map.layers[0].data = output;
+
+ return map;
+
+ },
+
+ /**
+ * Returns an empty map data object.
+ * @method Phaser.TilemapParser.getEmptyData
+ * @return {object} Generated map data.
+ */
+ getEmptyData: function (tileWidth, tileHeight, width, height) {
+
+ var map = {};
+
+ map.width = 0;
+ map.height = 0;
+ map.tileWidth = 0;
+ map.tileHeight = 0;
+
+ if (typeof tileWidth !== 'undefined' && tileWidth !== null) { map.tileWidth = tileWidth; }
+ if (typeof tileHeight !== 'undefined' && tileHeight !== null) { map.tileHeight = tileHeight; }
+ if (typeof width !== 'undefined' && width !== null) { map.width = width; }
+ if (typeof height !== 'undefined' && height !== null) { map.height = height; }
+
+ map.orientation = 'orthogonal';
+ map.version = '1';
+ map.properties = {};
+ map.widthInPixels = 0;
+ map.heightInPixels = 0;
+
+ var layers = [];
+
+ var layer = {
+
+ name: 'layer',
+ x: 0,
+ y: 0,
+ width: 0,
+ height: 0,
+ widthInPixels: 0,
+ heightInPixels: 0,
+ alpha: 1,
+ visible: true,
+ properties: {},
+ indexes: [],
+ callbacks: [],
+ data: []
+
+ };
+
+ // fill with nulls?
+
+ layers.push(layer);
+
+ map.layers = layers;
+ map.images = [];
+ map.objects = {};
+ map.collision = {};
+ map.tilesets = [];
+ map.tiles = [];
+
+ return map;
+
+ },
+
+ /**
+ * Parses a Tiled JSON file into valid map data.
+ * @method Phaser.TilemapParser.parseJSON
+ * @param {object} json - The JSON map data.
+ * @return {object} Generated and parsed map data.
+ */
+ parseTiledJSON: function (json) {
+
+ if (json.orientation !== 'orthogonal')
+ {
+ console.warn('TilemapParser.parseTiledJSON: Only orthogonal map types are supported in this version of Phaser');
+ return null;
+ }
+
+ // Map data will consist of: layers, objects, images, tilesets, sizes
+ var map = {};
+
+ map.width = json.width;
+ map.height = json.height;
+ map.tileWidth = json.tilewidth;
+ map.tileHeight = json.tileheight;
+ map.orientation = json.orientation;
+ map.version = json.version;
+ map.properties = json.properties;
+ map.widthInPixels = map.width * map.tileWidth;
+ map.heightInPixels = map.height * map.tileHeight;
+
+ // Tile Layers
+ var layers = [];
+
+ for (var i = 0; i < json.layers.length; i++)
+ {
+ if (json.layers[i].type !== 'tilelayer')
+ {
+ continue;
+ }
+
+ var layer = {
+
+ name: json.layers[i].name,
+ x: json.layers[i].x,
+ y: json.layers[i].y,
+ width: json.layers[i].width,
+ height: json.layers[i].height,
+ widthInPixels: json.layers[i].width * json.tilewidth,
+ heightInPixels: json.layers[i].height * json.tileheight,
+ alpha: json.layers[i].opacity,
+ visible: json.layers[i].visible,
+ properties: {},
+ indexes: [],
+ callbacks: [],
+ bodies: []
+
+ };
+
+ if (json.layers[i].properties)
+ {
+ layer.properties = json.layers[i].properties;
+ }
+
+ var x = 0;
+ var row = [];
+ var output = [];
+
+ // Loop through the data field in the JSON.
+
+ // This is an array containing the tile indexes, one after the other. null = no tile, everything else = the tile index (starting at 1 for Tiled, 0 for CSV)
+ // If the map contains multiple tilesets then the indexes are relative to that which the set starts from.
+ // Need to set which tileset in the cache = which tileset in the JSON, if you do this manually it means you can use the same map data but a new tileset.
+
+ for (var t = 0, len = json.layers[i].data.length; t < len; t++)
+ {
+ // index, x, y, width, height
+ if (json.layers[i].data[t] > 0)
+ {
+ row.push(new Phaser.Tile(layer, json.layers[i].data[t], x, output.length, json.tilewidth, json.tileheight));
+ }
+ else
+ {
+ row.push(null);
+ }
+
+ x++;
+
+ if (x === json.layers[i].width)
+ {
+ output.push(row);
+ x = 0;
+ row = [];
+ }
+ }
+
+ layer.data = output;
+
+ layers.push(layer);
+
+ }
+
+ map.layers = layers;
+
+ // Images
+ var images = [];
+
+ for (var i = 0; i < json.layers.length; i++)
+ {
+ if (json.layers[i].type !== 'imagelayer')
+ {
+ continue;
+ }
+
+ var image = {
+
+ name: json.layers[i].name,
+ image: json.layers[i].image,
+ x: json.layers[i].x,
+ y: json.layers[i].y,
+ alpha: json.layers[i].opacity,
+ visible: json.layers[i].visible,
+ properties: {}
+
+ };
+
+ if (json.layers[i].properties)
+ {
+ image.properties = json.layers[i].properties;
+ }
+
+ images.push(image);
+
+ }
+
+ map.images = images;
+
+ // Objects & Collision Data (polylines, etc)
+ var objects = {};
+ var collision = {};
+
+ for (var i = 0; i < json.layers.length; i++)
+ {
+ if (json.layers[i].type !== 'objectgroup')
+ {
+ continue;
+ }
+
+ objects[json.layers[i].name] = [];
+ collision[json.layers[i].name] = [];
+
+ for (var v = 0, len = json.layers[i].objects.length; v < len; v++)
+ {
+ // Object Tiles
+ if (json.layers[i].objects[v].gid)
+ {
+ var object = {
+
+ gid: json.layers[i].objects[v].gid,
+ name: json.layers[i].objects[v].name,
+ x: json.layers[i].objects[v].x,
+ y: json.layers[i].objects[v].y,
+ visible: json.layers[i].objects[v].visible,
+ properties: json.layers[i].objects[v].properties
+
+ };
+
+ objects[json.layers[i].name].push(object);
+ }
+ else if (json.layers[i].objects[v].polyline)
+ {
+ var object = {
+
+ name: json.layers[i].objects[v].name,
+ x: json.layers[i].objects[v].x,
+ y: json.layers[i].objects[v].y,
+ width: json.layers[i].objects[v].width,
+ height: json.layers[i].objects[v].height,
+ visible: json.layers[i].objects[v].visible,
+ properties: json.layers[i].objects[v].properties
+
+ };
+
+ object.polyline = [];
+
+ // Parse the polyline into an array
+ for (var p = 0; p < json.layers[i].objects[v].polyline.length; p++)
+ {
+ object.polyline.push([ json.layers[i].objects[v].polyline[p].x, json.layers[i].objects[v].polyline[p].y ]);
+ }
+
+ collision[json.layers[i].name].push(object);
+
+ }
+
+ }
+ }
+
+ map.objects = objects;
+ map.collision = collision;
+
+ // Tilesets
+ var tilesets = [];
+
+ for (var i = 0; i < json.tilesets.length; i++)
+ {
+ // name, firstgid, width, height, margin, spacing, properties
+ var set = json.tilesets[i];
+ var newSet = new Phaser.Tileset(set.name, set.firstgid, set.tilewidth, set.tileheight, set.margin, set.spacing, set.properties);
+
+ if (set.tileproperties)
+ {
+ newSet.tileProperties = set.tileproperties;
+ }
+
+ newSet.rows = Math.round((set.imageheight - set.margin) / (set.tileheight + set.spacing));
+ newSet.columns = Math.round((set.imagewidth - set.margin) / (set.tilewidth + set.spacing));
+ newSet.total = newSet.rows * newSet.columns;
+
+ if (newSet.rows % 1 !== 0 || newSet.columns % 1 !== 0)
+ {
+ console.warn('TileSet image dimensions do not match expected dimensions. Tileset width/height must be evenly divisible by Tilemap tile width/height.');
+ }
+ else
+ {
+ tilesets.push(newSet);
+ }
+ }
+
+ map.tilesets = tilesets;
+
+ map.tiles = [];
+
+ // Finally lets build our super tileset index
+ for (var i = 0; i < map.tilesets.length; i++)
+ {
+ var set = map.tilesets[i];
+
+ var x = set.tileMargin;
+ var y = set.tileMargin;
+
+ var count = 0;
+ var countX = 0;
+ var countY = 0;
+
+ for (var t = set.firstgid; t < set.firstgid + set.total; t++)
+ {
+ // Can add extra properties here as needed
+ map.tiles[t] = [x, y, i];
+
+ x += set.tileWidth + set.tileSpacing;
+
+ count++;
+
+ if (count === set.total)
+ {
+ break;
+ }
+
+ countX++;
+
+ if (countX === set.columns)
+ {
+ x = set.tileMargin;
+ y += set.tileHeight + set.tileSpacing;
+
+ countX = 0;
+ countY++;
+
+ if (countY === set.rows)
+ {
+ break;
+ }
+ }
+ }
+
+ }
+
+ return map;
+
+ }
+
+}
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* A Tile set is a combination of an image containing the tiles and collision data per tile.
+* You should not normally instantiate this class directly.
+*
+* @class Phaser.Tileset
+* @constructor
+* @param {string} name - The name of the tileset in the map data.
+* @param {number} firstgid - The Tiled firstgid value. In non-Tiled data this should be considered the starting index value of the first tile in this set.
+* @param {number} width - Width of each tile in pixels.
+* @param {number} height - Height of each tile in pixels.
+* @param {number} margin - The amount of margin around the tilesheet.
+* @param {number} spacing - The amount of spacing between each tile in the sheet.
+* @param {object} properties - Tileset properties.
+*/
+Phaser.Tileset = function (name, firstgid, width, height, margin, spacing, properties) {
+
+ /**
+ * @property {string} name - The name of the Tileset.
+ */
+ this.name = name;
+
+ /**
+ * @property {number} firstgid - The Tiled firstgid value. In non-Tiled data this should be considered the starting index value of the first tile in this set.
+ */
+ this.firstgid = firstgid;
+
+ /**
+ * @property {number} tileWidth - The width of a tile in pixels.
+ */
+ this.tileWidth = width;
+
+ /**
+ * @property {number} tileHeight - The height of a tile in pixels.
+ */
+ this.tileHeight = height;
+
+ /**
+ * @property {number} tileMargin - The margin around the tiles in the tileset.
+ */
+ this.tileMargin = margin;
+
+ /**
+ * @property {number} tileSpacing - The spacing in pixels between each tile in the tileset.
+ */
+ this.tileSpacing = spacing;
+
+ /**
+ * @property {object} properties - Tileset specific properties (typically defined in the Tiled editor).
+ */
+ this.properties = properties;
+
+ /**
+ * @property {object} image - The image used for rendering. This is a reference to the image stored in Phaser.Cache.
+ */
+ this.image = null;
+
+ /**
+ * @property {number} rows - The number of rows in the tile sheet.
+ */
+ this.rows = 0;
+
+ /**
+ * @property {number} columns - The number of columns in the tile sheet.
+ */
+ this.columns = 0;
+
+ /**
+ * @property {number} total - The total number of tiles in the tilesheet.
+ */
+ this.total = 0;
+
+ /**
+ * @property {array} draw - The tile drawImage look-up table
+ * @private
+ */
+ this.drawCoords = [];
+
+};
+
+Phaser.Tileset.prototype = {
+
+ /**
+ * Draws a tile from this Tileset at the given coordinates on the context.
+ *
+ * @method Phaser.Tileset#draw
+ * @param {HTMLCanvasContext} context - The context to draw the tile onto.
+ * @param {number} x - The x coordinate to draw to.
+ * @param {number} y - The y coordinate to draw to.
+ * @param {number} index - The index of the tile within the set to draw.
+ */
+ draw: function (context, x, y, index) {
+
+ if (!this.image || !this.drawCoords[index])
+ {
+ return;
+ }
+
+ context.drawImage(
+ this.image,
+ this.drawCoords[index][0],
+ this.drawCoords[index][1],
+ this.tileWidth,
+ this.tileHeight,
+ x,
+ y,
+ this.tileWidth,
+ this.tileHeight
+ );
+
+ },
+
+ /**
+ * Adds a reference from this Tileset to an Image stored in the Phaser.Cache.
+ *
+ * @method Phaser.Tileset#setImage
+ * @param {Image} image - The image this tileset will use to draw with.
+ */
+ setImage: function (image) {
+
+ this.image = image;
+
+ this.rows = Math.round((image.height - this.tileMargin) / (this.tileHeight + this.tileSpacing));
+ this.columns = Math.round((image.width - this.tileMargin) / (this.tileWidth + this.tileSpacing));
+ this.total = this.rows * this.columns;
+
+ // Create the index look-up
+ this.drawCoords.length = 0;
+
+ var tx = this.tileMargin;
+ var ty = this.tileMargin;
+ var i = this.firstgid;
+
+ for (var y = 0; y < this.rows; y++)
+ {
+ for (var x = 0; x < this.columns; x++)
+ {
+ this.drawCoords[i] = [ tx, ty ];
+ tx += this.tileWidth + this.tileSpacing;
+ i++;
+ }
+
+ tx = this.tileMargin;
+ ty += this.tileHeight + this.tileSpacing;
+ }
+
+ },
+
+ /**
+ * Sets tile spacing and margins.
+ *
+ * @method Phaser.Tileset#setSpacing
+ * @param {number} [tileMargin] - The margin around the tiles in the sheet.
+ * @param {number} [tileSpacing] - The spacing between the tiles in the sheet.
+ */
+ setSpacing: function (margin, spacing) {
+
+ this.tileMargin = margin;
+ this.tileSpacing = spacing;
+
+ this.setImage(this.image);
+
+ }
+
+};
+
+Phaser.Tileset.prototype.constructor = Phaser.Tileset;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+ if (typeof exports !== 'undefined') {
+ if (typeof module !== 'undefined' && module.exports) {
+ exports = module.exports = Phaser;
+ }
+ exports.Phaser = Phaser;
+ } else if (typeof define !== 'undefined' && define.amd) {
+ define('Phaser', (function() { return root.Phaser = Phaser; }) ());
+ } else {
+ root.Phaser = Phaser;
+ }
+}).call(this);
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Ninja Physics. The Ninja Physics system was created in Flash by Metanet Software and ported to JavaScript by Richard Davey.
+*
+* It allows for AABB and Circle to Tile collision. Tiles can be any of 34 different types, including slopes, convex and concave shapes.
+*
+* It does what it does very well, but is ripe for expansion and optimisation. Here are some features that I'd love to see the community add:
+*
+* AABB to AABB collision
+* AABB to Circle collision
+* AABB and Circle 'immovable' property support
+* n-way collision, so an AABB/Circle could pass through a tile from below and land upon it.
+* QuadTree or spatial grid for faster Body vs. Tile Group look-ups.
+* Optimise the internal vector math and reduce the quantity of temporary vars created.
+* Expand Gravity and Bounce to allow for separate x/y axis values.
+* Support Bodies linked to Sprites that don't have anchor set to 0.5
+*
+* Feel free to attempt any of the above and submit a Pull Request with your code! Be sure to include test cases proving they work.
+*
+* @class Phaser.Physics.Ninja
+* @classdesc Ninja Physics Constructor
+* @constructor
+* @param {Phaser.Game} game reference to the current game instance.
+*/
+Phaser.Physics.Ninja = function (game) {
+
+ /**
+ * @property {Phaser.Game} game - Local reference to game.
+ */
+ this.game = game;
+
+ /**
+ * @property {Phaser.Time} time - Local reference to game.time.
+ */
+ this.time = this.game.time;
+
+ /**
+ * @property {number} gravity - The World gravity setting.
+ */
+ this.gravity = 0.2;
+
+ /**
+ * @property {Phaser.Rectangle} bounds - The bounds inside of which the physics world exists. Defaults to match the world bounds.
+ */
+ this.bounds = new Phaser.Rectangle(0, 0, game.world.width, game.world.height);
+
+ /**
+ * @property {number} maxObjects - Used by the QuadTree to set the maximum number of objects per quad.
+ */
+ this.maxObjects = 10;
+
+ /**
+ * @property {number} maxLevels - Used by the QuadTree to set the maximum number of iteration levels.
+ */
+ this.maxLevels = 4;
+
+ /**
+ * @property {Phaser.QuadTree} quadTree - The world QuadTree.
+ */
+ this.quadTree = new Phaser.QuadTree(this.game.world.bounds.x, this.game.world.bounds.y, this.game.world.bounds.width, this.game.world.bounds.height, this.maxObjects, this.maxLevels);
+
+};
+
+Phaser.Physics.Ninja.prototype.constructor = Phaser.Physics.Ninja;
+
+Phaser.Physics.Ninja.prototype = {
+
+ /**
+ * This will create a Ninja Physics AABB body on the given game object. Its dimensions will match the width and height of the object at the point it is created.
+ * A game object can only have 1 physics body active at any one time, and it can't be changed until the object is destroyed.
+ *
+ * @method Phaser.Physics.Ninja#enableAABB
+ * @param {object|array|Phaser.Group} object - The game object to create the physics body on. Can also be an array or Group of objects, a body will be created on every child that has a `body` property.
+ * @param {boolean} [children=true] - Should a body be created on all children of this object? If true it will recurse down the display list as far as it can go.
+ */
+ enableAABB: function (object, children) {
+
+ this.enable(object, 1, 0, 0, children);
+
+ },
+
+ /**
+ * This will create a Ninja Physics Circle body on the given game object.
+ * A game object can only have 1 physics body active at any one time, and it can't be changed until the object is destroyed.
+ *
+ * @method Phaser.Physics.Ninja#enableCircle
+ * @param {object|array|Phaser.Group} object - The game object to create the physics body on. Can also be an array or Group of objects, a body will be created on every child that has a `body` property.
+ * @param {number} radius - The radius of the Circle.
+ * @param {boolean} [children=true] - Should a body be created on all children of this object? If true it will recurse down the display list as far as it can go.
+ */
+ enableCircle: function (object, radius, children) {
+
+ this.enable(object, 2, 0, radius, children);
+
+ },
+
+ /**
+ * This will create a Ninja Physics Tile body on the given game object. There are 34 different types of tile you can create, including 45 degree slopes,
+ * convex and concave circles and more. The id parameter controls which Tile type is created, but you can also change it at run-time.
+ * Note that for all degree based tile types they need to have an equal width and height. If the given object doesn't have equal width and height it will use the width.
+ * A game object can only have 1 physics body active at any one time, and it can't be changed until the object is destroyed.
+ *
+ * @method Phaser.Physics.Ninja#enableTile
+ * @param {object|array|Phaser.Group} object - The game object to create the physics body on. Can also be an array or Group of objects, a body will be created on every child that has a `body` property.
+ * @param {number} [id=1] - The type of Tile this will use, i.e. Phaser.Physics.Ninja.Tile.SLOPE_45DEGpn, Phaser.Physics.Ninja.Tile.CONVEXpp, etc.
+ * @param {boolean} [children=true] - Should a body be created on all children of this object? If true it will recurse down the display list as far as it can go.
+ */
+ enableTile: function (object, id, children) {
+
+ this.enable(object, 3, id, 0, children);
+
+ },
+
+ /**
+ * This will create a Ninja Physics body on the given game object or array of game objects.
+ * A game object can only have 1 physics body active at any one time, and it can't be changed until the object is destroyed.
+ *
+ * @method Phaser.Physics.Ninja#enable
+ * @param {object|array|Phaser.Group} object - The game object to create the physics body on. Can also be an array or Group of objects, a body will be created on every child that has a `body` property.
+ * @param {number} [type=1] - The type of Ninja shape to create. 1 = AABB, 2 = Circle or 3 = Tile.
+ * @param {number} [id=1] - If this body is using a Tile shape, you can set the Tile id here, i.e. Phaser.Physics.Ninja.Tile.SLOPE_45DEGpn, Phaser.Physics.Ninja.Tile.CONVEXpp, etc.
+ * @param {number} [radius=0] - If this body is using a Circle shape this controls the radius.
+ * @param {boolean} [children=true] - Should a body be created on all children of this object? If true it will recurse down the display list as far as it can go.
+ */
+ enable: function (object, type, id, radius, children) {
+
+ if (typeof type === 'undefined') { type = 1; }
+ if (typeof id === 'undefined') { id = 1; }
+ if (typeof radius === 'undefined') { radius = 0; }
+ if (typeof children === 'undefined') { children = true; }
+
+ if (Array.isArray(object))
+ {
+ i = object.length;
+
+ while (i--)
+ {
+ if (object[i] instanceof Phaser.Group)
+ {
+ // If it's a Group then we do it on the children regardless
+ this.enable(object[i].children, type, id, radius, children);
+ }
+ else
+ {
+ this.enableBody(object[i], type, id, radius);
+
+ if (children && object[i].hasOwnProperty('children') && object[i].children.length > 0)
+ {
+ this.enable(object[i], type, id, radius, true);
+ }
+ }
+ }
+ }
+ else
+ {
+ if (object instanceof Phaser.Group)
+ {
+ // If it's a Group then we do it on the children regardless
+ this.enable(object.children, type, id, radius, children);
+ }
+ else
+ {
+ this.enableBody(object, type, id, radius);
+
+ if (children && object.hasOwnProperty('children') && object.children.length > 0)
+ {
+ this.enable(object.children, type, id, radius, true);
+ }
+ }
+ }
+
+ },
+
+ /**
+ * Creates a Ninja Physics body on the given game object.
+ * A game object can only have 1 physics body active at any one time, and it can't be changed until the body is nulled.
+ *
+ * @method Phaser.Physics.Ninja#enableBody
+ * @param {object} object - The game object to create the physics body on. A body will only be created if this object has a null `body` property.
+ */
+ enableBody: function (object, type, id, radius) {
+
+ if (object.hasOwnProperty('body') && object.body === null)
+ {
+ object.body = new Phaser.Physics.Ninja.Body(this, object, type, id, radius);
+ object.anchor.set(0.5);
+ }
+
+ },
+
+ /**
+ * Updates the size of this physics world.
+ *
+ * @method Phaser.Physics.Ninja#setBounds
+ * @param {number} x - Top left most corner of the world.
+ * @param {number} y - Top left most corner of the world.
+ * @param {number} width - New width of the world. Can never be smaller than the Game.width.
+ * @param {number} height - New height of the world. Can never be smaller than the Game.height.
+ */
+ setBounds: function (x, y, width, height) {
+
+ this.bounds.setTo(x, y, width, height);
+
+ },
+
+ /**
+ * Updates the size of this physics world to match the size of the game world.
+ *
+ * @method Phaser.Physics.Ninja#setBoundsToWorld
+ */
+ setBoundsToWorld: function () {
+
+ this.bounds.setTo(this.game.world.bounds.x, this.game.world.bounds.y, this.game.world.bounds.width, this.game.world.bounds.height);
+
+ },
+
+ /**
+ * Clears all physics bodies from the given TilemapLayer that were created with `World.convertTilemap`.
+ *
+ * @method Phaser.Physics.Ninja#clearTilemapLayerBodies
+ * @param {Phaser.Tilemap} map - The Tilemap to get the map data from.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on. If not given will default to map.currentLayer.
+ */
+ clearTilemapLayerBodies: function (map, layer) {
+
+ layer = map.getLayer(layer);
+
+ var i = map.layers[layer].bodies.length;
+
+ while (i--)
+ {
+ map.layers[layer].bodies[i].destroy();
+ }
+
+ map.layers[layer].bodies.length = [];
+
+ },
+
+ /**
+ * Goes through all tiles in the given Tilemap and TilemapLayer and converts those set to collide into physics tiles.
+ * Only call this *after* you have specified all of the tiles you wish to collide with calls like Tilemap.setCollisionBetween, etc.
+ * Every time you call this method it will destroy any previously created bodies and remove them from the world.
+ * Therefore understand it's a very expensive operation and not to be done in a core game update loop.
+ *
+ * In Ninja the Tiles have an ID from 0 to 33, where 0 is 'empty', 1 is a full tile, 2 is a 45-degree slope, etc. You can find the ID
+ * list either at the very bottom of `Tile.js`, or in a handy visual reference in the `resources/Ninja Physics Debug Tiles` folder in the repository.
+ * The slopeMap parameter is an array that controls how the indexes of the tiles in your tilemap data will map to the Ninja Tile IDs.
+ * For example if you had 6 tiles in your tileset: Imagine the first 4 should be converted into fully solid Tiles and the other 2 are 45-degree slopes.
+ * Your slopeMap array would look like this: `[ 1, 1, 1, 1, 2, 3 ]`.
+ * Where each element of the array is a tile in your tilemap and the resulting Ninja Tile it should create.
+ *
+ * @method Phaser.Physics.Ninja#convertTilemap
+ * @param {Phaser.Tilemap} map - The Tilemap to get the map data from.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on. If not given will default to map.currentLayer.
+ * @param {object} [slopeMap] - The tilemap index to Tile ID map.
+ * @return {array} An array of the Phaser.Physics.Ninja.Tile objects that were created.
+ */
+ convertTilemap: function (map, layer, slopeMap) {
+
+ layer = map.getLayer(layer);
+
+ if (typeof addToWorld === 'undefined') { addToWorld = true; }
+ if (typeof optimize === 'undefined') { optimize = true; }
+
+ // If the bodies array is already populated we need to nuke it
+ this.clearTilemapLayerBodies(map, layer);
+
+ for (var y = 0, h = map.layers[layer].height; y < h; y++)
+ {
+ for (var x = 0, w = map.layers[layer].width; x < w; x++)
+ {
+ var tile = map.layers[layer].data[y][x];
+
+ if (tile && slopeMap.hasOwnProperty(tile.index))
+ {
+ var body = new Phaser.Physics.Ninja.Body(this, null, 3, slopeMap[tile.index], 0, tile.worldX + tile.centerX, tile.worldY + tile.centerY, tile.width, tile.height);
+
+ map.layers[layer].bodies.push(body);
+ }
+ }
+ }
+
+ return map.layers[layer].bodies;
+
+ },
+
+ /**
+ * Checks for overlaps between two game objects. The objects can be Sprites, Groups or Emitters.
+ * You can perform Sprite vs. Sprite, Sprite vs. Group and Group vs. Group overlap checks.
+ * Unlike collide the objects are NOT automatically separated or have any physics applied, they merely test for overlap results.
+ * The second parameter can be an array of objects, of differing types.
+ *
+ * @method Phaser.Physics.Ninja#overlap
+ * @param {Phaser.Sprite|Phaser.Group|Phaser.Particles.Emitter} object1 - The first object to check. Can be an instance of Phaser.Sprite, Phaser.Group or Phaser.Particles.Emitter.
+ * @param {Phaser.Sprite|Phaser.Group|Phaser.Particles.Emitter|array} object2 - The second object or array of objects to check. Can be Phaser.Sprite, Phaser.Group or Phaser.Particles.Emitter.
+ * @param {function} [overlapCallback=null] - An optional callback function that is called if the objects overlap. The two objects will be passed to this function in the same order in which you specified them.
+ * @param {function} [processCallback=null] - A callback function that lets you perform additional checks against the two objects if they overlap. If this is set then overlapCallback will only be called if processCallback returns true.
+ * @param {object} [callbackContext] - The context in which to run the callbacks.
+ * @returns {boolean} True if an overlap occured otherwise false.
+ */
+ overlap: function (object1, object2, overlapCallback, processCallback, callbackContext) {
+
+ overlapCallback = overlapCallback || null;
+ processCallback = processCallback || null;
+ callbackContext = callbackContext || overlapCallback;
+
+ this._result = false;
+ this._total = 0;
+
+ if (Array.isArray(object2))
+ {
+ for (var i = 0, len = object2.length; i < len; i++)
+ {
+ this.collideHandler(object1, object2[i], overlapCallback, processCallback, callbackContext, true);
+ }
+ }
+ else
+ {
+ this.collideHandler(object1, object2, overlapCallback, processCallback, callbackContext, true);
+ }
+
+ return (this._total > 0);
+
+ },
+
+ /**
+ * Checks for collision between two game objects. You can perform Sprite vs. Sprite, Sprite vs. Group, Group vs. Group, Sprite vs. Tilemap Layer or Group vs. Tilemap Layer collisions.
+ * The second parameter can be an array of objects, of differing types.
+ * The objects are also automatically separated. If you don't require separation then use ArcadePhysics.overlap instead.
+ * An optional processCallback can be provided. If given this function will be called when two sprites are found to be colliding. It is called before any separation takes place,
+ * giving you the chance to perform additional checks. If the function returns true then the collision and separation is carried out. If it returns false it is skipped.
+ * The collideCallback is an optional function that is only called if two sprites collide. If a processCallback has been set then it needs to return true for collideCallback to be called.
+ *
+ * @method Phaser.Physics.Ninja#collide
+ * @param {Phaser.Sprite|Phaser.Group|Phaser.Particles.Emitter|Phaser.Tilemap} object1 - The first object to check. Can be an instance of Phaser.Sprite, Phaser.Group, Phaser.Particles.Emitter, or Phaser.Tilemap.
+ * @param {Phaser.Sprite|Phaser.Group|Phaser.Particles.Emitter|Phaser.Tilemap|array} object2 - The second object or array of objects to check. Can be Phaser.Sprite, Phaser.Group, Phaser.Particles.Emitter or Phaser.Tilemap.
+ * @param {function} [collideCallback=null] - An optional callback function that is called if the objects collide. The two objects will be passed to this function in the same order in which you specified them.
+ * @param {function} [processCallback=null] - A callback function that lets you perform additional checks against the two objects if they overlap. If this is set then collision will only happen if processCallback returns true. The two objects will be passed to this function in the same order in which you specified them.
+ * @param {object} [callbackContext] - The context in which to run the callbacks.
+ * @returns {boolean} True if a collision occured otherwise false.
+ */
+ collide: function (object1, object2, collideCallback, processCallback, callbackContext) {
+
+ collideCallback = collideCallback || null;
+ processCallback = processCallback || null;
+ callbackContext = callbackContext || collideCallback;
+
+ this._result = false;
+ this._total = 0;
+
+ if (Array.isArray(object2))
+ {
+ for (var i = 0, len = object2.length; i < len; i++)
+ {
+ this.collideHandler(object1, object2[i], collideCallback, processCallback, callbackContext, false);
+ }
+ }
+ else
+ {
+ this.collideHandler(object1, object2, collideCallback, processCallback, callbackContext, false);
+ }
+
+ return (this._total > 0);
+
+ },
+
+ /**
+ * Internal collision handler.
+ *
+ * @method Phaser.Physics.Ninja#collideHandler
+ * @private
+ * @param {Phaser.Sprite|Phaser.Group|Phaser.Particles.Emitter|Phaser.Tilemap} object1 - The first object to check. Can be an instance of Phaser.Sprite, Phaser.Group, Phaser.Particles.Emitter, or Phaser.Tilemap.
+ * @param {Phaser.Sprite|Phaser.Group|Phaser.Particles.Emitter|Phaser.Tilemap} object2 - The second object to check. Can be an instance of Phaser.Sprite, Phaser.Group, Phaser.Particles.Emitter or Phaser.Tilemap. Can also be an array of objects to check.
+ * @param {function} collideCallback - An optional callback function that is called if the objects collide. The two objects will be passed to this function in the same order in which you specified them.
+ * @param {function} processCallback - A callback function that lets you perform additional checks against the two objects if they overlap. If this is set then collision will only happen if processCallback returns true. The two objects will be passed to this function in the same order in which you specified them.
+ * @param {object} callbackContext - The context in which to run the callbacks.
+ * @param {boolean} overlapOnly - Just run an overlap or a full collision.
+ */
+ collideHandler: function (object1, object2, collideCallback, processCallback, callbackContext, overlapOnly) {
+
+ // Only collide valid objects
+ if (typeof object2 === 'undefined' && (object1.type === Phaser.GROUP || object1.type === Phaser.EMITTER))
+ {
+ this.collideGroupVsSelf(object1, collideCallback, processCallback, callbackContext, overlapOnly);
+ return;
+ }
+
+ if (object1 && object2 && object1.exists && object2.exists)
+ {
+ // SPRITES
+ if (object1.type == Phaser.SPRITE || object1.type == Phaser.TILESPRITE)
+ {
+ if (object2.type == Phaser.SPRITE || object2.type == Phaser.TILESPRITE)
+ {
+ this.collideSpriteVsSprite(object1, object2, collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ else if (object2.type == Phaser.GROUP || object2.type == Phaser.EMITTER)
+ {
+ this.collideSpriteVsGroup(object1, object2, collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ else if (object2.type == Phaser.TILEMAPLAYER)
+ {
+ this.collideSpriteVsTilemapLayer(object1, object2, collideCallback, processCallback, callbackContext);
+ }
+ }
+ // GROUPS
+ else if (object1.type == Phaser.GROUP)
+ {
+ if (object2.type == Phaser.SPRITE || object2.type == Phaser.TILESPRITE)
+ {
+ this.collideSpriteVsGroup(object2, object1, collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ else if (object2.type == Phaser.GROUP || object2.type == Phaser.EMITTER)
+ {
+ this.collideGroupVsGroup(object1, object2, collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ else if (object2.type == Phaser.TILEMAPLAYER)
+ {
+ this.collideGroupVsTilemapLayer(object1, object2, collideCallback, processCallback, callbackContext);
+ }
+ }
+ // TILEMAP LAYERS
+ else if (object1.type == Phaser.TILEMAPLAYER)
+ {
+ if (object2.type == Phaser.SPRITE || object2.type == Phaser.TILESPRITE)
+ {
+ this.collideSpriteVsTilemapLayer(object2, object1, collideCallback, processCallback, callbackContext);
+ }
+ else if (object2.type == Phaser.GROUP || object2.type == Phaser.EMITTER)
+ {
+ this.collideGroupVsTilemapLayer(object2, object1, collideCallback, processCallback, callbackContext);
+ }
+ }
+ // EMITTER
+ else if (object1.type == Phaser.EMITTER)
+ {
+ if (object2.type == Phaser.SPRITE || object2.type == Phaser.TILESPRITE)
+ {
+ this.collideSpriteVsGroup(object2, object1, collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ else if (object2.type == Phaser.GROUP || object2.type == Phaser.EMITTER)
+ {
+ this.collideGroupVsGroup(object1, object2, collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ else if (object2.type == Phaser.TILEMAPLAYER)
+ {
+ this.collideGroupVsTilemapLayer(object1, object2, collideCallback, processCallback, callbackContext);
+ }
+ }
+ }
+
+ },
+
+ /**
+ * An internal function. Use Phaser.Physics.Ninja.collide instead.
+ *
+ * @method Phaser.Physics.Ninja#collideSpriteVsSprite
+ * @private
+ */
+ collideSpriteVsSprite: function (sprite1, sprite2, collideCallback, processCallback, callbackContext, overlapOnly) {
+
+ if (this.separate(sprite1.body, sprite2.body, processCallback, callbackContext, overlapOnly))
+ {
+ if (collideCallback)
+ {
+ collideCallback.call(callbackContext, sprite1, sprite2);
+ }
+
+ this._total++;
+ }
+
+ },
+
+ /**
+ * An internal function. Use Phaser.Physics.Ninja.collide instead.
+ *
+ * @method Phaser.Physics.Ninja#collideSpriteVsGroup
+ * @private
+ */
+ collideSpriteVsGroup: function (sprite, group, collideCallback, processCallback, callbackContext, overlapOnly) {
+
+ if (group.length === 0)
+ {
+ return;
+ }
+
+ // What is the sprite colliding with in the quadtree?
+ // this.quadTree.clear();
+
+ // this.quadTree = new Phaser.QuadTree(this.game.world.bounds.x, this.game.world.bounds.y, this.game.world.bounds.width, this.game.world.bounds.height, this.maxObjects, this.maxLevels);
+
+ // this.quadTree.populate(group);
+
+ // this._potentials = this.quadTree.retrieve(sprite);
+
+ for (var i = 0, len = group.children.length; i < len; i++)
+ {
+ // We have our potential suspects, are they in this group?
+ if (group.children[i].exists && group.children[i].body && this.separate(sprite.body, group.children[i].body, processCallback, callbackContext, overlapOnly))
+ {
+ if (collideCallback)
+ {
+ collideCallback.call(callbackContext, sprite, group.children[i]);
+ }
+
+ this._total++;
+ }
+ }
+
+ },
+
+ /**
+ * An internal function. Use Phaser.Physics.Ninja.collide instead.
+ *
+ * @method Phaser.Physics.Ninja#collideGroupVsSelf
+ * @private
+ */
+ collideGroupVsSelf: function (group, collideCallback, processCallback, callbackContext, overlapOnly) {
+
+ if (group.length === 0)
+ {
+ return;
+ }
+
+ var len = group.children.length;
+
+ for (var i = 0; i < len; i++)
+ {
+ for (var j = i + 1; j <= len; j++)
+ {
+ if (group.children[i] && group.children[j] && group.children[i].exists && group.children[j].exists)
+ {
+ this.collideSpriteVsSprite(group.children[i], group.children[j], collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ }
+ }
+
+ },
+
+ /**
+ * An internal function. Use Phaser.Physics.Ninja.collide instead.
+ *
+ * @method Phaser.Physics.Ninja#collideGroupVsGroup
+ * @private
+ */
+ collideGroupVsGroup: function (group1, group2, collideCallback, processCallback, callbackContext, overlapOnly) {
+
+ if (group1.length === 0 || group2.length === 0)
+ {
+ return;
+ }
+
+ for (var i = 0, len = group1.children.length; i < len; i++)
+ {
+ if (group1.children[i].exists)
+ {
+ this.collideSpriteVsGroup(group1.children[i], group2, collideCallback, processCallback, callbackContext, overlapOnly);
+ }
+ }
+
+ },
+
+ /**
+ * The core separation function to separate two physics bodies.
+ * @method Phaser.Physics.Ninja#separate
+ * @param {Phaser.Physics.Ninja.Body} body1 - The Body object to separate.
+ * @param {Phaser.Physics.Ninja.Body} body2 - The Body object to separate.
+ * @param {function} [processCallback=null] - UN-USED: A callback function that lets you perform additional checks against the two objects if they overlap. If this function is set then the sprites will only be collided if it returns true.
+ * @param {object} [callbackContext] - UN-USED: The context in which to run the process callback.
+ * @returns {boolean} Returns true if the bodies collided, otherwise false.
+ */
+ separate: function (body1, body2, processCallback, callbackContext, overlapOnly) {
+
+ if (body1.type !== Phaser.Physics.NINJA || body2.type !== Phaser.Physics.NINJA)
+ {
+ return false;
+ }
+
+ if (body1.aabb && body2.aabb)
+ {
+ return body1.aabb.collideAABBVsAABB(body2.aabb);
+ }
+
+ if (body1.aabb && body2.tile)
+ {
+ return body1.aabb.collideAABBVsTile(body2.tile);
+ }
+
+ if (body1.tile && body2.aabb)
+ {
+ return body2.aabb.collideAABBVsTile(body1.tile);
+ }
+
+ if (body1.circle && body2.tile)
+ {
+ return body1.circle.collideCircleVsTile(body2.tile);
+ }
+
+ if (body1.tile && body2.circle)
+ {
+ return body2.circle.collideCircleVsTile(body1.tile);
+ }
+
+ }
+
+};
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* The Physics Body is linked to a single Sprite. All physics operations should be performed against the body rather than
+* the Sprite itself. For example you can set the velocity, bounce values etc all on the Body.
+*
+* @class Phaser.Physics.Ninja.Body
+* @classdesc Ninja Physics Body Constructor
+* @constructor
+* @param {Phaser.Physics.Ninja} system - The physics system this Body belongs to.
+* @param {Phaser.Sprite} sprite - The Sprite object this physics body belongs to.
+* @param {number} [type=1] - The type of Ninja shape to create. 1 = AABB, 2 = Circle or 3 = Tile.
+* @param {number} [id=1] - If this body is using a Tile shape, you can set the Tile id here, i.e. Phaser.Physics.Ninja.Tile.SLOPE_45DEGpn, Phaser.Physics.Ninja.Tile.CONVEXpp, etc.
+* @param {number} [radius=16] - If this body is using a Circle shape this controls the radius.
+* @param {number} [x=0] - The x coordinate of this Body. This is only used if a sprite is not provided.
+* @param {number} [y=0] - The y coordinate of this Body. This is only used if a sprite is not provided.
+* @param {number} [width=0] - The width of this Body. This is only used if a sprite is not provided.
+* @param {number} [height=0] - The height of this Body. This is only used if a sprite is not provided.
+*/
+Phaser.Physics.Ninja.Body = function (system, sprite, type, id, radius, x, y, width, height) {
+
+ sprite = sprite || null;
+
+ if (typeof type === 'undefined') { type = 1; }
+ if (typeof id === 'undefined') { id = 1; }
+ if (typeof radius === 'undefined') { radius = 16; }
+
+ /**
+ * @property {Phaser.Sprite} sprite - Reference to the parent Sprite.
+ */
+ this.sprite = sprite;
+
+ /**
+ * @property {Phaser.Game} game - Local reference to game.
+ */
+ this.game = system.game;
+
+ /**
+ * @property {number} type - The type of physics system this body belongs to.
+ */
+ this.type = Phaser.Physics.NINJA;
+
+ /**
+ * @property {Phaser.Physics.Ninja} system - The parent physics system.
+ */
+ this.system = system;
+
+ /**
+ * @property {Phaser.Physics.Ninja.AABB} aabb - The AABB object this body is using for collision.
+ */
+ this.aabb = null;
+
+ /**
+ * @property {Phaser.Physics.Ninja.Tile} tile - The Tile object this body is using for collision.
+ */
+ this.tile = null;
+
+ /**
+ * @property {Phaser.Physics.Ninja.Circle} circle - The Circle object this body is using for collision.
+ */
+ this.circle = null;
+
+ /**
+ * @property {object} shape - A local reference to the body shape.
+ */
+ this.shape = null;
+
+ // Setting drag to 0 and friction to 0 means you get a normalised speed (px psec)
+
+ /**
+ * @property {number} drag - The drag applied to this object as it moves.
+ * @default
+ */
+ this.drag = 1;
+
+ /**
+ * @property {number} friction - The friction applied to this object as it moves.
+ * @default
+ */
+ this.friction = 0.05;
+
+ /**
+ * @property {number} gravityScale - How much of the world gravity should be applied to this object? 1 = all of it, 0.5 = 50%, etc.
+ * @default
+ */
+ this.gravityScale = 1;
+
+ /**
+ * @property {number} bounce - The bounciness of this object when it collides. A value between 0 and 1. We recommend setting it to 0.999 to avoid jittering.
+ * @default
+ */
+ this.bounce = 0.3;
+
+ /**
+ * @property {Phaser.Point} velocity - The velocity in pixels per second sq. of the Body.
+ */
+ this.velocity = new Phaser.Point();
+
+ /**
+ * @property {number} facing - A const reference to the direction the Body is traveling or facing.
+ * @default
+ */
+ this.facing = Phaser.NONE;
+
+ /**
+ * @property {boolean} immovable - An immovable Body will not receive any impacts from other bodies. Not fully implemented.
+ * @default
+ */
+ this.immovable = false;
+
+ /**
+ * A Body can be set to collide against the World bounds automatically and rebound back into the World if this is set to true. Otherwise it will leave the World.
+ * @property {boolean} collideWorldBounds - Should the Body collide with the World bounds?
+ */
+ this.collideWorldBounds = true;
+
+ /**
+ * Set the checkCollision properties to control which directions collision is processed for this Body.
+ * For example checkCollision.up = false means it won't collide when the collision happened while moving up.
+ * @property {object} checkCollision - An object containing allowed collision.
+ */
+ this.checkCollision = { none: false, any: true, up: true, down: true, left: true, right: true };
+
+ /**
+ * This object is populated with boolean values when the Body collides with another.
+ * touching.up = true means the collision happened to the top of this Body for example.
+ * @property {object} touching - An object containing touching results.
+ */
+ this.touching = { none: true, up: false, down: false, left: false, right: false };
+
+ /**
+ * This object is populated with previous touching values from the bodies previous collision.
+ * @property {object} wasTouching - An object containing previous touching results.
+ */
+ this.wasTouching = { none: true, up: false, down: false, left: false, right: false };
+
+ /**
+ * @property {number} maxSpeed - The maximum speed this body can travel at (taking drag and friction into account)
+ * @default
+ */
+ this.maxSpeed = 8;
+
+ if (sprite)
+ {
+ x = sprite.x;
+ y = sprite.y;
+ width = sprite.width;
+ height = sprite.height;
+
+ if (sprite.anchor.x === 0)
+ {
+ x += (sprite.width * 0.5);
+ }
+
+ if (sprite.anchor.y === 0)
+ {
+ y += (sprite.height * 0.5);
+ }
+ }
+
+ if (type === 1)
+ {
+ this.aabb = new Phaser.Physics.Ninja.AABB(this, x, y, width, height);
+ this.shape = this.aabb;
+ }
+ else if (type === 2)
+ {
+ this.circle = new Phaser.Physics.Ninja.Circle(this, x, y, radius);
+ this.shape = this.circle;
+ }
+ else if (type === 3)
+ {
+ this.tile = new Phaser.Physics.Ninja.Tile(this, x, y, width, height, id);
+ this.shape = this.tile;
+ }
+
+};
+
+Phaser.Physics.Ninja.Body.prototype = {
+
+ /**
+ * Internal method.
+ *
+ * @method Phaser.Physics.Ninja.Body#preUpdate
+ * @protected
+ */
+ preUpdate: function () {
+
+ // Store and reset collision flags
+ this.wasTouching.none = this.touching.none;
+ this.wasTouching.up = this.touching.up;
+ this.wasTouching.down = this.touching.down;
+ this.wasTouching.left = this.touching.left;
+ this.wasTouching.right = this.touching.right;
+
+ this.touching.none = true;
+ this.touching.up = false;
+ this.touching.down = false;
+ this.touching.left = false;
+ this.touching.right = false;
+
+ this.shape.integrate();
+
+ if (this.collideWorldBounds)
+ {
+ this.shape.collideWorldBounds();
+ }
+
+ },
+
+ /**
+ * Internal method.
+ *
+ * @method Phaser.Physics.Ninja.Body#postUpdate
+ * @protected
+ */
+ postUpdate: function () {
+
+ if (this.sprite)
+ {
+ if (this.sprite.type === Phaser.TILESPRITE)
+ {
+ // TileSprites don't use their anchor property, so we need to adjust the coordinates
+ this.sprite.x = this.shape.pos.x - this.shape.xw;
+ this.sprite.y = this.shape.pos.y - this.shape.yw;
+ }
+ else
+ {
+ this.sprite.x = this.shape.pos.x;
+ this.sprite.y = this.shape.pos.y;
+ }
+ }
+
+ if (this.velocity.x < 0)
+ {
+ this.facing = Phaser.LEFT;
+ }
+ else if (this.velocity.x > 0)
+ {
+ this.facing = Phaser.RIGHT;
+ }
+
+ if (this.velocity.y < 0)
+ {
+ this.facing = Phaser.UP;
+ }
+ else if (this.velocity.y > 0)
+ {
+ this.facing = Phaser.DOWN;
+ }
+
+ },
+
+ /**
+ * Stops all movement of this body.
+ *
+ * @method Phaser.Physics.Ninja.Body#setZeroVelocity
+ */
+ setZeroVelocity: function () {
+
+ this.shape.oldpos.x = this.shape.pos.x;
+ this.shape.oldpos.y = this.shape.pos.y;
+
+ },
+
+ /**
+ * Moves the Body forwards based on its current angle and the given speed.
+ * The speed is represented in pixels per second. So a value of 100 would move 100 pixels in 1 second (1000ms).
+ *
+ * @method Phaser.Physics.Body#moveTo
+ * @param {number} speed - The speed at which it should move forwards.
+ * @param {number} angle - The angle in which it should move, given in degrees.
+ */
+ moveTo: function (speed, angle) {
+
+ var magnitude = speed * this.game.time.physicsElapsed;
+ var angle = this.game.math.degToRad(angle);
+
+ this.shape.pos.x = this.shape.oldpos.x + (magnitude * Math.cos(angle));
+ this.shape.pos.y = this.shape.oldpos.y + (magnitude * Math.sin(angle));
+
+ },
+
+ /**
+ * Moves the Body backwards based on its current angle and the given speed.
+ * The speed is represented in pixels per second. So a value of 100 would move 100 pixels in 1 second (1000ms).
+ *
+ * @method Phaser.Physics.Body#moveBackward
+ * @param {number} speed - The speed at which it should move backwards.
+ * @param {number} angle - The angle in which it should move, given in degrees.
+ */
+ moveFrom: function (speed, angle) {
+
+ var magnitude = -speed * this.game.time.physicsElapsed;
+ var angle = this.game.math.degToRad(angle);
+
+ this.shape.pos.x = this.shape.oldpos.x + (magnitude * Math.cos(angle));
+ this.shape.pos.y = this.shape.oldpos.y + (magnitude * Math.sin(angle));
+
+ },
+
+ /**
+ * If this Body is dynamic then this will move it to the left by setting its x velocity to the given speed.
+ * The speed is represented in pixels per second. So a value of 100 would move 100 pixels in 1 second (1000ms).
+ *
+ * @method Phaser.Physics.Body#moveLeft
+ * @param {number} speed - The speed at which it should move to the left, in pixels per second.
+ */
+ moveLeft: function (speed) {
+
+ var fx = -speed * this.game.time.physicsElapsed;
+
+ this.shape.pos.x = this.shape.oldpos.x + Math.min(this.maxSpeed, Math.max(-this.maxSpeed, this.shape.pos.x - this.shape.oldpos.x + fx));
+
+ },
+
+ /**
+ * If this Body is dynamic then this will move it to the right by setting its x velocity to the given speed.
+ * The speed is represented in pixels per second. So a value of 100 would move 100 pixels in 1 second (1000ms).
+ *
+ * @method Phaser.Physics.Body#moveRight
+ * @param {number} speed - The speed at which it should move to the right, in pixels per second.
+ */
+ moveRight: function (speed) {
+
+ var fx = speed * this.game.time.physicsElapsed;
+
+ this.shape.pos.x = this.shape.oldpos.x + Math.min(this.maxSpeed, Math.max(-this.maxSpeed, this.shape.pos.x - this.shape.oldpos.x + fx));
+
+ },
+
+ /**
+ * If this Body is dynamic then this will move it up by setting its y velocity to the given speed.
+ * The speed is represented in pixels per second. So a value of 100 would move 100 pixels in 1 second (1000ms).
+ *
+ * @method Phaser.Physics.Body#moveUp
+ * @param {number} speed - The speed at which it should move up, in pixels per second.
+ */
+ moveUp: function (speed) {
+
+ var fx = -speed * this.game.time.physicsElapsed;
+
+ this.shape.pos.y = this.shape.oldpos.y + Math.min(this.maxSpeed, Math.max(-this.maxSpeed, this.shape.pos.y - this.shape.oldpos.y + fx));
+
+ },
+
+ /**
+ * If this Body is dynamic then this will move it down by setting its y velocity to the given speed.
+ * The speed is represented in pixels per second. So a value of 100 would move 100 pixels in 1 second (1000ms).
+ *
+ * @method Phaser.Physics.Body#moveDown
+ * @param {number} speed - The speed at which it should move down, in pixels per second.
+ */
+ moveDown: function (speed) {
+
+ var fx = speed * this.game.time.physicsElapsed;
+
+ this.shape.pos.y = this.shape.oldpos.y + Math.min(this.maxSpeed, Math.max(-this.maxSpeed, this.shape.pos.y - this.shape.oldpos.y + fx));
+
+ },
+
+ /**
+ * Resets all Body values and repositions on the Sprite.
+ *
+ * @method Phaser.Physics.Ninja.Body#reset
+ */
+ reset: function () {
+
+ this.velocity.set(0);
+
+ this.shape.pos.x = this.sprite.x;
+ this.shape.pos.y = this.sprite.y;
+
+ this.shape.oldpos.copyFrom(this.shape.pos);
+
+ },
+
+ /**
+ * Returns the absolute delta x value.
+ *
+ * @method Phaser.Physics.Ninja.Body#deltaAbsX
+ * @return {number} The absolute delta value.
+ */
+ deltaAbsX: function () {
+ return (this.deltaX() > 0 ? this.deltaX() : -this.deltaX());
+ },
+
+ /**
+ * Returns the absolute delta y value.
+ *
+ * @method Phaser.Physics.Ninja.Body#deltaAbsY
+ * @return {number} The absolute delta value.
+ */
+ deltaAbsY: function () {
+ return (this.deltaY() > 0 ? this.deltaY() : -this.deltaY());
+ },
+
+ /**
+ * Returns the delta x value. The difference between Body.x now and in the previous step.
+ *
+ * @method Phaser.Physics.Ninja.Body#deltaX
+ * @return {number} The delta value. Positive if the motion was to the right, negative if to the left.
+ */
+ deltaX: function () {
+ return this.shape.pos.x - this.shape.oldpos.x;
+ },
+
+ /**
+ * Returns the delta y value. The difference between Body.y now and in the previous step.
+ *
+ * @method Phaser.Physics.Ninja.Body#deltaY
+ * @return {number} The delta value. Positive if the motion was downwards, negative if upwards.
+ */
+ deltaY: function () {
+ return this.shape.pos.y - this.shape.oldpos.y;
+ }
+
+};
+
+/**
+* @name Phaser.Physics.Ninja.Body#x
+* @property {number} x - The x position.
+*/
+Object.defineProperty(Phaser.Physics.Ninja.Body.prototype, "x", {
+
+ get: function () {
+ return this.shape.pos.x;
+ },
+
+ set: function (value) {
+ this.shape.pos.x = value;
+ }
+
+});
+
+/**
+* @name Phaser.Physics.Ninja.Body#y
+* @property {number} y - The y position.
+*/
+Object.defineProperty(Phaser.Physics.Ninja.Body.prototype, "y", {
+
+ get: function () {
+ return this.shape.pos.y;
+ },
+
+ set: function (value) {
+ this.shape.pos.y = value;
+ }
+
+});
+
+/**
+* @name Phaser.Physics.Ninja.Body#width
+* @property {number} width - The width of this Body
+* @readonly
+*/
+Object.defineProperty(Phaser.Physics.Ninja.Body.prototype, "width", {
+
+ get: function () {
+ return this.shape.width;
+ }
+
+});
+
+/**
+* @name Phaser.Physics.Ninja.Body#height
+* @property {number} height - The height of this Body
+* @readonly
+*/
+Object.defineProperty(Phaser.Physics.Ninja.Body.prototype, "height", {
+
+ get: function () {
+ return this.shape.height;
+ }
+
+});
+
+/**
+* @name Phaser.Physics.Ninja.Body#bottom
+* @property {number} bottom - The bottom value of this Body (same as Body.y + Body.height)
+* @readonly
+*/
+Object.defineProperty(Phaser.Physics.Ninja.Body.prototype, "bottom", {
+
+ get: function () {
+ return this.shape.pos.y + this.shape.yw;
+ }
+
+});
+
+/**
+* @name Phaser.Physics.Ninja.Body#right
+* @property {number} right - The right value of this Body (same as Body.x + Body.width)
+* @readonly
+*/
+Object.defineProperty(Phaser.Physics.Ninja.Body.prototype, "right", {
+
+ get: function () {
+ return this.shape.pos.x + this.shape.xw;
+ }
+
+});
+
+/**
+* @name Phaser.Physics.Ninja.Body#speed
+* @property {number} speed - The speed of this Body
+* @readonly
+*/
+Object.defineProperty(Phaser.Physics.Ninja.Body.prototype, "speed", {
+
+ get: function () {
+ return Math.sqrt(this.shape.velocity.x * this.shape.velocity.x + this.shape.velocity.y * this.shape.velocity.y);
+ }
+
+});
+
+/**
+* @name Phaser.Physics.Ninja.Body#angle
+* @property {number} angle - The angle of this Body
+* @readonly
+*/
+Object.defineProperty(Phaser.Physics.Ninja.Body.prototype, "angle", {
+
+ get: function () {
+ return Math.atan2(this.shape.velocity.y, this.shape.velocity.x);
+ }
+
+});
+
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Ninja Physics AABB constructor.
+* Note: This class could be massively optimised and reduced in size. I leave that challenge up to you.
+*
+* @class Phaser.Physics.Ninja.AABB
+* @classdesc Arcade Physics Constructor
+* @constructor
+* @param {Phaser.Physics.Ninja.Body} body - The body that owns this shape.
+* @param {number} x - The x coordinate to create this shape at.
+* @param {number} y - The y coordinate to create this shape at.
+* @param {number} width - The width of this AABB.
+* @param {number} height - The height of this AABB.
+*/
+Phaser.Physics.Ninja.AABB = function (body, x, y, width, height) {
+
+ /**
+ * @property {Phaser.Physics.Ninja.Body} system - A reference to the body that owns this shape.
+ */
+ this.body = body;
+
+ /**
+ * @property {Phaser.Physics.Ninja} system - A reference to the physics system.
+ */
+ this.system = body.system;
+
+ /**
+ * @property {Phaser.Point} pos - The position of this object.
+ */
+ this.pos = new Phaser.Point(x, y);
+
+ /**
+ * @property {Phaser.Point} oldpos - The position of this object in the previous update.
+ */
+ this.oldpos = new Phaser.Point(x, y);
+
+ /**
+ * @property {number} xw - Half the width.
+ * @readonly
+ */
+ this.xw = Math.abs(width / 2);
+
+ /**
+ * @property {number} xw - Half the height.
+ * @readonly
+ */
+ this.yw = Math.abs(height / 2);
+
+ /**
+ * @property {number} width - The width.
+ * @readonly
+ */
+ this.width = width;
+
+ /**
+ * @property {number} height - The height.
+ * @readonly
+ */
+ this.height = height;
+
+ /**
+ * @property {number} oH - Internal var.
+ * @private
+ */
+ this.oH = 0;
+
+ /**
+ * @property {number} oV - Internal var.
+ * @private
+ */
+ this.oV = 0;
+
+ /**
+ * @property {Phaser.Point} velocity - The velocity of this object.
+ */
+ this.velocity = new Phaser.Point();
+
+ /**
+ * @property {object} aabbTileProjections - All of the collision response handlers.
+ */
+ this.aabbTileProjections = {};
+
+ this.aabbTileProjections[Phaser.Physics.Ninja.Tile.TYPE_FULL] = this.projAABB_Full;
+ this.aabbTileProjections[Phaser.Physics.Ninja.Tile.TYPE_45DEG] = this.projAABB_45Deg;
+ this.aabbTileProjections[Phaser.Physics.Ninja.Tile.TYPE_CONCAVE] = this.projAABB_Concave;
+ this.aabbTileProjections[Phaser.Physics.Ninja.Tile.TYPE_CONVEX] = this.projAABB_Convex;
+ this.aabbTileProjections[Phaser.Physics.Ninja.Tile.TYPE_22DEGs] = this.projAABB_22DegS;
+ this.aabbTileProjections[Phaser.Physics.Ninja.Tile.TYPE_22DEGb] = this.projAABB_22DegB;
+ this.aabbTileProjections[Phaser.Physics.Ninja.Tile.TYPE_67DEGs] = this.projAABB_67DegS;
+ this.aabbTileProjections[Phaser.Physics.Ninja.Tile.TYPE_67DEGb] = this.projAABB_67DegB;
+ this.aabbTileProjections[Phaser.Physics.Ninja.Tile.TYPE_HALF] = this.projAABB_Half;
+
+};
+
+Phaser.Physics.Ninja.AABB.prototype.constructor = Phaser.Physics.Ninja.AABB;
+
+Phaser.Physics.Ninja.AABB.COL_NONE = 0;
+Phaser.Physics.Ninja.AABB.COL_AXIS = 1;
+Phaser.Physics.Ninja.AABB.COL_OTHER = 2;
+
+Phaser.Physics.Ninja.AABB.prototype = {
+
+ /**
+ * Updates this AABBs position.
+ *
+ * @method Phaser.Physics.Ninja.AABB#integrate
+ */
+ integrate: function () {
+
+ var px = this.pos.x;
+ var py = this.pos.y;
+
+ // integrate
+ this.pos.x += (this.body.drag * this.pos.x) - (this.body.drag * this.oldpos.x);
+ this.pos.y += (this.body.drag * this.pos.y) - (this.body.drag * this.oldpos.y) + (this.system.gravity * this.body.gravityScale);
+
+ // store
+ this.velocity.set(this.pos.x - px, this.pos.y - py);
+ this.oldpos.set(px, py);
+
+ },
+
+ /**
+ * Process a world collision and apply the resulting forces.
+ *
+ * @method Phaser.Physics.Ninja.AABB#reportCollisionVsWorld
+ * @param {number} px - The tangent velocity
+ * @param {number} py - The tangent velocity
+ * @param {number} dx - Collision normal
+ * @param {number} dy - Collision normal
+ * @param {number} obj - Object this AABB collided with
+ */
+ reportCollisionVsWorld: function (px, py, dx, dy, obj) {
+
+ var p = this.pos;
+ var o = this.oldpos;
+
+ // Calc velocity
+ var vx = p.x - o.x;
+ var vy = p.y - o.y;
+
+ // Find component of velocity parallel to collision normal
+ var dp = (vx * dx + vy * dy);
+ var nx = dp * dx; //project velocity onto collision normal
+
+ var ny = dp * dy; //nx,ny is normal velocity
+
+ var tx = vx - nx; //px,py is tangent velocity
+ var ty = vy - ny;
+
+ // We only want to apply collision response forces if the object is travelling into, and not out of, the collision
+ var b, bx, by, fx, fy;
+
+ if (dp < 0)
+ {
+ fx = tx * this.body.friction;
+ fy = ty * this.body.friction;
+
+ b = 1 + this.body.bounce;
+
+ bx = (nx * b);
+ by = (ny * b);
+
+ if (dx === 1)
+ {
+ this.body.touching.left = true;
+ }
+ else if (dx === -1)
+ {
+ this.body.touching.right = true;
+ }
+
+ if (dy === 1)
+ {
+ this.body.touching.up = true;
+ }
+ else if (dy === -1)
+ {
+ this.body.touching.down = true;
+ }
+ }
+ else
+ {
+ // Moving out of collision, do not apply forces
+ bx = by = fx = fy = 0;
+ }
+
+ // Project object out of collision
+ p.x += px;
+ p.y += py;
+
+ // Apply bounce+friction impulses which alter velocity
+ o.x += px + bx + fx;
+ o.y += py + by + fy;
+
+ },
+
+ reverse: function () {
+
+ var vx = this.pos.x - this.oldpos.x;
+ var vy = this.pos.y - this.oldpos.y;
+
+ if (this.oldpos.x < this.pos.x)
+ {
+ this.oldpos.x = this.pos.x + vx;
+ // this.oldpos.x = this.pos.x + (vx + 1 + this.body.bounce);
+ }
+ else if (this.oldpos.x > this.pos.x)
+ {
+ this.oldpos.x = this.pos.x - vx;
+ // this.oldpos.x = this.pos.x - (vx + 1 + this.body.bounce);
+ }
+
+ if (this.oldpos.y < this.pos.y)
+ {
+ this.oldpos.y = this.pos.y + vy;
+ // this.oldpos.y = this.pos.y + (vy + 1 + this.body.bounce);
+ }
+ else if (this.oldpos.y > this.pos.y)
+ {
+ this.oldpos.y = this.pos.y - vy;
+ // this.oldpos.y = this.pos.y - (vy + 1 + this.body.bounce);
+ }
+
+ },
+
+ /**
+ * Process a body collision and apply the resulting forces. Still very much WIP and doesn't work fully. Feel free to fix!
+ *
+ * @method Phaser.Physics.Ninja.AABB#reportCollisionVsBody
+ * @param {number} px - The tangent velocity
+ * @param {number} py - The tangent velocity
+ * @param {number} dx - Collision normal
+ * @param {number} dy - Collision normal
+ * @param {number} obj - Object this AABB collided with
+ */
+ reportCollisionVsBody: function (px, py, dx, dy, obj) {
+
+ var vx1 = this.pos.x - this.oldpos.x; // Calc velocity of this object
+ var vy1 = this.pos.y - this.oldpos.y;
+ var dp1 = (vx1 * dx + vy1 * dy); // Find component of velocity parallel to collision normal
+ var nx1 = dp1 * dx; // Project velocity onto collision normal
+ var ny1 = dp1 * dy; // nx, ny is normal velocity
+
+ var dx2 = dx * -1;
+ var dy2 = dy * -1;
+ var vx2 = obj.pos.x - obj.oldpos.x; // Calc velocity of colliding object
+ var vy2 = obj.pos.y - obj.oldpos.y;
+ var dp2 = (vx2 * dx2 + vy2 * dy2); // Find component of velocity parallel to collision normal
+ var nx2 = dp2 * dx2; // Project velocity onto collision normal
+ var ny2 = dp2 * dy2; // nx, ny is normal velocity
+
+ // We only want to apply collision response forces if the object is travelling into, and not out of, the collision
+ if (this.body.immovable && obj.body.immovable)
+ {
+ // Split the separation then return, no forces applied as they come to a stand-still
+ px *= 0.5;
+ py *= 0.5;
+
+ this.pos.add(px, py);
+ this.oldpos.set(this.pos.x, this.pos.y);
+
+ obj.pos.subtract(px, py);
+ obj.oldpos.set(obj.pos.x, obj.pos.y);
+
+ return;
+ }
+ else if (!this.body.immovable && !obj.body.immovable)
+ {
+ // separate
+ px *= 0.5;
+ py *= 0.5;
+
+ this.pos.add(px, py);
+ obj.pos.subtract(px, py);
+
+ if (dp1 < 0)
+ {
+ this.reverse();
+ obj.reverse();
+ }
+ }
+ else if (!this.body.immovable)
+ {
+ this.pos.subtract(px, py);
+
+ if (dp1 < 0)
+ {
+ this.reverse();
+ }
+ }
+ else if (!obj.body.immovable)
+ {
+ obj.pos.subtract(px, py);
+
+ if (dp1 < 0)
+ {
+ obj.reverse();
+ }
+ }
+
+ },
+
+ /**
+ * Collides this AABB against the world bounds.
+ *
+ * @method Phaser.Physics.Ninja.AABB#collideWorldBounds
+ */
+ collideWorldBounds: function () {
+
+ var dx = this.system.bounds.x - (this.pos.x - this.xw);
+
+ if (0 < dx)
+ {
+ this.reportCollisionVsWorld(dx, 0, 1, 0, null);
+ }
+ else
+ {
+ dx = (this.pos.x + this.xw) - this.system.bounds.width;
+
+ if (0 < dx)
+ {
+ this.reportCollisionVsWorld(-dx, 0, -1, 0, null);
+ }
+ }
+
+ var dy = this.system.bounds.y - (this.pos.y - this.yw);
+
+ if (0 < dy)
+ {
+ this.reportCollisionVsWorld(0, dy, 0, 1, null);
+ }
+ else
+ {
+ dy = (this.pos.y + this.yw) - this.system.bounds.height;
+
+ if (0 < dy)
+ {
+ this.reportCollisionVsWorld(0, -dy, 0, -1, null);
+ }
+ }
+
+ },
+
+ /**
+ * Collides this AABB against a AABB.
+ *
+ * @method Phaser.Physics.Ninja.AABB#collideAABBVsAABB
+ * @param {Phaser.Physics.Ninja.AABB} aabb - The AABB to collide against.
+ */
+ collideAABBVsAABB: function (aabb) {
+
+ var pos = this.pos;
+ var c = aabb;
+
+ var tx = c.pos.x;
+ var ty = c.pos.y;
+ var txw = c.xw;
+ var tyw = c.yw;
+
+ var dx = pos.x - tx;//tile->obj delta
+ var px = (txw + this.xw) - Math.abs(dx);//penetration depth in x
+
+ if (0 < px)
+ {
+ var dy = pos.y - ty;//tile->obj delta
+ var py = (tyw + this.yw) - Math.abs(dy);//pen depth in y
+
+ if (0 < py)
+ {
+ //object may be colliding with tile; call tile-specific collision function
+
+ //calculate projection vectors
+ if (px < py)
+ {
+ //project in x
+ if (dx < 0)
+ {
+ //project to the left
+ px *= -1;
+ py = 0;
+ }
+ else
+ {
+ //proj to right
+ py = 0;
+ }
+ }
+ else
+ {
+ //project in y
+ if (dy < 0)
+ {
+ //project up
+ px = 0;
+ py *= -1;
+ }
+ else
+ {
+ //project down
+ px = 0;
+ }
+ }
+
+ var l = Math.sqrt(px * px + py * py);
+ this.reportCollisionVsBody(px, py, px / l, py / l, c);
+
+ return Phaser.Physics.Ninja.AABB.COL_AXIS;
+
+ }
+ }
+
+ return false;
+
+ },
+
+ /**
+ * Collides this AABB against a Tile.
+ *
+ * @method Phaser.Physics.Ninja.AABB#collideAABBVsTile
+ * @param {Phaser.Physics.Ninja.Tile} tile - The Tile to collide against.
+ */
+ collideAABBVsTile: function (tile) {
+
+ var dx = this.pos.x - tile.pos.x; // tile->obj delta
+ var px = (tile.xw + this.xw) - Math.abs(dx); // penetration depth in x
+
+ if (0 < px)
+ {
+ var dy = this.pos.y - tile.pos.y; // tile->obj delta
+ var py = (tile.yw + this.yw) - Math.abs(dy); // pen depth in y
+
+ if (0 < py)
+ {
+ // Calculate projection vectors
+ if (px < py)
+ {
+ // Project in x
+ if (dx < 0)
+ {
+ // Project to the left
+ px *= -1;
+ py = 0;
+ }
+ else
+ {
+ // Project to the right
+ py = 0;
+ }
+ }
+ else
+ {
+ // Project in y
+ if (dy < 0)
+ {
+ // Project up
+ px = 0;
+ py *= -1;
+ }
+ else
+ {
+ // Project down
+ px = 0;
+ }
+ }
+
+ // Object may be colliding with tile; call tile-specific collision function
+ return this.resolveTile(px, py, this, tile);
+ }
+ }
+
+ return false;
+
+ },
+
+ /**
+ * Resolves tile collision.
+ *
+ * @method Phaser.Physics.Ninja.AABB#resolveTile
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {Phaser.Physics.Ninja.AABB} body - The AABB involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} tile - The Tile involved in the collision.
+ * @return {boolean} True if the collision was processed, otherwise false.
+ */
+ resolveTile: function (x, y, body, tile) {
+
+ if (0 < tile.id)
+ {
+ return this.aabbTileProjections[tile.type](x, y, body, tile);
+ }
+ else
+ {
+ // console.warn("Ninja.AABB.resolveTile was called with an empty (or unknown) tile!: id=" + tile.id + ")");
+ return false;
+ }
+
+ },
+
+ /**
+ * Resolves Full tile collision.
+ *
+ * @method Phaser.Physics.Ninja.AABB#projAABB_Full
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {Phaser.Physics.Ninja.AABB} obj - The AABB involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projAABB_Full: function (x, y, obj, t) {
+
+ var l = Math.sqrt(x * x + y * y);
+ obj.reportCollisionVsWorld(x, y, x / l, y / l, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_AXIS;
+
+ },
+
+ /**
+ * Resolves Half tile collision.
+ *
+ * @method Phaser.Physics.Ninja.AABB#projAABB_Half
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {Phaser.Physics.Ninja.AABB} obj - The AABB involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projAABB_Half: function (x, y, obj, t) {
+
+ //signx or signy must be 0; the other must be -1 or 1
+ //calculate the projection vector for the half-edge, and then
+ //(if collision is occuring) pick the minimum
+
+ var sx = t.signx;
+ var sy = t.signy;
+
+ var ox = (obj.pos.x - (sx*obj.xw)) - t.pos.x;//this gives is the coordinates of the innermost
+ var oy = (obj.pos.y - (sy*obj.yw)) - t.pos.y;//point on the AABB, relative to the tile center
+
+ //we perform operations analogous to the 45deg tile, except we're using
+ //an axis-aligned slope instead of an angled one..
+
+ //if the dotprod of (ox,oy) and (sx,sy) is negative, the corner is in the slope
+ //and we need toproject it out by the magnitude of the projection of (ox,oy) onto (sx,sy)
+ var dp = (ox*sx) + (oy*sy);
+
+ if (dp < 0)
+ {
+ //collision; project delta onto slope and use this to displace the object
+ sx *= -dp;//(sx,sy) is now the projection vector
+ sy *= -dp;
+
+ var lenN = Math.sqrt(sx*sx + sy*sy);
+ var lenP = Math.sqrt(x*x + y*y);
+
+ if (lenP < lenN)
+ {
+ //project along axis; note that we're assuming that this tile is horizontal OR vertical
+ //relative to the AABB's current tile, and not diagonal OR the current tile.
+ obj.reportCollisionVsWorld(x,y,x/lenP, y/lenP, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_AXIS;
+ }
+ else
+ {
+ //note that we could use -= instead of -dp
+ obj.reportCollisionVsWorld(sx,sy,t.signx, t.signy, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_OTHER;
+ }
+ }
+
+ return Phaser.Physics.Ninja.AABB.COL_NONE;
+
+ },
+
+ /**
+ * Resolves 45 Degree tile collision.
+ *
+ * @method Phaser.Physics.Ninja.AABB#projAABB_45Deg
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {Phaser.Physics.Ninja.AABB} obj - The AABB involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projAABB_45Deg: function (x, y, obj, t) {
+
+ var signx = t.signx;
+ var signy = t.signy;
+
+ var ox = (obj.pos.x - (signx*obj.xw)) - t.pos.x;//this gives is the coordinates of the innermost
+ var oy = (obj.pos.y - (signy*obj.yw)) - t.pos.y;//point on the AABB, relative to the tile center
+
+ var sx = t.sx;
+ var sy = t.sy;
+
+ //if the dotprod of (ox,oy) and (sx,sy) is negative, the corner is in the slope
+ //and we need toproject it out by the magnitude of the projection of (ox,oy) onto (sx,sy)
+ var dp = (ox*sx) + (oy*sy);
+
+ if (dp < 0)
+ {
+ //collision; project delta onto slope and use this to displace the object
+ sx *= -dp;//(sx,sy) is now the projection vector
+ sy *= -dp;
+
+ var lenN = Math.sqrt(sx*sx + sy*sy);
+ var lenP = Math.sqrt(x*x + y*y);
+
+ if (lenP < lenN)
+ {
+ //project along axis
+ obj.reportCollisionVsWorld(x,y,x/lenP, y/lenP, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_AXIS;
+ }
+ else
+ {
+ //project along slope
+ obj.reportCollisionVsWorld(sx,sy,t.sx,t.sy);
+
+ return Phaser.Physics.Ninja.AABB.COL_OTHER;
+ }
+ }
+
+ return Phaser.Physics.Ninja.AABB.COL_NONE;
+ },
+
+ /**
+ * Resolves 22 Degree tile collision.
+ *
+ * @method Phaser.Physics.Ninja.AABB#projAABB_22DegS
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {Phaser.Physics.Ninja.AABB} obj - The AABB involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projAABB_22DegS: function (x, y, obj, t) {
+
+ var signx = t.signx;
+ var signy = t.signy;
+
+ //first we need to check to make sure we're colliding with the slope at all
+ var py = obj.pos.y - (signy*obj.yw);
+ var penY = t.pos.y - py;//this is the vector from the innermost point on the box to the highest point on
+ //the tile; if it is positive, this means the box is above the tile and
+ //no collision is occuring
+ if (0 < (penY*signy))
+ {
+ var ox = (obj.pos.x - (signx*obj.xw)) - (t.pos.x + (signx*t.xw));//this gives is the coordinates of the innermost
+ var oy = (obj.pos.y - (signy*obj.yw)) - (t.pos.y - (signy*t.yw));//point on the AABB, relative to a point on the slope
+
+ var sx = t.sx;//get slope unit normal
+ var sy = t.sy;
+
+ //if the dotprod of (ox,oy) and (sx,sy) is negative, the corner is in the slope
+ //and we need toproject it out by the magnitude of the projection of (ox,oy) onto (sx,sy)
+ var dp = (ox*sx) + (oy*sy);
+
+ if (dp < 0)
+ {
+ //collision; project delta onto slope and use this to displace the object
+ sx *= -dp;//(sx,sy) is now the projection vector
+ sy *= -dp;
+
+ var lenN = Math.sqrt(sx*sx + sy*sy);
+ var lenP = Math.sqrt(x*x + y*y);
+
+ var aY = Math.abs(penY);
+
+ if (lenP < lenN)
+ {
+ if (aY < lenP)
+ {
+ obj.reportCollisionVsWorld(0, penY, 0, penY/aY, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_OTHER;
+ }
+ else
+ {
+ obj.reportCollisionVsWorld(x,y,x/lenP, y/lenP, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_AXIS;
+ }
+ }
+ else
+ {
+ if (aY < lenN)
+ {
+ obj.reportCollisionVsWorld(0, penY, 0, penY/aY, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_OTHER;
+ }
+ else
+ {
+ obj.reportCollisionVsWorld(sx,sy,t.sx,t.sy,t);
+
+ return Phaser.Physics.Ninja.AABB.COL_OTHER;
+ }
+ }
+ }
+ }
+
+ //if we've reached this point, no collision has occured
+ return Phaser.Physics.Ninja.AABB.COL_NONE;
+ },
+
+ /**
+ * Resolves 22 Degree tile collision.
+ *
+ * @method Phaser.Physics.Ninja.AABB#projAABB_22DegB
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {Phaser.Physics.Ninja.AABB} obj - The AABB involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projAABB_22DegB: function (x, y, obj, t) {
+
+ var signx = t.signx;
+ var signy = t.signy;
+
+ var ox = (obj.pos.x - (signx*obj.xw)) - (t.pos.x - (signx*t.xw));//this gives is the coordinates of the innermost
+ var oy = (obj.pos.y - (signy*obj.yw)) - (t.pos.y + (signy*t.yw));//point on the AABB, relative to a point on the slope
+
+ var sx = t.sx;//get slope unit normal
+ var sy = t.sy;
+
+ //if the dotprod of (ox,oy) and (sx,sy) is negative, the corner is in the slope
+ //and we need toproject it out by the magnitude of the projection of (ox,oy) onto (sx,sy)
+ var dp = (ox*sx) + (oy*sy);
+
+ if (dp < 0)
+ {
+ //collision; project delta onto slope and use this to displace the object
+ sx *= -dp;//(sx,sy) is now the projection vector
+ sy *= -dp;
+
+ var lenN = Math.sqrt(sx*sx + sy*sy);
+ var lenP = Math.sqrt(x*x + y*y);
+
+ if (lenP < lenN)
+ {
+ obj.reportCollisionVsWorld(x,y,x/lenP, y/lenP, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_AXIS;
+ }
+ else
+ {
+ obj.reportCollisionVsWorld(sx,sy,t.sx,t.sy,t);
+
+ return Phaser.Physics.Ninja.AABB.COL_OTHER;
+ }
+
+ }
+
+ return Phaser.Physics.Ninja.AABB.COL_NONE;
+
+ },
+
+ /**
+ * Resolves 67 Degree tile collision.
+ *
+ * @method Phaser.Physics.Ninja.AABB#projAABB_67DegS
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {Phaser.Physics.Ninja.AABB} obj - The AABB involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projAABB_67DegS: function (x, y, obj, t) {
+
+ var signx = t.signx;
+ var signy = t.signy;
+
+ var px = obj.pos.x - (signx*obj.xw);
+ var penX = t.pos.x - px;
+
+ if (0 < (penX*signx))
+ {
+ var ox = (obj.pos.x - (signx*obj.xw)) - (t.pos.x - (signx*t.xw));//this gives is the coordinates of the innermost
+ var oy = (obj.pos.y - (signy*obj.yw)) - (t.pos.y + (signy*t.yw));//point on the AABB, relative to a point on the slope
+
+ var sx = t.sx;//get slope unit normal
+ var sy = t.sy;
+
+ //if the dotprod of (ox,oy) and (sx,sy) is negative, the corner is in the slope
+ //and we need to project it out by the magnitude of the projection of (ox,oy) onto (sx,sy)
+ var dp = (ox*sx) + (oy*sy);
+
+ if (dp < 0)
+ {
+ //collision; project delta onto slope and use this to displace the object
+ sx *= -dp;//(sx,sy) is now the projection vector
+ sy *= -dp;
+
+ var lenN = Math.sqrt(sx*sx + sy*sy);
+ var lenP = Math.sqrt(x*x + y*y);
+
+ var aX = Math.abs(penX);
+
+ if (lenP < lenN)
+ {
+ if (aX < lenP)
+ {
+ obj.reportCollisionVsWorld(penX, 0, penX/aX, 0, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_OTHER;
+ }
+ else
+ {
+ obj.reportCollisionVsWorld(x,y,x/lenP, y/lenP, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_AXIS;
+ }
+ }
+ else
+ {
+ if (aX < lenN)
+ {
+ obj.reportCollisionVsWorld(penX, 0, penX/aX, 0, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_OTHER;
+ }
+ else
+ {
+ obj.reportCollisionVsWorld(sx,sy,t.sx,t.sy,t);
+
+ return Phaser.Physics.Ninja.AABB.COL_OTHER;
+ }
+ }
+ }
+ }
+
+ //if we've reached this point, no collision has occured
+ return Phaser.Physics.Ninja.AABB.COL_NONE;
+
+ },
+
+ /**
+ * Resolves 67 Degree tile collision.
+ *
+ * @method Phaser.Physics.Ninja.AABB#projAABB_67DegB
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {Phaser.Physics.Ninja.AABB} obj - The AABB involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projAABB_67DegB: function (x, y, obj, t) {
+
+ var signx = t.signx;
+ var signy = t.signy;
+
+ var ox = (obj.pos.x - (signx*obj.xw)) - (t.pos.x + (signx*t.xw));//this gives is the coordinates of the innermost
+ var oy = (obj.pos.y - (signy*obj.yw)) - (t.pos.y - (signy*t.yw));//point on the AABB, relative to a point on the slope
+
+ var sx = t.sx;//get slope unit normal
+ var sy = t.sy;
+
+ //if the dotprod of (ox,oy) and (sx,sy) is negative, the corner is in the slope
+ //and we need toproject it out by the magnitude of the projection of (ox,oy) onto (sx,sy)
+ var dp = (ox*sx) + (oy*sy);
+
+ if (dp < 0)
+ {
+ //collision; project delta onto slope and use this to displace the object
+ sx *= -dp;//(sx,sy) is now the projection vector
+ sy *= -dp;
+
+ var lenN = Math.sqrt(sx*sx + sy*sy);
+ var lenP = Math.sqrt(x*x + y*y);
+
+ if (lenP < lenN)
+ {
+ obj.reportCollisionVsWorld(x,y,x/lenP, y/lenP, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_AXIS;
+ }
+ else
+ {
+ obj.reportCollisionVsWorld(sx,sy,t.sx,t.sy,t);
+
+ return Phaser.Physics.Ninja.AABB.COL_OTHER;
+ }
+ }
+
+ return Phaser.Physics.Ninja.AABB.COL_NONE;
+ },
+
+ /**
+ * Resolves Convex tile collision.
+ *
+ * @method Phaser.Physics.Ninja.AABB#projAABB_Convex
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {Phaser.Physics.Ninja.AABB} obj - The AABB involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projAABB_Convex: function (x, y, obj, t) {
+
+ //if distance from "innermost" corner of AABB is less than than tile radius,
+ //collision is occuring and we need to project
+
+ var signx = t.signx;
+ var signy = t.signy;
+
+ var ox = (obj.pos.x - (signx * obj.xw)) - (t.pos.x - (signx * t.xw));//(ox,oy) is the vector from the circle center to
+ var oy = (obj.pos.y - (signy * obj.yw)) - (t.pos.y - (signy * t.yw));//the AABB
+ var len = Math.sqrt(ox * ox + oy * oy);
+
+ var twid = t.xw * 2;
+ var rad = Math.sqrt(twid * twid + 0);//this gives us the radius of a circle centered on the tile's corner and extending to the opposite edge of the tile;
+ //note that this should be precomputed at compile-time since it's constant
+
+ var pen = rad - len;
+
+ if (((signx * ox) < 0) || ((signy * oy) < 0))
+ {
+ //the test corner is "outside" the 1/4 of the circle we're interested in
+ var lenP = Math.sqrt(x * x + y * y);
+ obj.reportCollisionVsWorld(x, y, x / lenP, y / lenP, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_AXIS;//we need to report
+ }
+ else if (0 < pen)
+ {
+ //project along corner->circle vector
+ ox /= len;
+ oy /= len;
+ obj.reportCollisionVsWorld(ox * pen, oy * pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_OTHER;
+ }
+
+ return Phaser.Physics.Ninja.AABB.COL_NONE;
+
+ },
+
+ /**
+ * Resolves Concave tile collision.
+ *
+ * @method Phaser.Physics.Ninja.AABB#projAABB_Concave
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {Phaser.Physics.Ninja.AABB} obj - The AABB involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projAABB_Concave: function (x, y, obj, t) {
+
+ //if distance from "innermost" corner of AABB is further than tile radius,
+ //collision is occuring and we need to project
+
+ var signx = t.signx;
+ var signy = t.signy;
+
+ var ox = (t.pos.x + (signx * t.xw)) - (obj.pos.x - (signx * obj.xw));//(ox,oy) is the vector form the innermost AABB corner to the
+ var oy = (t.pos.y + (signy * t.yw)) - (obj.pos.y - (signy * obj.yw));//circle's center
+
+ var twid = t.xw * 2;
+ var rad = Math.sqrt(twid * twid + 0);//this gives us the radius of a circle centered on the tile's corner and extending to the opposite edge of the tile;
+ //note that this should be precomputed at compile-time since it's constant
+
+ var len = Math.sqrt(ox * ox + oy * oy);
+ var pen = len - rad;
+
+ if (0 < pen)
+ {
+ //collision; we need to either project along the axes, or project along corner->circlecenter vector
+
+ var lenP = Math.sqrt(x * x + y * y);
+
+ if (lenP < pen)
+ {
+ //it's shorter to move along axis directions
+ obj.reportCollisionVsWorld(x, y, x / lenP, y / lenP, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_AXIS;
+ }
+ else
+ {
+ //project along corner->circle vector
+ ox /= len;//len should never be 0, since if it IS 0, rad should be > than len
+ oy /= len;//and we should never reach here
+
+ obj.reportCollisionVsWorld(ox * pen, oy * pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.AABB.COL_OTHER;
+ }
+
+ }
+
+ return Phaser.Physics.Ninja.AABB.COL_NONE;
+
+ }
+
+}
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Ninja Physics Tile constructor.
+* A Tile is defined by its width, height and type. It's type can include slope data, such as 45 degree slopes, or convex slopes.
+* Understand that for any type including a slope (types 2 to 29) the Tile must be SQUARE, i.e. have an equal width and height.
+* Also note that as Tiles are primarily used for levels they have gravity disabled and world bounds collision disabled by default.
+*
+* Note: This class could be massively optimised and reduced in size. I leave that challenge up to you.
+*
+* @class Phaser.Physics.Ninja.Tile
+* @classdesc The Ninja Physics Tile class. Based on code by Metanet Software.
+* @constructor
+* @param {Phaser.Physics.Ninja.Body} body - The body that owns this shape.
+* @param {number} x - The x coordinate to create this shape at.
+* @param {number} y - The y coordinate to create this shape at.
+* @param {number} width - The width of this AABB.
+* @param {number} height - The height of this AABB.
+* @param {number} [type=1] - The type of Ninja shape to create. 1 = AABB, 2 = Circle or 3 = Tile.
+*/
+Phaser.Physics.Ninja.Tile = function (body, x, y, width, height, type) {
+
+ if (typeof type === 'undefined') { type = Phaser.Physics.Ninja.Tile.EMPTY; }
+
+ /**
+ * @property {Phaser.Physics.Ninja.Body} system - A reference to the body that owns this shape.
+ */
+ this.body = body;
+
+ /**
+ * @property {Phaser.Physics.Ninja} system - A reference to the physics system.
+ */
+ this.system = body.system;
+
+ /**
+ * @property {number} id - The ID of this Tile.
+ * @readonly
+ */
+ this.id = type;
+
+ /**
+ * @property {number} type - The type of this Tile.
+ * @readonly
+ */
+ this.type = Phaser.Physics.Ninja.Tile.TYPE_EMPTY;
+
+ /**
+ * @property {Phaser.Point} pos - The position of this object.
+ */
+ this.pos = new Phaser.Point(x, y);
+
+ /**
+ * @property {Phaser.Point} oldpos - The position of this object in the previous update.
+ */
+ this.oldpos = new Phaser.Point(x, y);
+
+ if (this.id > 1 && this.id < 30)
+ {
+ // Tile Types 2 to 29 require square tile dimensions, so use the width as the base
+ height = width;
+ }
+
+ /**
+ * @property {number} xw - Half the width.
+ * @readonly
+ */
+ this.xw = Math.abs(width / 2);
+
+ /**
+ * @property {number} xw - Half the height.
+ * @readonly
+ */
+ this.yw = Math.abs(height / 2);
+
+ /**
+ * @property {number} width - The width.
+ * @readonly
+ */
+ this.width = width;
+
+ /**
+ * @property {number} height - The height.
+ * @readonly
+ */
+ this.height = height;
+
+ /**
+ * @property {Phaser.Point} velocity - The velocity of this object.
+ */
+ this.velocity = new Phaser.Point();
+
+ /**
+ * @property {number} signx - Internal var.
+ * @private
+ */
+ this.signx = 0;
+
+ /**
+ * @property {number} signy - Internal var.
+ * @private
+ */
+ this.signy = 0;
+
+ /**
+ * @property {number} sx - Internal var.
+ * @private
+ */
+ this.sx = 0;
+
+ /**
+ * @property {number} sy - Internal var.
+ * @private
+ */
+ this.sy = 0;
+
+ // By default Tiles disable gravity and world bounds collision
+ this.body.gravityScale = 0;
+ this.body.collideWorldBounds = false;
+
+ if (this.id > 0)
+ {
+ this.setType(this.id);
+ }
+
+};
+
+Phaser.Physics.Ninja.Tile.prototype.constructor = Phaser.Physics.Ninja.Tile;
+
+Phaser.Physics.Ninja.Tile.prototype = {
+
+ /**
+ * Updates this objects position.
+ *
+ * @method Phaser.Physics.Ninja.Tile#integrate
+ */
+ integrate: function () {
+
+ var px = this.pos.x;
+ var py = this.pos.y;
+
+ this.pos.x += (this.body.drag * this.pos.x) - (this.body.drag * this.oldpos.x);
+ this.pos.y += (this.body.drag * this.pos.y) - (this.body.drag * this.oldpos.y) + (this.system.gravity * this.body.gravityScale);
+
+ this.velocity.set(this.pos.x - px, this.pos.y - py);
+ this.oldpos.set(px, py);
+
+ },
+
+ /**
+ * Tiles cannot collide with the world bounds, it's up to you to keep them where you want them. But we need this API stub to satisfy the Body.
+ *
+ * @method Phaser.Physics.Ninja.Tile#collideWorldBounds
+ */
+ collideWorldBounds: function () {
+
+ var dx = this.system.bounds.x - (this.pos.x - this.xw);
+
+ if (0 < dx)
+ {
+ this.reportCollisionVsWorld(dx, 0, 1, 0, null);
+ }
+ else
+ {
+ dx = (this.pos.x + this.xw) - this.system.bounds.width;
+
+ if (0 < dx)
+ {
+ this.reportCollisionVsWorld(-dx, 0, -1, 0, null);
+ }
+ }
+
+ var dy = this.system.bounds.y - (this.pos.y - this.yw);
+
+ if (0 < dy)
+ {
+ this.reportCollisionVsWorld(0, dy, 0, 1, null);
+ }
+ else
+ {
+ dy = (this.pos.y + this.yw) - this.system.bounds.height;
+
+ if (0 < dy)
+ {
+ this.reportCollisionVsWorld(0, -dy, 0, -1, null);
+ }
+ }
+
+ },
+
+ /**
+ * Process a world collision and apply the resulting forces.
+ *
+ * @method Phaser.Physics.Ninja.Tile#reportCollisionVsWorld
+ * @param {number} px - The tangent velocity
+ * @param {number} py - The tangent velocity
+ * @param {number} dx - Collision normal
+ * @param {number} dy - Collision normal
+ * @param {number} obj - Object this Tile collided with
+ */
+ reportCollisionVsWorld: function (px, py, dx, dy, obj) {
+
+ var p = this.pos;
+ var o = this.oldpos;
+
+ // Calc velocity
+ var vx = p.x - o.x;
+ var vy = p.y - o.y;
+
+ // Find component of velocity parallel to collision normal
+ var dp = (vx * dx + vy * dy);
+ var nx = dp * dx; //project velocity onto collision normal
+
+ var ny = dp * dy; //nx,ny is normal velocity
+
+ var tx = vx - nx; //px,py is tangent velocity
+ var ty = vy - ny;
+
+ // We only want to apply collision response forces if the object is travelling into, and not out of, the collision
+ var b, bx, by, fx, fy;
+
+ if (dp < 0)
+ {
+ fx = tx * this.body.friction;
+ fy = ty * this.body.friction;
+
+ b = 1 + this.body.bounce;
+
+ bx = (nx * b);
+ by = (ny * b);
+
+ if (dx === 1)
+ {
+ this.body.touching.left = true;
+ }
+ else if (dx === -1)
+ {
+ this.body.touching.right = true;
+ }
+
+ if (dy === 1)
+ {
+ this.body.touching.up = true;
+ }
+ else if (dy === -1)
+ {
+ this.body.touching.down = true;
+ }
+ }
+ else
+ {
+ // Moving out of collision, do not apply forces
+ bx = by = fx = fy = 0;
+ }
+
+ // Project object out of collision
+ p.x += px;
+ p.y += py;
+
+ // Apply bounce+friction impulses which alter velocity
+ o.x += px + bx + fx;
+ o.y += py + by + fy;
+
+ },
+
+ /**
+ * Tiles cannot collide with the world bounds, it's up to you to keep them where you want them. But we need this API stub to satisfy the Body.
+ *
+ * @method Phaser.Physics.Ninja.Tile#setType
+ * @param {number} id - The type of Tile this will use, i.e. Phaser.Physics.Ninja.Tile.SLOPE_45DEGpn, Phaser.Physics.Ninja.Tile.CONVEXpp, etc.
+ */
+ setType: function (id) {
+
+ if (id === Phaser.Physics.Ninja.Tile.EMPTY)
+ {
+ this.clear();
+ }
+ else
+ {
+ this.id = id;
+ this.updateType();
+ }
+
+ return this;
+
+ },
+
+ /**
+ * Sets this tile to be empty.
+ *
+ * @method Phaser.Physics.Ninja.Tile#clear
+ */
+ clear: function () {
+
+ this.id = Phaser.Physics.Ninja.Tile.EMPTY;
+ this.updateType();
+
+ },
+
+ /**
+ * Destroys this Tiles reference to Body and System.
+ *
+ * @method Phaser.Physics.Ninja.Tile#destroy
+ */
+ destroy: function () {
+
+ this.body = null;
+ this.system = null;
+
+ },
+
+ /**
+ * This converts a tile from implicitly-defined (via id), to explicit (via properties).
+ * Don't call directly, instead of setType.
+ *
+ * @method Phaser.Physics.Ninja.Tile#updateType
+ * @private
+ */
+ updateType: function () {
+
+ if (this.id === 0)
+ {
+ //EMPTY
+ this.type = Phaser.Physics.Ninja.Tile.TYPE_EMPTY;
+ this.signx = 0;
+ this.signy = 0;
+ this.sx = 0;
+ this.sy = 0;
+
+ return true;
+ }
+
+ //tile is non-empty; collide
+ if (this.id < Phaser.Physics.Ninja.Tile.TYPE_45DEG)
+ {
+ //FULL
+ this.type = Phaser.Physics.Ninja.Tile.TYPE_FULL;
+ this.signx = 0;
+ this.signy = 0;
+ this.sx = 0;
+ this.sy = 0;
+ }
+ else if (this.id < Phaser.Physics.Ninja.Tile.TYPE_CONCAVE)
+ {
+ // 45deg
+ this.type = Phaser.Physics.Ninja.Tile.TYPE_45DEG;
+
+ if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_45DEGpn)
+ {
+ this.signx = 1;
+ this.signy = -1;
+ this.sx = this.signx / Math.SQRT2;//get slope _unit_ normal
+ this.sy = this.signy / Math.SQRT2;//since normal is (1,-1), length is sqrt(1*1 + -1*-1) = sqrt(2)
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_45DEGnn)
+ {
+ this.signx = -1;
+ this.signy = -1;
+ this.sx = this.signx / Math.SQRT2;//get slope _unit_ normal
+ this.sy = this.signy / Math.SQRT2;//since normal is (1,-1), length is sqrt(1*1 + -1*-1) = sqrt(2)
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_45DEGnp)
+ {
+ this.signx = -1;
+ this.signy = 1;
+ this.sx = this.signx / Math.SQRT2;//get slope _unit_ normal
+ this.sy = this.signy / Math.SQRT2;//since normal is (1,-1), length is sqrt(1*1 + -1*-1) = sqrt(2)
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_45DEGpp)
+ {
+ this.signx = 1;
+ this.signy = 1;
+ this.sx = this.signx / Math.SQRT2;//get slope _unit_ normal
+ this.sy = this.signy / Math.SQRT2;//since normal is (1,-1), length is sqrt(1*1 + -1*-1) = sqrt(2)
+ }
+ else
+ {
+ return false;
+ }
+ }
+ else if (this.id < Phaser.Physics.Ninja.Tile.TYPE_CONVEX)
+ {
+ // Concave
+ this.type = Phaser.Physics.Ninja.Tile.TYPE_CONCAVE;
+
+ if (this.id == Phaser.Physics.Ninja.Tile.CONCAVEpn)
+ {
+ this.signx = 1;
+ this.signy = -1;
+ this.sx = 0;
+ this.sy = 0;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.CONCAVEnn)
+ {
+ this.signx = -1;
+ this.signy = -1;
+ this.sx = 0;
+ this.sy = 0;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.CONCAVEnp)
+ {
+ this.signx = -1;
+ this.signy = 1;
+ this.sx = 0;
+ this.sy = 0;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.CONCAVEpp)
+ {
+ this.signx = 1;
+ this.signy = 1;
+ this.sx = 0;
+ this.sy = 0;
+ }
+ else
+ {
+ return false;
+ }
+ }
+ else if (this.id < Phaser.Physics.Ninja.Tile.TYPE_22DEGs)
+ {
+ // Convex
+ this.type = Phaser.Physics.Ninja.Tile.TYPE_CONVEX;
+
+ if (this.id == Phaser.Physics.Ninja.Tile.CONVEXpn)
+ {
+ this.signx = 1;
+ this.signy = -1;
+ this.sx = 0;
+ this.sy = 0;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.CONVEXnn)
+ {
+ this.signx = -1;
+ this.signy = -1;
+ this.sx = 0;
+ this.sy = 0;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.CONVEXnp)
+ {
+ this.signx = -1;
+ this.signy = 1;
+ this.sx = 0;
+ this.sy = 0;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.CONVEXpp)
+ {
+ this.signx = 1;
+ this.signy = 1;
+ this.sx = 0;
+ this.sy = 0;
+ }
+ else
+ {
+ return false;
+ }
+ }
+ else if (this.id < Phaser.Physics.Ninja.Tile.TYPE_22DEGb)
+ {
+ // 22deg small
+ this.type = Phaser.Physics.Ninja.Tile.TYPE_22DEGs;
+
+ if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_22DEGpnS)
+ {
+ this.signx = 1;
+ this.signy = -1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 1) / slen;
+ this.sy = (this.signy * 2) / slen;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_22DEGnnS)
+ {
+ this.signx = -1;
+ this.signy = -1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 1) / slen;
+ this.sy = (this.signy * 2) / slen;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_22DEGnpS)
+ {
+ this.signx = -1;
+ this.signy = 1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 1) / slen;
+ this.sy = (this.signy * 2) / slen;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_22DEGppS)
+ {
+ this.signx = 1;
+ this.signy = 1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 1) / slen;
+ this.sy = (this.signy * 2) / slen;
+ }
+ else
+ {
+ return false;
+ }
+ }
+ else if (this.id < Phaser.Physics.Ninja.Tile.TYPE_67DEGs)
+ {
+ // 22deg big
+ this.type = Phaser.Physics.Ninja.Tile.TYPE_22DEGb;
+
+ if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_22DEGpnB)
+ {
+ this.signx = 1;
+ this.signy = -1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 1) / slen;
+ this.sy = (this.signy * 2) / slen;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_22DEGnnB)
+ {
+ this.signx = -1;
+ this.signy = -1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 1) / slen;
+ this.sy = (this.signy * 2) / slen;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_22DEGnpB)
+ {
+ this.signx = -1;
+ this.signy = 1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 1) / slen;
+ this.sy = (this.signy * 2) / slen;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_22DEGppB)
+ {
+ this.signx = 1;
+ this.signy = 1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 1) / slen;
+ this.sy = (this.signy * 2) / slen;
+ }
+ else
+ {
+ return false;
+ }
+ }
+ else if (this.id < Phaser.Physics.Ninja.Tile.TYPE_67DEGb)
+ {
+ // 67deg small
+ this.type = Phaser.Physics.Ninja.Tile.TYPE_67DEGs;
+
+ if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_67DEGpnS)
+ {
+ this.signx = 1;
+ this.signy = -1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 2) / slen;
+ this.sy = (this.signy * 1) / slen;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_67DEGnnS)
+ {
+ this.signx = -1;
+ this.signy = -1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 2) / slen;
+ this.sy = (this.signy * 1) / slen;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_67DEGnpS)
+ {
+ this.signx = -1;
+ this.signy = 1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 2) / slen;
+ this.sy = (this.signy * 1) / slen;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_67DEGppS)
+ {
+ this.signx = 1;
+ this.signy = 1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 2) / slen;
+ this.sy = (this.signy * 1) / slen;
+ }
+ else
+ {
+ return false;
+ }
+ }
+ else if (this.id < Phaser.Physics.Ninja.Tile.TYPE_HALF)
+ {
+ // 67deg big
+ this.type = Phaser.Physics.Ninja.Tile.TYPE_67DEGb;
+
+ if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_67DEGpnB)
+ {
+ this.signx = 1;
+ this.signy = -1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 2) / slen;
+ this.sy = (this.signy * 1) / slen;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_67DEGnnB)
+ {
+ this.signx = -1;
+ this.signy = -1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 2) / slen;
+ this.sy = (this.signy * 1) / slen;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_67DEGnpB)
+ {
+ this.signx = -1;
+ this.signy = 1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 2) / slen;
+ this.sy = (this.signy * 1) / slen;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.SLOPE_67DEGppB)
+ {
+ this.signx = 1;
+ this.signy = 1;
+ var slen = Math.sqrt(2 * 2 + 1 * 1);
+ this.sx = (this.signx * 2) / slen;
+ this.sy = (this.signy * 1) / slen;
+ }
+ else
+ {
+ return false;
+ }
+ }
+ else
+ {
+ // Half-full tile
+ this.type = Phaser.Physics.Ninja.Tile.TYPE_HALF;
+
+ if (this.id == Phaser.Physics.Ninja.Tile.HALFd)
+ {
+ this.signx = 0;
+ this.signy = -1;
+ this.sx = this.signx;
+ this.sy = this.signy;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.HALFu)
+ {
+ this.signx = 0;
+ this.signy = 1;
+ this.sx = this.signx;
+ this.sy = this.signy;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.HALFl)
+ {
+ this.signx = 1;
+ this.signy = 0;
+ this.sx = this.signx;
+ this.sy = this.signy;
+ }
+ else if (this.id == Phaser.Physics.Ninja.Tile.HALFr)
+ {
+ this.signx = -1;
+ this.signy = 0;
+ this.sx = this.signx;
+ this.sy = this.signy;
+ }
+ else
+ {
+ return false;
+ }
+ }
+ }
+
+}
+
+/**
+* @name Phaser.Physics.Ninja.Tile#x
+* @property {number} x - The x position.
+*/
+Object.defineProperty(Phaser.Physics.Ninja.Tile.prototype, "x", {
+
+ /**
+ * The x position.
+ * @method x
+ * @return {number}
+ */
+ get: function () {
+ return this.pos.x - this.xw;
+ },
+
+ /**
+ * The x position.
+ * @method x
+ * @param {number} value
+ */
+ set: function (value) {
+ this.pos.x = value;
+ }
+
+});
+
+/**
+* @name Phaser.Physics.Ninja.Tile#y
+* @property {number} y - The y position.
+*/
+Object.defineProperty(Phaser.Physics.Ninja.Tile.prototype, "y", {
+
+ /**
+ * The y position.
+ * @method y
+ * @return {number}
+ */
+ get: function () {
+ return this.pos.y - this.yw;
+ },
+
+ /**
+ * The y position.
+ * @method y
+ * @param {number} value
+ */
+ set: function (value) {
+ this.pos.y = value;
+ }
+
+});
+
+/**
+* @name Phaser.Physics.Ninja.Tile#bottom
+* @property {number} bottom - The bottom value of this Body (same as Body.y + Body.height)
+* @readonly
+*/
+Object.defineProperty(Phaser.Physics.Ninja.Tile.prototype, "bottom", {
+
+ /**
+ * The sum of the y and height properties.
+ * @method bottom
+ * @return {number}
+ * @readonly
+ */
+ get: function () {
+ return this.pos.y + this.yw;
+ }
+
+});
+
+/**
+* @name Phaser.Physics.Ninja.Tile#right
+* @property {number} right - The right value of this Body (same as Body.x + Body.width)
+* @readonly
+*/
+Object.defineProperty(Phaser.Physics.Ninja.Tile.prototype, "right", {
+
+ /**
+ * The sum of the x and width properties.
+ * @method right
+ * @return {number}
+ * @readonly
+ */
+ get: function () {
+ return this.pos.x + this.xw;
+ }
+
+});
+
+Phaser.Physics.Ninja.Tile.EMPTY = 0;
+Phaser.Physics.Ninja.Tile.FULL = 1;//fullAABB tile
+Phaser.Physics.Ninja.Tile.SLOPE_45DEGpn = 2;//45-degree triangle, whose normal is (+ve,-ve)
+Phaser.Physics.Ninja.Tile.SLOPE_45DEGnn = 3;//(+ve,+ve)
+Phaser.Physics.Ninja.Tile.SLOPE_45DEGnp = 4;//(-ve,+ve)
+Phaser.Physics.Ninja.Tile.SLOPE_45DEGpp = 5;//(-ve,-ve)
+Phaser.Physics.Ninja.Tile.CONCAVEpn = 6;//1/4-circle cutout
+Phaser.Physics.Ninja.Tile.CONCAVEnn = 7;
+Phaser.Physics.Ninja.Tile.CONCAVEnp = 8;
+Phaser.Physics.Ninja.Tile.CONCAVEpp = 9;
+Phaser.Physics.Ninja.Tile.CONVEXpn = 10;//1/4/circle
+Phaser.Physics.Ninja.Tile.CONVEXnn = 11;
+Phaser.Physics.Ninja.Tile.CONVEXnp = 12;
+Phaser.Physics.Ninja.Tile.CONVEXpp = 13;
+Phaser.Physics.Ninja.Tile.SLOPE_22DEGpnS = 14;//22.5 degree slope
+Phaser.Physics.Ninja.Tile.SLOPE_22DEGnnS = 15;
+Phaser.Physics.Ninja.Tile.SLOPE_22DEGnpS = 16;
+Phaser.Physics.Ninja.Tile.SLOPE_22DEGppS = 17;
+Phaser.Physics.Ninja.Tile.SLOPE_22DEGpnB = 18;
+Phaser.Physics.Ninja.Tile.SLOPE_22DEGnnB = 19;
+Phaser.Physics.Ninja.Tile.SLOPE_22DEGnpB = 20;
+Phaser.Physics.Ninja.Tile.SLOPE_22DEGppB = 21;
+Phaser.Physics.Ninja.Tile.SLOPE_67DEGpnS = 22;//67.5 degree slope
+Phaser.Physics.Ninja.Tile.SLOPE_67DEGnnS = 23;
+Phaser.Physics.Ninja.Tile.SLOPE_67DEGnpS = 24;
+Phaser.Physics.Ninja.Tile.SLOPE_67DEGppS = 25;
+Phaser.Physics.Ninja.Tile.SLOPE_67DEGpnB = 26;
+Phaser.Physics.Ninja.Tile.SLOPE_67DEGnnB = 27;
+Phaser.Physics.Ninja.Tile.SLOPE_67DEGnpB = 28;
+Phaser.Physics.Ninja.Tile.SLOPE_67DEGppB = 29;
+Phaser.Physics.Ninja.Tile.HALFd = 30;//half-full tiles
+Phaser.Physics.Ninja.Tile.HALFr = 31;
+Phaser.Physics.Ninja.Tile.HALFu = 32;
+Phaser.Physics.Ninja.Tile.HALFl = 33;
+
+Phaser.Physics.Ninja.Tile.TYPE_EMPTY = 0;
+Phaser.Physics.Ninja.Tile.TYPE_FULL = 1;
+Phaser.Physics.Ninja.Tile.TYPE_45DEG = 2;
+Phaser.Physics.Ninja.Tile.TYPE_CONCAVE = 6;
+Phaser.Physics.Ninja.Tile.TYPE_CONVEX = 10;
+Phaser.Physics.Ninja.Tile.TYPE_22DEGs = 14;
+Phaser.Physics.Ninja.Tile.TYPE_22DEGb = 18;
+Phaser.Physics.Ninja.Tile.TYPE_67DEGs = 22;
+Phaser.Physics.Ninja.Tile.TYPE_67DEGb = 26;
+Phaser.Physics.Ninja.Tile.TYPE_HALF = 30;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Ninja Physics Circle constructor.
+* Note: This class could be massively optimised and reduced in size. I leave that challenge up to you.
+*
+* @class Phaser.Physics.Ninja.Circle
+* @classdesc Arcade Physics Constructor
+* @constructor
+* @param {Phaser.Physics.Ninja.Body} body - The body that owns this shape.
+* @param {number} x - The x coordinate to create this shape at.
+* @param {number} y - The y coordinate to create this shape at.
+* @param {number} radius - The radius of this Circle.
+*/
+Phaser.Physics.Ninja.Circle = function (body, x, y, radius) {
+
+ /**
+ * @property {Phaser.Physics.Ninja.Body} system - A reference to the body that owns this shape.
+ */
+ this.body = body;
+
+ /**
+ * @property {Phaser.Physics.Ninja} system - A reference to the physics system.
+ */
+ this.system = body.system;
+
+ /**
+ * @property {Phaser.Point} pos - The position of this object.
+ */
+ this.pos = new Phaser.Point(x, y);
+
+ /**
+ * @property {Phaser.Point} oldpos - The position of this object in the previous update.
+ */
+ this.oldpos = new Phaser.Point(x, y);
+
+ /**
+ * @property {number} radius - The radius of this circle shape.
+ */
+ this.radius = radius;
+
+ /**
+ * @property {number} xw - Half the width.
+ * @readonly
+ */
+ this.xw = radius;
+
+ /**
+ * @property {number} xw - Half the height.
+ * @readonly
+ */
+ this.yw = radius;
+
+ /**
+ * @property {number} width - The width.
+ * @readonly
+ */
+ this.width = radius * 2;
+
+ /**
+ * @property {number} height - The height.
+ * @readonly
+ */
+ this.height = radius * 2;
+
+ /**
+ * @property {number} oH - Internal var.
+ * @private
+ */
+ this.oH = 0;
+
+ /**
+ * @property {number} oV - Internal var.
+ * @private
+ */
+ this.oV = 0;
+
+ /**
+ * @property {Phaser.Point} velocity - The velocity of this object.
+ */
+ this.velocity = new Phaser.Point();
+
+ /**
+ * @property {object} circleTileProjections - All of the collision response handlers.
+ */
+ this.circleTileProjections = {};
+
+ this.circleTileProjections[Phaser.Physics.Ninja.Tile.TYPE_FULL] = this.projCircle_Full;
+ this.circleTileProjections[Phaser.Physics.Ninja.Tile.TYPE_45DEG] = this.projCircle_45Deg;
+ this.circleTileProjections[Phaser.Physics.Ninja.Tile.TYPE_CONCAVE] = this.projCircle_Concave;
+ this.circleTileProjections[Phaser.Physics.Ninja.Tile.TYPE_CONVEX] = this.projCircle_Convex;
+ this.circleTileProjections[Phaser.Physics.Ninja.Tile.TYPE_22DEGs] = this.projCircle_22DegS;
+ this.circleTileProjections[Phaser.Physics.Ninja.Tile.TYPE_22DEGb] = this.projCircle_22DegB;
+ this.circleTileProjections[Phaser.Physics.Ninja.Tile.TYPE_67DEGs] = this.projCircle_67DegS;
+ this.circleTileProjections[Phaser.Physics.Ninja.Tile.TYPE_67DEGb] = this.projCircle_67DegB;
+ this.circleTileProjections[Phaser.Physics.Ninja.Tile.TYPE_HALF] = this.projCircle_Half;
+
+}
+
+Phaser.Physics.Ninja.Circle.prototype.constructor = Phaser.Physics.Ninja.Circle;
+
+Phaser.Physics.Ninja.Circle.COL_NONE = 0;
+Phaser.Physics.Ninja.Circle.COL_AXIS = 1;
+Phaser.Physics.Ninja.Circle.COL_OTHER = 2;
+
+Phaser.Physics.Ninja.Circle.prototype = {
+
+ /**
+ * Updates this Circles position.
+ *
+ * @method Phaser.Physics.Ninja.Circle#integrate
+ */
+ integrate: function () {
+
+ var px = this.pos.x;
+ var py = this.pos.y;
+
+ // integrate
+ this.pos.x += (this.body.drag * this.pos.x) - (this.body.drag * this.oldpos.x);
+ this.pos.y += (this.body.drag * this.pos.y) - (this.body.drag * this.oldpos.y) + (this.system.gravity * this.body.gravityScale);
+
+ // store
+ this.velocity.set(this.pos.x - px, this.pos.y - py);
+ this.oldpos.set(px, py);
+
+ },
+
+ /**
+ * Process a world collision and apply the resulting forces.
+ *
+ * @method Phaser.Physics.Ninja.Circle#reportCollisionVsWorld
+ * @param {number} px - The tangent velocity
+ * @param {number} py - The tangent velocity
+ * @param {number} dx - Collision normal
+ * @param {number} dy - Collision normal
+ * @param {number} obj - Object this Circle collided with
+ */
+ reportCollisionVsWorld: function (px, py, dx, dy, obj) {
+
+ var p = this.pos;
+ var o = this.oldpos;
+
+ // Calc velocity
+ var vx = p.x - o.x;
+ var vy = p.y - o.y;
+
+ // Find component of velocity parallel to collision normal
+ var dp = (vx * dx + vy * dy);
+ var nx = dp * dx; //project velocity onto collision normal
+
+ var ny = dp * dy; //nx,ny is normal velocity
+
+ var tx = vx - nx; //px,py is tangent velocity
+ var ty = vy - ny;
+
+ // We only want to apply collision response forces if the object is travelling into, and not out of, the collision
+ var b, bx, by, fx, fy;
+
+ if (dp < 0)
+ {
+ fx = tx * this.body.friction;
+ fy = ty * this.body.friction;
+
+ b = 1 + this.body.bounce;
+
+ bx = (nx * b);
+ by = (ny * b);
+
+ if (dx === 1)
+ {
+ this.body.touching.left = true;
+ }
+ else if (dx === -1)
+ {
+ this.body.touching.right = true;
+ }
+
+ if (dy === 1)
+ {
+ this.body.touching.up = true;
+ }
+ else if (dy === -1)
+ {
+ this.body.touching.down = true;
+ }
+ }
+ else
+ {
+ // Moving out of collision, do not apply forces
+ bx = by = fx = fy = 0;
+ }
+
+ // Project object out of collision
+ p.x += px;
+ p.y += py;
+
+ // Apply bounce+friction impulses which alter velocity
+ o.x += px + bx + fx;
+ o.y += py + by + fy;
+
+ },
+
+ /**
+ * Collides this Circle against the world bounds.
+ *
+ * @method Phaser.Physics.Ninja.Circle#collideWorldBounds
+ */
+ collideWorldBounds: function () {
+
+ var dx = this.system.bounds.x - (this.pos.x - this.radius);
+
+ if (0 < dx)
+ {
+ this.reportCollisionVsWorld(dx, 0, 1, 0, null);
+ }
+ else
+ {
+ dx = (this.pos.x + this.radius) - this.system.bounds.width;
+
+ if (0 < dx)
+ {
+ this.reportCollisionVsWorld(-dx, 0, -1, 0, null);
+ }
+ }
+
+ var dy = this.system.bounds.y - (this.pos.y - this.radius);
+
+ if (0 < dy)
+ {
+ this.reportCollisionVsWorld(0, dy, 0, 1, null);
+ }
+ else
+ {
+ dy = (this.pos.y + this.radius) - this.system.bounds.height;
+
+ if (0 < dy)
+ {
+ this.reportCollisionVsWorld(0, -dy, 0, -1, null);
+ }
+ }
+
+ },
+
+ /**
+ * Collides this Circle with a Tile.
+ *
+ * @method Phaser.Physics.Ninja.Circle#collideCircleVsTile
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {boolean} True if they collide, otherwise false.
+ */
+ collideCircleVsTile: function (tile) {
+
+ var pos = this.pos;
+ var r = this.radius;
+ var c = tile;
+
+ var tx = c.pos.x;
+ var ty = c.pos.y;
+ var txw = c.xw;
+ var tyw = c.yw;
+
+ var dx = pos.x - tx; // tile->obj delta
+ var px = (txw + r) - Math.abs(dx); // penetration depth in x
+
+ if (0 < px)
+ {
+ var dy = pos.y - ty; // tile->obj delta
+ var py = (tyw + r) - Math.abs(dy); // pen depth in y
+
+ if (0 < py)
+ {
+ // object may be colliding with tile
+
+ // determine grid/voronoi region of circle center
+ this.oH = 0;
+ this.oV = 0;
+
+ if (dx < -txw)
+ {
+ // circle is on left side of tile
+ this.oH = -1;
+ }
+ else if (txw < dx)
+ {
+ // circle is on right side of tile
+ this.oH = 1;
+ }
+
+ if (dy < -tyw)
+ {
+ // circle is on top side of tile
+ this.oV = -1;
+ }
+ else if (tyw < dy)
+ {
+ // circle is on bottom side of tile
+ this.oV = 1;
+ }
+
+ return this.resolveCircleTile(px, py, this.oH, this.oV, this, c);
+
+ }
+ }
+ },
+
+ /**
+ * Resolves tile collision.
+ *
+ * @method Phaser.Physics.Ninja.Circle#resolveCircleTile
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {number} oH - Grid / voronoi region.
+ * @param {number} oV - Grid / voronoi region.
+ * @param {Phaser.Physics.Ninja.Circle} obj - The Circle involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ resolveCircleTile: function (x, y, oH, oV, obj, t) {
+
+ if (0 < t.id)
+ {
+ return this.circleTileProjections[t.type](x, y, oH, oV, obj, t);
+ }
+ else
+ {
+ // console.log("ResolveCircleTile() was called with an empty (or unknown) tile!: ID=" + t.id + ")");
+ return false;
+ }
+
+ },
+
+ /**
+ * Resolves Full tile collision.
+ *
+ * @method Phaser.Physics.Ninja.Circle#projCircle_Full
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {number} oH - Grid / voronoi region.
+ * @param {number} oV - Grid / voronoi region.
+ * @param {Phaser.Physics.Ninja.Circle} obj - The Circle involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projCircle_Full: function (x, y, oH, oV, obj, t) {
+
+ //if we're colliding vs. the current cell, we need to project along the
+ //smallest penetration vector.
+ //if we're colliding vs. horiz. or vert. neighb, we simply project horiz/vert
+ //if we're colliding diagonally, we need to collide vs. tile corner
+
+ if (oH == 0)
+ {
+ if (oV == 0)
+ {
+ //collision with current cell
+ if (x < y)
+ {
+ //penetration in x is smaller; project in x
+ var dx = obj.pos.x - t.pos.x;//get sign for projection along x-axis
+
+ //NOTE: should we handle the delta == 0 case?! and how? (project towards oldpos?)
+ if (dx < 0)
+ {
+ obj.reportCollisionVsWorld(-x, 0, -1, 0, t);
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ obj.reportCollisionVsWorld(x, 0, 1, 0, t);
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ }
+ else
+ {
+ //penetration in y is smaller; project in y
+ var dy = obj.pos.y - t.pos.y;//get sign for projection along y-axis
+
+ //NOTE: should we handle the delta == 0 case?! and how? (project towards oldpos?)
+ if (dy < 0)
+ {
+ obj.reportCollisionVsWorld(0, -y, 0, -1, t);
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ obj.reportCollisionVsWorld(0, y, 0, 1, t);
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ }
+ }
+ else
+ {
+ //collision with vertical neighbor
+ obj.reportCollisionVsWorld(0, y * oV, 0, oV, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ }
+ else if (oV == 0)
+ {
+ //collision with horizontal neighbor
+ obj.reportCollisionVsWorld(x * oH, 0, oH, 0, t);
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //diagonal collision
+
+ //get diag vertex position
+ var vx = t.pos.x + (oH * t.xw);
+ var vy = t.pos.y + (oV * t.yw);
+
+ var dx = obj.pos.x - vx;//calc vert->circle vector
+ var dy = obj.pos.y - vy;
+
+ var len = Math.sqrt(dx * dx + dy * dy);
+ var pen = obj.radius - len;
+
+ if (0 < pen)
+ {
+ //vertex is in the circle; project outward
+ if (len == 0)
+ {
+ //project out by 45deg
+ dx = oH / Math.SQRT2;
+ dy = oV / Math.SQRT2;
+ }
+ else
+ {
+ dx /= len;
+ dy /= len;
+ }
+
+ obj.reportCollisionVsWorld(dx * pen, dy * pen, dx, dy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+
+ },
+
+ /**
+ * Resolves 45 Degree tile collision.
+ *
+ * @method Phaser.Physics.Ninja.Circle#projCircle_45Deg
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {number} oH - Grid / voronoi region.
+ * @param {number} oV - Grid / voronoi region.
+ * @param {Phaser.Physics.Ninja.Circle} obj - The Circle involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projCircle_45Deg: function (x, y, oH, oV, obj, t) {
+
+ //if we're colliding diagonally:
+ // -if obj is in the diagonal pointed to by the slope normal: we can't collide, do nothing
+ // -else, collide vs. the appropriate vertex
+ //if obj is in this tile: perform collision as for aabb-ve-45deg
+ //if obj is horiz OR very neighb in direction of slope: collide only vs. slope
+ //if obj is horiz or vert neigh against direction of slope: collide vs. face
+
+ var signx = t.signx;
+ var signy = t.signy;
+ var lenP;
+
+ if (oH == 0)
+ {
+ if (oV == 0)
+ {
+ //colliding with current tile
+
+ var sx = t.sx;
+ var sy = t.sy;
+
+ var ox = (obj.pos.x - (sx * obj.radius)) - t.pos.x;//this gives is the coordinates of the innermost
+ var oy = (obj.pos.y - (sy * obj.radius)) - t.pos.y;//point on the circle, relative to the tile center
+
+ //if the dotprod of (ox,oy) and (sx,sy) is negative, the innermost point is in the slope
+ //and we need toproject it out by the magnitude of the projection of (ox,oy) onto (sx,sy)
+ var dp = (ox * sx) + (oy * sy);
+
+ if (dp < 0)
+ {
+ //collision; project delta onto slope and use this as the slope penetration vector
+ sx *= -dp;//(sx,sy) is now the penetration vector
+ sy *= -dp;
+
+ //find the smallest axial projection vector
+ if (x < y)
+ {
+ //penetration in x is smaller
+ lenP = x;
+ y = 0;
+
+ //get sign for projection along x-axis
+ if ((obj.pos.x - t.pos.x) < 0)
+ {
+ x *= -1;
+ }
+ }
+ else
+ {
+ //penetration in y is smaller
+ lenP = y;
+ x = 0;
+
+ //get sign for projection along y-axis
+ if ((obj.pos.y - t.pos.y) < 0)
+ {
+ y *= -1;
+ }
+ }
+
+ var lenN = Math.sqrt(sx * sx + sy * sy);
+
+ if (lenP < lenN)
+ {
+ obj.reportCollisionVsWorld(x, y, x / lenP, y / lenP, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ obj.reportCollisionVsWorld(sx, sy, t.sx, t.sy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+
+ }
+ else
+ {
+ //colliding vertically
+ if ((signy * oV) < 0)
+ {
+ //colliding with face/edge
+ obj.reportCollisionVsWorld(0, y * oV, 0, oV, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //we could only be colliding vs the slope OR a vertex
+ //look at the vector form the closest vert to the circle to decide
+
+ var sx = t.sx;
+ var sy = t.sy;
+
+ var ox = obj.pos.x - (t.pos.x - (signx * t.xw));//this gives is the coordinates of the innermost
+ var oy = obj.pos.y - (t.pos.y + (oV * t.yw));//point on the circle, relative to the closest tile vert
+
+ //if the component of (ox,oy) parallel to the normal's righthand normal
+ //has the same sign as the slope of the slope (the sign of the slope's slope is signx*signy)
+ //then we project by the vertex, otherwise by the normal.
+ //note that this is simply a VERY tricky/weird method of determining
+ //if the circle is in side the slope/face's voronoi region, or that of the vertex.
+ var perp = (ox * -sy) + (oy * sx);
+ if (0 < (perp * signx * signy))
+ {
+ //collide vs. vertex
+ var len = Math.sqrt(ox * ox + oy * oy);
+ var pen = obj.radius - len;
+ if (0 < pen)
+ {
+ //note: if len=0, then perp=0 and we'll never reach here, so don't worry about div-by-0
+ ox /= len;
+ oy /= len;
+
+ obj.reportCollisionVsWorld(ox * pen, oy * pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ else
+ {
+ //collide vs. slope
+
+ //if the component of (ox,oy) parallel to the normal is less than the circle radius, we're
+ //penetrating the slope. note that this method of penetration calculation doesn't hold
+ //in general (i.e it won't work if the circle is in the slope), but works in this case
+ //because we know the circle is in a neighboring cell
+ var dp = (ox * sx) + (oy * sy);
+ var pen = obj.radius - Math.abs(dp);//note: we don't need the abs because we know the dp will be positive, but just in case..
+ if (0 < pen)
+ {
+ //collision; circle out along normal by penetration amount
+ obj.reportCollisionVsWorld(sx * pen, sy * pen, sx, sy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+ }
+ }
+ else if (oV == 0)
+ {
+ //colliding horizontally
+ if ((signx * oH) < 0)
+ {
+ //colliding with face/edge
+ obj.reportCollisionVsWorld(x * oH, 0, oH, 0, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //we could only be colliding vs the slope OR a vertex
+ //look at the vector form the closest vert to the circle to decide
+
+ var sx = t.sx;
+ var sy = t.sy;
+
+ var ox = obj.pos.x - (t.pos.x + (oH * t.xw));//this gives is the coordinates of the innermost
+ var oy = obj.pos.y - (t.pos.y - (signy * t.yw));//point on the circle, relative to the closest tile vert
+
+ //if the component of (ox,oy) parallel to the normal's righthand normal
+ //has the same sign as the slope of the slope (the sign of the slope's slope is signx*signy)
+ //then we project by the normal, otherwise by the vertex.
+ //(NOTE: this is the opposite logic of the vertical case;
+ // for vertical, if the perp prod and the slope's slope agree, it's outside.
+ // for horizontal, if the perp prod and the slope's slope agree, circle is inside.
+ // ..but this is only a property of flahs' coord system (i.e the rules might swap
+ // in righthanded systems))
+ //note that this is simply a VERY tricky/weird method of determining
+ //if the circle is in side the slope/face's voronio region, or that of the vertex.
+ var perp = (ox * -sy) + (oy * sx);
+ if ((perp * signx * signy) < 0)
+ {
+ //collide vs. vertex
+ var len = Math.sqrt(ox * ox + oy * oy);
+ var pen = obj.radius - len;
+ if (0 < pen)
+ {
+ //note: if len=0, then perp=0 and we'll never reach here, so don't worry about div-by-0
+ ox /= len;
+ oy /= len;
+
+ obj.reportCollisionVsWorld(ox * pen, oy * pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ else
+ {
+ //collide vs. slope
+
+ //if the component of (ox,oy) parallel to the normal is less than the circle radius, we're
+ //penetrating the slope. note that this method of penetration calculation doesn't hold
+ //in general (i.e it won't work if the circle is in the slope), but works in this case
+ //because we know the circle is in a neighboring cell
+ var dp = (ox * sx) + (oy * sy);
+ var pen = obj.radius - Math.abs(dp);//note: we don't need the abs because we know the dp will be positive, but just in case..
+ if (0 < pen)
+ {
+ //collision; circle out along normal by penetration amount
+ obj.reportCollisionVsWorld(sx * pen, sy * pen, sx, sy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+ }
+ else
+ {
+ //colliding diagonally
+ if (0 < ((signx * oH) + (signy * oV)))
+ {
+ //the dotprod of slope normal and cell offset is strictly positive,
+ //therefore obj is in the diagonal neighb pointed at by the normal, and
+ //it cannot possibly reach/touch/penetrate the slope
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+ }
+ else
+ {
+ //collide vs. vertex
+ //get diag vertex position
+ var vx = t.pos.x + (oH * t.xw);
+ var vy = t.pos.y + (oV * t.yw);
+
+ var dx = obj.pos.x - vx;//calc vert->circle vector
+ var dy = obj.pos.y - vy;
+
+ var len = Math.sqrt(dx * dx + dy * dy);
+ var pen = obj.radius - len;
+ if (0 < pen)
+ {
+ //vertex is in the circle; project outward
+ if (len == 0)
+ {
+ //project out by 45deg
+ dx = oH / Math.SQRT2;
+ dy = oV / Math.SQRT2;
+ }
+ else
+ {
+ dx /= len;
+ dy /= len;
+ }
+
+ obj.reportCollisionVsWorld(dx * pen, dy * pen, dx, dy, t);
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+
+ }
+
+ }
+
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+ },
+
+ /**
+ * Resolves Concave tile collision.
+ *
+ * @method Phaser.Physics.Ninja.Circle#projCircle_Concave
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {number} oH - Grid / voronoi region.
+ * @param {number} oV - Grid / voronoi region.
+ * @param {Phaser.Physics.Ninja.Circle} obj - The Circle involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projCircle_Concave: function (x, y, oH, oV, obj, t) {
+
+ //if we're colliding diagonally:
+ // -if obj is in the diagonal pointed to by the slope normal: we can't collide, do nothing
+ // -else, collide vs. the appropriate vertex
+ //if obj is in this tile: perform collision as for aabb
+ //if obj is horiz OR very neighb in direction of slope: collide vs vert
+ //if obj is horiz or vert neigh against direction of slope: collide vs. face
+
+ var signx = t.signx;
+ var signy = t.signy;
+ var lenP;
+
+ if (oH == 0)
+ {
+ if (oV == 0)
+ {
+ //colliding with current tile
+
+ var ox = (t.pos.x + (signx * t.xw)) - obj.pos.x;//(ox,oy) is the vector from the circle to
+ var oy = (t.pos.y + (signy * t.yw)) - obj.pos.y;//tile-circle's center
+
+ var twid = t.xw * 2;
+ var trad = Math.sqrt(twid * twid + 0);//this gives us the radius of a circle centered on the tile's corner and extending to the opposite edge of the tile;
+ //note that this should be precomputed at compile-time since it's constant
+
+ var len = Math.sqrt(ox * ox + oy * oy);
+ var pen = (len + obj.radius) - trad;
+
+ if (0 < pen)
+ {
+ //find the smallest axial projection vector
+ if (x < y)
+ {
+ //penetration in x is smaller
+ lenP = x;
+ y = 0;
+
+ //get sign for projection along x-axis
+ if ((obj.pos.x - t.pos.x) < 0)
+ {
+ x *= -1;
+ }
+ }
+ else
+ {
+ //penetration in y is smaller
+ lenP = y;
+ x = 0;
+
+ //get sign for projection along y-axis
+ if ((obj.pos.y - t.pos.y) < 0)
+ {
+ y *= -1;
+ }
+ }
+
+
+ if (lenP < pen)
+ {
+ obj.reportCollisionVsWorld(x, y, x / lenP, y / lenP, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //we can assume that len >0, because if we're here then
+ //(len + obj.radius) > trad, and since obj.radius <= trad
+ //len MUST be > 0
+ ox /= len;
+ oy /= len;
+
+ obj.reportCollisionVsWorld(ox * pen, oy * pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ else
+ {
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+ }
+
+ }
+ else
+ {
+ //colliding vertically
+ if ((signy * oV) < 0)
+ {
+ //colliding with face/edge
+ obj.reportCollisionVsWorld(0, y * oV, 0, oV, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //we could only be colliding vs the vertical tip
+
+ //get diag vertex position
+ var vx = t.pos.x - (signx * t.xw);
+ var vy = t.pos.y + (oV * t.yw);
+
+ var dx = obj.pos.x - vx;//calc vert->circle vector
+ var dy = obj.pos.y - vy;
+
+ var len = Math.sqrt(dx * dx + dy * dy);
+ var pen = obj.radius - len;
+ if (0 < pen)
+ {
+ //vertex is in the circle; project outward
+ if (len == 0)
+ {
+ //project out vertically
+ dx = 0;
+ dy = oV;
+ }
+ else
+ {
+ dx /= len;
+ dy /= len;
+ }
+
+ obj.reportCollisionVsWorld(dx * pen, dy * pen, dx, dy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+ }
+ else if (oV == 0)
+ {
+ //colliding horizontally
+ if ((signx * oH) < 0)
+ {
+ //colliding with face/edge
+ obj.reportCollisionVsWorld(x * oH, 0, oH, 0, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //we could only be colliding vs the horizontal tip
+
+ //get diag vertex position
+ var vx = t.pos.x + (oH * t.xw);
+ var vy = t.pos.y - (signy * t.yw);
+
+ var dx = obj.pos.x - vx;//calc vert->circle vector
+ var dy = obj.pos.y - vy;
+
+ var len = Math.sqrt(dx * dx + dy * dy);
+ var pen = obj.radius - len;
+ if (0 < pen)
+ {
+ //vertex is in the circle; project outward
+ if (len == 0)
+ {
+ //project out horizontally
+ dx = oH;
+ dy = 0;
+ }
+ else
+ {
+ dx /= len;
+ dy /= len;
+ }
+
+ obj.reportCollisionVsWorld(dx * pen, dy * pen, dx, dy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+ else
+ {
+ //colliding diagonally
+ if (0 < ((signx * oH) + (signy * oV)))
+ {
+ //the dotprod of slope normal and cell offset is strictly positive,
+ //therefore obj is in the diagonal neighb pointed at by the normal, and
+ //it cannot possibly reach/touch/penetrate the slope
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+ }
+ else
+ {
+ //collide vs. vertex
+ //get diag vertex position
+ var vx = t.pos.x + (oH * t.xw);
+ var vy = t.pos.y + (oV * t.yw);
+
+ var dx = obj.pos.x - vx;//calc vert->circle vector
+ var dy = obj.pos.y - vy;
+
+ var len = Math.sqrt(dx * dx + dy * dy);
+ var pen = obj.radius - len;
+ if (0 < pen)
+ {
+ //vertex is in the circle; project outward
+ if (len == 0)
+ {
+ //project out by 45deg
+ dx = oH / Math.SQRT2;
+ dy = oV / Math.SQRT2;
+ }
+ else
+ {
+ dx /= len;
+ dy /= len;
+ }
+
+ obj.reportCollisionVsWorld(dx * pen, dy * pen, dx, dy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+
+ }
+
+ }
+
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+
+ },
+
+ /**
+ * Resolves Convex tile collision.
+ *
+ * @method Phaser.Physics.Ninja.Circle#projCircle_Convex
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {number} oH - Grid / voronoi region.
+ * @param {number} oV - Grid / voronoi region.
+ * @param {Phaser.Physics.Ninja.Circle} obj - The Circle involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projCircle_Convex: function (x, y, oH, oV, obj, t) {
+
+ //if the object is horiz AND/OR vertical neighbor in the normal (signx,signy)
+ //direction, collide vs. tile-circle only.
+ //if we're colliding diagonally:
+ // -else, collide vs. the appropriate vertex
+ //if obj is in this tile: perform collision as for aabb
+ //if obj is horiz or vert neigh against direction of slope: collide vs. face
+
+ var signx = t.signx;
+ var signy = t.signy;
+ var lenP;
+
+ if (oH == 0)
+ {
+ if (oV == 0)
+ {
+ //colliding with current tile
+
+
+ var ox = obj.pos.x - (t.pos.x - (signx * t.xw));//(ox,oy) is the vector from the tile-circle to
+ var oy = obj.pos.y - (t.pos.y - (signy * t.yw));//the circle's center
+
+ var twid = t.xw * 2;
+ var trad = Math.sqrt(twid * twid + 0);//this gives us the radius of a circle centered on the tile's corner and extending to the opposite edge of the tile;
+ //note that this should be precomputed at compile-time since it's constant
+
+ var len = Math.sqrt(ox * ox + oy * oy);
+ var pen = (trad + obj.radius) - len;
+
+ if (0 < pen)
+ {
+ //find the smallest axial projection vector
+ if (x < y)
+ {
+ //penetration in x is smaller
+ lenP = x;
+ y = 0;
+
+ //get sign for projection along x-axis
+ if ((obj.pos.x - t.pos.x) < 0)
+ {
+ x *= -1;
+ }
+ }
+ else
+ {
+ //penetration in y is smaller
+ lenP = y;
+ x = 0;
+
+ //get sign for projection along y-axis
+ if ((obj.pos.y - t.pos.y) < 0)
+ {
+ y *= -1;
+ }
+ }
+
+
+ if (lenP < pen)
+ {
+ obj.reportCollisionVsWorld(x, y, x / lenP, y / lenP, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //note: len should NEVER be == 0, because if it is,
+ //projeciton by an axis shoudl always be shorter, and we should
+ //never arrive here
+ ox /= len;
+ oy /= len;
+
+ obj.reportCollisionVsWorld(ox * pen, oy * pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+
+ }
+ }
+ }
+ else
+ {
+ //colliding vertically
+ if ((signy * oV) < 0)
+ {
+ //colliding with face/edge
+ obj.reportCollisionVsWorld(0, y * oV, 0, oV, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //obj in neighboring cell pointed at by tile normal;
+ //we could only be colliding vs the tile-circle surface
+
+ var ox = obj.pos.x - (t.pos.x - (signx * t.xw));//(ox,oy) is the vector from the tile-circle to
+ var oy = obj.pos.y - (t.pos.y - (signy * t.yw));//the circle's center
+
+ var twid = t.xw * 2;
+ var trad = Math.sqrt(twid * twid + 0);//this gives us the radius of a circle centered on the tile's corner and extending to the opposite edge of the tile;
+ //note that this should be precomputed at compile-time since it's constant
+
+ var len = Math.sqrt(ox * ox + oy * oy);
+ var pen = (trad + obj.radius) - len;
+
+ if (0 < pen)
+ {
+
+ //note: len should NEVER be == 0, because if it is,
+ //obj is not in a neighboring cell!
+ ox /= len;
+ oy /= len;
+
+ obj.reportCollisionVsWorld(ox * pen, oy * pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+ }
+ else if (oV == 0)
+ {
+ //colliding horizontally
+ if ((signx * oH) < 0)
+ {
+ //colliding with face/edge
+ obj.reportCollisionVsWorld(x * oH, 0, oH, 0, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //obj in neighboring cell pointed at by tile normal;
+ //we could only be colliding vs the tile-circle surface
+
+ var ox = obj.pos.x - (t.pos.x - (signx * t.xw));//(ox,oy) is the vector from the tile-circle to
+ var oy = obj.pos.y - (t.pos.y - (signy * t.yw));//the circle's center
+
+ var twid = t.xw * 2;
+ var trad = Math.sqrt(twid * twid + 0);//this gives us the radius of a circle centered on the tile's corner and extending to the opposite edge of the tile;
+ //note that this should be precomputed at compile-time since it's constant
+
+ var len = Math.sqrt(ox * ox + oy * oy);
+ var pen = (trad + obj.radius) - len;
+
+ if (0 < pen)
+ {
+
+ //note: len should NEVER be == 0, because if it is,
+ //obj is not in a neighboring cell!
+ ox /= len;
+ oy /= len;
+
+ obj.reportCollisionVsWorld(ox * pen, oy * pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+ else
+ {
+ //colliding diagonally
+ if (0 < ((signx * oH) + (signy * oV)))
+ {
+ //obj in diag neighb cell pointed at by tile normal;
+ //we could only be colliding vs the tile-circle surface
+
+ var ox = obj.pos.x - (t.pos.x - (signx * t.xw));//(ox,oy) is the vector from the tile-circle to
+ var oy = obj.pos.y - (t.pos.y - (signy * t.yw));//the circle's center
+
+ var twid = t.xw * 2;
+ var trad = Math.sqrt(twid * twid + 0);//this gives us the radius of a circle centered on the tile's corner and extending to the opposite edge of the tile;
+ //note that this should be precomputed at compile-time since it's constant
+
+ var len = Math.sqrt(ox * ox + oy * oy);
+ var pen = (trad + obj.radius) - len;
+
+ if (0 < pen)
+ {
+
+ //note: len should NEVER be == 0, because if it is,
+ //obj is not in a neighboring cell!
+ ox /= len;
+ oy /= len;
+
+ obj.reportCollisionVsWorld(ox * pen, oy * pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ else
+ {
+ //collide vs. vertex
+ //get diag vertex position
+ var vx = t.pos.x + (oH * t.xw);
+ var vy = t.pos.y + (oV * t.yw);
+
+ var dx = obj.pos.x - vx;//calc vert->circle vector
+ var dy = obj.pos.y - vy;
+
+ var len = Math.sqrt(dx * dx + dy * dy);
+ var pen = obj.radius - len;
+ if (0 < pen)
+ {
+ //vertex is in the circle; project outward
+ if (len == 0)
+ {
+ //project out by 45deg
+ dx = oH / Math.SQRT2;
+ dy = oV / Math.SQRT2;
+ }
+ else
+ {
+ dx /= len;
+ dy /= len;
+ }
+
+ obj.reportCollisionVsWorld(dx * pen, dy * pen, dx, dy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+
+ }
+
+ }
+
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+
+ },
+
+ /**
+ * Resolves Half tile collision.
+ *
+ * @method Phaser.Physics.Ninja.Circle#projCircle_Half
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {number} oH - Grid / voronoi region.
+ * @param {number} oV - Grid / voronoi region.
+ * @param {Phaser.Physics.Ninja.Circle} obj - The Circle involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projCircle_Half: function (x,y,oH,oV,obj,t) {
+
+ //if obj is in a neighbor pointed at by the halfedge normal,
+ //we'll never collide (i.e if the normal is (0,1) and the obj is in the DL.D, or R neighbors)
+ //
+ //if obj is in a neigbor perpendicular to the halfedge normal, it might
+ //collide with the halfedge-vertex, or with the halfedge side.
+ //
+ //if obj is in a neigb pointing opposite the halfedge normal, obj collides with edge
+ //
+ //if obj is in a diagonal (pointing away from the normal), obj collides vs vertex
+ //
+ //if obj is in the halfedge cell, it collides as with aabb
+
+ var signx = t.signx;
+ var signy = t.signy;
+
+ var celldp = (oH*signx + oV*signy);//this tells us about the configuration of cell-offset relative to tile normal
+ if(0 < celldp)
+ {
+ //obj is in "far" (pointed-at-by-normal) neighbor of halffull tile, and will never hit
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+ }
+ else if(oH == 0)
+ {
+ if(oV == 0)
+ {
+ //colliding with current tile
+ var r = obj.radius;
+ var ox = (obj.pos.x - (signx*r)) - t.pos.x;//this gives is the coordinates of the innermost
+ var oy = (obj.pos.y - (signy*r)) - t.pos.y;//point on the circle, relative to the tile center
+
+
+ //we perform operations analogous to the 45deg tile, except we're using
+ //an axis-aligned slope instead of an angled one..
+ var sx = signx;
+ var sy = signy;
+
+ //if the dotprod of (ox,oy) and (sx,sy) is negative, the corner is in the slope
+ //and we need toproject it out by the magnitude of the projection of (ox,oy) onto (sx,sy)
+ var dp = (ox*sx) + (oy*sy);
+ if(dp < 0)
+ {
+ //collision; project delta onto slope and use this to displace the object
+ sx *= -dp;//(sx,sy) is now the projection vector
+ sy *= -dp;
+
+
+ var lenN = Math.sqrt(sx*sx + sy*sy);
+ var lenP = Math.sqrt(x*x + y*y);
+
+ if(lenP < lenN)
+ {
+ obj.reportCollisionVsWorld(x,y,x/lenP, y/lenP,t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ obj.reportCollisionVsWorld(sx,sy,t.signx,t.signy);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ return true;
+ }
+
+ }
+ else
+ {
+ //colliding vertically
+
+ if(celldp == 0)
+ {
+
+ var r = obj.radius;
+ var dx = obj.pos.x - t.pos.x;
+
+ //we're in a cell perpendicular to the normal, and can collide vs. halfedge vertex
+ //or halfedge side
+ if((dx*signx) < 0)
+ {
+ //collision with halfedge side
+ obj.reportCollisionVsWorld(0,y*oV,0,oV,t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //collision with halfedge vertex
+ var dy = obj.pos.y - (t.pos.y + oV*t.yw);//(dx,dy) is now the vector from the appropriate halfedge vertex to the circle
+
+ var len = Math.sqrt(dx*dx + dy*dy);
+ var pen = obj.radius - len;
+ if(0 < pen)
+ {
+ //vertex is in the circle; project outward
+ if(len == 0)
+ {
+ //project out by 45deg
+ dx = signx / Math.SQRT2;
+ dy = oV / Math.SQRT2;
+ }
+ else
+ {
+ dx /= len;
+ dy /= len;
+ }
+
+ obj.reportCollisionVsWorld(dx*pen, dy*pen, dx, dy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+
+ }
+ }
+ else
+ {
+ //due to the first conditional (celldp >0), we know we're in the cell "opposite" the normal, and so
+ //we can only collide with the cell edge
+ //collision with vertical neighbor
+ obj.reportCollisionVsWorld(0,y*oV,0,oV,t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+
+ }
+ }
+ else if(oV == 0)
+ {
+ //colliding horizontally
+ if(celldp == 0)
+ {
+
+ var r = obj.radius;
+ var dy = obj.pos.y - t.pos.y;
+
+ //we're in a cell perpendicular to the normal, and can collide vs. halfedge vertex
+ //or halfedge side
+ if((dy*signy) < 0)
+ {
+ //collision with halfedge side
+ obj.reportCollisionVsWorld(x*oH,0,oH,0,t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //collision with halfedge vertex
+ var dx = obj.pos.x - (t.pos.x + oH*t.xw);//(dx,dy) is now the vector from the appropriate halfedge vertex to the circle
+
+ var len = Math.sqrt(dx*dx + dy*dy);
+ var pen = obj.radius - len;
+ if(0 < pen)
+ {
+ //vertex is in the circle; project outward
+ if(len == 0)
+ {
+ //project out by 45deg
+ dx = signx / Math.SQRT2;
+ dy = oV / Math.SQRT2;
+ }
+ else
+ {
+ dx /= len;
+ dy /= len;
+ }
+
+ obj.reportCollisionVsWorld(dx*pen, dy*pen, dx, dy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+
+ }
+ }
+ else
+ {
+ //due to the first conditional (celldp >0), we know w're in the cell "opposite" the normal, and so
+ //we can only collide with the cell edge
+ obj.reportCollisionVsWorld(x*oH, 0, oH, 0, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ }
+ else
+ {
+ //colliding diagonally; we know, due to the initial (celldp >0) test which has failed
+ //if we've reached this point, that we're in a diagonal neighbor on the non-normal side, so
+ //we could only be colliding with the cell vertex, if at all.
+
+ //get diag vertex position
+ var vx = t.pos.x + (oH*t.xw);
+ var vy = t.pos.y + (oV*t.yw);
+
+ var dx = obj.pos.x - vx;//calc vert->circle vector
+ var dy = obj.pos.y - vy;
+
+ var len = Math.sqrt(dx*dx + dy*dy);
+ var pen = obj.radius - len;
+ if(0 < pen)
+ {
+ //vertex is in the circle; project outward
+ if(len == 0)
+ {
+ //project out by 45deg
+ dx = oH / Math.SQRT2;
+ dy = oV / Math.SQRT2;
+ }
+ else
+ {
+ dx /= len;
+ dy /= len;
+ }
+
+ obj.reportCollisionVsWorld(dx*pen, dy*pen, dx, dy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+
+ }
+
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+
+ },
+
+ /**
+ * Resolves 22 Degree tile collision.
+ *
+ * @method Phaser.Physics.Ninja.Circle#projCircle_22DegS
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {number} oH - Grid / voronoi region.
+ * @param {number} oV - Grid / voronoi region.
+ * @param {Phaser.Physics.Ninja.Circle} obj - The Circle involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projCircle_22DegS: function (x,y,oH,oV,obj,t) {
+
+ //if the object is in a cell pointed at by signy, no collision will ever occur
+ //otherwise,
+ //
+ //if we're colliding diagonally:
+ // -collide vs. the appropriate vertex
+ //if obj is in this tile: collide vs slope or vertex
+ //if obj is horiz neighb in direction of slope: collide vs. slope or vertex
+ //if obj is horiz neighb against the slope:
+ // if(distance in y from circle to 90deg corner of tile < 1/2 tileheight, collide vs. face)
+ // else(collide vs. corner of slope) (vert collision with a non-grid-aligned vert)
+ //if obj is vert neighb against direction of slope: collide vs. face
+
+ var signx = t.signx;
+ var signy = t.signy;
+
+ if(0 < (signy*oV))
+ {
+ //object will never collide vs tile, it can't reach that far
+
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+ }
+ else if(oH == 0)
+ {
+ if(oV == 0)
+ {
+ //colliding with current tile
+ //we could only be colliding vs the slope OR a vertex
+ //look at the vector form the closest vert to the circle to decide
+
+ var sx = t.sx;
+ var sy = t.sy;
+
+ var r = obj.radius;
+ var ox = obj.pos.x - (t.pos.x - (signx*t.xw));//this gives is the coordinates of the innermost
+ var oy = obj.pos.y - t.pos.y;//point on the circle, relative to the tile corner
+
+ //if the component of (ox,oy) parallel to the normal's righthand normal
+ //has the same sign as the slope of the slope (the sign of the slope's slope is signx*signy)
+ //then we project by the vertex, otherwise by the normal or axially.
+ //note that this is simply a VERY tricky/weird method of determining
+ //if the circle is in side the slope/face's voronio region, or that of the vertex.
+
+ var perp = (ox*-sy) + (oy*sx);
+ if(0 < (perp*signx*signy))
+ {
+ //collide vs. vertex
+ var len = Math.sqrt(ox*ox + oy*oy);
+ var pen = r - len;
+ if(0 < pen)
+ {
+ //note: if len=0, then perp=0 and we'll never reach here, so don't worry about div-by-0
+ ox /= len;
+ oy /= len;
+
+ obj.reportCollisionVsWorld(ox*pen, oy*pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ else
+ {
+ //collide vs. slope or vs axis
+ ox -= r*sx;//this gives us the vector from
+ oy -= r*sy;//a point on the slope to the innermost point on the circle
+
+ //if the dotprod of (ox,oy) and (sx,sy) is negative, the point on the circle is in the slope
+ //and we need toproject it out by the magnitude of the projection of (ox,oy) onto (sx,sy)
+ var dp = (ox*sx) + (oy*sy);
+
+ if(dp < 0)
+ {
+ //collision; project delta onto slope and use this to displace the object
+ sx *= -dp;//(sx,sy) is now the projection vector
+ sy *= -dp;
+
+ var lenN = Math.sqrt(sx*sx + sy*sy);
+
+ //find the smallest axial projection vector
+ if(x < y)
+ {
+ //penetration in x is smaller
+ lenP = x;
+ y = 0;
+ //get sign for projection along x-axis
+ if((obj.pos.x - t.pos.x) < 0)
+ {
+ x *= -1;
+ }
+ }
+ else
+ {
+ //penetration in y is smaller
+ lenP = y;
+ x = 0;
+ //get sign for projection along y-axis
+ if((obj.pos.y - t.pos.y)< 0)
+ {
+ y *= -1;
+ }
+ }
+
+ if(lenP < lenN)
+ {
+ obj.reportCollisionVsWorld(x,y,x/lenP, y/lenP, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ obj.reportCollisionVsWorld(sx,sy,t.sx,t.sy,t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+
+ }
+ }
+
+ }
+ else
+ {
+ //colliding vertically; we can assume that (signy*oV) < 0
+ //due to the first conditional far above
+
+ obj.reportCollisionVsWorld(0,y*oV, 0, oV, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ }
+ else if(oV == 0)
+ {
+ //colliding horizontally
+ if((signx*oH) < 0)
+ {
+ //colliding with face/edge OR with corner of wedge, depending on our position vertically
+
+ //collide vs. vertex
+ //get diag vertex position
+ var vx = t.pos.x - (signx*t.xw);
+ var vy = t.pos.y;
+
+ var dx = obj.pos.x - vx;//calc vert->circle vector
+ var dy = obj.pos.y - vy;
+
+ if((dy*signy) < 0)
+ {
+ //colliding vs face
+ obj.reportCollisionVsWorld(x*oH, 0, oH, 0, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //colliding vs. vertex
+
+ var len = Math.sqrt(dx*dx + dy*dy);
+ var pen = obj.radius - len;
+ if(0 < pen)
+ {
+ //vertex is in the circle; project outward
+ if(len == 0)
+ {
+ //project out by 45deg
+ dx = oH / Math.SQRT2;
+ dy = oV / Math.SQRT2;
+ }
+ else
+ {
+ dx /= len;
+ dy /= len;
+ }
+
+ obj.reportCollisionVsWorld(dx*pen, dy*pen, dx, dy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+ else
+ {
+ //we could only be colliding vs the slope OR a vertex
+ //look at the vector form the closest vert to the circle to decide
+
+ var sx = t.sx;
+ var sy = t.sy;
+
+ var ox = obj.pos.x - (t.pos.x + (oH*t.xw));//this gives is the coordinates of the innermost
+ var oy = obj.pos.y - (t.pos.y - (signy*t.yw));//point on the circle, relative to the closest tile vert
+
+ //if the component of (ox,oy) parallel to the normal's righthand normal
+ //has the same sign as the slope of the slope (the sign of the slope's slope is signx*signy)
+ //then we project by the normal, otherwise by the vertex.
+ //(NOTE: this is the opposite logic of the vertical case;
+ // for vertical, if the perp prod and the slope's slope agree, it's outside.
+ // for horizontal, if the perp prod and the slope's slope agree, circle is inside.
+ // ..but this is only a property of flahs' coord system (i.e the rules might swap
+ // in righthanded systems))
+ //note that this is simply a VERY tricky/weird method of determining
+ //if the circle is in side the slope/face's voronio region, or that of the vertex.
+ var perp = (ox*-sy) + (oy*sx);
+ if((perp*signx*signy) < 0)
+ {
+ //collide vs. vertex
+ var len = Math.sqrt(ox*ox + oy*oy);
+ var pen = obj.radius - len;
+ if(0 < pen)
+ {
+ //note: if len=0, then perp=0 and we'll never reach here, so don't worry about div-by-0
+ ox /= len;
+ oy /= len;
+
+ obj.reportCollisionVsWorld(ox*pen, oy*pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ else
+ {
+ //collide vs. slope
+
+ //if the component of (ox,oy) parallel to the normal is less than the circle radius, we're
+ //penetrating the slope. note that this method of penetration calculation doesn't hold
+ //in general (i.e it won't work if the circle is in the slope), but works in this case
+ //because we know the circle is in a neighboring cell
+ var dp = (ox*sx) + (oy*sy);
+ var pen = obj.radius - Math.abs(dp);//note: we don't need the abs because we know the dp will be positive, but just in case..
+
+ if(0 < pen)
+ {
+ //collision; circle out along normal by penetration amount
+ obj.reportCollisionVsWorld(sx*pen, sy*pen, sx, sy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+ }
+ else
+ {
+
+ //colliding diagonally; due to the first conditional above,
+ //obj is vertically offset against slope, and offset in either direction horizontally
+
+ //collide vs. vertex
+ //get diag vertex position
+ var vx = t.pos.x + (oH*t.xw);
+ var vy = t.pos.y + (oV*t.yw);
+
+ var dx = obj.pos.x - vx;//calc vert->circle vector
+ var dy = obj.pos.y - vy;
+
+ var len = Math.sqrt(dx*dx + dy*dy);
+ var pen = obj.radius - len;
+ if(0 < pen)
+ {
+ //vertex is in the circle; project outward
+ if(len == 0)
+ {
+ //project out by 45deg
+ dx = oH / Math.SQRT2;
+ dy = oV / Math.SQRT2;
+ }
+ else
+ {
+ dx /= len;
+ dy /= len;
+ }
+
+ obj.reportCollisionVsWorld(dx*pen, dy*pen, dx, dy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+
+ },
+
+ /**
+ * Resolves 22 Degree tile collision.
+ *
+ * @method Phaser.Physics.Ninja.Circle#projCircle_22DegB
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {number} oH - Grid / voronoi region.
+ * @param {number} oV - Grid / voronoi region.
+ * @param {Phaser.Physics.Ninja.Circle} obj - The Circle involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projCircle_22DegB: function (x,y,oH, oV, obj,t) {
+
+ //if we're colliding diagonally:
+ // -if we're in the cell pointed at by the normal, collide vs slope, else
+ // collide vs. the appropriate corner/vertex
+ //
+ //if obj is in this tile: collide as with aabb
+ //
+ //if obj is horiz or vertical neighbor AGAINST the slope: collide with edge
+ //
+ //if obj is horiz neighb in direction of slope: collide vs. slope or vertex or edge
+ //
+ //if obj is vert neighb in direction of slope: collide vs. slope or vertex
+
+ var signx = t.signx;
+ var signy = t.signy;
+
+ if(oH == 0)
+ {
+ if(oV == 0)
+ {
+ //colliding with current cell
+
+ var sx = t.sx;
+ var sy = t.sy;
+
+ var r = obj.radius;
+ var ox = (obj.pos.x - (sx*r)) - (t.pos.x - (signx*t.xw));//this gives is the coordinates of the innermost
+ var oy = (obj.pos.y - (sy*r)) - (t.pos.y + (signy*t.yw));//point on the AABB, relative to a point on the slope
+
+ //if the dotprod of (ox,oy) and (sx,sy) is negative, the point on the circle is in the slope
+ //and we need toproject it out by the magnitude of the projection of (ox,oy) onto (sx,sy)
+ var dp = (ox*sx) + (oy*sy);
+
+ if(dp < 0)
+ {
+ //collision; project delta onto slope and use this to displace the object
+ sx *= -dp;//(sx,sy) is now the projection vector
+ sy *= -dp;
+
+ var lenN = Math.sqrt(sx*sx + sy*sy);
+
+ //find the smallest axial projection vector
+ if(x < y)
+ {
+ //penetration in x is smaller
+ lenP = x;
+ y = 0;
+ //get sign for projection along x-axis
+ if((obj.pos.x - t.pos.x) < 0)
+ {
+ x *= -1;
+ }
+ }
+ else
+ {
+ //penetration in y is smaller
+ lenP = y;
+ x = 0;
+ //get sign for projection along y-axis
+ if((obj.pos.y - t.pos.y)< 0)
+ {
+ y *= -1;
+ }
+ }
+
+ if(lenP < lenN)
+ {
+ obj.reportCollisionVsWorld(x, y, x/lenP, y/lenP, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ obj.reportCollisionVsWorld(sx, sy, t.sx, t.sy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+ else
+ {
+ //colliding vertically
+
+ if((signy*oV) < 0)
+ {
+ //colliding with face/edge
+ obj.reportCollisionVsWorld(0, y*oV, 0, oV, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //we could only be colliding vs the slope OR a vertex
+ //look at the vector form the closest vert to the circle to decide
+
+ var sx = t.sx;
+ var sy = t.sy;
+
+ var ox = obj.pos.x - (t.pos.x - (signx*t.xw));//this gives is the coordinates of the innermost
+ var oy = obj.pos.y - (t.pos.y + (signy*t.yw));//point on the circle, relative to the closest tile vert
+
+ //if the component of (ox,oy) parallel to the normal's righthand normal
+ //has the same sign as the slope of the slope (the sign of the slope's slope is signx*signy)
+ //then we project by the vertex, otherwise by the normal.
+ //note that this is simply a VERY tricky/weird method of determining
+ //if the circle is in side the slope/face's voronio region, or that of the vertex.
+ var perp = (ox*-sy) + (oy*sx);
+ if(0 < (perp*signx*signy))
+ {
+ //collide vs. vertex
+ var len = Math.sqrt(ox*ox + oy*oy);
+ var pen = obj.radius - len;
+ if(0 < pen)
+ {
+ //note: if len=0, then perp=0 and we'll never reach here, so don't worry about div-by-0
+ ox /= len;
+ oy /= len;
+
+ obj.reportCollisionVsWorld(ox*pen, oy*pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ else
+ {
+ //collide vs. slope
+
+ //if the component of (ox,oy) parallel to the normal is less than the circle radius, we're
+ //penetrating the slope. note that this method of penetration calculation doesn't hold
+ //in general (i.e it won't work if the circle is in the slope), but works in this case
+ //because we know the circle is in a neighboring cell
+ var dp = (ox*sx) + (oy*sy);
+ var pen = obj.radius - Math.abs(dp);//note: we don't need the abs because we know the dp will be positive, but just in case..
+ if(0 < pen)
+ {
+ //collision; circle out along normal by penetration amount
+ obj.reportCollisionVsWorld(sx*pen, sy*pen,sx, sy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+ }
+ }
+ else if(oV == 0)
+ {
+ //colliding horizontally
+
+ if((signx*oH) < 0)
+ {
+ //colliding with face/edge
+ obj.reportCollisionVsWorld(x*oH, 0, oH, 0, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //colliding with edge, slope, or vertex
+
+ var ox = obj.pos.x - (t.pos.x + (signx*t.xw));//this gives is the coordinates of the innermost
+ var oy = obj.pos.y - t.pos.y;//point on the circle, relative to the closest tile vert
+
+ if((oy*signy) < 0)
+ {
+ //we're colliding with the halfface
+ obj.reportCollisionVsWorld(x*oH, 0, oH, 0, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //colliding with the vertex or slope
+
+ var sx = t.sx;
+ var sy = t.sy;
+
+ //if the component of (ox,oy) parallel to the normal's righthand normal
+ //has the same sign as the slope of the slope (the sign of the slope's slope is signx*signy)
+ //then we project by the slope, otherwise by the vertex.
+ //note that this is simply a VERY tricky/weird method of determining
+ //if the circle is in side the slope/face's voronio region, or that of the vertex.
+ var perp = (ox*-sy) + (oy*sx);
+ if((perp*signx*signy) < 0)
+ {
+ //collide vs. vertex
+ var len = Math.sqrt(ox*ox + oy*oy);
+ var pen = obj.radius - len;
+ if(0 < pen)
+ {
+ //note: if len=0, then perp=0 and we'll never reach here, so don't worry about div-by-0
+ ox /= len;
+ oy /= len;
+
+ obj.reportCollisionVsWorld(ox*pen, oy*pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ else
+ {
+ //collide vs. slope
+
+ //if the component of (ox,oy) parallel to the normal is less than the circle radius, we're
+ //penetrating the slope. note that this method of penetration calculation doesn't hold
+ //in general (i.e it won't work if the circle is in the slope), but works in this case
+ //because we know the circle is in a neighboring cell
+ var dp = (ox*sx) + (oy*sy);
+ var pen = obj.radius - Math.abs(dp);//note: we don't need the abs because we know the dp will be positive, but just in case..
+ if(0 < pen)
+ {
+ //collision; circle out along normal by penetration amount
+ obj.reportCollisionVsWorld(sx*pen, sy*pen, t.sx, t.sy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+ }
+ }
+ else
+ {
+ //colliding diagonally
+ if( 0 < ((signx*oH) + (signy*oV)) )
+ {
+ //the dotprod of slope normal and cell offset is strictly positive,
+ //therefore obj is in the diagonal neighb pointed at by the normal.
+
+ //collide vs slope
+
+ //we should really precalc this at compile time, but for now, fuck it
+ var slen = Math.sqrt(2*2 + 1*1);//the raw slope is (-2,-1)
+ var sx = (signx*1) / slen;//get slope _unit_ normal;
+ var sy = (signy*2) / slen;//raw RH normal is (1,-2)
+
+ var r = obj.radius;
+ var ox = (obj.pos.x - (sx*r)) - (t.pos.x - (signx*t.xw));//this gives is the coordinates of the innermost
+ var oy = (obj.pos.y - (sy*r)) - (t.pos.y + (signy*t.yw));//point on the circle, relative to a point on the slope
+
+ //if the dotprod of (ox,oy) and (sx,sy) is negative, the point on the circle is in the slope
+ //and we need toproject it out by the magnitude of the projection of (ox,oy) onto (sx,sy)
+ var dp = (ox*sx) + (oy*sy);
+
+ if(dp < 0)
+ {
+ //collision; project delta onto slope and use this to displace the object
+ //(sx,sy)*-dp is the projection vector
+ obj.reportCollisionVsWorld(-sx*dp, -sy*dp, t.sx, t.sy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+ }
+ else
+ {
+ //collide vs the appropriate vertex
+ var vx = t.pos.x + (oH*t.xw);
+ var vy = t.pos.y + (oV*t.yw);
+
+ var dx = obj.pos.x - vx;//calc vert->circle vector
+ var dy = obj.pos.y - vy;
+
+ var len = Math.sqrt(dx*dx + dy*dy);
+ var pen = obj.radius - len;
+ if(0 < pen)
+ {
+ //vertex is in the circle; project outward
+ if(len == 0)
+ {
+ //project out by 45deg
+ dx = oH / Math.SQRT2;
+ dy = oV / Math.SQRT2;
+ }
+ else
+ {
+ dx /= len;
+ dy /= len;
+ }
+
+ obj.reportCollisionVsWorld(dx*pen, dy*pen, dx, dy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+
+ }
+ }
+
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+ },
+
+ /**
+ * Resolves 67 Degree tile collision.
+ *
+ * @method Phaser.Physics.Ninja.Circle#projCircle_67DegS
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {number} oH - Grid / voronoi region.
+ * @param {number} oV - Grid / voronoi region.
+ * @param {Phaser.Physics.Ninja.Circle} obj - The Circle involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projCircle_67DegS: function (x,y,oH,oV,obj,t) {
+
+ //if the object is in a cell pointed at by signx, no collision will ever occur
+ //otherwise,
+ //
+ //if we're colliding diagonally:
+ // -collide vs. the appropriate vertex
+ //if obj is in this tile: collide vs slope or vertex or axis
+ //if obj is vert neighb in direction of slope: collide vs. slope or vertex
+ //if obj is vert neighb against the slope:
+ // if(distance in y from circle to 90deg corner of tile < 1/2 tileheight, collide vs. face)
+ // else(collide vs. corner of slope) (vert collision with a non-grid-aligned vert)
+ //if obj is horiz neighb against direction of slope: collide vs. face
+
+ var signx = t.signx;
+ var signy = t.signy;
+
+ if(0 < (signx*oH))
+ {
+ //object will never collide vs tile, it can't reach that far
+
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+ }
+ else if(oH == 0)
+ {
+ if(oV == 0)
+ {
+ //colliding with current tile
+ //we could only be colliding vs the slope OR a vertex
+ //look at the vector form the closest vert to the circle to decide
+
+ var sx = t.sx;
+ var sy = t.sy;
+
+ var r = obj.radius;
+ var ox = obj.pos.x - t.pos.x;//this gives is the coordinates of the innermost
+ var oy = obj.pos.y - (t.pos.y - (signy*t.yw));//point on the circle, relative to the tile corner
+
+ //if the component of (ox,oy) parallel to the normal's righthand normal
+ //has the same sign as the slope of the slope (the sign of the slope's slope is signx*signy)
+ //then we project by the normal or axis, otherwise by the corner/vertex
+ //note that this is simply a VERY tricky/weird method of determining
+ //if the circle is in side the slope/face's voronoi region, or that of the vertex.
+
+ var perp = (ox*-sy) + (oy*sx);
+ if((perp*signx*signy) < 0)
+ {
+ //collide vs. vertex
+ var len = Math.sqrt(ox*ox + oy*oy);
+ var pen = r - len;
+ if(0 < pen)
+ {
+ //note: if len=0, then perp=0 and we'll never reach here, so don't worry about div-by-0
+ ox /= len;
+ oy /= len;
+
+ obj.reportCollisionVsWorld(ox*pen, oy*pen, ox, oy, t);
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ else
+ {
+ //collide vs. slope or vs axis
+ ox -= r*sx;//this gives us the vector from
+ oy -= r*sy;//a point on the slope to the innermost point on the circle
+
+ //if the dotprod of (ox,oy) and (sx,sy) is negative, the point on the circle is in the slope
+ //and we need toproject it out by the magnitude of the projection of (ox,oy) onto (sx,sy)
+ var dp = (ox*sx) + (oy*sy);
+
+ if(dp < 0)
+ {
+ //collision; project delta onto slope and use this to displace the object
+ sx *= -dp;//(sx,sy) is now the projection vector
+ sy *= -dp;
+
+ var lenN = Math.sqrt(sx*sx + sy*sy);
+
+ //find the smallest axial projection vector
+ if(x < y)
+ {
+ //penetration in x is smaller
+ lenP = x;
+ y = 0;
+ //get sign for projection along x-axis
+ if((obj.pos.x - t.pos.x) < 0)
+ {
+ x *= -1;
+ }
+ }
+ else
+ {
+ //penetration in y is smaller
+ lenP = y;
+ x = 0;
+ //get sign for projection along y-axis
+ if((obj.pos.y - t.pos.y)< 0)
+ {
+ y *= -1;
+ }
+ }
+
+ if(lenP < lenN)
+ {
+ obj.reportCollisionVsWorld(x,y,x/lenP, y/lenP, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS
+ }
+ else
+ {
+ obj.reportCollisionVsWorld(sx,sy,t.sx,t.sy,t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+
+ }
+ else
+ {
+ //colliding vertically
+
+ if((signy*oV) < 0)
+ {
+ //colliding with face/edge OR with corner of wedge, depending on our position vertically
+
+ //collide vs. vertex
+ //get diag vertex position
+ var vx = t.pos.x;
+ var vy = t.pos.y - (signy*t.yw);
+
+ var dx = obj.pos.x - vx;//calc vert->circle vector
+ var dy = obj.pos.y - vy;
+
+ if((dx*signx) < 0)
+ {
+ //colliding vs face
+ obj.reportCollisionVsWorld(0, y*oV, 0, oV, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //colliding vs. vertex
+
+ var len = Math.sqrt(dx*dx + dy*dy);
+ var pen = obj.radius - len;
+ if(0 < pen)
+ {
+ //vertex is in the circle; project outward
+ if(len == 0)
+ {
+ //project out by 45deg
+ dx = oH / Math.SQRT2;
+ dy = oV / Math.SQRT2;
+ }
+ else
+ {
+ dx /= len;
+ dy /= len;
+ }
+
+ obj.reportCollisionVsWorld(dx*pen, dy*pen, dx, dy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+ else
+ {
+ //we could only be colliding vs the slope OR a vertex
+ //look at the vector form the closest vert to the circle to decide
+
+ var sx = t.sx;
+ var sy = t.sy;
+
+ var ox = obj.pos.x - (t.pos.x - (signx*t.xw));//this gives is the coordinates of the innermost
+ var oy = obj.pos.y - (t.pos.y + (oV*t.yw));//point on the circle, relative to the closest tile vert
+
+ //if the component of (ox,oy) parallel to the normal's righthand normal
+ //has the same sign as the slope of the slope (the sign of the slope's slope is signx*signy)
+ //then we project by the vertex, otherwise by the normal.
+ //note that this is simply a VERY tricky/weird method of determining
+ //if the circle is in side the slope/face's voronio region, or that of the vertex.
+ var perp = (ox*-sy) + (oy*sx);
+ if(0 < (perp*signx*signy))
+ {
+ //collide vs. vertex
+ var len = Math.sqrt(ox*ox + oy*oy);
+ var pen = obj.radius - len;
+ if(0 < pen)
+ {
+ //note: if len=0, then perp=0 and we'll never reach here, so don't worry about div-by-0
+ ox /= len;
+ oy /= len;
+
+ obj.reportCollisionVsWorld(ox*pen, oy*pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ else
+ {
+ //collide vs. slope
+
+ //if the component of (ox,oy) parallel to the normal is less than the circle radius, we're
+ //penetrating the slope. note that this method of penetration calculation doesn't hold
+ //in general (i.e it won't work if the circle is in the slope), but works in this case
+ //because we know the circle is in a neighboring cell
+ var dp = (ox*sx) + (oy*sy);
+ var pen = obj.radius - Math.abs(dp);//note: we don't need the abs because we know the dp will be positive, but just in case..
+
+ if(0 < pen)
+ {
+ //collision; circle out along normal by penetration amount
+ obj.reportCollisionVsWorld(sx*pen, sy*pen, t.sx, t.sy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+ }
+ }
+ else if(oV == 0)
+ {
+ //colliding horizontally; we can assume that (signy*oV) < 0
+ //due to the first conditional far above
+
+ obj.reportCollisionVsWorld(x*oH, 0, oH, 0, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //colliding diagonally; due to the first conditional above,
+ //obj is vertically offset against slope, and offset in either direction horizontally
+
+ //collide vs. vertex
+ //get diag vertex position
+ var vx = t.pos.x + (oH*t.xw);
+ var vy = t.pos.y + (oV*t.yw);
+
+ var dx = obj.pos.x - vx;//calc vert->circle vector
+ var dy = obj.pos.y - vy;
+
+ var len = Math.sqrt(dx*dx + dy*dy);
+ var pen = obj.radius - len;
+ if(0 < pen)
+ {
+ //vertex is in the circle; project outward
+ if(len == 0)
+ {
+ //project out by 45deg
+ dx = oH / Math.SQRT2;
+ dy = oV / Math.SQRT2;
+ }
+ else
+ {
+ dx /= len;
+ dy /= len;
+ }
+
+ obj.reportCollisionVsWorld(dx*pen, dy*pen, dx, dy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+
+ },
+
+ /**
+ * Resolves 67 Degree tile collision.
+ *
+ * @method Phaser.Physics.Ninja.Circle#projCircle_67DegB
+ * @param {number} x - Penetration depth on the x axis.
+ * @param {number} y - Penetration depth on the y axis.
+ * @param {number} oH - Grid / voronoi region.
+ * @param {number} oV - Grid / voronoi region.
+ * @param {Phaser.Physics.Ninja.Circle} obj - The Circle involved in the collision.
+ * @param {Phaser.Physics.Ninja.Tile} t - The Tile involved in the collision.
+ * @return {number} The result of the collision.
+ */
+ projCircle_67DegB: function (x,y,oH, oV, obj,t) {
+
+ //if we're colliding diagonally:
+ // -if we're in the cell pointed at by the normal, collide vs slope, else
+ // collide vs. the appropriate corner/vertex
+ //
+ //if obj is in this tile: collide as with aabb
+ //
+ //if obj is horiz or vertical neighbor AGAINST the slope: collide with edge
+ //
+ //if obj is vert neighb in direction of slope: collide vs. slope or vertex or halfedge
+ //
+ //if obj is horiz neighb in direction of slope: collide vs. slope or vertex
+
+ var signx = t.signx;
+ var signy = t.signy;
+
+ if(oH == 0)
+ {
+ if(oV == 0)
+ {
+ //colliding with current cell
+
+ var sx = t.sx;
+ var sy = t.sy;
+
+ var r = obj.radius;
+ var ox = (obj.pos.x - (sx*r)) - (t.pos.x + (signx*t.xw));//this gives is the coordinates of the innermost
+ var oy = (obj.pos.y - (sy*r)) - (t.pos.y - (signy*t.yw));//point on the AABB, relative to a point on the slope
+
+ //if the dotprod of (ox,oy) and (sx,sy) is negative, the point on the circle is in the slope
+ //and we need toproject it out by the magnitude of the projection of (ox,oy) onto (sx,sy)
+ var dp = (ox*sx) + (oy*sy);
+
+ if(dp < 0)
+ {
+ //collision; project delta onto slope and use this to displace the object
+ sx *= -dp;//(sx,sy) is now the projection vector
+ sy *= -dp;
+
+ var lenN = Math.sqrt(sx*sx + sy*sy);
+
+ //find the smallest axial projection vector
+ if(x < y)
+ {
+ //penetration in x is smaller
+ lenP = x;
+ y = 0;
+ //get sign for projection along x-axis
+ if((obj.pos.x - t.pos.x) < 0)
+ {
+ x *= -1;
+ }
+ }
+ else
+ {
+ //penetration in y is smaller
+ lenP = y;
+ x = 0;
+ //get sign for projection along y-axis
+ if((obj.pos.y - t.pos.y)< 0)
+ {
+ y *= -1;
+ }
+ }
+
+ if(lenP < lenN)
+ {
+ obj.reportCollisionVsWorld(x,y,x/lenP, y/lenP, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ obj.reportCollisionVsWorld(sx, sy, t.sx, t.sy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+
+ }
+ }
+ else
+ {
+ //colliding vertically
+
+ if((signy*oV) < 0)
+ {
+ //colliding with face/edge
+ obj.reportCollisionVsWorld(0, y*oV, 0, oV, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //colliding with edge, slope, or vertex
+
+ var ox = obj.pos.x - t.pos.x;//this gives is the coordinates of the innermost
+ var oy = obj.pos.y - (t.pos.y + (signy*t.yw));//point on the circle, relative to the closest tile vert
+
+ if((ox*signx) < 0)
+ {
+ //we're colliding with the halfface
+ obj.reportCollisionVsWorld(0, y*oV, 0, oV, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //colliding with the vertex or slope
+
+ var sx = t.sx;
+ var sy = t.sy;
+
+ //if the component of (ox,oy) parallel to the normal's righthand normal
+ //has the same sign as the slope of the slope (the sign of the slope's slope is signx*signy)
+ //then we project by the vertex, otherwise by the slope.
+ //note that this is simply a VERY tricky/weird method of determining
+ //if the circle is in side the slope/face's voronio region, or that of the vertex.
+ var perp = (ox*-sy) + (oy*sx);
+ if(0 < (perp*signx*signy))
+ {
+ //collide vs. vertex
+ var len = Math.sqrt(ox*ox + oy*oy);
+ var pen = obj.radius - len;
+ if(0 < pen)
+ {
+ //note: if len=0, then perp=0 and we'll never reach here, so don't worry about div-by-0
+ ox /= len;
+ oy /= len;
+
+ obj.reportCollisionVsWorld(ox*pen, oy*pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ else
+ {
+ //collide vs. slope
+
+ //if the component of (ox,oy) parallel to the normal is less than the circle radius, we're
+ //penetrating the slope. note that this method of penetration calculation doesn't hold
+ //in general (i.e it won't work if the circle is in the slope), but works in this case
+ //because we know the circle is in a neighboring cell
+ var dp = (ox*sx) + (oy*sy);
+ var pen = obj.radius - Math.abs(dp);//note: we don't need the abs because we know the dp will be positive, but just in case..
+ if(0 < pen)
+ {
+ //collision; circle out along normal by penetration amount
+ obj.reportCollisionVsWorld(sx*pen, sy*pen, sx, sy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+ }
+ }
+ }
+ else if(oV == 0)
+ {
+ //colliding horizontally
+
+ if((signx*oH) < 0)
+ {
+ //colliding with face/edge
+ obj.reportCollisionVsWorld(x*oH, 0, oH, 0, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_AXIS;
+ }
+ else
+ {
+ //we could only be colliding vs the slope OR a vertex
+ //look at the vector form the closest vert to the circle to decide
+
+ var slen = Math.sqrt(2*2 + 1*1);//the raw slope is (-2,-1)
+ var sx = (signx*2) / slen;//get slope _unit_ normal;
+ var sy = (signy*1) / slen;//raw RH normal is (1,-2)
+
+ var ox = obj.pos.x - (t.pos.x + (signx*t.xw));//this gives is the coordinates of the innermost
+ var oy = obj.pos.y - (t.pos.y - (signy*t.yw));//point on the circle, relative to the closest tile vert
+
+ //if the component of (ox,oy) parallel to the normal's righthand normal
+ //has the same sign as the slope of the slope (the sign of the slope's slope is signx*signy)
+ //then we project by the slope, otherwise by the vertex.
+ //note that this is simply a VERY tricky/weird method of determining
+ //if the circle is in side the slope/face's voronio region, or that of the vertex.
+ var perp = (ox*-sy) + (oy*sx);
+ if((perp*signx*signy) < 0)
+ {
+ //collide vs. vertex
+ var len = Math.sqrt(ox*ox + oy*oy);
+ var pen = obj.radius - len;
+ if(0 < pen)
+ {
+ //note: if len=0, then perp=0 and we'll never reach here, so don't worry about div-by-0
+ ox /= len;
+ oy /= len;
+
+ obj.reportCollisionVsWorld(ox*pen, oy*pen, ox, oy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ else
+ {
+ //collide vs. slope
+
+ //if the component of (ox,oy) parallel to the normal is less than the circle radius, we're
+ //penetrating the slope. note that this method of penetration calculation doesn't hold
+ //in general (i.e it won't work if the circle is in the slope), but works in this case
+ //because we know the circle is in a neighboring cell
+ var dp = (ox*sx) + (oy*sy);
+ var pen = obj.radius - Math.abs(dp);//note: we don't need the abs because we know the dp will be positive, but just in case..
+ if(0 < pen)
+ {
+ //collision; circle out along normal by penetration amount
+ obj.reportCollisionVsWorld(sx*pen, sy*pen, t.sx, t.sy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ }
+ }
+ }
+ else
+ {
+ //colliding diagonally
+ if( 0 < ((signx*oH) + (signy*oV)) )
+ {
+ //the dotprod of slope normal and cell offset is strictly positive,
+ //therefore obj is in the diagonal neighb pointed at by the normal.
+
+ //collide vs slope
+
+ var sx = t.sx;
+ var sy = t.sy;
+
+ var r = obj.radius;
+ var ox = (obj.pos.x - (sx*r)) - (t.pos.x + (signx*t.xw));//this gives is the coordinates of the innermost
+ var oy = (obj.pos.y - (sy*r)) - (t.pos.y - (signy*t.yw));//point on the circle, relative to a point on the slope
+
+ //if the dotprod of (ox,oy) and (sx,sy) is negative, the point on the circle is in the slope
+ //and we need toproject it out by the magnitude of the projection of (ox,oy) onto (sx,sy)
+ var dp = (ox*sx) + (oy*sy);
+
+ if(dp < 0)
+ {
+ //collision; project delta onto slope and use this to displace the object
+ //(sx,sy)*-dp is the projection vector
+
+ obj.reportCollisionVsWorld(-sx*dp, -sy*dp, t.sx, t.sy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+ }
+ else
+ {
+
+ //collide vs the appropriate vertex
+ var vx = t.pos.x + (oH*t.xw);
+ var vy = t.pos.y + (oV*t.yw);
+
+ var dx = obj.pos.x - vx;//calc vert->circle vector
+ var dy = obj.pos.y - vy;
+
+ var len = Math.sqrt(dx*dx + dy*dy);
+ var pen = obj.radius - len;
+ if(0 < pen)
+ {
+ //vertex is in the circle; project outward
+ if(len == 0)
+ {
+ //project out by 45deg
+ dx = oH / Math.SQRT2;
+ dy = oV / Math.SQRT2;
+ }
+ else
+ {
+ dx /= len;
+ dy /= len;
+ }
+
+ obj.reportCollisionVsWorld(dx*pen, dy*pen, dx, dy, t);
+
+ return Phaser.Physics.Ninja.Circle.COL_OTHER;
+ }
+
+ }
+ }
+
+ return Phaser.Physics.Ninja.Circle.COL_NONE;
+ }
+
+}
+
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 p2.js authors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+!function(e){"object"==typeof exports?module.exports=e():"function"==typeof define&&define.amd?define('p2', (function() { return this.p2 = e(); })()):"undefined"!=typeof window?window.p2=e():"undefined"!=typeof global?self.p2=e():"undefined"!=typeof self&&(self.p2=e())}(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o 0) {
+ //TODO: evaluate use of glm_invsqrt here?
+ len = 1 / Math.sqrt(len);
+ out[0] = a[0] * len;
+ out[1] = a[1] * len;
+ }
+ return out;
+};
+
+/**
+ * Caclulates the dot product of two vec2's
+ *
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {Number} dot product of a and b
+ */
+vec2.dot = function (a, b) {
+ return a[0] * b[0] + a[1] * b[1];
+};
+
+/**
+ * Computes the cross product of two vec2's
+ * Note that the cross product must by definition produce a 3D vector
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {vec3} out
+ */
+vec2.cross = function(out, a, b) {
+ var z = a[0] * b[1] - a[1] * b[0];
+ out[0] = out[1] = 0;
+ out[2] = z;
+ return out;
+};
+
+/**
+ * Performs a linear interpolation between two vec2's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @param {Number} t interpolation amount between the two inputs
+ * @returns {vec2} out
+ */
+vec2.lerp = function (out, a, b, t) {
+ var ax = a[0],
+ ay = a[1];
+ out[0] = ax + t * (b[0] - ax);
+ out[1] = ay + t * (b[1] - ay);
+ return out;
+};
+
+/**
+ * Transforms the vec2 with a mat2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the vector to transform
+ * @param {mat2} m matrix to transform with
+ * @returns {vec2} out
+ */
+vec2.transformMat2 = function(out, a, m) {
+ var x = a[0],
+ y = a[1];
+ out[0] = x * m[0] + y * m[1];
+ out[1] = x * m[2] + y * m[3];
+ return out;
+};
+
+/**
+ * Perform some operation over an array of vec2s.
+ *
+ * @param {Array} a the array of vectors to iterate over
+ * @param {Number} stride Number of elements between the start of each vec2. If 0 assumes tightly packed
+ * @param {Number} offset Number of elements to skip at the beginning of the array
+ * @param {Number} count Number of vec2s to iterate over. If 0 iterates over entire array
+ * @param {Function} fn Function to call for each vector in the array
+ * @param {Object} [arg] additional argument to pass to fn
+ * @returns {Array} a
+ * @function
+ */
+vec2.forEach = (function() {
+ var vec = new Float32Array(2);
+
+ return function(a, stride, offset, count, fn, arg) {
+ var i, l;
+ if(!stride) {
+ stride = 2;
+ }
+
+ if(!offset) {
+ offset = 0;
+ }
+
+ if(count) {
+ l = Math.min((count * stride) + offset, a.length);
+ } else {
+ l = a.length;
+ }
+
+ for(i = offset; i < l; i += stride) {
+ vec[0] = a[i]; vec[1] = a[i+1];
+ fn(vec, vec, arg);
+ a[i] = vec[0]; a[i+1] = vec[1];
+ }
+
+ return a;
+ };
+})();
+
+/**
+ * Returns a string representation of a vector
+ *
+ * @param {vec2} vec vector to represent as a string
+ * @returns {String} string representation of the vector
+ */
+vec2.str = function (a) {
+ return 'vec2(' + a[0] + ', ' + a[1] + ')';
+};
+
+if(typeof(exports) !== 'undefined') {
+ exports.vec2 = vec2;
+}
+
+},{}],3:[function(require,module,exports){
+var Scalar = require('./Scalar');
+
+module.exports = Line;
+
+/**
+ * Container for line-related functions
+ * @class Line
+ */
+function Line(){};
+
+/**
+ * Compute the intersection between two lines.
+ * @static
+ * @method lineInt
+ * @param {Array} l1 Line vector 1
+ * @param {Array} l2 Line vector 2
+ * @param {Number} precision Precision to use when checking if the lines are parallel
+ * @return {Array} The intersection point.
+ */
+Line.lineInt = function(l1,l2,precision){
+ precision = precision || 0;
+ var i = [0,0]; // point
+ var a1, b1, c1, a2, b2, c2, det; // scalars
+ a1 = l1[1][1] - l1[0][1];
+ b1 = l1[0][0] - l1[1][0];
+ c1 = a1 * l1[0][0] + b1 * l1[0][1];
+ a2 = l2[1][1] - l2[0][1];
+ b2 = l2[0][0] - l2[1][0];
+ c2 = a2 * l2[0][0] + b2 * l2[0][1];
+ det = a1 * b2 - a2*b1;
+ if (!Scalar.eq(det, 0, precision)) { // lines are not parallel
+ i[0] = (b2 * c1 - b1 * c2) / det;
+ i[1] = (a1 * c2 - a2 * c1) / det;
+ }
+ return i;
+};
+
+/**
+ * Checks if two line segments intersects.
+ * @method segmentsIntersect
+ * @param {Array} p1 The start vertex of the first line segment.
+ * @param {Array} p2 The end vertex of the first line segment.
+ * @param {Array} q1 The start vertex of the second line segment.
+ * @param {Array} q2 The end vertex of the second line segment.
+ * @return {Boolean} True if the two line segments intersect
+ */
+Line.segmentsIntersect = function(p1, p2, q1, q2){
+ var dx = p2[0] - p1[0];
+ var dy = p2[1] - p1[1];
+ var da = q2[0] - q1[0];
+ var db = q2[1] - q1[1];
+
+ // segments are parallel
+ if(da*dy - db*dx == 0)
+ return false;
+
+ var s = (dx * (q1[1] - p1[1]) + dy * (p1[0] - q1[0])) / (da * dy - db * dx)
+ var t = (da * (p1[1] - q1[1]) + db * (q1[0] - p1[0])) / (db * dx - da * dy)
+
+ return (s>=0 && s<=1 && t>=0 && t<=1);
+};
+
+
+},{"./Scalar":6}],4:[function(require,module,exports){
+module.exports = Point;
+
+/**
+ * Point related functions
+ * @class Point
+ */
+function Point(){};
+
+/**
+ * Get the area of a triangle spanned by the three given points. Note that the area will be negative if the points are not given in counter-clockwise order.
+ * @static
+ * @method area
+ * @param {Array} a
+ * @param {Array} b
+ * @param {Array} c
+ * @return {Number}
+ */
+Point.area = function(a,b,c){
+ return (((b[0] - a[0])*(c[1] - a[1]))-((c[0] - a[0])*(b[1] - a[1])));
+};
+
+Point.left = function(a,b,c){
+ return Point.area(a,b,c) > 0;
+};
+
+Point.leftOn = function(a,b,c) {
+ return Point.area(a, b, c) >= 0;
+};
+
+Point.right = function(a,b,c) {
+ return Point.area(a, b, c) < 0;
+};
+
+Point.rightOn = function(a,b,c) {
+ return Point.area(a, b, c) <= 0;
+};
+
+var tmpPoint1 = [],
+ tmpPoint2 = [];
+
+/**
+ * Check if three points are collinear
+ * @method collinear
+ * @param {Array} a
+ * @param {Array} b
+ * @param {Array} c
+ * @param {Number} [thresholdAngle=0] Threshold angle to use when comparing the vectors. The function will return true if the angle between the resulting vectors is less than this value. Use zero for max precision.
+ * @return {Boolean}
+ */
+Point.collinear = function(a,b,c,thresholdAngle) {
+ if(!thresholdAngle)
+ return Point.area(a, b, c) == 0;
+ else {
+ var ab = tmpPoint1,
+ bc = tmpPoint2;
+
+ ab[0] = b[0]-a[0];
+ ab[1] = b[1]-a[1];
+ bc[0] = c[0]-b[0];
+ bc[1] = c[1]-b[1];
+
+ var dot = ab[0]*bc[0] + ab[1]*bc[1],
+ magA = Math.sqrt(ab[0]*ab[0] + ab[1]*ab[1]),
+ magB = Math.sqrt(bc[0]*bc[0] + bc[1]*bc[1]),
+ angle = Math.acos(dot/(magA*magB));
+ return angle < thresholdAngle;
+ }
+};
+
+Point.sqdist = function(a,b){
+ var dx = b[0] - a[0];
+ var dy = b[1] - a[1];
+ return dx * dx + dy * dy;
+};
+
+},{}],5:[function(require,module,exports){
+var Line = require("./Line")
+, Point = require("./Point")
+, Scalar = require("./Scalar")
+
+module.exports = Polygon;
+
+/**
+ * Polygon class.
+ * @class Polygon
+ * @constructor
+ */
+function Polygon(){
+
+ /**
+ * Vertices that this polygon consists of. An array of array of numbers, example: [[0,0],[1,0],..]
+ * @property vertices
+ * @type {Array}
+ */
+ this.vertices = [];
+}
+
+/**
+ * Get a vertex at position i. It does not matter if i is out of bounds, this function will just cycle.
+ * @method at
+ * @param {Number} i
+ * @return {Array}
+ */
+Polygon.prototype.at = function(i){
+ var v = this.vertices,
+ s = v.length;
+ return v[i < 0 ? i % s + s : i % s];
+};
+
+/**
+ * Get first vertex
+ * @method first
+ * @return {Array}
+ */
+Polygon.prototype.first = function(){
+ return this.vertices[0];
+};
+
+/**
+ * Get last vertex
+ * @method last
+ * @return {Array}
+ */
+Polygon.prototype.last = function(){
+ return this.vertices[this.vertices.length-1];
+};
+
+/**
+ * Clear the polygon data
+ * @method clear
+ * @return {Array}
+ */
+Polygon.prototype.clear = function(){
+ this.vertices.length = 0;
+};
+
+/**
+ * Append points "from" to "to"-1 from an other polygon "poly" onto this one.
+ * @method append
+ * @param {Polygon} poly The polygon to get points from.
+ * @param {Number} from The vertex index in "poly".
+ * @param {Number} to The end vertex index in "poly". Note that this vertex is NOT included when appending.
+ * @return {Array}
+ */
+Polygon.prototype.append = function(poly,from,to){
+ if(typeof(from) == "undefined") throw new Error("From is not given!");
+ if(typeof(to) == "undefined") throw new Error("To is not given!");
+
+ if(to-1 < from) throw new Error("lol1");
+ if(to > poly.vertices.length) throw new Error("lol2");
+ if(from < 0) throw new Error("lol3");
+
+ for(var i=from; i v[br][0])) {
+ br = i;
+ }
+ }
+
+ // reverse poly if clockwise
+ if (!Point.left(this.at(br - 1), this.at(br), this.at(br + 1))) {
+ this.reverse();
+ }
+};
+
+/**
+ * Reverse the vertices in the polygon
+ * @method reverse
+ */
+Polygon.prototype.reverse = function(){
+ var tmp = [];
+ for(var i=0, N=this.vertices.length; i!==N; i++){
+ tmp.push(this.vertices.pop());
+ }
+ this.vertices = tmp;
+};
+
+/**
+ * Check if a point in the polygon is a reflex point
+ * @method isReflex
+ * @param {Number} i
+ * @return {Boolean}
+ */
+Polygon.prototype.isReflex = function(i){
+ return Point.right(this.at(i - 1), this.at(i), this.at(i + 1));
+};
+
+var tmpLine1=[],
+ tmpLine2=[];
+
+/**
+ * Check if two vertices in the polygon can see each other
+ * @method canSee
+ * @param {Number} a Vertex index 1
+ * @param {Number} b Vertex index 2
+ * @return {Boolean}
+ */
+Polygon.prototype.canSee = function(a,b) {
+ var p, dist, l1=tmpLine1, l2=tmpLine2;
+
+ if (Point.leftOn(this.at(a + 1), this.at(a), this.at(b)) && Point.rightOn(this.at(a - 1), this.at(a), this.at(b))) {
+ return false;
+ }
+ dist = Point.sqdist(this.at(a), this.at(b));
+ for (var i = 0; i !== this.vertices.length; ++i) { // for each edge
+ if ((i + 1) % this.vertices.length === a || i === a) // ignore incident edges
+ continue;
+ if (Point.leftOn(this.at(a), this.at(b), this.at(i + 1)) && Point.rightOn(this.at(a), this.at(b), this.at(i))) { // if diag intersects an edge
+ l1[0] = this.at(a);
+ l1[1] = this.at(b);
+ l2[0] = this.at(i);
+ l2[1] = this.at(i + 1);
+ p = Line.lineInt(l1,l2);
+ if (Point.sqdist(this.at(a), p) < dist) { // if edge is blocking visibility to b
+ return false;
+ }
+ }
+ }
+
+ return true;
+};
+
+/**
+ * Copy the polygon from vertex i to vertex j.
+ * @method copy
+ * @param {Number} i
+ * @param {Number} j
+ * @param {Polygon} [targetPoly] Optional target polygon to save in.
+ * @return {Polygon} The resulting copy.
+ */
+Polygon.prototype.copy = function(i,j,targetPoly){
+ var p = targetPoly || new Polygon();
+ p.clear();
+ if (i < j) {
+ // Insert all vertices from i to j
+ for(var k=i; k<=j; k++)
+ p.vertices.push(this.vertices[k]);
+
+ } else {
+
+ // Insert vertices 0 to j
+ for(var k=0; k<=j; k++)
+ p.vertices.push(this.vertices[k]);
+
+ // Insert vertices i to end
+ for(var k=i; k 0)
+ return this.slice(edges);
+ else
+ return [this];
+};
+
+/**
+ * Slices the polygon given one or more cut edges. If given one, this function will return two polygons (false on failure). If many, an array of polygons.
+ * @method slice
+ * @param {Array} cutEdges A list of edges, as returned by .getCutEdges()
+ * @return {Array}
+ */
+Polygon.prototype.slice = function(cutEdges){
+ if(cutEdges.length == 0) return [this];
+ if(cutEdges instanceof Array && cutEdges.length && cutEdges[0] instanceof Array && cutEdges[0].length==2 && cutEdges[0][0] instanceof Array){
+
+ var polys = [this];
+
+ for(var i=0; i maxlevel){
+ console.warn("quickDecomp: max level ("+maxlevel+") reached.");
+ return result;
+ }
+
+ for (var i = 0; i < this.vertices.length; ++i) {
+ if (poly.isReflex(i)) {
+ reflexVertices.push(poly.vertices[i]);
+ upperDist = lowerDist = Number.MAX_VALUE;
+
+
+ for (var j = 0; j < this.vertices.length; ++j) {
+ if (Point.left(poly.at(i - 1), poly.at(i), poly.at(j))
+ && Point.rightOn(poly.at(i - 1), poly.at(i), poly.at(j - 1))) { // if line intersects with an edge
+ p = getIntersectionPoint(poly.at(i - 1), poly.at(i), poly.at(j), poly.at(j - 1)); // find the point of intersection
+ if (Point.right(poly.at(i + 1), poly.at(i), p)) { // make sure it's inside the poly
+ d = Point.sqdist(poly.vertices[i], p);
+ if (d < lowerDist) { // keep only the closest intersection
+ lowerDist = d;
+ lowerInt = p;
+ lowerIndex = j;
+ }
+ }
+ }
+ if (Point.left(poly.at(i + 1), poly.at(i), poly.at(j + 1))
+ && Point.rightOn(poly.at(i + 1), poly.at(i), poly.at(j))) {
+ p = getIntersectionPoint(poly.at(i + 1), poly.at(i), poly.at(j), poly.at(j + 1));
+ if (Point.left(poly.at(i - 1), poly.at(i), p)) {
+ d = Point.sqdist(poly.vertices[i], p);
+ if (d < upperDist) {
+ upperDist = d;
+ upperInt = p;
+ upperIndex = j;
+ }
+ }
+ }
+ }
+
+ // if there are no vertices to connect to, choose a point in the middle
+ if (lowerIndex == (upperIndex + 1) % this.vertices.length) {
+ //console.log("Case 1: Vertex("+i+"), lowerIndex("+lowerIndex+"), upperIndex("+upperIndex+"), poly.size("+this.vertices.length+")");
+ p[0] = (lowerInt[0] + upperInt[0]) / 2;
+ p[1] = (lowerInt[1] + upperInt[1]) / 2;
+ steinerPoints.push(p);
+
+ if (i < upperIndex) {
+ //lowerPoly.insert(lowerPoly.end(), poly.begin() + i, poly.begin() + upperIndex + 1);
+ lowerPoly.append(poly, i, upperIndex+1);
+ lowerPoly.vertices.push(p);
+ upperPoly.vertices.push(p);
+ if (lowerIndex != 0){
+ //upperPoly.insert(upperPoly.end(), poly.begin() + lowerIndex, poly.end());
+ upperPoly.append(poly,lowerIndex,poly.vertices.length);
+ }
+ //upperPoly.insert(upperPoly.end(), poly.begin(), poly.begin() + i + 1);
+ upperPoly.append(poly,0,i+1);
+ } else {
+ if (i != 0){
+ //lowerPoly.insert(lowerPoly.end(), poly.begin() + i, poly.end());
+ lowerPoly.append(poly,i,poly.vertices.length);
+ }
+ //lowerPoly.insert(lowerPoly.end(), poly.begin(), poly.begin() + upperIndex + 1);
+ lowerPoly.append(poly,0,upperIndex+1);
+ lowerPoly.vertices.push(p);
+ upperPoly.vertices.push(p);
+ //upperPoly.insert(upperPoly.end(), poly.begin() + lowerIndex, poly.begin() + i + 1);
+ upperPoly.append(poly,lowerIndex,i+1);
+ }
+ } else {
+ // connect to the closest point within the triangle
+ //console.log("Case 2: Vertex("+i+"), closestIndex("+closestIndex+"), poly.size("+this.vertices.length+")\n");
+
+ if (lowerIndex > upperIndex) {
+ upperIndex += this.vertices.length;
+ }
+ closestDist = Number.MAX_VALUE;
+
+ if(upperIndex < lowerIndex){
+ return result;
+ }
+
+ for (var j = lowerIndex; j <= upperIndex; ++j) {
+ if (Point.leftOn(poly.at(i - 1), poly.at(i), poly.at(j))
+ && Point.rightOn(poly.at(i + 1), poly.at(i), poly.at(j))) {
+ d = Point.sqdist(poly.at(i), poly.at(j));
+ if (d < closestDist) {
+ closestDist = d;
+ closestIndex = j % this.vertices.length;
+ }
+ }
+ }
+
+ if (i < closestIndex) {
+ lowerPoly.append(poly,i,closestIndex+1);
+ if (closestIndex != 0){
+ upperPoly.append(poly,closestIndex,v.length);
+ }
+ upperPoly.append(poly,0,i+1);
+ } else {
+ if (i != 0){
+ lowerPoly.append(poly,i,v.length);
+ }
+ lowerPoly.append(poly,0,closestIndex+1);
+ upperPoly.append(poly,closestIndex,i+1);
+ }
+ }
+
+ // solve smallest poly first
+ if (lowerPoly.vertices.length < upperPoly.vertices.length) {
+ lowerPoly.quickDecomp(result,reflexVertices,steinerPoints,delta,maxlevel,level);
+ upperPoly.quickDecomp(result,reflexVertices,steinerPoints,delta,maxlevel,level);
+ } else {
+ upperPoly.quickDecomp(result,reflexVertices,steinerPoints,delta,maxlevel,level);
+ lowerPoly.quickDecomp(result,reflexVertices,steinerPoints,delta,maxlevel,level);
+ }
+
+ return result;
+ }
+ }
+ result.push(this);
+
+ return result;
+};
+
+/**
+ * Remove collinear points in the polygon.
+ * @method removeCollinearPoints
+ * @param {Number} [precision] The threshold angle to use when determining whether two edges are collinear. Use zero for finest precision.
+ * @return {Number} The number of points removed
+ */
+Polygon.prototype.removeCollinearPoints = function(precision){
+ var num = 0;
+ for(var i=this.vertices.length-1; this.vertices.length>3 && i>=0; --i){
+ if(Point.collinear(this.at(i-1),this.at(i),this.at(i+1),precision)){
+ // Remove the middle point
+ this.vertices.splice(i%this.vertices.length,1);
+ i--; // Jump one point forward. Otherwise we may get a chain removal
+ num++;
+ }
+ }
+ return num;
+};
+
+},{"./Line":3,"./Point":4,"./Scalar":6}],6:[function(require,module,exports){
+module.exports = Scalar;
+
+/**
+ * Scalar functions
+ * @class Scalar
+ */
+function Scalar(){}
+
+/**
+ * Check if two scalars are equal
+ * @static
+ * @method eq
+ * @param {Number} a
+ * @param {Number} b
+ * @param {Number} [precision]
+ * @return {Boolean}
+ */
+Scalar.eq = function(a,b,precision){
+ precision = precision || 0;
+ return Math.abs(a-b) < precision;
+};
+
+},{}],7:[function(require,module,exports){
+module.exports = {
+ Polygon : require("./Polygon"),
+ Point : require("./Point"),
+};
+
+},{"./Point":4,"./Polygon":5}],8:[function(require,module,exports){
+module.exports={
+ "name": "p2",
+ "version": "0.4.0",
+ "description": "A JavaScript 2D physics engine.",
+ "author": "Stefan Hedman (http://steffe.se)",
+ "keywords": [
+ "p2.js",
+ "p2",
+ "physics",
+ "engine",
+ "2d"
+ ],
+ "main": "./src/p2.js",
+ "engines": {
+ "node": "*"
+ },
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/schteppe/p2.js.git"
+ },
+ "bugs": {
+ "url": "https://github.com/schteppe/p2.js/issues"
+ },
+ "licenses" : [
+ {
+ "type" : "MIT"
+ }
+ ],
+ "devDependencies" : {
+ "jshint" : "latest",
+ "nodeunit" : "latest",
+ "grunt": "~0.4.0",
+ "grunt-contrib-jshint": "~0.1.1",
+ "grunt-contrib-nodeunit": "~0.1.2",
+ "grunt-contrib-concat": "~0.1.3",
+ "grunt-contrib-uglify": "*",
+ "grunt-browserify" : "*",
+ "browserify":"*"
+ },
+ "dependencies" : {
+ "underscore":"*",
+ "poly-decomp" : "git://github.com/schteppe/poly-decomp.js",
+ "gl-matrix":"2.0.0",
+ "jsonschema":"*"
+ }
+}
+
+},{}],9:[function(require,module,exports){
+var vec2 = require('../math/vec2')
+, Utils = require('../utils/Utils')
+
+module.exports = AABB;
+
+/**
+ * Axis aligned bounding box class.
+ * @class AABB
+ * @constructor
+ * @param {Object} options
+ * @param {Array} upperBound
+ * @param {Array} lowerBound
+ */
+function AABB(options){
+
+ /**
+ * The lower bound of the bounding box.
+ * @property lowerBound
+ * @type {Array}
+ */
+ this.lowerBound = vec2.create();
+ if(options && options.lowerBound) vec2.copy(this.lowerBound, options.lowerBound);
+
+ /**
+ * The upper bound of the bounding box.
+ * @property upperBound
+ * @type {Array}
+ */
+ this.upperBound = vec2.create();
+ if(options && options.upperBound) vec2.copy(this.upperBound, options.upperBound);
+}
+
+var tmp = vec2.create();
+
+/**
+ * Set the AABB bounds from a set of points.
+ * @method setFromPoints
+ * @param {Array} points An array of vec2's.
+ */
+AABB.prototype.setFromPoints = function(points,position,angle){
+ var l = this.lowerBound,
+ u = this.upperBound;
+ vec2.set(l, Number.MAX_VALUE, Number.MAX_VALUE);
+ vec2.set(u, -Number.MAX_VALUE, -Number.MAX_VALUE);
+ for(var i=0; i u[j]){
+ u[j] = p[j];
+ }
+ if(p[j] < l[j]){
+ l[j] = p[j];
+ }
+ }
+ }
+
+ // Add offset
+ if(position){
+ vec2.add(this.lowerBound, this.lowerBound, position);
+ vec2.add(this.upperBound, this.upperBound, position);
+ }
+};
+
+/**
+ * Copy bounds from an AABB to this AABB
+ * @method copy
+ * @param {AABB} aabb
+ */
+AABB.prototype.copy = function(aabb){
+ vec2.copy(this.lowerBound, aabb.lowerBound);
+ vec2.copy(this.upperBound, aabb.upperBound);
+};
+
+/**
+ * Extend this AABB so that it covers the given AABB too.
+ * @method extend
+ * @param {AABB} aabb
+ */
+AABB.prototype.extend = function(aabb){
+ // Loop over x and y
+ for(var i=0; i<2; i++){
+ // Extend lower bound
+ if(aabb.lowerBound[i] < this.lowerBound[i])
+ this.lowerBound[i] = aabb.lowerBound[i];
+
+ // Upper
+ if(aabb.upperBound[i] > this.upperBound[i])
+ this.upperBound[i] = aabb.upperBound[i];
+ }
+};
+
+/**
+ * Returns true if the given AABB overlaps this AABB.
+ * @method overlaps
+ * @param {AABB} aabb
+ * @return {Boolean}
+ */
+AABB.prototype.overlaps = function(aabb){
+ var l1 = this.lowerBound,
+ u1 = this.upperBound,
+ l2 = aabb.lowerBound,
+ u2 = aabb.upperBound;
+
+ // l2 u2
+ // |---------|
+ // |--------|
+ // l1 u1
+
+ return ((l2[0] <= u1[0] && u1[0] <= u2[0]) || (l1[0] <= u2[0] && u2[0] <= u1[0])) &&
+ ((l2[1] <= u1[1] && u1[1] <= u2[1]) || (l1[1] <= u2[1] && u2[1] <= u1[1]));
+};
+
+},{"../math/vec2":33,"../utils/Utils":50}],10:[function(require,module,exports){
+var vec2 = require('../math/vec2')
+var Body = require('../objects/Body')
+
+module.exports = Broadphase;
+
+/**
+ * Base class for broadphase implementations.
+ * @class Broadphase
+ * @constructor
+ */
+function Broadphase(type){
+
+ this.type = type;
+
+ /**
+ * The resulting overlapping pairs. Will be filled with results during .getCollisionPairs().
+ * @property result
+ * @type {Array}
+ */
+ this.result = [];
+
+ /**
+ * The world to search for collision pairs in. To change it, use .setWorld()
+ * @property world
+ * @type {World}
+ */
+ this.world = null;
+};
+
+/**
+ * Set the world that we are searching for collision pairs in
+ * @method setWorld
+ * @param {World} world
+ */
+Broadphase.prototype.setWorld = function(world){
+ this.world = world;
+};
+
+/**
+ * Get all potential intersecting body pairs.
+ * @method getCollisionPairs
+ * @param {World} world The world to search in.
+ * @return {Array} An array of the bodies, ordered in pairs. Example: A result of [a,b,c,d] means that the potential pairs are: (a,b), (c,d).
+ */
+Broadphase.prototype.getCollisionPairs = function(world){
+ throw new Error("getCollisionPairs must be implemented in a subclass!");
+};
+
+var dist = vec2.create();
+
+/**
+ * Check whether the bounding radius of two bodies overlap.
+ * @method boundingRadiusCheck
+ * @param {Body} bodyA
+ * @param {Body} bodyB
+ * @return {Boolean}
+ */
+Broadphase.boundingRadiusCheck = function(bodyA, bodyB){
+ vec2.sub(dist, bodyA.position, bodyB.position);
+ var d2 = vec2.squaredLength(dist),
+ r = bodyA.boundingRadius + bodyB.boundingRadius;
+ return d2 <= r*r;
+};
+
+/**
+ * Check whether the bounding radius of two bodies overlap.
+ * @method boundingRadiusCheck
+ * @param {Body} bodyA
+ * @param {Body} bodyB
+ * @return {Boolean}
+ */
+Broadphase.aabbCheck = function(bodyA, bodyB){
+ if(bodyA.aabbNeedsUpdate) bodyA.updateAABB();
+ if(bodyB.aabbNeedsUpdate) bodyB.updateAABB();
+ return bodyA.aabb.overlaps(bodyB.aabb);
+};
+
+/**
+ * Check whether two bodies are allowed to collide at all.
+ * @method canCollide
+ * @param {Body} bodyA
+ * @param {Body} bodyB
+ * @return {Boolean}
+ */
+Broadphase.canCollide = function(bodyA, bodyB){
+
+ // Cannot collide static bodies
+ if(bodyA.motionState == Body.STATIC && bodyB.motionState == Body.STATIC)
+ return false;
+
+ // Cannot collide static vs kinematic bodies
+ if( (bodyA.motionState == Body.KINEMATIC && bodyB.motionState == Body.STATIC) ||
+ (bodyA.motionState == Body.STATIC && bodyB.motionState == Body.KINEMATIC))
+ return false;
+
+ // Cannot collide kinematic vs kinematic
+ if(bodyA.motionState == Body.KINEMATIC && bodyB.motionState == Body.KINEMATIC)
+ return false;
+
+ // Cannot collide both sleeping bodies
+ if(bodyA.sleepState == Body.SLEEPING && bodyB.sleepState == Body.SLEEPING)
+ return false;
+
+ return true;
+};
+
+Broadphase.NAIVE = 1;
+Broadphase.SAP = 2;
+
+},{"../math/vec2":33,"../objects/Body":34}],11:[function(require,module,exports){
+var Circle = require('../shapes/Circle')
+, Plane = require('../shapes/Plane')
+, Particle = require('../shapes/Particle')
+, Broadphase = require('../collision/Broadphase')
+, vec2 = require('../math/vec2')
+
+module.exports = GridBroadphase;
+
+/**
+ * Broadphase that uses axis-aligned bins.
+ * @class GridBroadphase
+ * @constructor
+ * @extends Broadphase
+ * @param {number} xmin Lower x bound of the grid
+ * @param {number} xmax Upper x bound
+ * @param {number} ymin Lower y bound
+ * @param {number} ymax Upper y bound
+ * @param {number} nx Number of bins along x axis
+ * @param {number} ny Number of bins along y axis
+ * @todo test
+ */
+function GridBroadphase(xmin,xmax,ymin,ymax,nx,ny){
+ Broadphase.apply(this);
+
+ nx = nx || 10;
+ ny = ny || 10;
+
+ this.binsizeX = (xmax-xmin) / nx;
+ this.binsizeY = (ymax-ymin) / ny;
+ this.nx = nx;
+ this.ny = ny;
+ this.xmin = xmin;
+ this.ymin = ymin;
+ this.xmax = xmax;
+ this.ymax = ymax;
+};
+GridBroadphase.prototype = new Broadphase();
+
+/**
+ * Get a bin index given a world coordinate
+ * @method getBinIndex
+ * @param {Number} x
+ * @param {Number} y
+ * @return {Number} Integer index
+ */
+GridBroadphase.prototype.getBinIndex = function(x,y){
+ var nx = this.nx,
+ ny = this.ny,
+ xmin = this.xmin,
+ ymin = this.ymin,
+ xmax = this.xmax,
+ ymax = this.ymax;
+
+ var xi = Math.floor(nx * (x - xmin) / (xmax-xmin));
+ var yi = Math.floor(ny * (y - ymin) / (ymax-ymin));
+ return xi*ny + yi;
+}
+
+/**
+ * Get collision pairs.
+ * @method getCollisionPairs
+ * @param {World} world
+ * @return {Array}
+ */
+GridBroadphase.prototype.getCollisionPairs = function(world){
+ var result = [],
+ collidingBodies = world.bodies,
+ Ncolliding = Ncolliding=collidingBodies.length,
+ binsizeX = this.binsizeX,
+ binsizeY = this.binsizeY;
+
+ var bins=[], Nbins=nx*ny;
+ for(var i=0; i= 0 && xi*(ny-1) + yi < Nbins)
+ bins[ xi*(ny-1) + yi ].push(bi);
+ }
+ }
+ } else if(si instanceof Plane){
+ // Put in all bins for now
+ if(bi.angle == 0){
+ var y = bi.position[1];
+ for(var j=0; j!==Nbins && ymin+binsizeY*(j-1) id2){
+ var tmp = id1;
+ id1 = id2;
+ id2 = tmp;
+ }
+ return !!this.collidingBodiesLastStep[id1 + " " + id2];
+};
+
+// "for in" loops aren't optimised in chrome... is there a better way to handle last-step collision memory?
+// Maybe do this: http://jsperf.com/reflection-vs-array-of-keys
+function clearObject(obj){
+ for(var i = 0, l = obj.keys.length; i < l; i++) {
+ delete obj[obj.keys[i]];
+ }
+ obj.keys.length = 0;
+ /*
+ for(var key in this.collidingBodiesLastStep)
+ delete this.collidingBodiesLastStep[key];
+ */
+}
+
+/**
+ * Throws away the old equations and gets ready to create new
+ * @method reset
+ * @param {World} world
+ */
+Narrowphase.prototype.reset = function(world){
+
+ // Save the colliding bodies data
+ clearObject(this.collidingBodiesLastStep);
+ for(var i=0; i!==this.contactEquations.length; i++){
+ var eq = this.contactEquations[i],
+ id1 = eq.bi.id,
+ id2 = eq.bj.id;
+ if(id1 > id2){
+ var tmp = id1;
+ id1 = id2;
+ id2 = tmp;
+ }
+ var key = id1 + " " + id2;
+ if(!this.collidingBodiesLastStep[key]){
+ this.collidingBodiesLastStep[key] = true;
+ this.collidingBodiesLastStep.keys.push(key);
+ }
+ }
+
+ if(this.reuseObjects){
+ var ce = this.contactEquations,
+ fe = this.frictionEquations,
+ rfe = this.reusableFrictionEquations,
+ rce = this.reusableContactEquations;
+ Utils.appendArray(rce,ce);
+ Utils.appendArray(rfe,fe);
+ }
+
+ // Reset
+ this.contactEquations.length = this.frictionEquations.length = 0;
+};
+
+/**
+ * Creates a ContactEquation, either by reusing an existing object or creating a new one.
+ * @method createContactEquation
+ * @param {Body} bodyA
+ * @param {Body} bodyB
+ * @return {ContactEquation}
+ */
+Narrowphase.prototype.createContactEquation = function(bodyA,bodyB,shapeA,shapeB){
+ var c = this.reusableContactEquations.length ? this.reusableContactEquations.pop() : new ContactEquation(bodyA,bodyB);
+ c.bi = bodyA;
+ c.bj = bodyB;
+ c.shapeA = shapeA;
+ c.shapeB = shapeB;
+ c.restitution = this.restitution;
+ c.firstImpact = !this.collidedLastStep(bodyA,bodyB);
+ c.stiffness = this.stiffness;
+ c.relaxation = this.relaxation;
+ c.enabled = true;
+
+ if(bodyA.allowSleep && (bodyA.motionState == Body.DYNAMIC) && !(bodyB.motionState == Body.STATIC || bodyB.sleepState === Body.SLEEPY))
+ bodyA.wakeUp();
+ if(bodyB.allowSleep && (bodyB.motionState == Body.DYNAMIC) && !(bodyA.motionState == Body.STATIC || bodyA.sleepState === Body.SLEEPY))
+ bodyB.wakeUp();
+
+ return c;
+};
+
+/**
+ * Creates a FrictionEquation, either by reusing an existing object or creating a new one.
+ * @method createFrictionEquation
+ * @param {Body} bodyA
+ * @param {Body} bodyB
+ * @return {FrictionEquation}
+ */
+Narrowphase.prototype.createFrictionEquation = function(bodyA,bodyB,shapeA,shapeB){
+ var c = this.reusableFrictionEquations.length ? this.reusableFrictionEquations.pop() : new FrictionEquation(bodyA,bodyB);
+ c.bi = bodyA;
+ c.bj = bodyB;
+ c.shapeA = shapeA;
+ c.shapeB = shapeB;
+ c.setSlipForce(this.slipForce);
+ c.frictionCoefficient = this.frictionCoefficient;
+ c.relativeVelocity = this.surfaceVelocity;
+ c.enabled = true;
+ c.frictionStiffness = this.frictionStiffness;
+ c.frictionRelaxation = this.frictionRelaxation;
+ return c;
+};
+
+/**
+ * Creates a FrictionEquation given the data in the ContactEquation. Uses same offset vectors ri and rj, but the tangent vector will be constructed from the collision normal.
+ * @method createFrictionFromContact
+ * @param {ContactEquation} contactEquation
+ * @return {FrictionEquation}
+ */
+Narrowphase.prototype.createFrictionFromContact = function(c){
+ var eq = this.createFrictionEquation(c.bi,c.bj,c.shapeA,c.shapeB);
+ vec2.copy(eq.ri, c.ri);
+ vec2.copy(eq.rj, c.rj);
+ vec2.rotate(eq.t, c.ni, -Math.PI / 2);
+ eq.contactEquation = c;
+ return eq;
+}
+
+/**
+ * Convex/line narrowphase
+ * @method convexLine
+ * @param {Body} bi
+ * @param {Convex} si
+ * @param {Array} xi
+ * @param {Number} ai
+ * @param {Body} bj
+ * @param {Line} sj
+ * @param {Array} xj
+ * @param {Number} aj
+ * @todo Implement me!
+ */
+Narrowphase.prototype[Shape.LINE | Shape.CONVEX] =
+Narrowphase.prototype.convexLine = function(bi,si,xi,ai, bj,sj,xj,aj, justTest){
+ // TODO
+ if(justTest)
+ return false;
+ else
+ return 0;
+};
+
+/**
+ * Line/rectangle narrowphase
+ * @method lineRectangle
+ * @param {Body} bi
+ * @param {Line} si
+ * @param {Array} xi
+ * @param {Number} ai
+ * @param {Body} bj
+ * @param {Rectangle} sj
+ * @param {Array} xj
+ * @param {Number} aj
+ * @todo Implement me!
+ */
+Narrowphase.prototype[Shape.LINE | Shape.RECTANGLE] =
+Narrowphase.prototype.lineRectangle = function(bi,si,xi,ai, bj,sj,xj,aj, justTest){
+ // TODO
+ if(justTest)
+ return false;
+ else
+ return 0;
+};
+
+function setConvexToCapsuleShapeMiddle(convexShape, capsuleShape){
+ vec2.set(convexShape.vertices[0], -capsuleShape.length * 0.5, -capsuleShape.radius);
+ vec2.set(convexShape.vertices[1], capsuleShape.length * 0.5, -capsuleShape.radius);
+ vec2.set(convexShape.vertices[2], capsuleShape.length * 0.5, capsuleShape.radius);
+ vec2.set(convexShape.vertices[3], -capsuleShape.length * 0.5, capsuleShape.radius);
+}
+
+var convexCapsule_tempRect = new Rectangle(1,1),
+ convexCapsule_tempVec = vec2.create();
+
+/**
+ * Convex/capsule narrowphase
+ * @method convexCapsule
+ * @param {Body} bi
+ * @param {Convex} si
+ * @param {Array} xi
+ * @param {Number} ai
+ * @param {Body} bj
+ * @param {Capsule} sj
+ * @param {Array} xj
+ * @param {Number} aj
+ * @todo Implement me!
+ */
+Narrowphase.prototype[Shape.CAPSULE | Shape.CONVEX] =
+Narrowphase.prototype[Shape.CAPSULE | Shape.RECTANGLE] =
+Narrowphase.prototype.convexCapsule = function(bi,si,xi,ai, bj,sj,xj,aj, justTest){
+
+ // Check the circles
+ // Add offsets!
+ var circlePos = convexCapsule_tempVec;
+ vec2.set(circlePos, sj.length/2,0);
+ vec2.rotate(circlePos,circlePos,aj);
+ vec2.add(circlePos,circlePos,xj);
+ var result1 = this.circleConvex(bj,sj,circlePos,aj, bi,si,xi,ai, justTest, sj.radius);
+
+ vec2.set(circlePos,-sj.length/2, 0);
+ vec2.rotate(circlePos,circlePos,aj);
+ vec2.add(circlePos,circlePos,xj);
+ var result2 = this.circleConvex(bj,sj,circlePos,aj, bi,si,xi,ai, justTest, sj.radius);
+
+ if(justTest && (result1 || result2))
+ return true;
+
+ // Check center rect
+ var r = convexCapsule_tempRect;
+ setConvexToCapsuleShapeMiddle(r,sj);
+ var result = this.convexConvex(bi,si,xi,ai, bj,r,xj,aj, justTest);
+
+ return result + result1 + result2;
+};
+
+/**
+ * Capsule/line narrowphase
+ * @method lineCapsule
+ * @param {Body} bi
+ * @param {Line} si
+ * @param {Array} xi
+ * @param {Number} ai
+ * @param {Body} bj
+ * @param {Capsule} sj
+ * @param {Array} xj
+ * @param {Number} aj
+ * @todo Implement me!
+ */
+Narrowphase.prototype[Shape.CAPSULE | Shape.LINE] =
+Narrowphase.prototype.lineCapsule = function(bi,si,xi,ai, bj,sj,xj,aj, justTest){
+ // TODO
+ if(justTest)
+ return false;
+ else
+ return 0;
+};
+
+var capsuleCapsule_tempVec1 = vec2.create();
+var capsuleCapsule_tempVec2 = vec2.create();
+var capsuleCapsule_tempRect1 = new Rectangle(1,1);
+
+/**
+ * Capsule/capsule narrowphase
+ * @method capsuleCapsule
+ * @param {Body} bi
+ * @param {Capsule} si
+ * @param {Array} xi
+ * @param {Number} ai
+ * @param {Body} bj
+ * @param {Capsule} sj
+ * @param {Array} xj
+ * @param {Number} aj
+ * @todo Implement me!
+ */
+Narrowphase.prototype[Shape.CAPSULE | Shape.CAPSULE] =
+Narrowphase.prototype.capsuleCapsule = function(bi,si,xi,ai, bj,sj,xj,aj, justTest){
+
+ // Check the circles
+ // Add offsets!
+ var circlePosi = capsuleCapsule_tempVec1,
+ circlePosj = capsuleCapsule_tempVec2;
+
+ var numContacts = 0;
+
+ // Need 4 circle checks, between all
+ for(var i=0; i<2; i++){
+
+ vec2.set(circlePosi,(i==0?-1:1)*si.length/2,0);
+ vec2.rotate(circlePosi,circlePosi,ai);
+ vec2.add(circlePosi,circlePosi,xi);
+
+ for(var j=0; j<2; j++){
+
+ vec2.set(circlePosj,(j==0?-1:1)*sj.length/2, 0);
+ vec2.rotate(circlePosj,circlePosj,aj);
+ vec2.add(circlePosj,circlePosj,xj);
+
+ var result = this.circleCircle(bi,si,circlePosi,ai, bj,sj,circlePosj,aj, justTest, si.radius, sj.radius);
+
+ if(justTest && result)
+ return true;
+
+ numContacts += result;
+ }
+ }
+
+ // Check circles against the center rectangles
+ var rect = capsuleCapsule_tempRect1;
+ setConvexToCapsuleShapeMiddle(rect,si);
+ var result1 = this.convexCapsule(bi,rect,xi,ai, bj,sj,xj,aj, justTest);
+
+ if(justTest && result1) return true;
+ numContacts += result1;
+
+ setConvexToCapsuleShapeMiddle(rect,sj);
+ var result2 = this.convexCapsule(bj,rect,xj,aj, bi,si,xi,ai, justTest);
+
+ if(justTest && result2) return true;
+ numContacts += result2;
+
+ return numContacts;
+};
+
+/**
+ * Line/line narrowphase
+ * @method lineLine
+ * @param {Body} bi
+ * @param {Line} si
+ * @param {Array} xi
+ * @param {Number} ai
+ * @param {Body} bj
+ * @param {Line} sj
+ * @param {Array} xj
+ * @param {Number} aj
+ * @todo Implement me!
+ */
+Narrowphase.prototype[Shape.LINE | Shape.LINE] =
+Narrowphase.prototype.lineLine = function(bi,si,xi,ai, bj,sj,xj,aj, justTest){
+ // TODO
+ if(justTest)
+ return false;
+ else
+ return 0;
+};
+
+/**
+ * Plane/line Narrowphase
+ * @method planeLine
+ * @param {Body} planeBody
+ * @param {Plane} planeShape
+ * @param {Array} planeOffset
+ * @param {Number} planeAngle
+ * @param {Body} lineBody
+ * @param {Line} lineShape
+ * @param {Array} lineOffset
+ * @param {Number} lineAngle
+ */
+Narrowphase.prototype[Shape.PLANE | Shape.LINE] =
+Narrowphase.prototype.planeLine = function(planeBody, planeShape, planeOffset, planeAngle,
+ lineBody, lineShape, lineOffset, lineAngle, justTest){
+ var worldVertex0 = tmp1,
+ worldVertex1 = tmp2,
+ worldVertex01 = tmp3,
+ worldVertex11 = tmp4,
+ worldEdge = tmp5,
+ worldEdgeUnit = tmp6,
+ dist = tmp7,
+ worldNormal = tmp8,
+ worldTangent = tmp9,
+ verts = tmpArray
+ numContacts = 0;
+
+ // Get start and end points
+ vec2.set(worldVertex0, -lineShape.length/2, 0);
+ vec2.set(worldVertex1, lineShape.length/2, 0);
+
+ // Not sure why we have to use worldVertex*1 here, but it won't work otherwise. Tired.
+ vec2.rotate(worldVertex01, worldVertex0, lineAngle);
+ vec2.rotate(worldVertex11, worldVertex1, lineAngle);
+
+ add(worldVertex01, worldVertex01, lineOffset);
+ add(worldVertex11, worldVertex11, lineOffset);
+
+ vec2.copy(worldVertex0,worldVertex01);
+ vec2.copy(worldVertex1,worldVertex11);
+
+ // Get vector along the line
+ sub(worldEdge, worldVertex1, worldVertex0);
+ vec2.normalize(worldEdgeUnit, worldEdge);
+
+ // Get tangent to the edge.
+ vec2.rotate(worldTangent, worldEdgeUnit, -Math.PI/2);
+
+ vec2.rotate(worldNormal, yAxis, planeAngle);
+
+ // Check line ends
+ verts[0] = worldVertex0;
+ verts[1] = worldVertex1;
+ for(var i=0; i pos0 && pos < pos1){
+ // We got contact!
+
+ if(justTest) return true;
+
+ var c = this.createContactEquation(circleBody,lineBody,si,sj);
+
+ vec2.scale(c.ni, orthoDist, -1);
+ vec2.normalize(c.ni, c.ni);
+
+ vec2.scale( c.ri, c.ni, circleRadius);
+ add(c.ri, c.ri, circleOffset);
+ sub(c.ri, c.ri, circleBody.position);
+
+ sub(c.rj, projectedPoint, lineOffset);
+ add(c.rj, c.rj, lineOffset);
+ sub(c.rj, c.rj, lineBody.position);
+
+ this.contactEquations.push(c);
+
+ if(this.enableFriction){
+ this.frictionEquations.push(this.createFrictionFromContact(c));
+ }
+
+ return 1;
+ }
+ }
+
+ // Add corner
+ // @todo reuse array object
+ verts[0] = worldVertex0;
+ verts[1] = worldVertex1;
+
+ for(var i=0; i 0){
+
+ // Now project the circle onto the edge
+ vec2.scale(orthoDist, worldTangent, d);
+ sub(projectedPoint, circleOffset, orthoDist);
+
+
+ // Check if the point is within the edge span
+ var pos = dot(worldEdgeUnit, projectedPoint);
+ var pos0 = dot(worldEdgeUnit, worldVertex0);
+ var pos1 = dot(worldEdgeUnit, worldVertex1);
+
+ if(pos > pos0 && pos < pos1){
+ // We got contact!
+
+ if(justTest) return true;
+
+ if(closestEdgeDistance === null || d*d 0){
+ for(var i=0; i= 0){
+
+ // Now project the particle onto the edge
+ vec2.scale(orthoDist, worldTangent, d);
+ sub(projectedPoint, particleOffset, orthoDist);
+
+ // Check if the point is within the edge span
+ var pos = dot(worldEdgeUnit, projectedPoint);
+ var pos0 = dot(worldEdgeUnit, worldVertex0);
+ var pos1 = dot(worldEdgeUnit, worldVertex1);
+
+ if(pos > pos0 && pos < pos1){
+ // We got contact!
+ if(justTest) return true;
+
+ if(closestEdgeDistance === null || d*d r*r)
+ return 0;
+
+ if(justTest) return true;
+
+ var c = this.createContactEquation(bodyA,bodyB,si,sj);
+ sub(c.ni, offsetB, offsetA);
+ vec2.normalize(c.ni,c.ni);
+
+ vec2.scale( c.ri, c.ni, radiusA);
+ vec2.scale( c.rj, c.ni, -radiusB);
+
+ add(c.ri, c.ri, offsetA);
+ sub(c.ri, c.ri, bodyA.position);
+
+ add(c.rj, c.rj, offsetB);
+ sub(c.rj, c.rj, bodyB.position);
+
+ this.contactEquations.push(c);
+
+ if(this.enableFriction){
+ this.frictionEquations.push(this.createFrictionFromContact(c));
+ }
+ return 1;
+};
+
+/**
+ * Plane/Convex Narrowphase
+ * @method planeConvex
+ * @param {Body} bi
+ * @param {Plane} si
+ * @param {Array} xi
+ * @param {Number} ai
+ * @param {Body} bj
+ * @param {Convex} sj
+ * @param {Array} xj
+ * @param {Number} aj
+ */
+Narrowphase.prototype[Shape.PLANE | Shape.CONVEX] =
+Narrowphase.prototype[Shape.PLANE | Shape.RECTANGLE] =
+Narrowphase.prototype.planeConvex = function( bi,si,xi,ai, bj,sj,xj,aj, justTest ){
+ var convexBody = bj,
+ convexOffset = xj,
+ convexShape = sj,
+ convexAngle = aj,
+ planeBody = bi,
+ planeShape = si,
+ planeOffset = xi,
+ planeAngle = ai;
+
+ var worldVertex = tmp1,
+ worldNormal = tmp2,
+ dist = tmp3;
+
+ var numReported = 0;
+ vec2.rotate(worldNormal, yAxis, planeAngle);
+
+ for(var i=0; i= 2)
+ break;
+ }
+ }
+
+ return numReported;
+};
+
+/**
+ * @method convexPlane
+ * @deprecated Use .planeConvex() instead!
+ */
+Narrowphase.prototype.convexPlane = function( bi,si,xi,ai, bj,sj,xj,aj, justTest ){
+ console.warn("Narrowphase.prototype.convexPlane is deprecated. Use planeConvex instead!");
+ return this.planeConvex( bj,sj,xj,aj, bi,si,xi,ai, justTest );
+}
+
+/**
+ * Narrowphase for particle vs plane
+ * @method particlePlane
+ * @param {Body} bi The particle body
+ * @param {Particle} si Particle shape
+ * @param {Array} xi World position for the particle
+ * @param {Number} ai World angle for the particle
+ * @param {Body} bj Plane body
+ * @param {Plane} sj Plane shape
+ * @param {Array} xj World position for the plane
+ * @param {Number} aj World angle for the plane
+ */
+Narrowphase.prototype[Shape.PARTICLE | Shape.PLANE] =
+Narrowphase.prototype.particlePlane = function( bi,si,xi,ai, bj,sj,xj,aj, justTest ){
+ var particleBody = bi,
+ particleShape = si,
+ particleOffset = xi,
+ planeBody = bj,
+ planeShape = sj,
+ planeOffset = xj,
+ planeAngle = aj;
+
+ var dist = tmp1,
+ worldNormal = tmp2;
+
+ planeAngle = planeAngle || 0;
+
+ sub(dist, particleOffset, planeOffset);
+ vec2.rotate(worldNormal, yAxis, planeAngle);
+
+ var d = dot(dist, worldNormal);
+
+ if(d > 0) return 0;
+ if(justTest) return true;
+
+ var c = this.createContactEquation(planeBody,particleBody,sj,si);
+
+ vec2.copy(c.ni, worldNormal);
+ vec2.scale( dist, c.ni, d );
+ // dist is now the distance vector in the normal direction
+
+ // ri is the particle position projected down onto the plane, from the plane center
+ sub( c.ri, particleOffset, dist);
+ sub( c.ri, c.ri, planeBody.position);
+
+ // rj is from the body center to the particle center
+ sub( c.rj, particleOffset, particleBody.position );
+
+ this.contactEquations.push(c);
+
+ if(this.enableFriction){
+ this.frictionEquations.push(this.createFrictionFromContact(c));
+ }
+ return 1;
+};
+
+/**
+ * Circle/Particle Narrowphase
+ * @method circleParticle
+ * @param {Body} bi
+ * @param {Circle} si
+ * @param {Array} xi
+ * @param {Number} ai
+ * @param {Body} bj
+ * @param {Particle} sj
+ * @param {Array} xj
+ * @param {Number} aj
+ */
+Narrowphase.prototype[Shape.CIRCLE | Shape.PARTICLE] =
+Narrowphase.prototype.circleParticle = function( bi,si,xi,ai, bj,sj,xj,aj, justTest ){
+ var circleBody = bi,
+ circleShape = si,
+ circleOffset = xi,
+ particleBody = bj,
+ particleShape = sj,
+ particleOffset = xj,
+ dist = tmp1;
+
+ sub(dist, particleOffset, circleOffset);
+ if(vec2.squaredLength(dist) > circleShape.radius*circleShape.radius) return 0;
+ if(justTest) return true;
+
+ var c = this.createContactEquation(circleBody,particleBody,si,sj);
+ vec2.copy(c.ni, dist);
+ vec2.normalize(c.ni,c.ni);
+
+ // Vector from circle to contact point is the normal times the circle radius
+ vec2.scale(c.ri, c.ni, circleShape.radius);
+ add(c.ri, c.ri, circleOffset);
+ sub(c.ri, c.ri, circleBody.position);
+
+ // Vector from particle center to contact point is zero
+ sub(c.rj, particleOffset, particleBody.position);
+
+ this.contactEquations.push(c);
+
+ if(this.enableFriction){
+ this.frictionEquations.push(this.createFrictionFromContact(c));
+ }
+
+ return 1;
+};
+
+var capsulePlane_tmpCircle = new Circle(1),
+ capsulePlane_tmp1 = vec2.create(),
+ capsulePlane_tmp2 = vec2.create(),
+ capsulePlane_tmp3 = vec2.create();
+
+Narrowphase.prototype[Shape.PLANE | Shape.CAPSULE] =
+Narrowphase.prototype.planeCapsule = function( bi,si,xi,ai, bj,sj,xj,aj, justTest ){
+ var end1 = capsulePlane_tmp1,
+ end2 = capsulePlane_tmp2,
+ circle = capsulePlane_tmpCircle,
+ dst = capsulePlane_tmp3;
+
+ // Compute world end positions
+ vec2.set(end1, -sj.length/2, 0);
+ vec2.rotate(end1,end1,aj);
+ add(end1,end1,xj);
+
+ vec2.set(end2, sj.length/2, 0);
+ vec2.rotate(end2,end2,aj);
+ add(end2,end2,xj);
+
+ circle.radius = sj.radius;
+
+ // Do Narrowphase as two circles
+ var numContacts1 = this.circlePlane(bj,circle,end1,0, bi,si,xi,ai, justTest),
+ numContacts2 = this.circlePlane(bj,circle,end2,0, bi,si,xi,ai, justTest);
+
+ if(justTest)
+ return numContacts1 || numContacts2;
+ else
+ return numContacts1 + numContacts2;
+};
+
+/**
+ * @method capsulePlane
+ * @deprecated Use .planeCapsule() instead!
+ */
+Narrowphase.prototype.capsulePlane = function( bi,si,xi,ai, bj,sj,xj,aj, justTest ){
+ console.warn("Narrowphase.prototype.capsulePlane() is deprecated. Use .planeCapsule() instead!");
+ return this.planeCapsule( bj,sj,xj,aj, bi,si,xi,ai, justTest );
+}
+
+/**
+ * Creates ContactEquations and FrictionEquations for a collision.
+ * @method circlePlane
+ * @param {Body} bi The first body that should be connected to the equations.
+ * @param {Circle} si The circle shape participating in the collision.
+ * @param {Array} xi Extra offset to take into account for the Shape, in addition to the one in circleBody.position. Will *not* be rotated by circleBody.angle (maybe it should, for sake of homogenity?). Set to null if none.
+ * @param {Body} bj The second body that should be connected to the equations.
+ * @param {Plane} sj The Plane shape that is participating
+ * @param {Array} xj Extra offset for the plane shape.
+ * @param {Number} aj Extra angle to apply to the plane
+ */
+Narrowphase.prototype[Shape.CIRCLE | Shape.PLANE] =
+Narrowphase.prototype.circlePlane = function( bi,si,xi,ai, bj,sj,xj,aj, justTest ){
+ var circleBody = bi,
+ circleShape = si,
+ circleOffset = xi, // Offset from body center, rotated!
+ planeBody = bj,
+ shapeB = sj,
+ planeOffset = xj,
+ planeAngle = aj;
+
+ planeAngle = planeAngle || 0;
+
+ // Vector from plane to circle
+ var planeToCircle = tmp1,
+ worldNormal = tmp2,
+ temp = tmp3;
+
+ sub(planeToCircle, circleOffset, planeOffset);
+
+ // World plane normal
+ vec2.rotate(worldNormal, yAxis, planeAngle);
+
+ // Normal direction distance
+ var d = dot(worldNormal, planeToCircle);
+
+ if(d > circleShape.radius) return 0; // No overlap. Abort.
+
+ if(justTest) return true;
+
+ // Create contact
+ var contact = this.createContactEquation(planeBody,circleBody,sj,si);
+
+ // ni is the plane world normal
+ vec2.copy(contact.ni, worldNormal);
+
+ // rj is the vector from circle center to the contact point
+ vec2.scale(contact.rj, contact.ni, -circleShape.radius);
+ add(contact.rj, contact.rj, circleOffset);
+ sub(contact.rj, contact.rj, circleBody.position);
+
+ // ri is the distance from plane center to contact.
+ vec2.scale(temp, contact.ni, d);
+ sub(contact.ri, planeToCircle, temp ); // Subtract normal distance vector from the distance vector
+ add(contact.ri, contact.ri, planeOffset);
+ sub(contact.ri, contact.ri, planeBody.position);
+
+ this.contactEquations.push(contact);
+
+ if(this.enableFriction){
+ this.frictionEquations.push( this.createFrictionFromContact(contact) );
+ }
+
+ return 1;
+};
+
+Narrowphase.convexPrecision = 1e-10;
+
+/**
+ * Convex/convex Narrowphase.See this article for more info.
+ * @method convexConvex
+ * @param {Body} bi
+ * @param {Convex} si
+ * @param {Array} xi
+ * @param {Number} ai
+ * @param {Body} bj
+ * @param {Convex} sj
+ * @param {Array} xj
+ * @param {Number} aj
+ */
+Narrowphase.prototype[Shape.CONVEX] =
+Narrowphase.prototype[Shape.CONVEX | Shape.RECTANGLE] =
+Narrowphase.prototype[Shape.RECTANGLE] =
+Narrowphase.prototype.convexConvex = function( bi,si,xi,ai, bj,sj,xj,aj, justTest, precision ){
+ var sepAxis = tmp1,
+ worldPoint = tmp2,
+ worldPoint0 = tmp3,
+ worldPoint1 = tmp4,
+ worldEdge = tmp5,
+ projected = tmp6,
+ penetrationVec = tmp7,
+ dist = tmp8,
+ worldNormal = tmp9,
+ numContacts = 0,
+ precision = precision || Narrowphase.convexPrecision;
+
+ var found = Narrowphase.findSeparatingAxis(si,xi,ai,sj,xj,aj,sepAxis);
+ if(!found) return 0;
+
+ // Make sure the separating axis is directed from shape i to shape j
+ sub(dist,xj,xi);
+ if(dot(sepAxis,dist) > 0){
+ vec2.scale(sepAxis,sepAxis,-1);
+ }
+
+ // Find edges with normals closest to the separating axis
+ var closestEdge1 = Narrowphase.getClosestEdge(si,ai,sepAxis,true), // Flipped axis
+ closestEdge2 = Narrowphase.getClosestEdge(sj,aj,sepAxis);
+
+ if(closestEdge1==-1 || closestEdge2==-1) return 0;
+
+ // Loop over the shapes
+ for(var k=0; k<2; k++){
+
+ var closestEdgeA = closestEdge1,
+ closestEdgeB = closestEdge2,
+ shapeA = si, shapeB = sj,
+ offsetA = xi, offsetB = xj,
+ angleA = ai, angleB = aj,
+ bodyA = bi, bodyB = bj;
+
+ if(k==0){
+ // Swap!
+ var tmp;
+ tmp = closestEdgeA; closestEdgeA = closestEdgeB; closestEdgeB = tmp;
+ tmp = shapeA; shapeA = shapeB; shapeB = tmp;
+ tmp = offsetA; offsetA = offsetB; offsetB = tmp;
+ tmp = angleA; angleA = angleB; angleB = tmp;
+ tmp = bodyA; bodyA = bodyB; bodyB = tmp;
+ }
+
+ // Loop over 2 points in convex B
+ for(var j=closestEdgeB; j max) max = value;
+ if(min === null || value < min) min = value;
+ }
+
+ if(min > max){
+ var t = min;
+ min = max;
+ max = t;
+ }
+
+ // Project the position of the body onto the axis - need to add this to the result
+ var offset = dot(convexOffset, worldAxis);
+
+ vec2.set( result, min + offset, max + offset);
+};
+
+// .findSeparatingAxis is called by other functions, need local tmp vectors
+var fsa_tmp1 = vec2.fromValues(0,0)
+, fsa_tmp2 = vec2.fromValues(0,0)
+, fsa_tmp3 = vec2.fromValues(0,0)
+, fsa_tmp4 = vec2.fromValues(0,0)
+, fsa_tmp5 = vec2.fromValues(0,0)
+, fsa_tmp6 = vec2.fromValues(0,0)
+
+/**
+ * Find a separating axis between the shapes, that maximizes the separating distance between them.
+ * @method findSeparatingAxis
+ * @static
+ * @param {Convex} c1
+ * @param {Array} offset1
+ * @param {Number} angle1
+ * @param {Convex} c2
+ * @param {Array} offset2
+ * @param {Number} angle2
+ * @param {Array} sepAxis The resulting axis
+ * @return {Boolean} Whether the axis could be found.
+ */
+Narrowphase.findSeparatingAxis = function(c1,offset1,angle1,c2,offset2,angle2,sepAxis){
+ var maxDist = null,
+ overlap = false,
+ found = false,
+ edge = fsa_tmp1,
+ worldPoint0 = fsa_tmp2,
+ worldPoint1 = fsa_tmp3,
+ normal = fsa_tmp4,
+ span1 = fsa_tmp5,
+ span2 = fsa_tmp6;
+
+ for(var j=0; j!==2; j++){
+ var c = c1,
+ angle = angle1;
+ if(j===1){
+ c = c2;
+ angle = angle2;
+ }
+
+ for(var i=0; i!==c.vertices.length; i++){
+ // Get the world edge
+ vec2.rotate(worldPoint0, c.vertices[i], angle);
+ vec2.rotate(worldPoint1, c.vertices[(i+1)%c.vertices.length], angle);
+
+ sub(edge, worldPoint1, worldPoint0);
+
+ // Get normal - just rotate 90 degrees since vertices are given in CCW
+ vec2.rotate(normal, edge, -Math.PI / 2);
+ vec2.normalize(normal,normal);
+
+ // Project hulls onto that normal
+ Narrowphase.projectConvexOntoAxis(c1,offset1,angle1,normal,span1);
+ Narrowphase.projectConvexOntoAxis(c2,offset2,angle2,normal,span2);
+
+ // Order by span position
+ var a=span1,
+ b=span2,
+ swapped = false;
+ if(span1[0] > span2[0]){
+ b=span1;
+ a=span2;
+ swapped = true;
+ }
+
+ // Get separating distance
+ var dist = b[0] - a[1];
+ overlap = dist < 0;
+
+ if(maxDist===null || dist > maxDist){
+ vec2.copy(sepAxis, normal);
+ maxDist = dist;
+ found = overlap;
+ }
+ }
+ }
+
+ return found;
+};
+
+// .getClosestEdge is called by other functions, need local tmp vectors
+var gce_tmp1 = vec2.fromValues(0,0)
+, gce_tmp2 = vec2.fromValues(0,0)
+, gce_tmp3 = vec2.fromValues(0,0)
+
+/**
+ * Get the edge that has a normal closest to an axis.
+ * @method getClosestEdge
+ * @static
+ * @param {Convex} c
+ * @param {Number} angle
+ * @param {Array} axis
+ * @param {Boolean} flip
+ * @return {Number} Index of the edge that is closest. This index and the next spans the resulting edge. Returns -1 if failed.
+ */
+Narrowphase.getClosestEdge = function(c,angle,axis,flip){
+ var localAxis = gce_tmp1,
+ edge = gce_tmp2,
+ normal = gce_tmp3;
+
+ // Convert the axis to local coords of the body
+ vec2.rotate(localAxis, axis, -angle);
+ if(flip){
+ vec2.scale(localAxis,localAxis,-1);
+ }
+
+ var closestEdge = -1,
+ N = c.vertices.length,
+ halfPi = Math.PI / 2;
+ for(var i=0; i!==N; i++){
+ // Get the edge
+ sub(edge, c.vertices[(i+1)%N], c.vertices[i%N]);
+
+ // Get normal - just rotate 90 degrees since vertices are given in CCW
+ vec2.rotate(normal, edge, -halfPi);
+ vec2.normalize(normal,normal);
+
+ var d = dot(normal,localAxis);
+ if(closestEdge == -1 || d > maxDot){
+ closestEdge = i % N;
+ maxDot = d;
+ }
+ }
+
+ return closestEdge;
+};
+
+var circleHeightfield_candidate = vec2.create(),
+ circleHeightfield_dist = vec2.create(),
+ circleHeightfield_v0 = vec2.create(),
+ circleHeightfield_v1 = vec2.create(),
+ circleHeightfield_minCandidate = vec2.create(),
+ circleHeightfield_worldNormal = vec2.create(),
+ circleHeightfield_minCandidateNormal = vec2.create();
+
+/**
+ * @method circleHeightfield
+ * @param {Body} bi
+ * @param {Circle} si
+ * @param {Array} xi
+ * @param {Body} bj
+ * @param {Heightfield} sj
+ * @param {Array} xj
+ * @param {Number} aj
+ */
+Narrowphase.prototype[Shape.CIRCLE | Shape.HEIGHTFIELD] =
+Narrowphase.prototype.circleHeightfield = function( circleBody,circleShape,circlePos,circleAngle,
+ hfBody,hfShape,hfPos,hfAngle, justTest, radius ){
+ var data = hfShape.data,
+ radius = radius || circleShape.radius,
+ w = hfShape.elementWidth,
+ dist = circleHeightfield_dist,
+ candidate = circleHeightfield_candidate,
+ minCandidate = circleHeightfield_minCandidate,
+ minCandidateNormal = circleHeightfield_minCandidateNormal,
+ worldNormal = circleHeightfield_worldNormal,
+ v0 = circleHeightfield_v0,
+ v1 = circleHeightfield_v1;
+
+ // Get the index of the points to test against
+ var idxA = Math.floor( (circlePos[0] - radius - hfPos[0]) / w ),
+ idxB = Math.ceil( (circlePos[0] + radius - hfPos[0]) / w );
+
+ /*if(idxB < 0 || idxA >= data.length)
+ return justTest ? false : 0;*/
+
+ if(idxA < 0) idxA = 0;
+ if(idxB >= data.length) idxB = data.length-1;
+
+ // Get max and min
+ var max = data[idxA],
+ min = data[idxB];
+ for(var i=idxA; i max) max = data[i];
+ }
+
+ if(circlePos[1]-radius > max)
+ return justTest ? false : 0;
+
+ if(circlePos[1]+radius < min){
+ // Below the minimum point... We can just guess.
+ // TODO
+ }
+
+ // 1. Check so center of circle is not inside the field. If it is, this wont work...
+ // 2. For each edge
+ // 2. 1. Get point on circle that is closest to the edge (scale normal with -radius)
+ // 2. 2. Check if point is inside.
+
+ var found = false,
+ minDist = false;
+
+ // Check all edges first
+ for(var i=idxA; i= v0[0] && candidate[0] < v1[0] && d <= 0){
+
+ if(minDist === false || Math.abs(d) < minDist){
+
+ // Store the candidate point, projected to the edge
+ vec2.scale(dist,worldNormal,-d);
+ vec2.add(minCandidate,candidate,dist);
+ vec2.copy(minCandidateNormal,worldNormal);
+
+ found = true;
+ minDist = Math.abs(d);
+
+ if(justTest)
+ return true;
+ }
+ }
+ }
+
+ if(found){
+
+ var c = this.createContactEquation(hfBody,circleBody,hfShape,circleShape);
+
+ // Normal is out of the heightfield
+ vec2.copy(c.ni, minCandidateNormal);
+
+ // Vector from circle to heightfield
+ vec2.scale(c.rj, c.ni, -radius);
+ add(c.rj, c.rj, circlePos);
+ sub(c.rj, c.rj, circleBody.position);
+
+ vec2.copy(c.ri, minCandidate);
+ //vec2.sub(c.ri, c.ri, hfPos);
+ vec2.sub(c.ri, c.ri, hfBody.position);
+
+ this.contactEquations.push(c);
+
+ if(this.enableFriction)
+ this.frictionEquations.push( this.createFrictionFromContact(c) );
+
+ return 1;
+ }
+
+
+ // Check all vertices
+ if(radius > 0){
+ for(var i=idxA; i<=idxB; i++){
+
+ // Get point
+ vec2.set(v0, i*w, data[i]);
+ vec2.add(v0,v0,hfPos);
+
+ vec2.sub(dist, circlePos, v0);
+
+ if(vec2.squaredLength(dist) < radius*radius){
+
+ if(justTest) return true;
+
+ var c = this.createContactEquation(hfBody,circleBody,hfShape,circleShape);
+
+ // Construct normal - out of heightfield
+ vec2.copy(c.ni, dist);
+ vec2.normalize(c.ni,c.ni);
+
+ vec2.scale(c.rj, c.ni, -radius);
+ add(c.rj, c.rj, circlePos);
+ sub(c.rj, c.rj, circleBody.position);
+
+ sub(c.ri, v0, hfPos);
+ add(c.ri, c.ri, hfPos);
+ sub(c.ri, c.ri, hfBody.position);
+
+ this.contactEquations.push(c);
+
+ if(this.enableFriction){
+ this.frictionEquations.push(this.createFrictionFromContact(c));
+ }
+
+ return 1;
+ }
+ }
+ }
+
+ return 0;
+
+};
+
+},{"../equations/ContactEquation":23,"../equations/FrictionEquation":25,"../math/vec2":33,"../objects/Body":34,"../shapes/Circle":38,"../shapes/Rectangle":44,"../shapes/Shape":45,"../utils/Utils":50}],14:[function(require,module,exports){
+var Plane = require("../shapes/Plane");
+var Broadphase = require("../collision/Broadphase");
+
+module.exports = {
+ QuadTree : QuadTree,
+ Node : Node,
+ BoundsNode : BoundsNode,
+};
+
+/**
+ * QuadTree data structure. See https://github.com/mikechambers/ExamplesByMesh/tree/master/JavaScript/QuadTree
+ * @class QuadTree
+ * @constructor
+ * @param {Object} An object representing the bounds of the top level of the QuadTree. The object
+ * should contain the following properties : x, y, width, height
+ * @param {Boolean} pointQuad Whether the QuadTree will contain points (true), or items with bounds
+ * (width / height)(false). Default value is false.
+ * @param {Number} maxDepth The maximum number of levels that the quadtree will create. Default is 4.
+ * @param {Number} maxChildren The maximum number of children that a node can contain before it is split into sub-nodes.
+ */
+function QuadTree(bounds, pointQuad, maxDepth, maxChildren){
+ var node;
+ if(pointQuad){
+ node = new Node(bounds, 0, maxDepth, maxChildren);
+ } else {
+ node = new BoundsNode(bounds, 0, maxDepth, maxChildren);
+ }
+
+ /**
+ * The root node of the QuadTree which covers the entire area being segmented.
+ * @property root
+ * @type Node
+ */
+ this.root = node;
+}
+
+/**
+ * Inserts an item into the QuadTree.
+ * @method insert
+ * @param {Object|Array} item The item or Array of items to be inserted into the QuadTree. The item should expose x, y
+ * properties that represents its position in 2D space.
+ */
+QuadTree.prototype.insert = function(item){
+ if(item instanceof Array){
+ var len = item.length;
+ for(var i = 0; i < len; i++){
+ this.root.insert(item[i]);
+ }
+ } else {
+ this.root.insert(item);
+ }
+}
+
+/**
+ * Clears all nodes and children from the QuadTree
+ * @method clear
+ */
+QuadTree.prototype.clear = function(){
+ this.root.clear();
+}
+
+/**
+ * Retrieves all items / points in the same node as the specified item / point. If the specified item
+ * overlaps the bounds of a node, then all children in both nodes will be returned.
+ * @method retrieve
+ * @param {Object} item An object representing a 2D coordinate point (with x, y properties), or a shape
+ * with dimensions (x, y, width, height) properties.
+ */
+QuadTree.prototype.retrieve = function(item){
+ //get a copy of the array of items
+ var out = this.root.retrieve(item).slice(0);
+ return out;
+}
+
+QuadTree.prototype.getCollisionPairs = function(world){
+
+ var result = [];
+
+ // Add all bodies
+ this.insert(world.bodies);
+
+ /*
+ console.log("bodies",world.bodies.length);
+ console.log("maxDepth",this.root.maxDepth,"maxChildren",this.root.maxChildren);
+ */
+
+ for(var i=0; i!==world.bodies.length; i++){
+ var b = world.bodies[i],
+ items = this.retrieve(b);
+
+ //console.log("items",items.length);
+
+ // Check results
+ for(var j=0, len=items.length; j!==len; j++){
+ var item = items[j];
+
+ if(b === item) continue; // Do not add self
+
+ // Check if they were already added
+ var found = false;
+ for(var k=0, numAdded=result.length; k= this.maxDepth) && len > this.maxChildren) {
+ this.subdivide();
+
+ for(var i = 0; i < len; i++){
+ this.insert(this.children[i]);
+ }
+
+ this.children.length = 0;
+ }
+}
+
+Node.prototype.retrieve = function(item){
+ if(this.nodes.length){
+ var index = this.findIndex(item);
+ return this.nodes[index].retrieve(item);
+ }
+
+ return this.children;
+}
+
+Node.prototype.findIndex = function(item){
+ var b = this.bounds;
+ var left = (item.position[0]-item.boundingRadius > b.x + b.width / 2) ? false : true;
+ var top = (item.position[1]-item.boundingRadius > b.y + b.height / 2) ? false : true;
+
+ if(item instanceof Plane){
+ left = top = false; // Will overlap the left/top boundary since it is infinite
+ }
+
+ //top left
+ var index = Node.TOP_LEFT;
+ if(left){
+ if(!top){
+ index = Node.BOTTOM_LEFT;
+ }
+ } else {
+ if(top){
+ index = Node.TOP_RIGHT;
+ } else {
+ index = Node.BOTTOM_RIGHT;
+ }
+ }
+
+ return index;
+}
+
+
+Node.prototype.subdivide = function(){
+ var depth = this.depth + 1;
+
+ var bx = this.bounds.x;
+ var by = this.bounds.y;
+
+ //floor the values
+ var b_w_h = (this.bounds.width / 2);
+ var b_h_h = (this.bounds.height / 2);
+ var bx_b_w_h = bx + b_w_h;
+ var by_b_h_h = by + b_h_h;
+
+ //top left
+ this.nodes[Node.TOP_LEFT] = new this.classConstructor({
+ x:bx,
+ y:by,
+ width:b_w_h,
+ height:b_h_h
+ },
+ depth);
+
+ //top right
+ this.nodes[Node.TOP_RIGHT] = new this.classConstructor({
+ x:bx_b_w_h,
+ y:by,
+ width:b_w_h,
+ height:b_h_h
+ },
+ depth);
+
+ //bottom left
+ this.nodes[Node.BOTTOM_LEFT] = new this.classConstructor({
+ x:bx,
+ y:by_b_h_h,
+ width:b_w_h,
+ height:b_h_h
+ },
+ depth);
+
+
+ //bottom right
+ this.nodes[Node.BOTTOM_RIGHT] = new this.classConstructor({
+ x:bx_b_w_h,
+ y:by_b_h_h,
+ width:b_w_h,
+ height:b_h_h
+ },
+ depth);
+}
+
+Node.prototype.clear = function(){
+ this.children.length = 0;
+
+ var len = this.nodes.length;
+ for(var i = 0; i < len; i++){
+ this.nodes[i].clear();
+ }
+
+ this.nodes.length = 0;
+}
+
+
+// BoundsQuadTree
+
+function BoundsNode(bounds, depth, maxChildren, maxDepth){
+ Node.call(this, bounds, depth, maxChildren, maxDepth);
+ this.stuckChildren = [];
+}
+
+BoundsNode.prototype = new Node();
+BoundsNode.prototype.classConstructor = BoundsNode;
+BoundsNode.prototype.stuckChildren = null;
+
+//we use this to collect and conctenate items being retrieved. This way
+//we dont have to continuously create new Array instances.
+//Note, when returned from QuadTree.retrieve, we then copy the array
+BoundsNode.prototype.out = [];
+
+BoundsNode.prototype.insert = function(item){
+ if(this.nodes.length){
+ var index = this.findIndex(item);
+ var node = this.nodes[index];
+
+ /*
+ console.log("radius:",item.boundingRadius);
+ console.log("item x:",item.position[0] - item.boundingRadius,"x range:",node.bounds.x,node.bounds.x+node.bounds.width);
+ console.log("item y:",item.position[1] - item.boundingRadius,"y range:",node.bounds.y,node.bounds.y+node.bounds.height);
+ */
+
+ //todo: make _bounds bounds
+ if( !(item instanceof Plane) && // Plane is infinite.. Make it a "stuck" child
+ item.position[0] - item.boundingRadius >= node.bounds.x &&
+ item.position[0] + item.boundingRadius <= node.bounds.x + node.bounds.width &&
+ item.position[1] - item.boundingRadius >= node.bounds.y &&
+ item.position[1] + item.boundingRadius <= node.bounds.y + node.bounds.height){
+ this.nodes[index].insert(item);
+ } else {
+ this.stuckChildren.push(item);
+ }
+
+ return;
+ }
+
+ this.children.push(item);
+
+ var len = this.children.length;
+
+ if(this.depth < this.maxDepth && len > this.maxChildren){
+ this.subdivide();
+
+ for(var i=0; i=0;j--) {
+ if(a[j].aabb.lowerBound[0] <= v.aabb.lowerBound[0])
+ break;
+ a[j+1] = a[j];
+ }
+ a[j+1] = v;
+ }
+ return a;
+};
+
+/**
+ * Sorts bodies along the Y axis.
+ * @method sortAxisListY
+ * @param {Array} a
+ * @return {Array}
+ */
+SAPBroadphase.sortAxisListY = function(a){
+ for(var i=1,l=a.length;i=0;j--) {
+ if(a[j].aabb.lowerBound[1] <= v.aabb.lowerBound[1])
+ break;
+ a[j+1] = a[j];
+ }
+ a[j+1] = v;
+ }
+ return a;
+};
+
+var preliminaryList = { keys:[] };
+
+/**
+ * Get the colliding pairs
+ * @method getCollisionPairs
+ * @param {World} world
+ * @return {Array}
+ */
+SAPBroadphase.prototype.getCollisionPairs = function(world){
+ var bodiesX = this.axisListX,
+ bodiesY = this.axisListY,
+ result = this.result,
+ axisIndex = this.axisIndex,
+ i,j;
+
+ result.length = 0;
+
+ // Update all AABBs if needed
+ for(i=0; i!==bodiesX.length; i++){
+ var b = bodiesX[i];
+ if(b.aabbNeedsUpdate) b.updateAABB();
+ }
+
+ // Sort the lists
+ SAPBroadphase.sortAxisListX(bodiesX);
+ SAPBroadphase.sortAxisListY(bodiesY);
+
+ // Look through the X list
+ for(i=0, N=bodiesX.length; i!==N; i++){
+ var bi = bodiesX[i];
+
+ for(j=i+1; jthis tutorial.
+ *
+ * @class PrismaticConstraint
+ * @constructor
+ * @extends {Constraint}
+ * @author schteppe
+ * @param {Body} bodyA
+ * @param {Body} bodyB
+ * @param {Object} options
+ * @param {Number} options.maxForce Max force to be applied by the constraint
+ * @param {Array} options.localAnchorA Body A's anchor point, defined in its own local frame.
+ * @param {Array} options.localAnchorB Body B's anchor point, defined in its own local frame.
+ * @param {Array} options.localAxisA An axis, defined in body A frame, that body B's anchor point may slide along.
+ * @param {Boolean} options.disableRotationalLock If set to true, bodyB will be free to rotate around its anchor point.
+ */
+function PrismaticConstraint(bodyA,bodyB,options){
+ options = options || {};
+ Constraint.call(this,bodyA,bodyB,Constraint.PRISMATIC);
+
+ // Get anchors
+ var localAnchorA = vec2.fromValues(0,0),
+ localAxisA = vec2.fromValues(1,0),
+ localAnchorB = vec2.fromValues(0,0);
+ if(options.localAnchorA) vec2.copy(localAnchorA, options.localAnchorA);
+ if(options.localAxisA) vec2.copy(localAxisA, options.localAxisA);
+ if(options.localAnchorB) vec2.copy(localAnchorB, options.localAnchorB);
+
+ /**
+ * @property localAnchorA
+ * @type {Array}
+ */
+ this.localAnchorA = localAnchorA;
+
+ /**
+ * @property localAnchorB
+ * @type {Array}
+ */
+ this.localAnchorB = localAnchorB;
+
+ /**
+ * @property localAxisA
+ * @type {Array}
+ */
+ this.localAxisA = localAxisA;
+
+ /*
+
+ The constraint violation for the common axis point is
+
+ g = ( xj + rj - xi - ri ) * t := gg*t
+
+ where r are body-local anchor points, and t is a tangent to the constraint axis defined in body i frame.
+
+ gdot = ( vj + wj x rj - vi - wi x ri ) * t + ( xj + rj - xi - ri ) * ( wi x t )
+
+ Note the use of the chain rule. Now we identify the jacobian
+
+ G*W = [ -t -ri x t + t x gg t rj x t ] * [vi wi vj wj]
+
+ The rotational part is just a rotation lock.
+
+ */
+
+ var maxForce = this.maxForce = typeof(options.maxForce)!="undefined" ? options.maxForce : Number.MAX_VALUE;
+
+ // Translational part
+ var trans = new Equation(bodyA,bodyB,-maxForce,maxForce);
+ var ri = new vec2.create(),
+ rj = new vec2.create(),
+ gg = new vec2.create(),
+ t = new vec2.create();
+ trans.computeGq = function(){
+ // g = ( xj + rj - xi - ri ) * t
+ return vec2.dot(gg,t);
+ };
+ trans.update = function(){
+ var G = this.G,
+ xi = bodyA.position,
+ xj = bodyB.position;
+ vec2.rotate(ri,localAnchorA,bodyA.angle);
+ vec2.rotate(rj,localAnchorB,bodyB.angle);
+ vec2.add(gg,xj,rj);
+ vec2.sub(gg,gg,xi);
+ vec2.sub(gg,gg,ri);
+ vec2.rotate(t,localAxisA,bodyA.angle+Math.PI/2);
+
+ G[0] = -t[0];
+ G[1] = -t[1];
+ G[2] = -vec2.crossLength(ri,t) + vec2.crossLength(t,gg);
+ G[3] = t[0];
+ G[4] = t[1];
+ G[5] = vec2.crossLength(rj,t);
+ }
+ this.equations.push(trans);
+
+ // Rotational part
+ if(!options.disableRotationalLock){
+ var rot = new RotationalLockEquation(bodyA,bodyB,-maxForce,maxForce);
+ this.equations.push(rot);
+ }
+
+ /**
+ * The position of anchor A relative to anchor B, along the constraint axis.
+ * @property position
+ * @type {Number}
+ */
+ this.position = 0;
+
+ this.velocity = 0;
+
+ /**
+ * Set to true to enable lower limit.
+ * @property lowerLimitEnabled
+ * @type {Boolean}
+ */
+ this.lowerLimitEnabled = false;
+
+ /**
+ * Set to true to enable upper limit.
+ * @property upperLimitEnabled
+ * @type {Boolean}
+ */
+ this.upperLimitEnabled = false;
+
+ /**
+ * Lower constraint limit. The constraint position is forced to be larger than this value.
+ * @property lowerLimit
+ * @type {Number}
+ */
+ this.lowerLimit = 0;
+
+ /**
+ * Upper constraint limit. The constraint position is forced to be smaller than this value.
+ * @property upperLimit
+ * @type {Number}
+ */
+ this.upperLimit = 1;
+
+ // Equations used for limits
+ this.upperLimitEquation = new ContactEquation(bodyA,bodyB);
+ this.lowerLimitEquation = new ContactEquation(bodyA,bodyB);
+
+ // Set max/min forces
+ this.upperLimitEquation.minForce = this.lowerLimitEquation.minForce = 0;
+ this.upperLimitEquation.maxForce = this.lowerLimitEquation.maxForce = maxForce;
+
+ /**
+ * Equation used for the motor.
+ * @property motorEquation
+ * @type {Equation}
+ */
+ this.motorEquation = new Equation(bodyA,bodyB);
+
+ /**
+ * The current motor state. Enable or disable the motor using .enableMotor
+ * @property motorEnabled
+ * @type {Boolean}
+ */
+ this.motorEnabled = false;
+
+ /**
+ * Set the target speed for the motor.
+ * @property motorSpeed
+ * @type {Number}
+ */
+ this.motorSpeed = 0;
+
+ var that = this;
+ var motorEquation = this.motorEquation;
+ var old = motorEquation.computeGW;
+ motorEquation.computeGq = function(){ return 0; };
+ motorEquation.computeGW = function(){
+ var G = this.G,
+ bi = this.bi,
+ bj = this.bj,
+ vi = bi.velocity,
+ vj = bj.velocity,
+ wi = bi.angularVelocity,
+ wj = bj.angularVelocity;
+ return this.transformedGmult(G,vi,wi,vj,wj) + that.motorSpeed;
+ };
+}
+
+PrismaticConstraint.prototype = new Constraint();
+
+var worldAxisA = vec2.create(),
+ worldAnchorA = vec2.create(),
+ worldAnchorB = vec2.create(),
+ orientedAnchorA = vec2.create(),
+ orientedAnchorB = vec2.create(),
+ tmp = vec2.create();
+
+/**
+ * Update the constraint equations. Should be done if any of the bodies changed position, before solving.
+ * @method update
+ */
+PrismaticConstraint.prototype.update = function(){
+ var eqs = this.equations,
+ trans = eqs[0],
+ upperLimit = this.upperLimit,
+ lowerLimit = this.lowerLimit,
+ upperLimitEquation = this.upperLimitEquation,
+ lowerLimitEquation = this.lowerLimitEquation,
+ bodyA = this.bodyA,
+ bodyB = this.bodyB,
+ localAxisA = this.localAxisA,
+ localAnchorA = this.localAnchorA,
+ localAnchorB = this.localAnchorB;
+
+ trans.update();
+
+ // Transform local things to world
+ vec2.rotate(worldAxisA, localAxisA, bodyA.angle);
+ vec2.rotate(orientedAnchorA, localAnchorA, bodyA.angle);
+ vec2.add(worldAnchorA, orientedAnchorA, bodyA.position);
+ vec2.rotate(orientedAnchorB, localAnchorB, bodyB.angle);
+ vec2.add(worldAnchorB, orientedAnchorB, bodyB.position);
+
+ var relPosition = this.position = vec2.dot(worldAnchorB,worldAxisA) - vec2.dot(worldAnchorA,worldAxisA);
+
+ // Motor
+ if(this.motorEnabled){
+ // G = [ a a x ri -a -a x rj ]
+ var G = this.motorEquation.G;
+ G[0] = worldAxisA[0];
+ G[1] = worldAxisA[1];
+ G[2] = vec2.crossLength(worldAxisA,orientedAnchorB);
+ G[3] = -worldAxisA[0];
+ G[4] = -worldAxisA[1];
+ G[5] = -vec2.crossLength(worldAxisA,orientedAnchorA);
+ }
+
+ /*
+ Limits strategy:
+ Add contact equation, with normal along the constraint axis.
+ min/maxForce is set so the constraint is repulsive in the correct direction.
+ Some offset is added to either equation.ri or .rj to get the correct upper/lower limit.
+
+ ^
+ |
+ upperLimit x
+ | ------
+ anchorB x<---| B |
+ | | |
+ ------ | ------
+ | | |
+ | A |-->x anchorA
+ ------ |
+ x lowerLimit
+ |
+ axis
+ */
+
+ if(this.upperLimitEnabled && relPosition > upperLimit){
+ // Update contact constraint normal, etc
+ vec2.scale(upperLimitEquation.ni, worldAxisA, -1);
+ vec2.sub(upperLimitEquation.ri, worldAnchorA, bodyA.position);
+ vec2.sub(upperLimitEquation.rj, worldAnchorB, bodyB.position);
+ vec2.scale(tmp,worldAxisA,upperLimit);
+ vec2.add(upperLimitEquation.ri,upperLimitEquation.ri,tmp);
+ if(eqs.indexOf(upperLimitEquation)==-1)
+ eqs.push(upperLimitEquation);
+ } else {
+ var idx = eqs.indexOf(upperLimitEquation);
+ if(idx != -1) eqs.splice(idx,1);
+ }
+
+ if(this.lowerLimitEnabled && relPosition < lowerLimit){
+ // Update contact constraint normal, etc
+ vec2.scale(lowerLimitEquation.ni, worldAxisA, 1);
+ vec2.sub(lowerLimitEquation.ri, worldAnchorA, bodyA.position);
+ vec2.sub(lowerLimitEquation.rj, worldAnchorB, bodyB.position);
+ vec2.scale(tmp,worldAxisA,lowerLimit);
+ vec2.sub(lowerLimitEquation.rj,lowerLimitEquation.rj,tmp);
+ if(eqs.indexOf(lowerLimitEquation)==-1)
+ eqs.push(lowerLimitEquation);
+ } else {
+ var idx = eqs.indexOf(lowerLimitEquation);
+ if(idx != -1) eqs.splice(idx,1);
+ }
+};
+
+/**
+ * Enable the motor
+ * @method enableMotor
+ */
+PrismaticConstraint.prototype.enableMotor = function(){
+ if(this.motorEnabled) return;
+ this.equations.push(this.motorEquation);
+ this.motorEnabled = true;
+};
+
+/**
+ * Disable the rotational motor
+ * @method disableMotor
+ */
+PrismaticConstraint.prototype.disableMotor = function(){
+ if(!this.motorEnabled) return;
+ var i = this.equations.indexOf(this.motorEquation);
+ this.equations.splice(i,1);
+ this.motorEnabled = false;
+};
+
+},{"../equations/ContactEquation":23,"../equations/Equation":24,"../equations/RotationalLockEquation":26,"../math/vec2":33,"./Constraint":16}],21:[function(require,module,exports){
+var Constraint = require('./Constraint')
+, Equation = require('../equations/Equation')
+, RotationalVelocityEquation = require('../equations/RotationalVelocityEquation')
+, RotationalLockEquation = require('../equations/RotationalLockEquation')
+, vec2 = require('../math/vec2')
+
+module.exports = RevoluteConstraint;
+
+var worldPivotA = vec2.create(),
+ worldPivotB = vec2.create(),
+ xAxis = vec2.fromValues(1,0),
+ yAxis = vec2.fromValues(0,1),
+ g = vec2.create();
+
+/**
+ * Connects two bodies at given offset points, letting them rotate relative to each other around this point.
+ * @class RevoluteConstraint
+ * @constructor
+ * @author schteppe
+ * @param {Body} bodyA
+ * @param {Float32Array} pivotA The point relative to the center of mass of bodyA which bodyA is constrained to.
+ * @param {Body} bodyB Body that will be constrained in a similar way to the same point as bodyA. We will therefore get sort of a link between bodyA and bodyB. If not specified, bodyA will be constrained to a static point.
+ * @param {Float32Array} pivotB See pivotA.
+ * @param {Number} maxForce The maximum force that should be applied to constrain the bodies.
+ * @extends {Constraint}
+ * @todo Ability to specify world points
+ */
+function RevoluteConstraint(bodyA, pivotA, bodyB, pivotB, maxForce){
+ Constraint.call(this,bodyA,bodyB,Constraint.REVOLUTE);
+
+ maxForce = this.maxForce = typeof(maxForce)!="undefined" ? maxForce : Number.MAX_VALUE;
+
+ this.pivotA = pivotA;
+ this.pivotB = pivotB;
+
+ // Equations to be fed to the solver
+ var eqs = this.equations = [
+ new Equation(bodyA,bodyB,-maxForce,maxForce),
+ new Equation(bodyA,bodyB,-maxForce,maxForce),
+ ];
+
+ var x = eqs[0];
+ var y = eqs[1];
+
+ x.computeGq = function(){
+ vec2.rotate(worldPivotA, pivotA, bodyA.angle);
+ vec2.rotate(worldPivotB, pivotB, bodyB.angle);
+ vec2.add(g, bodyB.position, worldPivotB);
+ vec2.sub(g, g, bodyA.position);
+ vec2.sub(g, g, worldPivotA);
+ return vec2.dot(g,xAxis);
+ };
+
+ y.computeGq = function(){
+ vec2.rotate(worldPivotA, pivotA, bodyA.angle);
+ vec2.rotate(worldPivotB, pivotB, bodyB.angle);
+ vec2.add(g, bodyB.position, worldPivotB);
+ vec2.sub(g, g, bodyA.position);
+ vec2.sub(g, g, worldPivotA);
+ return vec2.dot(g,yAxis);
+ };
+
+ y.minForce = x.minForce = -maxForce;
+ y.maxForce = x.maxForce = maxForce;
+
+ this.motorEquation = new RotationalVelocityEquation(bodyA,bodyB);
+ this.motorEnabled = false;
+
+ /**
+ * The constraint position
+ * @property angle
+ * @type {Number}
+ */
+ this.angle = 0;
+
+ /**
+ * Set to true to enable lower limit
+ * @property lowerLimitEnabled
+ * @type {Boolean}
+ */
+ this.lowerLimitEnabled = false;
+
+ /**
+ * Set to true to enable upper limit
+ * @property upperLimitEnabled
+ * @type {Boolean}
+ */
+ this.upperLimitEnabled = false;
+
+ /**
+ * The lower limit on the constraint angle.
+ * @property lowerLimit
+ * @type {Boolean}
+ */
+ this.lowerLimit = 0;
+
+ /**
+ * The upper limit on the constraint angle.
+ * @property upperLimit
+ * @type {Boolean}
+ */
+ this.upperLimit = 0;
+
+ this.upperLimitEquation = new RotationalLockEquation(bodyA,bodyB);
+ this.lowerLimitEquation = new RotationalLockEquation(bodyA,bodyB);
+ this.upperLimitEquation.minForce = 0;
+ this.lowerLimitEquation.maxForce = 0;
+}
+RevoluteConstraint.prototype = new Constraint();
+
+RevoluteConstraint.prototype.update = function(){
+ var bodyA = this.bodyA,
+ bodyB = this.bodyB,
+ pivotA = this.pivotA,
+ pivotB = this.pivotB,
+ eqs = this.equations,
+ normal = eqs[0],
+ tangent= eqs[1],
+ x = eqs[0],
+ y = eqs[1],
+ upperLimit = this.upperLimit,
+ lowerLimit = this.lowerLimit,
+ upperLimitEquation = this.upperLimitEquation,
+ lowerLimitEquation = this.lowerLimitEquation;
+
+ var relAngle = this.angle = bodyB.angle - bodyA.angle;
+
+ if(this.upperLimitEnabled && relAngle > upperLimit){
+ upperLimitEquation.angle = upperLimit;
+ if(eqs.indexOf(upperLimitEquation)==-1)
+ eqs.push(upperLimitEquation);
+ } else {
+ var idx = eqs.indexOf(upperLimitEquation);
+ if(idx != -1) eqs.splice(idx,1);
+ }
+
+ if(this.lowerLimitEnabled && relAngle < lowerLimit){
+ lowerLimitEquation.angle = lowerLimit;
+ if(eqs.indexOf(lowerLimitEquation)==-1)
+ eqs.push(lowerLimitEquation);
+ } else {
+ var idx = eqs.indexOf(lowerLimitEquation);
+ if(idx != -1) eqs.splice(idx,1);
+ }
+
+ /*
+
+ The constraint violation is
+
+ g = xj + rj - xi - ri
+
+ ...where xi and xj are the body positions and ri and rj world-oriented offset vectors. Differentiate:
+
+ gdot = vj + wj x rj - vi - wi x ri
+
+ We split this into x and y directions. (let x and y be unit vectors along the respective axes)
+
+ gdot * x = ( vj + wj x rj - vi - wi x ri ) * x
+ = ( vj*x + (wj x rj)*x -vi*x -(wi x ri)*x
+ = ( vj*x + (rj x x)*wj -vi*x -(ri x x)*wi
+ = [ -x -(ri x x) x (rj x x)] * [vi wi vj wj]
+ = G*W
+
+ ...and similar for y. We have then identified the jacobian entries for x and y directions:
+
+ Gx = [ x (rj x x) -x -(ri x x)]
+ Gy = [ y (rj x y) -y -(ri x y)]
+
+ */
+
+ vec2.rotate(worldPivotA, pivotA, bodyA.angle);
+ vec2.rotate(worldPivotB, pivotB, bodyB.angle);
+
+ // todo: these are a bit sparse. We could save some computations on making custom eq.computeGW functions, etc
+
+ x.G[0] = -1;
+ x.G[1] = 0;
+ x.G[2] = -vec2.crossLength(worldPivotA,xAxis);
+ x.G[3] = 1;
+ x.G[4] = 0;
+ x.G[5] = vec2.crossLength(worldPivotB,xAxis);
+
+ y.G[0] = 0;
+ y.G[1] = -1;
+ y.G[2] = -vec2.crossLength(worldPivotA,yAxis);
+ y.G[3] = 0;
+ y.G[4] = 1;
+ y.G[5] = vec2.crossLength(worldPivotB,yAxis);
+};
+
+/**
+ * Enable the rotational motor
+ * @method enableMotor
+ */
+RevoluteConstraint.prototype.enableMotor = function(){
+ if(this.motorEnabled) return;
+ this.equations.push(this.motorEquation);
+ this.motorEnabled = true;
+};
+
+/**
+ * Disable the rotational motor
+ * @method disableMotor
+ */
+RevoluteConstraint.prototype.disableMotor = function(){
+ if(!this.motorEnabled) return;
+ var i = this.equations.indexOf(this.motorEquation);
+ this.equations.splice(i,1);
+ this.motorEnabled = false;
+};
+
+/**
+ * Check if the motor is enabled.
+ * @method motorIsEnabled
+ * @return {Boolean}
+ */
+RevoluteConstraint.prototype.motorIsEnabled = function(){
+ return !!this.motorEnabled;
+};
+
+/**
+ * Set the speed of the rotational constraint motor
+ * @method setMotorSpeed
+ * @param {Number} speed
+ */
+RevoluteConstraint.prototype.setMotorSpeed = function(speed){
+ if(!this.motorEnabled) return;
+ var i = this.equations.indexOf(this.motorEquation);
+ this.equations[i].relativeVelocity = speed;
+};
+
+/**
+ * Get the speed of the rotational constraint motor
+ * @method getMotorSpeed
+ * @return {Number} The current speed, or false if the motor is not enabled.
+ */
+RevoluteConstraint.prototype.getMotorSpeed = function(){
+ if(!this.motorEnabled) return false;
+ return this.motorEquation.relativeVelocity;
+};
+
+},{"../equations/Equation":24,"../equations/RotationalLockEquation":26,"../equations/RotationalVelocityEquation":27,"../math/vec2":33,"./Constraint":16}],22:[function(require,module,exports){
+var Equation = require("./Equation"),
+ vec2 = require('../math/vec2');
+
+module.exports = AngleLockEquation;
+
+/**
+ * Locks the relative angle between two bodies. The constraint tries to keep the dot product between two vectors, local in each body, to zero. The local angle in body i is a parameter.
+ *
+ * @class AngleLockEquation
+ * @constructor
+ * @extends Equation
+ * @param {Body} bi
+ * @param {Body} bj
+ * @param {Object} options
+ * @param {Number} options.angle Angle to add to the local vector in body i.
+ * @param {Number} options.ratio Gear ratio
+ */
+function AngleLockEquation(bi,bj,options){
+ options = options || {};
+ Equation.call(this,bi,bj,-Number.MAX_VALUE,Number.MAX_VALUE);
+ this.angle = options.angle || 0;
+ this.ratio = typeof(options.ratio)=="number" ? options.ratio : 1;
+ this.setRatio(this.ratio);
+};
+AngleLockEquation.prototype = new Equation();
+AngleLockEquation.prototype.constructor = AngleLockEquation;
+
+AngleLockEquation.prototype.computeGq = function(){
+ return this.ratio*this.bi.angle - this.bj.angle + this.angle;
+};
+
+AngleLockEquation.prototype.setRatio = function(ratio){
+ var G = this.G;
+ G[2] = ratio;
+ G[5] = -1;
+ this.ratio = ratio;
+};
+
+},{"../math/vec2":33,"./Equation":24}],23:[function(require,module,exports){
+var Equation = require("./Equation"),
+ vec2 = require('../math/vec2'),
+ mat2 = require('../math/mat2');
+
+module.exports = ContactEquation;
+
+/**
+ * Non-penetration constraint equation. Tries to make the ri and rj vectors the same point.
+ *
+ * @class ContactEquation
+ * @constructor
+ * @extends Equation
+ * @param {Body} bi
+ * @param {Body} bj
+ */
+function ContactEquation(bi,bj){
+ Equation.call(this,bi,bj,0,Number.MAX_VALUE);
+
+ /**
+ * Vector from body i center of mass to the contact point.
+ * @property ri
+ * @type {Array}
+ */
+ this.ri = vec2.create();
+ this.penetrationVec = vec2.create();
+
+ /**
+ * Vector from body j center of mass to the contact point.
+ * @property rj
+ * @type {Array}
+ */
+ this.rj = vec2.create();
+
+ /**
+ * The normal vector, pointing out of body i
+ * @property ni
+ * @type {Array}
+ */
+ this.ni = vec2.create();
+
+ /**
+ * The restitution to use. 0=no bounciness, 1=max bounciness.
+ * @property restitution
+ * @type {Number}
+ */
+ this.restitution = 0;
+
+ /**
+ * Set to true if this is the first impact between the bodies (not persistant contact).
+ * @property firstImpact
+ * @type {Boolean}
+ */
+ this.firstImpact = false;
+
+ /**
+ * The shape in body i that triggered this contact.
+ * @property shapeA
+ * @type {Shape}
+ */
+ this.shapeA = null;
+
+ /**
+ * The shape in body j that triggered this contact.
+ * @property shapeB
+ * @type {Shape}
+ */
+ this.shapeB = null;
+};
+ContactEquation.prototype = new Equation();
+ContactEquation.prototype.constructor = ContactEquation;
+ContactEquation.prototype.computeB = function(a,b,h){
+ var bi = this.bi,
+ bj = this.bj,
+ ri = this.ri,
+ rj = this.rj,
+ xi = bi.position,
+ xj = bj.position;
+
+ var penetrationVec = this.penetrationVec,
+ n = this.ni,
+ G = this.G;
+
+ // Caluclate cross products
+ var rixn = vec2.crossLength(ri,n),
+ rjxn = vec2.crossLength(rj,n);
+
+ // G = [-n -rixn n rjxn]
+ G[0] = -n[0];
+ G[1] = -n[1];
+ G[2] = -rixn;
+ G[3] = n[0];
+ G[4] = n[1];
+ G[5] = rjxn;
+
+ // Calculate q = xj+rj -(xi+ri) i.e. the penetration vector
+ vec2.add(penetrationVec,xj,rj);
+ vec2.sub(penetrationVec,penetrationVec,xi);
+ vec2.sub(penetrationVec,penetrationVec,ri);
+
+ // Compute iteration
+ var GW, Gq;
+ if(this.firstImpact && this.restitution !== 0){
+ Gq = 0;
+ GW = (1/b)*(1+this.restitution) * this.computeGW();
+ } else {
+ Gq = vec2.dot(n,penetrationVec);
+ GW = this.computeGW();
+ }
+
+ var GiMf = this.computeGiMf();
+ var B = - Gq * a - GW * b - h*GiMf;
+
+ return B;
+};
+
+},{"../math/mat2":31,"../math/vec2":33,"./Equation":24}],24:[function(require,module,exports){
+module.exports = Equation;
+
+var vec2 = require('../math/vec2'),
+ mat2 = require('../math/mat2'),
+ Utils = require('../utils/Utils');
+
+/**
+ * Base class for constraint equations.
+ * @class Equation
+ * @constructor
+ * @param {Body} bi First body participating in the equation
+ * @param {Body} bj Second body participating in the equation
+ * @param {number} minForce Minimum force to apply. Default: -1e6
+ * @param {number} maxForce Maximum force to apply. Default: 1e6
+ */
+function Equation(bi,bj,minForce,maxForce){
+
+ /**
+ * Minimum force to apply when solving
+ * @property minForce
+ * @type {Number}
+ */
+ this.minForce = typeof(minForce)=="undefined" ? -1e6 : minForce;
+
+ /**
+ * Max force to apply when solving
+ * @property maxForce
+ * @type {Number}
+ */
+ this.maxForce = typeof(maxForce)=="undefined" ? 1e6 : maxForce;
+
+ /**
+ * First body participating in the constraint
+ * @property bi
+ * @type {Body}
+ */
+ this.bi = bi;
+
+ /**
+ * Second body participating in the constraint
+ * @property bj
+ * @type {Body}
+ */
+ this.bj = bj;
+
+ /**
+ * The stiffness of this equation. Typically chosen to a large number (~1e7), but can be chosen somewhat freely to get a stable simulation.
+ * @property stiffness
+ * @type {Number}
+ */
+ this.stiffness = 1e6;
+
+ /**
+ * The number of time steps needed to stabilize the constraint equation. Typically between 3 and 5 time steps.
+ * @property relaxation
+ * @type {Number}
+ */
+ this.relaxation = 4;
+
+ /**
+ * The Jacobian entry of this equation. 6 numbers, 3 per body (x,y,angle).
+ * @property G
+ * @type {Array}
+ */
+ this.G = new Utils.ARRAY_TYPE(6);
+ for(var i=0; i<6; i++) this.G[i]=0;
+
+ // Constraint frames for body i and j
+ /*
+ this.xi = vec2.create();
+ this.xj = vec2.create();
+ this.ai = 0;
+ this.aj = 0;
+ */
+ this.offset = 0;
+
+ this.a = 0;
+ this.b = 0;
+ this.eps = 0;
+ this.h = 0;
+ this.updateSpookParams(1/60);
+
+ /**
+ * The resulting constraint multiplier from the last solve. This is mostly equivalent to the force produced by the constraint.
+ * @property multiplier
+ * @type {Number}
+ */
+ this.multiplier = 0;
+
+ /**
+ * Relative velocity.
+ * @property {Number} relativeVelocity
+ */
+ this.relativeVelocity = 0;
+
+ /**
+ * Whether this equation is enabled or not. If true, it will be added to the solver.
+ * @property {Boolean} enabled
+ */
+ this.enabled = true;
+};
+Equation.prototype.constructor = Equation;
+
+/**
+ * Update SPOOK parameters .a, .b and .eps according to the given time step. See equations 9, 10 and 11 in the SPOOK notes.
+ * @method updateSpookParams
+ * @param {number} timeStep
+ */
+Equation.prototype.updateSpookParams = function(timeStep){
+ var k = this.stiffness,
+ d = this.relaxation,
+ h = timeStep;
+ this.a = 4.0 / (h * (1 + 4 * d));
+ this.b = (4.0 * d) / (1 + 4 * d);
+ this.eps = 4.0 / (h * h * k * (1 + 4 * d));
+ this.h = timeStep;
+};
+
+function Gmult(G,vi,wi,vj,wj){
+ return G[0] * vi[0] +
+ G[1] * vi[1] +
+ G[2] * wi +
+ G[3] * vj[0] +
+ G[4] * vj[1] +
+ G[5] * wj;
+}
+
+/**
+ * Computes the RHS of the SPOOK equation
+ * @method computeB
+ * @return {Number}
+ */
+Equation.prototype.computeB = function(a,b,h){
+ var GW = this.computeGW();
+ var Gq = this.computeGq();
+ var GiMf = this.computeGiMf();
+ return - Gq * a - GW * b - GiMf*h;
+};
+
+/**
+ * Computes G*q, where q are the generalized body coordinates
+ * @method computeGq
+ * @return {Number}
+ */
+var qi = vec2.create(),
+ qj = vec2.create();
+Equation.prototype.computeGq = function(){
+ var G = this.G,
+ bi = this.bi,
+ bj = this.bj,
+ xi = bi.position,
+ xj = bj.position,
+ ai = bi.angle,
+ aj = bj.angle;
+
+ // Transform to the given body frames
+ /*
+ vec2.rotate(qi,this.xi,ai);
+ vec2.rotate(qj,this.xj,aj);
+ vec2.add(qi,qi,xi);
+ vec2.add(qj,qj,xj);
+ */
+
+ return Gmult(G, qi, ai, qj, aj) + this.offset;
+};
+
+var tmp_i = vec2.create(),
+ tmp_j = vec2.create();
+Equation.prototype.transformedGmult = function(G,vi,wi,vj,wj){
+ // Transform velocity to the given body frames
+ // v_p = v + w x r
+ /*
+ vec2.rotate(tmp_i,this.xi,Math.PI / 2 + this.bi.angle); // Get r, and rotate 90 degrees. We get the "x r" part
+ vec2.rotate(tmp_j,this.xj,Math.PI / 2 + this.bj.angle);
+ vec2.scale(tmp_i,tmp_i,wi); // Temp vectors are now (w x r)
+ vec2.scale(tmp_j,tmp_j,wj);
+ vec2.add(tmp_i,tmp_i,vi);
+ vec2.add(tmp_j,tmp_j,vj);
+ */
+
+ // Note: angular velocity is same
+ return Gmult(G,vi,wi,vj,wj);
+};
+
+/**
+ * Computes G*W, where W are the body velocities
+ * @method computeGW
+ * @return {Number}
+ */
+Equation.prototype.computeGW = function(){
+ var G = this.G,
+ bi = this.bi,
+ bj = this.bj,
+ vi = bi.velocity,
+ vj = bj.velocity,
+ wi = bi.angularVelocity,
+ wj = bj.angularVelocity;
+ return this.transformedGmult(G,vi,wi,vj,wj) + this.relativeVelocity;
+};
+
+/**
+ * Computes G*Wlambda, where W are the body velocities
+ * @method computeGWlambda
+ * @return {Number}
+ */
+Equation.prototype.computeGWlambda = function(){
+ var G = this.G,
+ bi = this.bi,
+ bj = this.bj,
+ vi = bi.vlambda,
+ vj = bj.vlambda,
+ wi = bi.wlambda,
+ wj = bj.wlambda;
+ return Gmult(G,vi,wi,vj,wj);
+};
+
+/**
+ * Computes G*inv(M)*f, where M is the mass matrix with diagonal blocks for each body, and f are the forces on the bodies.
+ * @method computeGiMf
+ * @return {Number}
+ */
+var iMfi = vec2.create(),
+ iMfj = vec2.create();
+Equation.prototype.computeGiMf = function(){
+ var bi = this.bi,
+ bj = this.bj,
+ fi = bi.force,
+ ti = bi.angularForce,
+ fj = bj.force,
+ tj = bj.angularForce,
+ invMassi = bi.invMass,
+ invMassj = bj.invMass,
+ invIi = bi.invInertia,
+ invIj = bj.invInertia,
+ G = this.G;
+
+ vec2.scale(iMfi, fi,invMassi);
+ vec2.scale(iMfj, fj,invMassj);
+
+ return this.transformedGmult(G,iMfi,ti*invIi,iMfj,tj*invIj);
+};
+
+/**
+ * Computes G*inv(M)*G'
+ * @method computeGiMGt
+ * @return {Number}
+ */
+Equation.prototype.computeGiMGt = function(){
+ var bi = this.bi,
+ bj = this.bj,
+ invMassi = bi.invMass,
+ invMassj = bj.invMass,
+ invIi = bi.invInertia,
+ invIj = bj.invInertia,
+ G = this.G;
+
+ return G[0] * G[0] * invMassi +
+ G[1] * G[1] * invMassi +
+ G[2] * G[2] * invIi +
+ G[3] * G[3] * invMassj +
+ G[4] * G[4] * invMassj +
+ G[5] * G[5] * invIj;
+};
+
+var addToWlambda_temp = vec2.create(),
+ addToWlambda_Gi = vec2.create(),
+ addToWlambda_Gj = vec2.create(),
+ addToWlambda_ri = vec2.create(),
+ addToWlambda_rj = vec2.create(),
+ addToWlambda_Mdiag = vec2.create();
+var tmpMat1 = mat2.create(),
+ tmpMat2 = mat2.create();
+
+/**
+ * Add constraint velocity to the bodies.
+ * @method addToWlambda
+ * @param {Number} deltalambda
+ */
+Equation.prototype.addToWlambda = function(deltalambda){
+ var bi = this.bi,
+ bj = this.bj,
+ temp = addToWlambda_temp,
+ imMat1 = tmpMat1,
+ imMat2 = tmpMat2,
+ Gi = addToWlambda_Gi,
+ Gj = addToWlambda_Gj,
+ ri = addToWlambda_ri,
+ rj = addToWlambda_rj,
+ Mdiag = addToWlambda_Mdiag,
+ G = this.G;
+
+ Gi[0] = G[0];
+ Gi[1] = G[1];
+ Gj[0] = G[3];
+ Gj[1] = G[4];
+
+ /*
+ mat2.identity(imMat1);
+ mat2.identity(imMat2);
+ imMat1[0] = imMat1[3] = bi.invMass;
+ imMat2[0] = imMat2[3] = bj.invMass;
+ */
+
+
+ /*
+ vec2.rotate(ri,this.xi,bi.angle);
+ vec2.rotate(rj,this.xj,bj.angle);
+ */
+
+ // Add to linear velocity
+ // v_lambda += inv(M) * delta_lamba * G
+ //vec2.set(Mdiag,bi.invMass,bi.invMass);
+ //vec2.scale(temp,vec2.transformMat2(temp,Gi,imMat1),deltalambda);
+ vec2.scale(temp,Gi,bi.invMass*deltalambda);
+ vec2.add( bi.vlambda, bi.vlambda, temp);
+ // This impulse is in the offset frame
+ // Also add contribution to angular
+ //bi.wlambda -= vec2.crossLength(temp,ri);
+
+ //vec2.set(Mdiag,bj.invMass,bj.invMass);
+ //vec2.scale(temp,vec2.transformMat2(temp,Gj,imMat2),deltalambda);
+ vec2.scale(temp,Gj,bj.invMass*deltalambda);
+ vec2.add( bj.vlambda, bj.vlambda, temp);
+ //bj.wlambda -= vec2.crossLength(temp,rj);
+
+ // Add to angular velocity
+ bi.wlambda += bi.invInertia * G[2] * deltalambda;
+ bj.wlambda += bj.invInertia * G[5] * deltalambda;
+};
+
+function massMatVecMultiply(out, m, v) {
+ out[0] = v[0] * m;
+ out[1] = v[1] * m;
+ return out;
+}
+
+/**
+ * Compute the denominator part of the SPOOK equation: C = G*inv(M)*G' + eps
+ * @method computeInvC
+ * @param {Number} eps
+ * @return {Number}
+ */
+Equation.prototype.computeInvC = function(eps){
+ return 1.0 / (this.computeGiMGt() + eps);
+};
+
+},{"../math/mat2":31,"../math/vec2":33,"../utils/Utils":50}],25:[function(require,module,exports){
+var mat2 = require('../math/mat2')
+, vec2 = require('../math/vec2')
+, Equation = require('./Equation')
+, Utils = require('../utils/Utils')
+
+module.exports = FrictionEquation;
+
+/**
+ * Constrains the slipping in a contact along a tangent
+ *
+ * @class FrictionEquation
+ * @constructor
+ * @param {Body} bi
+ * @param {Body} bj
+ * @param {Number} slipForce
+ * @extends {Equation}
+ */
+function FrictionEquation(bi,bj,slipForce){
+ Equation.call(this,bi,bj,-slipForce,slipForce);
+
+ /**
+ * Relative vector from center of body i to the contact point, in world coords.
+ * @property ri
+ * @type {Float32Array}
+ */
+ this.ri = vec2.create();
+
+ /**
+ * Relative vector from center of body j to the contact point, in world coords.
+ * @property rj
+ * @type {Float32Array}
+ */
+ this.rj = vec2.create();
+
+ /**
+ * Tangent vector that the friction force will act along, in world coords.
+ * @property t
+ * @type {Float32Array}
+ */
+ this.t = vec2.create();
+
+ /**
+ * A ContactEquation connected to this friction. The contact equation can be used to rescale the max force for the friction.
+ * @property contactEquation
+ * @type {ContactEquation}
+ */
+ this.contactEquation = null;
+
+ /**
+ * The shape in body i that triggered this friction.
+ * @property shapeA
+ * @type {Shape}
+ * @todo Needed? The shape can be looked up via contactEquation.shapeA...
+ */
+ this.shapeA = null;
+
+ /**
+ * The shape in body j that triggered this friction.
+ * @property shapeB
+ * @type {Shape}
+ * @todo Needed? The shape can be looked up via contactEquation.shapeB...
+ */
+ this.shapeB = null;
+
+ /**
+ * The friction coefficient to use.
+ * @property frictionCoefficient
+ * @type {Number}
+ */
+ this.frictionCoefficient = 0.3;
+};
+FrictionEquation.prototype = new Equation();
+FrictionEquation.prototype.constructor = FrictionEquation;
+
+/**
+ * Set the slipping condition for the constraint. The friction force cannot be
+ * larger than this value.
+ * @method setSlipForce
+ * @param {Number} slipForce
+ * @deprecated Use .frictionCoefficient instead
+ */
+FrictionEquation.prototype.setSlipForce = function(slipForce){
+ this.maxForce = slipForce;
+ this.minForce = -slipForce;
+};
+
+FrictionEquation.prototype.computeB = function(a,b,h){
+ var bi = this.bi,
+ bj = this.bj,
+ ri = this.ri,
+ rj = this.rj,
+ t = this.t,
+ G = this.G;
+
+ // G = [-t -rixt t rjxt]
+ // And remember, this is a pure velocity constraint, g is always zero!
+ G[0] = -t[0];
+ G[1] = -t[1];
+ G[2] = -vec2.crossLength(ri,t);
+ G[3] = t[0];
+ G[4] = t[1];
+ G[5] = vec2.crossLength(rj,t);
+
+ var GW = this.computeGW(),
+ GiMf = this.computeGiMf();
+
+ var B = /* - g * a */ - GW * b - h*GiMf;
+
+ return B;
+};
+
+},{"../math/mat2":31,"../math/vec2":33,"../utils/Utils":50,"./Equation":24}],26:[function(require,module,exports){
+var Equation = require("./Equation"),
+ vec2 = require('../math/vec2');
+
+module.exports = RotationalLockEquation;
+
+/**
+ * Locks the relative angle between two bodies. The constraint tries to keep the dot product between two vectors, local in each body, to zero. The local angle in body i is a parameter.
+ *
+ * @class RotationalLockEquation
+ * @constructor
+ * @extends Equation
+ * @param {Body} bi
+ * @param {Body} bj
+ * @param {Object} options
+ * @param {Number} options.angle Angle to add to the local vector in body i.
+ */
+function RotationalLockEquation(bi,bj,options){
+ options = options || {};
+ Equation.call(this,bi,bj,-Number.MAX_VALUE,Number.MAX_VALUE);
+ this.angle = options.angle || 0;
+
+ var G = this.G;
+ G[2] = 1;
+ G[5] = -1;
+};
+RotationalLockEquation.prototype = new Equation();
+RotationalLockEquation.prototype.constructor = RotationalLockEquation;
+
+var worldVectorA = vec2.create(),
+ worldVectorB = vec2.create(),
+ xAxis = vec2.fromValues(1,0),
+ yAxis = vec2.fromValues(0,1);
+RotationalLockEquation.prototype.computeGq = function(){
+ vec2.rotate(worldVectorA,xAxis,this.bi.angle+this.angle);
+ vec2.rotate(worldVectorB,yAxis,this.bj.angle);
+ return vec2.dot(worldVectorA,worldVectorB);
+};
+
+},{"../math/vec2":33,"./Equation":24}],27:[function(require,module,exports){
+var Equation = require("./Equation"),
+ vec2 = require('../math/vec2');
+
+module.exports = RotationalVelocityEquation;
+
+/**
+ * Syncs rotational velocity of two bodies, or sets a relative velocity (motor).
+ *
+ * @class RotationalVelocityEquation
+ * @constructor
+ * @extends Equation
+ * @param {Body} bi
+ * @param {Body} bj
+ */
+function RotationalVelocityEquation(bi,bj){
+ Equation.call(this,bi,bj,-Number.MAX_VALUE,Number.MAX_VALUE);
+ this.relativeVelocity = 1;
+ this.ratio = 1;
+};
+RotationalVelocityEquation.prototype = new Equation();
+RotationalVelocityEquation.prototype.constructor = RotationalVelocityEquation;
+RotationalVelocityEquation.prototype.computeB = function(a,b,h){
+ var G = this.G;
+ G[2] = -1;
+ G[5] = this.ratio;
+
+ var GiMf = this.computeGiMf();
+ var GW = this.computeGW();
+ var B = - GW * b - h*GiMf;
+
+ return B;
+};
+
+},{"../math/vec2":33,"./Equation":24}],28:[function(require,module,exports){
+/**
+ * Base class for objects that dispatches events.
+ * @class EventEmitter
+ * @constructor
+ */
+var EventEmitter = function () {}
+
+module.exports = EventEmitter;
+
+EventEmitter.prototype = {
+ constructor: EventEmitter,
+
+ /**
+ * Add an event listener
+ * @method on
+ * @param {String} type
+ * @param {Function} listener
+ * @return {EventEmitter} The self object, for chainability.
+ */
+ on: function ( type, listener, context ) {
+ listener.context = context || this;
+ if ( this._listeners === undefined ) this._listeners = {};
+ var listeners = this._listeners;
+ if ( listeners[ type ] === undefined ) {
+ listeners[ type ] = [];
+ }
+ if ( listeners[ type ].indexOf( listener ) === - 1 ) {
+ listeners[ type ].push( listener );
+ }
+ return this;
+ },
+
+ /**
+ * Check if an event listener is added
+ * @method has
+ * @param {String} type
+ * @param {Function} listener
+ * @return {Boolean}
+ */
+ has: function ( type, listener ) {
+ if ( this._listeners === undefined ) return false;
+ var listeners = this._listeners;
+ if ( listeners[ type ] !== undefined && listeners[ type ].indexOf( listener ) !== - 1 ) {
+ return true;
+ }
+ return false;
+ },
+
+ /**
+ * Remove an event listener
+ * @method off
+ * @param {String} type
+ * @param {Function} listener
+ * @return {EventEmitter} The self object, for chainability.
+ */
+ off: function ( type, listener ) {
+ if ( this._listeners === undefined ) return this;
+ var listeners = this._listeners;
+ var index = listeners[ type ].indexOf( listener );
+ if ( index !== - 1 ) {
+ listeners[ type ].splice( index, 1 );
+ }
+ return this;
+ },
+
+ /**
+ * Emit an event.
+ * @method emit
+ * @param {Object} event
+ * @param {String} event.type
+ * @return {EventEmitter} The self object, for chainability.
+ */
+ emit: function ( event ) {
+ if ( this._listeners === undefined ) return this;
+ var listeners = this._listeners;
+ var listenerArray = listeners[ event.type ];
+ if ( listenerArray !== undefined ) {
+ event.target = this;
+ for ( var i = 0, l = listenerArray.length; i < l; i ++ ) {
+ var listener = listenerArray[ i ];
+ listener.call( listener.context, event );
+ }
+ }
+ return this;
+ }
+};
+
+},{}],29:[function(require,module,exports){
+var Material = require('./Material');
+
+module.exports = ContactMaterial;
+
+/**
+ * Defines what happens when two materials meet, such as what friction coefficient to use. You can also set other things such as restitution, surface velocity and constraint parameters.
+ * @class ContactMaterial
+ * @constructor
+ * @param {Material} materialA
+ * @param {Material} materialB
+ * @param {Object} [options]
+ * @param {Number} options.friction Friction coefficient.
+ * @param {Number} options.restitution Restitution coefficient aka "bounciness".
+ * @param {Number} options.stiffness ContactEquation stiffness.
+ * @param {Number} options.relaxation ContactEquation relaxation.
+ * @param {Number} options.frictionStiffness FrictionEquation stiffness.
+ * @param {Number} options.frictionRelaxation FrictionEquation relaxation.
+ * @param {Number} options.surfaceVelocity Surface velocity.
+ * @author schteppe
+ */
+function ContactMaterial(materialA, materialB, options){
+ options = options || {};
+
+ if(!(materialA instanceof Material) || !(materialB instanceof Material))
+ throw new Error("First two arguments must be Material instances.");
+
+ /**
+ * The contact material identifier
+ * @property id
+ * @type {Number}
+ */
+ this.id = ContactMaterial.idCounter++;
+
+ /**
+ * First material participating in the contact material
+ * @property materialA
+ * @type {Material}
+ */
+ this.materialA = materialA;
+
+ /**
+ * Second material participating in the contact material
+ * @property materialB
+ * @type {Material}
+ */
+ this.materialB = materialB;
+
+ /**
+ * Friction to use in the contact of these two materials
+ * @property friction
+ * @type {Number}
+ */
+ this.friction = typeof(options.friction) !== "undefined" ? Number(options.friction) : 0.3;
+
+ /**
+ * Restitution to use in the contact of these two materials
+ * @property restitution
+ * @type {Number}
+ */
+ this.restitution = typeof(options.restitution) !== "undefined" ? Number(options.restitution) : 0.0;
+
+ /**
+ * Stiffness of the resulting ContactEquation that this ContactMaterial generate
+ * @property stiffness
+ * @type {Number}
+ */
+ this.stiffness = typeof(options.stiffness) !== "undefined" ? Number(options.stiffness) : 1e7;
+
+ /**
+ * Relaxation of the resulting ContactEquation that this ContactMaterial generate
+ * @property relaxation
+ * @type {Number}
+ */
+ this.relaxation = typeof(options.relaxation) !== "undefined" ? Number(options.relaxation) : 3;
+
+ /**
+ * Stiffness of the resulting FrictionEquation that this ContactMaterial generate
+ * @property frictionStiffness
+ * @type {Number}
+ */
+ this.frictionStiffness = typeof(options.frictionStiffness) !== "undefined" ? Number(options.frictionStiffness) : 1e7;
+
+ /**
+ * Relaxation of the resulting FrictionEquation that this ContactMaterial generate
+ * @property frictionRelaxation
+ * @type {Number}
+ */
+ this.frictionRelaxation = typeof(options.frictionRelaxation) !== "undefined" ? Number(options.frictionRelaxation) : 3;
+
+ /**
+ * Will add surface velocity to this material. If bodyA rests on top if bodyB, and the surface velocity is positive, bodyA will slide to the right.
+ * @property {Number} surfaceVelocity
+ */
+ this.surfaceVelocity = typeof(options.surfaceVelocity) !== "undefined" ? Number(options.surfaceVelocity) : 0
+};
+
+ContactMaterial.idCounter = 0;
+
+},{"./Material":30}],30:[function(require,module,exports){
+module.exports = Material;
+
+/**
+ * Defines a physics material.
+ * @class Material
+ * @constructor
+ * @param string name
+ * @author schteppe
+ */
+function Material(){
+ /**
+ * The material identifier
+ * @property id
+ * @type {Number}
+ */
+ this.id = Material.idCounter++;
+};
+
+Material.idCounter = 0;
+
+},{}],31:[function(require,module,exports){
+/**
+ * The mat2 object from glMatrix, extended with the functions documented here. See http://glmatrix.net for full doc.
+ * @class mat2
+ */
+
+// Only import mat2 from gl-matrix and skip the rest
+var mat2 = require('../../node_modules/gl-matrix/src/gl-matrix/mat2').mat2;
+
+// Export everything
+module.exports = mat2;
+
+},{"../../node_modules/gl-matrix/src/gl-matrix/mat2":1}],32:[function(require,module,exports){
+
+ /*
+ PolyK library
+ url: http://polyk.ivank.net
+ Released under MIT licence.
+
+ Copyright (c) 2012 Ivan Kuckir
+
+ Permission is hereby granted, free of charge, to any person
+ obtaining a copy of this software and associated documentation
+ files (the "Software"), to deal in the Software without
+ restriction, including without limitation the rights to use,
+ copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the
+ Software is furnished to do so, subject to the following
+ conditions:
+
+ The above copyright notice and this permission notice shall be
+ included in all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+ var PolyK = {};
+
+ /*
+ Is Polygon self-intersecting?
+
+ O(n^2)
+ */
+ /*
+ PolyK.IsSimple = function(p)
+ {
+ var n = p.length>>1;
+ if(n<4) return true;
+ var a1 = new PolyK._P(), a2 = new PolyK._P();
+ var b1 = new PolyK._P(), b2 = new PolyK._P();
+ var c = new PolyK._P();
+
+ for(var i=0; i>1;
+ if(n<3) return [];
+ var tgs = [];
+ var avl = [];
+ for(var i=0; i 3)
+ {
+ var i0 = avl[(i+0)%al];
+ var i1 = avl[(i+1)%al];
+ var i2 = avl[(i+2)%al];
+
+ var ax = p[2*i0], ay = p[2*i0+1];
+ var bx = p[2*i1], by = p[2*i1+1];
+ var cx = p[2*i2], cy = p[2*i2+1];
+
+ var earFound = false;
+ if(PolyK._convex(ax, ay, bx, by, cx, cy))
+ {
+ earFound = true;
+ for(var j=0; j 3*al) break; // no convex angles :(
+ }
+ tgs.push(avl[0], avl[1], avl[2]);
+ return tgs;
+ }
+ /*
+ PolyK.ContainsPoint = function(p, px, py)
+ {
+ var n = p.length>>1;
+ var ax, ay, bx = p[2*n-2]-px, by = p[2*n-1]-py;
+ var depth = 0;
+ for(var i=0; i=0 && by>=0) continue; // both "up" or both "donw"
+ if(ax< 0 && bx< 0) continue;
+
+ var lx = ax + (bx-ax)*(-ay)/(by-ay);
+ if(lx>0) depth++;
+ }
+ return (depth & 1) == 1;
+ }
+
+ PolyK.Slice = function(p, ax, ay, bx, by)
+ {
+ if(PolyK.ContainsPoint(p, ax, ay) || PolyK.ContainsPoint(p, bx, by)) return [p.slice(0)];
+
+ var a = new PolyK._P(ax, ay);
+ var b = new PolyK._P(bx, by);
+ var iscs = []; // intersections
+ var ps = []; // points
+ for(var i=0; i 0)
+ {
+ var n = ps.length;
+ var i0 = iscs[0];
+ var i1 = iscs[1];
+ var ind0 = ps.indexOf(i0);
+ var ind1 = ps.indexOf(i1);
+ var solved = false;
+
+ if(PolyK._firstWithFlag(ps, ind0) == ind1) solved = true;
+ else
+ {
+ i0 = iscs[1];
+ i1 = iscs[0];
+ ind0 = ps.indexOf(i0);
+ ind1 = ps.indexOf(i1);
+ if(PolyK._firstWithFlag(ps, ind0) == ind1) solved = true;
+ }
+ if(solved)
+ {
+ dir--;
+ var pgn = PolyK._getPoints(ps, ind0, ind1);
+ pgs.push(pgn);
+ ps = PolyK._getPoints(ps, ind1, ind0);
+ i0.flag = i1.flag = false;
+ iscs.splice(0,2);
+ if(iscs.length == 0) pgs.push(ps);
+ }
+ else { dir++; iscs.reverse(); }
+ if(dir>1) break;
+ }
+ var result = [];
+ for(var i=0; i>1, isc);
+ }
+ b1.x = b2.x; b1.y = b2.y;
+ b2.x = p[0]; b2.y = p[1];
+ PolyK._pointLineDist(a1, b1, b2, l>>1, isc);
+
+ var idst = 1/isc.dist;
+ isc.norm.x = (x-isc.point.x)*idst;
+ isc.norm.y = (y-isc.point.y)*idst;
+ return isc;
+ }
+
+ PolyK._pointLineDist = function(p, a, b, edge, isc)
+ {
+ var x = p.x, y = p.y, x1 = a.x, y1 = a.y, x2 = b.x, y2 = b.y;
+
+ var A = x - x1;
+ var B = y - y1;
+ var C = x2 - x1;
+ var D = y2 - y1;
+
+ var dot = A * C + B * D;
+ var len_sq = C * C + D * D;
+ var param = dot / len_sq;
+
+ var xx, yy;
+
+ if (param < 0 || (x1 == x2 && y1 == y2)) {
+ xx = x1;
+ yy = y1;
+ }
+ else if (param > 1) {
+ xx = x2;
+ yy = y2;
+ }
+ else {
+ xx = x1 + param * C;
+ yy = y1 + param * D;
+ }
+
+ var dx = x - xx;
+ var dy = y - yy;
+ var dst = Math.sqrt(dx * dx + dy * dy);
+ if(dst= 0) && (v >= 0) && (u + v < 1);
+ }
+ /*
+ PolyK._RayLineIntersection = function(a1, a2, b1, b2, c)
+ {
+ var dax = (a1.x-a2.x), dbx = (b1.x-b2.x);
+ var day = (a1.y-a2.y), dby = (b1.y-b2.y);
+
+ var Den = dax*dby - day*dbx;
+ if (Den == 0) return null; // parallel
+
+ var A = (a1.x * a2.y - a1.y * a2.x);
+ var B = (b1.x * b2.y - b1.y * b2.x);
+
+ var I = c;
+ var iDen = 1/Den;
+ I.x = ( A*dbx - dax*B ) * iDen;
+ I.y = ( A*dby - day*B ) * iDen;
+
+ if(!PolyK._InRect(I, b1, b2)) return null;
+ if((day>0 && I.y>a1.y) || (day<0 && I.y0 && I.x>a1.x) || (dax<0 && I.x=Math.min(b.y, c.y) && a.y<=Math.max(b.y, c.y));
+ if (b.y == c.y) return (a.x>=Math.min(b.x, c.x) && a.x<=Math.max(b.x, c.x));
+
+ if(a.x >= Math.min(b.x, c.x) && a.x <= Math.max(b.x, c.x)
+ && a.y >= Math.min(b.y, c.y) && a.y <= Math.max(b.y, c.y))
+ return true;
+ return false;
+ }
+ */
+ PolyK._convex = function(ax, ay, bx, by, cx, cy)
+ {
+ return (ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0;
+ }
+ /*
+ PolyK._P = function(x,y)
+ {
+ this.x = x;
+ this.y = y;
+ this.flag = false;
+ }
+ PolyK._P.prototype.toString = function()
+ {
+ return "Point ["+this.x+", "+this.y+"]";
+ }
+ PolyK._P.dist = function(a,b)
+ {
+ var dx = b.x-a.x;
+ var dy = b.y-a.y;
+ return Math.sqrt(dx*dx + dy*dy);
+ }
+
+ PolyK._tp = [];
+ for(var i=0; i<10; i++) PolyK._tp.push(new PolyK._P(0,0));
+ */
+
+module.exports = PolyK;
+
+},{}],33:[function(require,module,exports){
+/**
+ * The vec2 object from glMatrix, extended with the functions documented here. See http://glmatrix.net for full doc.
+ * @class vec2
+ */
+
+// Only import vec2 from gl-matrix and skip the rest
+var vec2 = require('../../node_modules/gl-matrix/src/gl-matrix/vec2').vec2;
+
+// Now add some extensions
+
+/**
+ * Get the vector x component
+ * @method getX
+ * @static
+ * @param {Float32Array} a
+ * @return {Number}
+ */
+vec2.getX = function(a){
+ return a[0];
+};
+
+/**
+ * Get the vector y component
+ * @method getY
+ * @static
+ * @param {Float32Array} a
+ * @return {Number}
+ */
+vec2.getY = function(a){
+ return a[1];
+};
+
+/**
+ * Make a cross product and only return the z component
+ * @method crossLength
+ * @static
+ * @param {Float32Array} a
+ * @param {Float32Array} b
+ * @return {Number}
+ */
+vec2.crossLength = function(a,b){
+ return a[0] * b[1] - a[1] * b[0];
+};
+
+/**
+ * Cross product between a vector and the Z component of a vector
+ * @method crossVZ
+ * @static
+ * @param {Float32Array} out
+ * @param {Float32Array} vec
+ * @param {Number} zcomp
+ * @return {Number}
+ */
+vec2.crossVZ = function(out, vec, zcomp){
+ vec2.rotate(out,vec,-Math.PI/2);// Rotate according to the right hand rule
+ vec2.scale(out,out,zcomp); // Scale with z
+ return out;
+};
+
+/**
+ * Cross product between a vector and the Z component of a vector
+ * @method crossZV
+ * @static
+ * @param {Float32Array} out
+ * @param {Number} zcomp
+ * @param {Float32Array} vec
+ * @return {Number}
+ */
+vec2.crossZV = function(out, zcomp, vec){
+ vec2.rotate(out,vec,Math.PI/2); // Rotate according to the right hand rule
+ vec2.scale(out,out,zcomp); // Scale with z
+ return out;
+};
+
+/**
+ * Rotate a vector by an angle
+ * @method rotate
+ * @static
+ * @param {Float32Array} out
+ * @param {Float32Array} a
+ * @param {Number} angle
+ */
+vec2.rotate = function(out,a,angle){
+ var c = Math.cos(angle),
+ s = Math.sin(angle),
+ x = a[0],
+ y = a[1];
+ out[0] = c*x -s*y;
+ out[1] = s*x +c*y;
+};
+
+vec2.toLocalFrame = function(out, worldPoint, framePosition, frameAngle){
+ vec2.copy(out, worldPoint);
+ vec2.sub(out, out, framePosition);
+ vec2.rotate(out, out, -frameAngle);
+};
+
+vec2.toGlobalFrame = function(out, localPoint, framePosition, frameAngle){
+ vec2.copy(out, localPoint);
+ vec2.rotate(out, out, frameAngle);
+ vec2.add(out, out, framePosition);
+};
+
+/**
+ * Compute centroid of a triangle spanned by vectors a,b,c. See http://easycalculation.com/analytical/learn-centroid.php
+ * @method centroid
+ * @static
+ * @param {Float32Array} out
+ * @param {Float32Array} a
+ * @param {Float32Array} b
+ * @param {Float32Array} c
+ * @return {Float32Array} The out object
+ */
+vec2.centroid = function(out, a, b, c){
+ vec2.add(out, a, b);
+ vec2.add(out, out, c);
+ vec2.scale(out, out, 1/3);
+ return out;
+};
+
+// Export everything
+module.exports = vec2;
+
+},{"../../node_modules/gl-matrix/src/gl-matrix/vec2":2}],34:[function(require,module,exports){
+var vec2 = require('../math/vec2')
+, decomp = require('poly-decomp')
+, Convex = require('../shapes/Convex')
+, AABB = require('../collision/AABB')
+, EventEmitter = require('../events/EventEmitter')
+
+module.exports = Body;
+
+/**
+ * A rigid body. Has got a center of mass, position, velocity and a number of
+ * shapes that are used for collisions.
+ *
+ * @class Body
+ * @constructor
+ * @extends {EventEmitter}
+ * @param {Object} [options]
+ * @param {Number} [options.mass=0] A number >= 0. If zero, the .motionState will be set to Body.STATIC.
+ * @param {Float32Array|Array} [options.position]
+ * @param {Float32Array|Array} [options.velocity]
+ * @param {Number} [options.angle=0]
+ * @param {Number} [options.angularVelocity=0]
+ * @param {Float32Array|Array} [options.force]
+ * @param {Number} [options.angularForce=0]
+ * @param {Number} [options.fixedRotation=false]
+ */
+function Body(options){
+ options = options || {};
+
+ EventEmitter.call(this);
+
+ /**
+ * The body identifyer
+ * @property id
+ * @type {Number}
+ */
+ this.id = ++Body._idCounter;
+
+ /**
+ * The world that this body is added to. This property is set to NULL if the body is not added to any world.
+ * @property world
+ * @type {World}
+ */
+ this.world = null;
+
+ /**
+ * The shapes of the body. The local transform of the shape in .shapes[i] is
+ * defined by .shapeOffsets[i] and .shapeAngles[i].
+ *
+ * @property shapes
+ * @type {Array}
+ */
+ this.shapes = [];
+
+ /**
+ * The local shape offsets, relative to the body center of mass. This is an
+ * array of Float32Array.
+ * @property shapeOffsets
+ * @type {Array}
+ */
+ this.shapeOffsets = [];
+
+ /**
+ * The body-local shape angle transforms. This is an array of numbers (angles).
+ * @property shapeAngles
+ * @type {Array}
+ */
+ this.shapeAngles = [];
+
+ /**
+ * The mass of the body.
+ * @property mass
+ * @type {number}
+ */
+ this.mass = options.mass || 0;
+
+ /**
+ * The inverse mass of the body.
+ * @property invMass
+ * @type {number}
+ */
+ this.invMass = 0;
+
+ /**
+ * The inertia of the body around the Z axis.
+ * @property inertia
+ * @type {number}
+ */
+ this.inertia = 0;
+
+ /**
+ * The inverse inertia of the body.
+ * @property invInertia
+ * @type {number}
+ */
+ this.invInertia = 0;
+
+ /**
+ * Set to true if you want to fix the rotation of the body.
+ * @property fixedRotation
+ * @type {Boolean}
+ */
+ this.fixedRotation = !!options.fixedRotation || false;
+
+ /**
+ * The position of the body
+ * @property position
+ * @type {Array}
+ */
+ this.position = vec2.fromValues(0,0);
+ if(options.position) vec2.copy(this.position, options.position);
+
+ /**
+ * The interpolated position of the body.
+ * @property interpolatedPosition
+ * @type {Array}
+ */
+ this.interpolatedPosition = vec2.fromValues(0,0);
+
+ /**
+ * The velocity of the body
+ * @property velocity
+ * @type {Float32Array}
+ */
+ this.velocity = vec2.fromValues(0,0);
+ if(options.velocity) vec2.copy(this.velocity, options.velocity);
+
+ /**
+ * Constraint velocity that was added to the body during the last step.
+ * @property vlambda
+ * @type {Float32Array}
+ */
+ this.vlambda = vec2.fromValues(0,0);
+
+ /**
+ * Angular constraint velocity that was added to the body during last step.
+ * @property wlambda
+ * @type {Float32Array}
+ */
+ this.wlambda = 0;
+
+ /**
+ * The angle of the body, in radians.
+ * @property angle
+ * @type {number}
+ * @example
+ * // The angle property is not normalized to the interval 0 to 2*pi, it can be any value.
+ * // If you need a value between 0 and 2*pi, use the following function to normalize it.
+ * function normalizeAngle(angle){
+ * angle = angle % (2*Math.PI);
+ * if(angle < 0){
+ * angle += (2*Math.PI);
+ * }
+ * return angle;
+ * }
+ */
+ this.angle = options.angle || 0;
+
+ /**
+ * The angular velocity of the body
+ * @property angularVelocity
+ * @type {number}
+ */
+ this.angularVelocity = options.angularVelocity || 0;
+
+ /**
+ * The force acting on the body
+ * @property force
+ * @type {Float32Array}
+ */
+ this.force = vec2.create();
+ if(options.force) vec2.copy(this.force, options.force);
+
+ /**
+ * The angular force acting on the body
+ * @property angularForce
+ * @type {number}
+ */
+ this.angularForce = options.angularForce || 0;
+
+ /**
+ * The linear damping acting on the body in the velocity direction
+ * @property damping
+ * @type {Number}
+ */
+ this.damping = typeof(options.damping)=="number" ? options.damping : 0.1;
+
+ /**
+ * The angular force acting on the body
+ * @property angularDamping
+ * @type {Number}
+ */
+ this.angularDamping = typeof(options.angularDamping)=="number" ? options.angularDamping : 0.1;
+
+ /**
+ * The type of motion this body has. Should be one of: Body.STATIC (the body
+ * does not move), Body.DYNAMIC (body can move and respond to collisions)
+ * and Body.KINEMATIC (only moves according to its .velocity).
+ *
+ * @property motionState
+ * @type {number}
+ *
+ * @example
+ * // This body will move and interact with other bodies
+ * var dynamicBody = new Body();
+ * dynamicBody.motionState = Body.DYNAMIC;
+ *
+ * @example
+ * // This body will not move at all
+ * var staticBody = new Body();
+ * staticBody.motionState = Body.STATIC;
+ *
+ * @example
+ * // This body will only move if you change its velocity
+ * var kinematicBody = new Body();
+ * kinematicBody.motionState = Body.KINEMATIC;
+ */
+ this.motionState = this.mass == 0 ? Body.STATIC : Body.DYNAMIC;
+
+ /**
+ * Bounding circle radius
+ * @property boundingRadius
+ * @type {Number}
+ */
+ this.boundingRadius = 0;
+
+ /**
+ * Bounding box of this body
+ * @property aabb
+ * @type {AABB}
+ */
+ this.aabb = new AABB();
+
+ /**
+ * Indicates if the AABB needs update. Update it with .updateAABB()
+ * @property aabbNeedsUpdate
+ * @type {Boolean}
+ */
+ this.aabbNeedsUpdate = true;
+
+ /**
+ * If true, the body will automatically fall to sleep.
+ * @property allowSleep
+ * @type {Boolean}
+ */
+ this.allowSleep = false;
+
+ /**
+ * One of Body.AWAKE, Body.SLEEPY, Body.SLEEPING
+ * @property sleepState
+ * @type {Number}
+ */
+ this.sleepState = Body.AWAKE;
+
+ /**
+ * If the speed (the norm of the velocity) is smaller than this value, the body is considered sleepy.
+ * @property sleepSpeedLimit
+ * @type {Number}
+ */
+ this.sleepSpeedLimit = 0.1;
+
+ /**
+ * If the body has been sleepy for this sleepTimeLimit seconds, it is considered sleeping.
+ * @property sleepTimeLimit
+ * @type {Number}
+ */
+ this.sleepTimeLimit = 1;
+
+ /**
+ * Gravity scaling factor. If you want the body to ignore gravity, set this to zero. If you want to reverse gravity, set it to -1.
+ * @property {Number} gravityScale
+ */
+ this.gravityScale = 1;
+
+ this.timeLastSleepy = 0;
+
+ this.concavePath = null;
+
+ this.lastDampingScale = 1;
+ this.lastAngularDampingScale = 1;
+ this.lastDampingTimeStep = -1;
+
+ this.updateMassProperties();
+};
+Body.prototype = new EventEmitter();
+
+Body._idCounter = 0;
+
+/**
+ * Set the total density of the body
+ * @method setDensity
+ */
+Body.prototype.setDensity = function(density) {
+ var totalArea = this.getArea();
+ this.mass = totalArea * density;
+ this.updateMassProperties();
+};
+
+/**
+ * Get the total area of all shapes in the body
+ * @method setDensity
+ */
+Body.prototype.getArea = function() {
+ var totalArea = 0;
+ for(var i=0; i radius)
+ radius = offset + r;
+ }
+
+ this.boundingRadius = radius;
+};
+
+/**
+ * Add a shape to the body. You can pass a local transform when adding a shape,
+ * so that the shape gets an offset and angle relative to the body center of mass.
+ * Will automatically update the mass properties and bounding radius.
+ *
+ * @method addShape
+ * @param {Shape} shape
+ * @param {Float32Array|Array} [offset] Local body offset of the shape.
+ * @param {Number} [angle] Local body angle.
+ *
+ * @example
+ * var body = new Body(),
+ * shape = new Circle();
+ *
+ * // Add the shape to the body, positioned in the center
+ * body.addShape(shape);
+ *
+ * // Add another shape to the body, positioned 1 unit length from the body center of mass along the local x-axis.
+ * body.addShape(shape,[1,0]);
+ *
+ * // Add another shape to the body, positioned 1 unit length from the body center of mass along the local y-axis, and rotated 90 degrees CCW.
+ * body.addShape(shape,[0,1],Math.PI/2);
+ */
+Body.prototype.addShape = function(shape,offset,angle){
+ angle = angle || 0.0;
+
+ // Copy the offset vector
+ if(offset){
+ offset = vec2.fromValues(offset[0],offset[1]);
+ } else {
+ offset = vec2.fromValues(0,0);
+ }
+
+ this.shapes .push(shape);
+ this.shapeOffsets.push(offset);
+ this.shapeAngles .push(angle);
+ this.updateMassProperties();
+ this.updateBoundingRadius();
+
+ this.aabbNeedsUpdate = true;
+};
+
+/**
+ * Remove a shape
+ * @method removeShape
+ * @param {Shape} shape
+ * @return {Boolean} True if the shape was found and removed, else false.
+ */
+Body.prototype.removeShape = function(shape){
+ var idx = this.shapes.indexOf(shape);
+
+ if(idx != -1){
+ this.shapes.splice(idx,1);
+ this.shapeOffsets.splice(idx,1);
+ this.shapeAngles.splice(idx,1);
+ this.aabbNeedsUpdate = true;
+ return true;
+ } else
+ return false;
+
+};
+
+/**
+ * Updates .inertia, .invMass, .invInertia for this Body. Should be called when
+ * changing the structure or mass of the Body.
+ *
+ * @method updateMassProperties
+ *
+ * @example
+ * body.mass += 1;
+ * body.updateMassProperties();
+ */
+Body.prototype.updateMassProperties = function(){
+ if(this.motionState == Body.STATIC || this.motionState == Body.KINEMATIC){
+
+ this.mass = Number.MAX_VALUE;
+ this.invMass = 0;
+ this.inertia = Number.MAX_VALUE;
+ this.invInertia = 0;
+
+ } else {
+
+ var shapes = this.shapes,
+ N = shapes.length,
+ m = this.mass / N,
+ I = 0;
+
+ if(!this.fixedRotation){
+ for(var i=0; i0 ? 1/I : 0;
+
+ } else {
+ this.inertia = Number.MAX_VALUE;
+ this.invInertia = 0;
+ }
+
+ // Inverse mass properties are easy
+ this.invMass = 1/this.mass;// > 0 ? 1/this.mass : 0;
+ }
+};
+
+var Body_applyForce_r = vec2.create();
+
+/**
+ * Apply force to a world point. This could for example be a point on the RigidBody surface. Applying force this way will add to Body.force and Body.angularForce.
+ * @method applyForce
+ * @param {Float32Array} force The force to add.
+ * @param {Float32Array} worldPoint A world point to apply the force on.
+ */
+Body.prototype.applyForce = function(force,worldPoint){
+ // Compute point position relative to the body center
+ var r = Body_applyForce_r;
+ vec2.sub(r,worldPoint,this.position);
+
+ // Add linear force
+ vec2.add(this.force,this.force,force);
+
+ // Compute produced rotational force
+ var rotForce = vec2.crossLength(r,force);
+
+ // Add rotational force
+ this.angularForce += rotForce;
+};
+
+/**
+ * Transform a world point to local body frame.
+ * @method toLocalFrame
+ * @param {Float32Array|Array} out The vector to store the result in
+ * @param {Float32Array|Array} worldPoint The input world vector
+ */
+Body.prototype.toLocalFrame = function(out, worldPoint){
+ vec2.toLocalFrame(out, worldPoint, this.position, this.angle);
+};
+
+/**
+ * Transform a local point to world frame.
+ * @method toWorldFrame
+ * @param {Array} out The vector to store the result in
+ * @param {Array} localPoint The input local vector
+ */
+Body.prototype.toWorldFrame = function(out, localPoint){
+ vec2.toGlobalFrame(out, localPoint, this.position, this.angle);
+};
+
+/**
+ * Reads a polygon shape path, and assembles convex shapes from that and puts them at proper offset points.
+ * @method fromPolygon
+ * @param {Array} path An array of 2d vectors, e.g. [[0,0],[0,1],...] that resembles a concave or convex polygon. The shape must be simple and without holes.
+ * @param {Object} [options]
+ * @param {Boolean} [options.optimalDecomp=false] Set to true if you need optimal decomposition. Warning: very slow for polygons with more than 10 vertices.
+ * @param {Boolean} [options.skipSimpleCheck=false] Set to true if you already know that the path is not intersecting itself.
+ * @param {Boolean|Number} [options.removeCollinearPoints=false] Set to a number (angle threshold value) to remove collinear points, or false to keep all points.
+ * @return {Boolean} True on success, else false.
+ */
+Body.prototype.fromPolygon = function(path,options){
+ options = options || {};
+
+ // Remove all shapes
+ for(var i=this.shapes.length; i>=0; --i)
+ this.removeShape(this.shapes[i]);
+
+ var p = new decomp.Polygon();
+ p.vertices = path;
+
+ // Make it counter-clockwise
+ p.makeCCW();
+
+ if(typeof(options.removeCollinearPoints)=="number"){
+ p.removeCollinearPoints(options.removeCollinearPoints);
+ }
+
+ // Check if any line segment intersects the path itself
+ if(typeof(options.skipSimpleCheck) == "undefined"){
+ if(!p.isSimple()) return false;
+ }
+
+ // Save this path for later
+ this.concavePath = p.vertices.slice(0);
+ for(var i=0; ithis for details.
+ * @method applyDamping
+ * @param {number} dt Current time step
+ */
+Body.prototype.applyDamping = function(dt){
+ if(this.motionState == Body.DYNAMIC){ // Only for dynamic bodies
+
+ // Since Math.pow generates garbage we check if we can reuse the scaling coefficient from last step
+ if(dt != this.lastDampingTimeStep){
+ this.lastDampingScale = Math.pow(1.0 - this.damping,dt);
+ this.lastAngularDampingScale = Math.pow(1.0 - this.angularDamping,dt);
+ this.lastDampingTimeStep = dt;
+ }
+
+ var v = this.velocity;
+ vec2.scale(v,v,this.lastDampingScale);
+ this.angularVelocity *= this.lastAngularDampingScale;
+ }
+};
+
+/**
+ * @method wakeUp
+ * @brief Wake the body up.
+ */
+Body.prototype.wakeUp = function(){
+ var s = this.sleepState;
+ this.sleepState = Body.AWAKE;
+ if(s !== Body.AWAKE){
+ this.emit(Body.wakeUpEvent);
+ }
+};
+
+/**
+ * @method sleep
+ * @brief Force body sleep
+ */
+Body.prototype.sleep = function(){
+ this.sleepState = Body.SLEEPING;
+ this.emit(Body.sleepEvent);
+};
+
+/**
+ * @method sleepTick
+ * @param float time The world time in seconds
+ * @brief Called every timestep to update internal sleep timer and change sleep state if needed.
+ */
+Body.prototype.sleepTick = function(time){
+ if(!this.allowSleep)
+ return;
+
+ var sleepState = this.sleepState,
+ speedSquared = vec2.squaredLength(this.velocity) + Math.pow(this.angularVelocity,2),
+ speedLimitSquared = Math.pow(this.sleepSpeedLimit,2);
+ if(sleepState===Body.AWAKE && speedSquared < speedLimitSquared){
+ this.sleepState = Body.SLEEPY; // Sleepy
+ this.timeLastSleepy = time;
+ this.emit(Body.sleepyEvent);
+ } else if(sleepState===Body.SLEEPY && speedSquared > speedLimitSquared){
+ this.wakeUp(); // Wake up
+ } else if(sleepState===Body.SLEEPY && (time - this.timeLastSleepy ) > this.sleepTimeLimit){
+ this.sleep();
+ }
+};
+
+/**
+ * @event sleepy
+ */
+Body.sleepyEvent = {
+ type: "sleepy"
+};
+
+/**
+ * @event sleep
+ */
+Body.sleepEvent = {
+ type: "sleep"
+};
+
+/**
+ * @event wakeup
+ */
+Body.wakeUpEvent = {
+ type: "wakeup"
+};
+
+/**
+ * Dynamic body.
+ * @property DYNAMIC
+ * @type {Number}
+ * @static
+ */
+Body.DYNAMIC = 1;
+
+/**
+ * Static body.
+ * @property STATIC
+ * @type {Number}
+ * @static
+ */
+Body.STATIC = 2;
+
+/**
+ * Kinematic body.
+ * @property KINEMATIC
+ * @type {Number}
+ * @static
+ */
+Body.KINEMATIC = 4;
+
+/**
+ * @property AWAKE
+ * @type {Number}
+ * @static
+ */
+Body.AWAKE = 0;
+
+/**
+ * @property SLEEPY
+ * @type {Number}
+ * @static
+ */
+Body.SLEEPY = 1;
+
+/**
+ * @property SLEEPING
+ * @type {Number}
+ * @static
+ */
+Body.SLEEPING = 2;
+
+
+},{"../collision/AABB":9,"../events/EventEmitter":28,"../math/vec2":33,"../shapes/Convex":39,"poly-decomp":7}],35:[function(require,module,exports){
+var vec2 = require('../math/vec2');
+
+module.exports = Spring;
+
+/**
+ * A spring, connecting two bodies.
+ *
+ * @class Spring
+ * @constructor
+ * @param {Body} bodyA
+ * @param {Body} bodyB
+ * @param {Object} [options]
+ * @param {number} options.restLength A number > 0. Default: 1
+ * @param {number} options.stiffness A number >= 0. Default: 100
+ * @param {number} options.damping A number >= 0. Default: 1
+ * @param {Array} options.worldAnchorA Where to hook the spring to body A, in world coordinates.
+ * @param {Array} options.worldAnchorB
+ * @param {Array} options.localAnchorA Where to hook the spring to body A, in local body coordinates.
+ * @param {Array} options.localAnchorB
+ */
+function Spring(bodyA,bodyB,options){
+ options = options || {};
+
+ /**
+ * Rest length of the spring.
+ * @property restLength
+ * @type {number}
+ */
+ this.restLength = typeof(options.restLength)=="number" ? options.restLength : 1;
+
+ /**
+ * Stiffness of the spring.
+ * @property stiffness
+ * @type {number}
+ */
+ this.stiffness = options.stiffness || 100;
+
+ /**
+ * Damping of the spring.
+ * @property damping
+ * @type {number}
+ */
+ this.damping = options.damping || 1;
+
+ /**
+ * First connected body.
+ * @property bodyA
+ * @type {Body}
+ */
+ this.bodyA = bodyA;
+
+ /**
+ * Second connected body.
+ * @property bodyB
+ * @type {Body}
+ */
+ this.bodyB = bodyB;
+
+ /**
+ * Anchor for bodyA in local bodyA coordinates.
+ * @property localAnchorA
+ * @type {Array}
+ */
+ this.localAnchorA = vec2.fromValues(0,0);
+
+ /**
+ * Anchor for bodyB in local bodyB coordinates.
+ * @property localAnchorB
+ * @type {Array}
+ */
+ this.localAnchorB = vec2.fromValues(0,0);
+
+ if(options.localAnchorA) vec2.copy(this.localAnchorA, options.localAnchorA);
+ if(options.localAnchorB) vec2.copy(this.localAnchorB, options.localAnchorB);
+ if(options.worldAnchorA) this.setWorldAnchorA(options.worldAnchorA);
+ if(options.worldAnchorB) this.setWorldAnchorB(options.worldAnchorB);
+};
+
+/**
+ * Set the anchor point on body A, using world coordinates.
+ * @method setWorldAnchorA
+ * @param {Array} worldAnchorA
+ */
+Spring.prototype.setWorldAnchorA = function(worldAnchorA){
+ this.bodyA.toLocalFrame(this.localAnchorA, worldAnchorA);
+};
+
+/**
+ * Set the anchor point on body B, using world coordinates.
+ * @method setWorldAnchorB
+ * @param {Array} worldAnchorB
+ */
+Spring.prototype.setWorldAnchorB = function(worldAnchorB){
+ this.bodyB.toLocalFrame(this.localAnchorB, worldAnchorB);
+};
+
+/**
+ * Get the anchor point on body A, in world coordinates.
+ * @method getWorldAnchorA
+ * @param {Array} result The vector to store the result in.
+ */
+Spring.prototype.getWorldAnchorA = function(result){
+ this.bodyA.toWorldFrame(result, this.localAnchorA);
+};
+
+/**
+ * Get the anchor point on body B, in world coordinates.
+ * @method getWorldAnchorB
+ * @param {Array} result The vector to store the result in.
+ */
+Spring.prototype.getWorldAnchorB = function(result){
+ this.bodyB.toWorldFrame(result, this.localAnchorB);
+};
+
+var applyForce_r = vec2.create(),
+ applyForce_r_unit = vec2.create(),
+ applyForce_u = vec2.create(),
+ applyForce_f = vec2.create(),
+ applyForce_worldAnchorA = vec2.create(),
+ applyForce_worldAnchorB = vec2.create(),
+ applyForce_ri = vec2.create(),
+ applyForce_rj = vec2.create(),
+ applyForce_tmp = vec2.create();
+
+/**
+ * Apply the spring force to the connected bodies.
+ * @method applyForce
+ */
+Spring.prototype.applyForce = function(){
+ var k = this.stiffness,
+ d = this.damping,
+ l = this.restLength,
+ bodyA = this.bodyA,
+ bodyB = this.bodyB,
+ r = applyForce_r,
+ r_unit = applyForce_r_unit,
+ u = applyForce_u,
+ f = applyForce_f,
+ tmp = applyForce_tmp;
+
+ var worldAnchorA = applyForce_worldAnchorA,
+ worldAnchorB = applyForce_worldAnchorB,
+ ri = applyForce_ri,
+ rj = applyForce_rj;
+
+ // Get world anchors
+ this.getWorldAnchorA(worldAnchorA);
+ this.getWorldAnchorB(worldAnchorB);
+
+ // Get offset points
+ vec2.sub(ri, worldAnchorA, bodyA.position);
+ vec2.sub(rj, worldAnchorB, bodyB.position);
+
+ // Compute distance vector between world anchor points
+ vec2.sub(r, worldAnchorB, worldAnchorA);
+ var rlen = vec2.len(r);
+ vec2.normalize(r_unit,r);
+
+ //console.log(rlen)
+ //console.log("A",vec2.str(worldAnchorA),"B",vec2.str(worldAnchorB))
+
+ // Compute relative velocity of the anchor points, u
+ vec2.sub(u, bodyB.velocity, bodyA.velocity);
+ vec2.crossZV(tmp, bodyB.angularVelocity, rj);
+ vec2.add(u, u, tmp);
+ vec2.crossZV(tmp, bodyA.angularVelocity, ri);
+ vec2.sub(u, u, tmp);
+
+ // F = - k * ( x - L ) - D * ( u )
+ vec2.scale(f, r_unit, -k*(rlen-l) - d*vec2.dot(u,r_unit));
+
+ // Add forces to bodies
+ vec2.sub( bodyA.force, bodyA.force, f);
+ vec2.add( bodyB.force, bodyB.force, f);
+
+ // Angular force
+ var ri_x_f = vec2.crossLength(ri, f);
+ var rj_x_f = vec2.crossLength(rj, f);
+ bodyA.angularForce -= ri_x_f;
+ bodyB.angularForce += rj_x_f;
+};
+
+},{"../math/vec2":33}],36:[function(require,module,exports){
+// Export p2 classes
+module.exports = {
+ AABB : require('./collision/AABB'),
+ AngleLockEquation : require('./equations/AngleLockEquation'),
+ Body : require('./objects/Body'),
+ Broadphase : require('./collision/Broadphase'),
+ Capsule : require('./shapes/Capsule'),
+ Circle : require('./shapes/Circle'),
+ Constraint : require('./constraints/Constraint'),
+ ContactEquation : require('./equations/ContactEquation'),
+ ContactMaterial : require('./material/ContactMaterial'),
+ Convex : require('./shapes/Convex'),
+ DistanceConstraint : require('./constraints/DistanceConstraint'),
+ Equation : require('./equations/Equation'),
+ EventEmitter : require('./events/EventEmitter'),
+ FrictionEquation : require('./equations/FrictionEquation'),
+ GearConstraint : require('./constraints/GearConstraint'),
+ GridBroadphase : require('./collision/GridBroadphase'),
+ GSSolver : require('./solver/GSSolver'),
+ Heightfield : require('./shapes/Heightfield'),
+ Island : require('./solver/IslandSolver'),
+ IslandSolver : require('./solver/IslandSolver'),
+ Line : require('./shapes/Line'),
+ LockConstraint : require('./constraints/LockConstraint'),
+ Material : require('./material/Material'),
+ Narrowphase : require('./collision/Narrowphase'),
+ NaiveBroadphase : require('./collision/NaiveBroadphase'),
+ Particle : require('./shapes/Particle'),
+ Plane : require('./shapes/Plane'),
+ RevoluteConstraint : require('./constraints/RevoluteConstraint'),
+ PrismaticConstraint : require('./constraints/PrismaticConstraint'),
+ Rectangle : require('./shapes/Rectangle'),
+ RotationalVelocityEquation : require('./equations/RotationalVelocityEquation'),
+ SAPBroadphase : require('./collision/SAPBroadphase'),
+ Shape : require('./shapes/Shape'),
+ Solver : require('./solver/Solver'),
+ Spring : require('./objects/Spring'),
+ Utils : require('./utils/Utils'),
+ World : require('./world/World'),
+ QuadTree : require('./collision/QuadTree').QuadTree,
+ vec2 : require('./math/vec2'),
+ version : require('../package.json').version,
+};
+
+},{"../package.json":8,"./collision/AABB":9,"./collision/Broadphase":10,"./collision/GridBroadphase":11,"./collision/NaiveBroadphase":12,"./collision/Narrowphase":13,"./collision/QuadTree":14,"./collision/SAPBroadphase":15,"./constraints/Constraint":16,"./constraints/DistanceConstraint":17,"./constraints/GearConstraint":18,"./constraints/LockConstraint":19,"./constraints/PrismaticConstraint":20,"./constraints/RevoluteConstraint":21,"./equations/AngleLockEquation":22,"./equations/ContactEquation":23,"./equations/Equation":24,"./equations/FrictionEquation":25,"./equations/RotationalVelocityEquation":27,"./events/EventEmitter":28,"./material/ContactMaterial":29,"./material/Material":30,"./math/vec2":33,"./objects/Body":34,"./objects/Spring":35,"./shapes/Capsule":37,"./shapes/Circle":38,"./shapes/Convex":39,"./shapes/Heightfield":40,"./shapes/Line":41,"./shapes/Particle":42,"./shapes/Plane":43,"./shapes/Rectangle":44,"./shapes/Shape":45,"./solver/GSSolver":46,"./solver/IslandSolver":48,"./solver/Solver":49,"./utils/Utils":50,"./world/World":51}],37:[function(require,module,exports){
+var Shape = require('./Shape')
+, vec2 = require('../math/vec2')
+
+module.exports = Capsule;
+
+/**
+ * Capsule shape class.
+ * @class Capsule
+ * @constructor
+ * @extends {Shape}
+ * @param {Number} length The distance between the end points
+ * @param {Number} radius Radius of the capsule
+ */
+function Capsule(length,radius){
+
+ /**
+ * The distance between the end points.
+ * @property {Number} length
+ */
+ this.length = length || 1;
+
+ /**
+ * The radius of the capsule.
+ * @property {Number} radius
+ */
+ this.radius = radius || 1;
+
+ Shape.call(this,Shape.CAPSULE);
+};
+Capsule.prototype = new Shape();
+
+/**
+ * Compute the mass moment of inertia of the Capsule.
+ * @method conputeMomentOfInertia
+ * @param {Number} mass
+ * @return {Number}
+ * @todo
+ */
+Capsule.prototype.computeMomentOfInertia = function(mass){
+ // Approximate with rectangle
+ var r = this.radius,
+ w = this.length + r, // 2*r is too much, 0 is too little
+ h = r*2;
+ return mass * (h*h + w*w) / 12;
+};
+
+/**
+ * @method updateBoundingRadius
+ */
+Capsule.prototype.updateBoundingRadius = function(){
+ this.boundingRadius = this.radius + this.length/2;
+};
+
+/**
+ * @method updateArea
+ */
+Capsule.prototype.updateArea = function(){
+ this.area = Math.PI * this.radius * this.radius + this.radius * 2 * this.length;
+};
+
+var r = vec2.create();
+
+/**
+ * @method computeAABB
+ * @param {AABB} out The resulting AABB.
+ * @param {Array} position
+ * @param {Number} angle
+ */
+Capsule.prototype.computeAABB = function(out, position, angle){
+ var radius = this.radius;
+
+ // Compute center position of one of the the circles, world oriented, but with local offset
+ vec2.set(r,this.length,0);
+ vec2.rotate(r,r,angle);
+
+ // Get bounds
+ vec2.set(out.upperBound, Math.max(r[0]+radius, -r[0]+radius),
+ Math.max(r[1]+radius, -r[1]+radius));
+ vec2.set(out.lowerBound, Math.min(r[0]-radius, -r[0]-radius),
+ Math.min(r[1]-radius, -r[1]-radius));
+
+ // Add offset
+ vec2.add(out.lowerBound, out.lowerBound, position);
+ vec2.add(out.upperBound, out.upperBound, position);
+};
+
+},{"../math/vec2":33,"./Shape":45}],38:[function(require,module,exports){
+var Shape = require('./Shape')
+, vec2 = require('../math/vec2')
+
+module.exports = Circle;
+
+/**
+ * Circle shape class.
+ * @class Circle
+ * @extends {Shape}
+ * @constructor
+ * @param {number} radius The radius of this circle
+ */
+function Circle(radius){
+
+ /**
+ * The radius of the circle.
+ * @property radius
+ * @type {number}
+ */
+ this.radius = radius || 1;
+
+ Shape.call(this,Shape.CIRCLE);
+};
+Circle.prototype = new Shape();
+
+/**
+ * @method computeMomentOfInertia
+ * @param {Number} mass
+ * @return {Number}
+ */
+Circle.prototype.computeMomentOfInertia = function(mass){
+ var r = this.radius;
+ return mass * r * r / 2;
+};
+
+Circle.prototype.updateBoundingRadius = function(){
+ this.boundingRadius = this.radius;
+};
+
+Circle.prototype.updateArea = function(){
+ this.area = Math.PI * this.radius * this.radius;
+};
+
+/**
+ * @method computeAABB
+ * @param {AABB} out The resulting AABB.
+ * @param {Array} position
+ * @param {Number} angle
+ */
+Circle.prototype.computeAABB = function(out, position, angle){
+ var r = this.radius;
+ vec2.set(out.upperBound, r, r);
+ vec2.set(out.lowerBound, -r, -r);
+ if(position){
+ vec2.add(out.lowerBound, out.lowerBound, position);
+ vec2.add(out.upperBound, out.upperBound, position);
+ }
+};
+
+},{"../math/vec2":33,"./Shape":45}],39:[function(require,module,exports){
+var Shape = require('./Shape')
+, vec2 = require('../math/vec2')
+, polyk = require('../math/polyk')
+, decomp = require('poly-decomp')
+
+module.exports = Convex;
+
+/**
+ * Convex shape class.
+ * @class Convex
+ * @constructor
+ * @extends {Shape}
+ * @param {Array} vertices An array of Float32Array vertices that span this shape. Vertices are given in counter-clockwise (CCW) direction.
+ */
+function Convex(vertices){
+
+ /**
+ * Vertices defined in the local frame.
+ * @property vertices
+ * @type {Array}
+ */
+ this.vertices = [];
+
+ // Copy the verts
+ for(var i=0; i r2) r2 = l2;
+ }
+
+ this.boundingRadius = Math.sqrt(r2);
+};
+
+/**
+ * Get the area of the triangle spanned by the three points a, b, c. The area is positive if the points are given in counter-clockwise order, otherwise negative.
+ * @static
+ * @method triangleArea
+ * @param {Array} a
+ * @param {Array} b
+ * @param {Array} c
+ * @return {Number}
+ */
+Convex.triangleArea = function(a,b,c){
+ return (((b[0] - a[0])*(c[1] - a[1]))-((c[0] - a[0])*(b[1] - a[1]))) * 0.5;
+}
+
+/**
+ * Update the .area
+ * @method updateArea
+ */
+Convex.prototype.updateArea = function(){
+ this.updateTriangles();
+ this.area = 0;
+
+ var triangles = this.triangles,
+ verts = this.vertices;
+ for(var i=0; i!==triangles.length; i++){
+ var t = triangles[i],
+ a = verts[t[0]],
+ b = verts[t[1]],
+ c = verts[t[2]];
+
+ // Get mass for the triangle (density=1 in this case)
+ var m = Convex.triangleArea(a,b,c);
+ this.area += m;
+ }
+};
+
+/**
+ * @method computeAABB
+ * @param {AABB} out
+ * @param {Array} position
+ * @param {Number} angle
+ */
+Convex.prototype.computeAABB = function(out, position, angle){
+ out.setFromPoints(this.vertices,position,angle);
+};
+
+},{"../math/polyk":32,"../math/vec2":33,"./Shape":45,"poly-decomp":7}],40:[function(require,module,exports){
+var Shape = require('./Shape')
+, vec2 = require('../math/vec2')
+
+module.exports = Heightfield;
+
+/**
+ * Heightfield shape class. Height data is given as an array. These data points are spread out evenly with a distance "elementWidth".
+ * @class Heightfield
+ * @extends {Shape}
+ * @constructor
+ */
+function Heightfield(data,maxValue,elementWidth){
+ this.data = data;
+ this.maxValue = maxValue;
+ this.elementWidth = elementWidth;
+ Shape.call(this,Shape.HEIGHTFIELD);
+};
+Heightfield.prototype = new Shape();
+
+/**
+ * @method computeMomentOfInertia
+ * @param {Number} mass
+ * @return {Number}
+ */
+Heightfield.prototype.computeMomentOfInertia = function(mass){
+ return Number.MAX_VALUE;
+};
+
+Heightfield.prototype.updateBoundingRadius = function(){
+ this.boundingRadius = Number.MAX_VALUE;
+};
+
+Heightfield.prototype.updateArea = function(){
+ var data = this.data,
+ area = 0;
+ for(var i=0; ithis tutorial.
+ * @property collisionGroup
+ * @type {Number}
+ * @example
+ * // Setup bits for each available group
+ * var PLAYER = Math.pow(2,0),
+ * ENEMY = Math.pow(2,1),
+ * GROUND = Math.pow(2,2)
+ *
+ * // Put shapes into their groups
+ * player1Shape.collisionGroup = PLAYER;
+ * player2Shape.collisionGroup = PLAYER;
+ * enemyShape .collisionGroup = ENEMY;
+ * groundShape .collisionGroup = GROUND;
+ *
+ * // Assign groups that each shape collide with.
+ * // Note that the players can collide with ground and enemies, but not with other players.
+ * player1Shape.collisionMask = ENEMY | GROUND;
+ * player2Shape.collisionMask = ENEMY | GROUND;
+ * enemyShape .collisionMask = PLAYER | GROUND;
+ * groundShape .collisionMask = PLAYER | ENEMY;
+ *
+ * @example
+ * // How collision check is done
+ * if(shapeA.collisionGroup & shapeB.collisionMask)!=0 && (shapeB.collisionGroup & shapeA.collisionMask)!=0){
+ * // The shapes will collide
+ * }
+ */
+ this.collisionGroup = 1;
+
+ /**
+ * Collision mask of this shape. See .collisionGroup.
+ * @property collisionMask
+ * @type {Number}
+ */
+ this.collisionMask = 1;
+ if(type) this.updateBoundingRadius();
+
+ /**
+ * Material to use in collisions for this Shape. If this is set to null, the world will use default material properties instead.
+ * @property material
+ * @type {Material}
+ */
+ this.material = null;
+
+ /**
+ * Area of this shape.
+ * @property area
+ * @type {Number}
+ */
+ this.area = 0;
+
+ /**
+ * Set to true if you want this shape to be a sensor. A sensor does not generate contacts, but it still reports contact events. This is good if you want to know if a shape is overlapping another shape, without them generating contacts.
+ * @property {Boolean} sensor
+ */
+ this.sensor = false;
+
+ this.updateArea();
+};
+
+Shape.idCounter = 0;
+
+/**
+ * @static
+ * @property {Number} CIRCLE
+ */
+Shape.CIRCLE = 1;
+
+/**
+ * @static
+ * @property {Number} PARTICLE
+ */
+Shape.PARTICLE = 2;
+
+/**
+ * @static
+ * @property {Number} PLANE
+ */
+Shape.PLANE = 4;
+
+/**
+ * @static
+ * @property {Number} CONVEX
+ */
+Shape.CONVEX = 8;
+
+/**
+ * @static
+ * @property {Number} LINE
+ */
+Shape.LINE = 16;
+
+/**
+ * @static
+ * @property {Number} RECTANGLE
+ */
+Shape.RECTANGLE = 32;
+
+/**
+ * @static
+ * @property {Number} CAPSULE
+ */
+Shape.CAPSULE = 64;
+
+/**
+ * @static
+ * @property {Number} HEIGHTFIELD
+ */
+Shape.HEIGHTFIELD = 128;
+
+/**
+ * Should return the moment of inertia around the Z axis of the body given the total mass. See Wikipedia's list of moments of inertia.
+ * @method computeMomentOfInertia
+ * @param {Number} mass
+ * @return {Number} If the inertia is infinity or if the object simply isn't possible to rotate, return 0.
+ */
+Shape.prototype.computeMomentOfInertia = function(mass){
+ throw new Error("Shape.computeMomentOfInertia is not implemented in this Shape...");
+};
+
+/**
+ * Returns the bounding circle radius of this shape.
+ * @method updateBoundingRadius
+ * @return {Number}
+ */
+Shape.prototype.updateBoundingRadius = function(){
+ throw new Error("Shape.updateBoundingRadius is not implemented in this Shape...");
+};
+
+/**
+ * Update the .area property of the shape.
+ * @method updateArea
+ */
+Shape.prototype.updateArea = function(){
+ // To be implemented in all subclasses
+};
+
+/**
+ * Compute the world axis-aligned bounding box (AABB) of this shape.
+ * @method computeAABB
+ * @param {AABB} out The resulting AABB.
+ * @param {Array} position
+ * @param {Number} angle
+ */
+Shape.prototype.computeAABB = function(out, position, angle){
+ // To be implemented in each subclass
+};
+
+},{}],46:[function(require,module,exports){
+var vec2 = require('../math/vec2')
+, Solver = require('./Solver')
+, Utils = require('../utils/Utils')
+, FrictionEquation = require('../equations/FrictionEquation')
+
+module.exports = GSSolver;
+
+/**
+ * Iterative Gauss-Seidel constraint equation solver.
+ *
+ * @class GSSolver
+ * @constructor
+ * @extends Solver
+ * @param {Object} [options]
+ * @param {Number} options.iterations
+ * @param {Number} options.timeStep
+ * @param {Number} options.stiffness
+ * @param {Number} options.relaxation
+ * @param {Number} options.tolerance
+ */
+function GSSolver(options){
+ Solver.call(this,options,Solver.GS);
+ options = options || {};
+
+ /**
+ * The number of iterations to do when solving. More gives better results, but is more expensive.
+ * @property iterations
+ * @type {Number}
+ */
+ this.iterations = options.iterations || 10;
+
+ /**
+ * The error tolerance. If the total error is below this limit, the solver will stop. Set to zero for as good solution as possible.
+ * @property tolerance
+ * @type {Number}
+ */
+ this.tolerance = options.tolerance || 0;
+
+ this.debug = options.debug || false;
+ this.arrayStep = 30;
+ this.lambda = new Utils.ARRAY_TYPE(this.arrayStep);
+ this.Bs = new Utils.ARRAY_TYPE(this.arrayStep);
+ this.invCs = new Utils.ARRAY_TYPE(this.arrayStep);
+
+ /**
+ * Whether to use .stiffness and .relaxation parameters from the Solver instead of each Equation individually.
+ * @type {Boolean}
+ * @property useGlobalEquationParameters
+ */
+ this.useGlobalEquationParameters = true;
+
+ /**
+ * Global equation stiffness. Larger number gives harder contacts, etc, but may also be more expensive to compute, or it will make your simulation explode.
+ * @property stiffness
+ * @type {Number}
+ */
+ this.stiffness = 1e6;
+
+ /**
+ * Global equation relaxation. This is the number of timesteps required for a constraint to be resolved. Larger number will give softer contacts. Set to around 3 or 4 for good enough results.
+ * @property relaxation
+ * @type {Number}
+ */
+ this.relaxation = 4;
+
+ /**
+ * Set to true to set all right hand side terms to zero when solving. Can be handy for a few applications.
+ * @property useZeroRHS
+ * @type {Boolean}
+ */
+ this.useZeroRHS = false;
+
+ this.useNormalForceForFriction = false;
+
+ /**
+ * Number of friction iterations to skip. If .skipFrictionIterations=2, then no FrictionEquations will be iterated until the third iteration.
+ * @property skipFrictionIterations
+ * @type {Number}
+ */
+ this.skipFrictionIterations = 0;
+};
+GSSolver.prototype = new Solver();
+
+function setArrayZero(array){
+ for(var i=0; i!==array.length; i++){
+ array[i] = 0.0;
+ }
+}
+
+/**
+ * Solve the system of equations
+ * @method solve
+ * @param {Number} h Time step
+ * @param {World} world World to solve
+ */
+GSSolver.prototype.solve = function(h,world){
+
+ this.sortEquations();
+
+ var iter = 0,
+ maxIter = this.iterations,
+ skipFrictionIter = this.skipFrictionIterations,
+ tolSquared = this.tolerance*this.tolerance,
+ equations = this.equations,
+ Neq = equations.length,
+ bodies = world.bodies,
+ Nbodies = world.bodies.length,
+ d = this.relaxation,
+ k = this.stiffness,
+ eps = 4.0 / (h * h * k * (1 + 4 * d)),
+ a = 4.0 / (h * (1 + 4 * d)),
+ b = (4.0 * d) / (1 + 4 * d),
+ useGlobalParams = this.useGlobalEquationParameters,
+ add = vec2.add,
+ set = vec2.set,
+ useZeroRHS = this.useZeroRHS,
+ lambda = this.lambda;
+
+ // Things that does not change during iteration can be computed once
+ if(lambda.length < Neq){
+ lambda = this.lambda = new Utils.ARRAY_TYPE(Neq + this.arrayStep);
+ this.Bs = new Utils.ARRAY_TYPE(Neq + this.arrayStep);
+ this.invCs = new Utils.ARRAY_TYPE(Neq + this.arrayStep);
+ }
+ setArrayZero(lambda);
+ var invCs = this.invCs,
+ Bs = this.Bs,
+ lambda = this.lambda;
+ if(!useGlobalParams){
+ for(var i=0, c; c = equations[i]; i++){
+ c.updateSpookParams(h);
+ Bs[i] = c.computeB(c.a,c.b,h);
+ invCs[i] = c.computeInvC(c.eps);
+ }
+ } else {
+ for(var i=0, c; c = equations[i]; i++){
+ Bs[i] = c.computeB(a,b,h);
+ invCs[i] = c.computeInvC(eps);
+ }
+ }
+
+ var q, B, c, deltalambdaTot,i,j;
+
+ if(Neq !== 0){
+
+ // Reset vlambda
+ for(i=0; i!==Nbodies; i++){
+ bodies[i].resetConstraintVelocity();
+ }
+
+ // Iterate over equations
+ for(iter=0; iter!==maxIter; iter++){
+
+ // Accumulate the total error for each iteration.
+ deltalambdaTot = 0.0;
+
+ for(j=0; j!==Neq; j++){
+ c = equations[j];
+
+ if(c instanceof FrictionEquation && iter < skipFrictionIter)
+ continue;
+
+ var _eps = useGlobalParams ? eps : c.eps;
+
+ var deltalambda = GSSolver.iterateEquation(j,c,_eps,Bs,invCs,lambda,useZeroRHS,h,iter,skipFrictionIter,this.useNormalForceForFriction);
+ deltalambdaTot += Math.abs(deltalambda);
+ }
+
+ // If the total error is small enough - stop iterate
+ if(deltalambdaTot*deltalambdaTot <= tolSquared) break;
+ }
+
+ // Add result to velocity
+ for(i=0; i!==Nbodies; i++){
+ bodies[i].addConstraintVelocity();
+ }
+ }
+};
+
+GSSolver.iterateEquation = function(j,eq,eps,Bs,invCs,lambda,useZeroRHS,dt,iter,skipFrictionIter,useNormal){
+ // Compute iteration
+ var B = Bs[j],
+ invC = invCs[j],
+ lambdaj = lambda[j],
+ GWlambda = eq.computeGWlambda();
+
+ if(useNormal && eq instanceof FrictionEquation && iter == skipFrictionIter){
+ // Rescale the max friction force according to the normal force
+ eq.maxForce = eq.contactEquation.multiplier * eq.frictionCoefficient * dt;
+ eq.minForce = -eq.contactEquation.multiplier * eq.frictionCoefficient * dt;
+ }
+
+ var maxForce = eq.maxForce,
+ minForce = eq.minForce;
+
+ if(useZeroRHS) B = 0;
+
+ var deltalambda = invC * ( B - GWlambda - eps * lambdaj );
+
+ // Clamp if we are not within the min/max interval
+ var lambdaj_plus_deltalambda = lambdaj + deltalambda;
+ if(lambdaj_plus_deltalambda < minForce*dt){
+ deltalambda = minForce*dt - lambdaj;
+ } else if(lambdaj_plus_deltalambda > maxForce*dt){
+ deltalambda = maxForce*dt - lambdaj;
+ }
+ lambda[j] += deltalambda;
+ eq.multiplier = lambda[j] / dt;
+ eq.addToWlambda(deltalambda);
+
+ return deltalambda;
+};
+
+},{"../equations/FrictionEquation":25,"../math/vec2":33,"../utils/Utils":50,"./Solver":49}],47:[function(require,module,exports){
+module.exports = Island;
+
+/**
+ * An island of bodies connected with equations.
+ * @class Island
+ * @constructor
+ */
+function Island(){
+
+ /**
+ * Current equations in this island.
+ * @property equations
+ * @type {Array}
+ */
+ this.equations = [];
+
+ /**
+ * Current bodies in this island.
+ * @property bodies
+ * @type {Array}
+ */
+ this.bodies = [];
+}
+
+/**
+ * Clean this island from bodies and equations.
+ * @method reset
+ */
+Island.prototype.reset = function(){
+ this.equations.length = this.bodies.length = 0;
+}
+
+
+/**
+ * Get all unique bodies in this island.
+ * @method getBodies
+ * @return {Array} An array of Body
+ */
+Island.prototype.getBodies = function(){
+ var bodies = [],
+ bodyIds = [],
+ eqs = this.equations;
+ for(var i=0; i!==eqs.length; i++){
+ var eq = eqs[i];
+ if(bodyIds.indexOf(eq.bi.id)===-1){
+ bodies.push(eq.bi);
+ bodyIds.push(eq.bi.id);
+ }
+ if(bodyIds.indexOf(eq.bj.id)===-1){
+ bodies.push(eq.bj);
+ bodyIds.push(eq.bj.id);
+ }
+ }
+ return bodies;
+};
+
+/**
+ * Solves all constraints in the group of islands.
+ * @method solve
+ * @param {Number} dt
+ * @param {Solver} solver
+ */
+Island.prototype.solve = function(dt,solver){
+ var bodies = [];
+
+ solver.removeAllEquations();
+
+ // Add equations to solver
+ var numEquations = this.equations.length;
+ for(var j=0; j!==numEquations; j++){
+ solver.addEquation(this.equations[j]);
+ }
+ var islandBodies = this.getBodies();
+ var numBodies = islandBodies.length;
+ for(var j=0; j!==numBodies; j++){
+ bodies.push(islandBodies[j]);
+ }
+
+ // Solve
+ solver.solve(dt,{bodies:bodies});
+};
+
+},{}],48:[function(require,module,exports){
+var Solver = require('./Solver')
+, vec2 = require('../math/vec2')
+, Island = require('../solver/Island')
+, Body = require('../objects/Body')
+, STATIC = Body.STATIC
+
+module.exports = IslandSolver;
+
+/**
+ * Splits the system of bodies and equations into independent islands
+ *
+ * @class IslandSolver
+ * @constructor
+ * @param {Solver} subsolver
+ * @param {Object} options
+ * @extends Solver
+ */
+function IslandSolver(subsolver,options){
+ Solver.call(this,options,Solver.ISLAND);
+ var that = this;
+
+ /**
+ * The solver used in the workers.
+ * @property subsolver
+ * @type {Solver}
+ */
+ this.subsolver = subsolver;
+
+ /**
+ * Number of islands. Read only.
+ * @property numIslands
+ * @type {number}
+ */
+ this.numIslands = 0;
+
+ // Pooling of node objects saves some GC load
+ this._nodePool = [];
+
+ this._islandPool = [];
+
+ /**
+ * Fires before an island is solved.
+ * @event beforeSolveIsland
+ * @param {Island} island
+ */
+ this.beforeSolveIslandEvent = {
+ type : "beforeSolveIsland",
+ island : null,
+ };
+};
+IslandSolver.prototype = new Solver();
+
+function getUnvisitedNode(nodes){
+ var Nnodes = nodes.length;
+ for(var i=0; i!==Nnodes; i++){
+ var node = nodes[i];
+ if(!node.visited && !(node.body.motionState == STATIC)){ // correct?
+ return node;
+ }
+ }
+ return false;
+}
+
+function visitFunc(node,bds,eqs){
+ bds.push(node.body);
+ var Neqs = node.eqs.length;
+ for(var i=0; i!==Neqs; i++){
+ var eq = node.eqs[i];
+ if(eqs.indexOf(eq) === -1){
+ eqs.push(eq);
+ }
+ }
+}
+
+var queue = [];
+function bfs(root,visitFunc,bds,eqs){
+ queue.length = 0;
+ queue.push(root);
+ root.visited = true;
+ visitFunc(root,bds,eqs);
+ while(queue.length) {
+ var node = queue.pop();
+ // Loop over unvisited child nodes
+ var child;
+ while((child = getUnvisitedNode(node.children))) {
+ child.visited = true;
+ visitFunc(child,bds,eqs);
+ queue.push(child);
+ }
+ }
+}
+
+var tmpArray = [],
+ tmpArray2 = [],
+ tmpArray3 = [],
+ tmpArray4 = [];
+
+/**
+ * Solves the full system.
+ * @method solve
+ * @param {Number} dt
+ * @param {World} world
+ */
+IslandSolver.prototype.solve = function(dt,world){
+ var nodes = tmpArray,
+ bodies=world.bodies,
+ equations=this.equations,
+ Neq=equations.length,
+ Nbodies=bodies.length,
+ subsolver=this.subsolver,
+ workers = this._workers,
+ workerData = this._workerData,
+ workerIslandGroups = this._workerIslandGroups,
+ islandPool = this._islandPool;
+
+ tmpArray.length = 0;
+
+ // Create needed nodes, reuse if possible
+ for(var i=0; i!==Nbodies; i++){
+ if(this._nodePool.length)
+ nodes.push( this._nodePool.pop() );
+ else {
+ nodes.push({
+ body:bodies[i],
+ children:[],
+ eqs:[],
+ visited:false
+ });
+ }
+ }
+
+ // Reset node values
+ for(var i=0; i!==Nbodies; i++){
+ var node = nodes[i];
+ node.body = bodies[i];
+ node.children.length = 0;
+ node.eqs.length = 0;
+ node.visited = false;
+ }
+
+ // Add connectivity data. Each equation connects 2 bodies.
+ for(var k=0; k!==Neq; k++){
+ var eq=equations[k],
+ i=bodies.indexOf(eq.bi),
+ j=bodies.indexOf(eq.bj),
+ ni=nodes[i],
+ nj=nodes[j];
+ ni.children.push(nj);
+ ni.eqs.push(eq);
+ nj.children.push(ni);
+ nj.eqs.push(eq);
+ }
+
+ // The BFS search algorithm needs a traversal function. What we do is gather all bodies and equations connected.
+ var child, n=0, eqs=tmpArray2, bds=tmpArray3;
+ eqs.length = 0;
+ bds.length = 0;
+
+ // Get islands
+ var islands = tmpArray4;
+ islands.length = 0;
+ while((child = getUnvisitedNode(nodes))){
+ var island = islandPool.length ? islandPool.pop() : new Island();
+ eqs.length = 0;
+ bds.length = 0;
+ bfs(child,visitFunc,bds,eqs); // run search algo to gather an island of bodies
+
+ // Add equations to island
+ var Neqs = eqs.length;
+ for(var i=0; i!==Neqs; i++){
+ var eq = eqs[i];
+ island.equations.push(eq);
+ }
+
+ n++;
+ islands.push(island);
+ }
+
+ this.numIslands = n;
+
+ // Solve islands
+ var e = this.beforeSolveIslandEvent;
+ for(var i=0; ithis for an explanation.
+ * @method appendArray
+ * @static
+ * @param {Array} a
+ * @param {Array} b
+ */
+Utils.appendArray = function(a,b){
+ if (b.length < 150000) {
+ a.push.apply(a, b)
+ } else {
+ for (var i = 0, len = b.length; i !== len; ++i) {
+ a.push(b[i]);
+ }
+ }
+};
+
+/**
+ * Garbage free Array.splice(). Does not allocate a new array.
+ * @method splice
+ * @static
+ * @param {Array} array
+ * @param {Number} index
+ * @param {Number} howmany
+ */
+Utils.splice = function(array,index,howmany){
+ howmany = howmany || 1;
+ for (var i=index, len=array.length-howmany; i < len; i++)
+ array[i] = array[i + howmany];
+ array.length = len;
+};
+
+/**
+ * The array type to use for internal numeric computations.
+ * @type {Array}
+ * @static
+ * @property ARRAY_TYPE
+ */
+Utils.ARRAY_TYPE = Float32Array || Array;
+
+},{}],51:[function(require,module,exports){
+var GSSolver = require('../solver/GSSolver')
+, NaiveBroadphase = require('../collision/NaiveBroadphase')
+, vec2 = require('../math/vec2')
+, Circle = require('../shapes/Circle')
+, Rectangle = require('../shapes/Rectangle')
+, Convex = require('../shapes/Convex')
+, Line = require('../shapes/Line')
+, Plane = require('../shapes/Plane')
+, Capsule = require('../shapes/Capsule')
+, Particle = require('../shapes/Particle')
+, EventEmitter = require('../events/EventEmitter')
+, Body = require('../objects/Body')
+, Spring = require('../objects/Spring')
+, Material = require('../material/Material')
+, ContactMaterial = require('../material/ContactMaterial')
+, DistanceConstraint = require('../constraints/DistanceConstraint')
+, LockConstraint = require('../constraints/LockConstraint')
+, RevoluteConstraint = require('../constraints/RevoluteConstraint')
+, PrismaticConstraint = require('../constraints/PrismaticConstraint')
+, pkg = require('../../package.json')
+, Broadphase = require('../collision/Broadphase')
+, Narrowphase = require('../collision/Narrowphase')
+, Utils = require('../utils/Utils')
+
+module.exports = World;
+
+var currentVersion = pkg.version.split(".").slice(0,2).join("."); // "X.Y"
+
+if(typeof performance === 'undefined')
+ performance = {};
+if(!performance.now){
+ var nowOffset = Date.now();
+ if (performance.timing && performance.timing.navigationStart){
+ nowOffset = performance.timing.navigationStart
+ }
+ performance.now = function(){
+ return Date.now() - nowOffset;
+ }
+}
+
+/**
+ * The dynamics world, where all bodies and constraints lives.
+ *
+ * @class World
+ * @constructor
+ * @param {Object} [options]
+ * @param {Solver} options.solver Defaults to GSSolver.
+ * @param {Float32Array} options.gravity Defaults to [0,-9.78]
+ * @param {Broadphase} options.broadphase Defaults to NaiveBroadphase
+ * @param {Boolean} options.doProfiling
+ * @extends {EventEmitter}
+ */
+function World(options){
+ EventEmitter.apply(this);
+
+ options = options || {};
+
+ /**
+ * All springs in the world.
+ *
+ * @property springs
+ * @type {Array}
+ */
+ this.springs = [];
+
+ /**
+ * All bodies in the world.
+ *
+ * @property bodies
+ * @type {Array}
+ */
+ this.bodies = [];
+
+ /**
+ * The solver used to satisfy constraints and contacts.
+ *
+ * @property solver
+ * @type {Solver}
+ */
+ this.solver = options.solver || new GSSolver();
+
+ /**
+ * The narrowphase to use to generate contacts.
+ *
+ * @property narrowphase
+ * @type {Narrowphase}
+ */
+ this.narrowphase = new Narrowphase(this);
+
+ /**
+ * Gravity in the world. This is applied on all bodies in the beginning of each step().
+ *
+ * @property
+ * @type {Float32Array}
+ */
+ this.gravity = options.gravity || vec2.fromValues(0, -9.78);
+
+ /**
+ * Whether to do timing measurements during the step() or not.
+ *
+ * @property doPofiling
+ * @type {Boolean}
+ */
+ this.doProfiling = options.doProfiling || false;
+
+ /**
+ * How many millisecconds the last step() took. This is updated each step if .doProfiling is set to true.
+ *
+ * @property lastStepTime
+ * @type {Number}
+ */
+ this.lastStepTime = 0.0;
+
+ /**
+ * The broadphase algorithm to use.
+ *
+ * @property broadphase
+ * @type {Broadphase}
+ */
+ this.broadphase = options.broadphase || new NaiveBroadphase();
+
+ this.broadphase.setWorld(this);
+
+ /**
+ * User-added constraints.
+ *
+ * @property constraints
+ * @type {Array}
+ */
+ this.constraints = [];
+
+ /**
+ * Friction between colliding bodies. This value is used if no matching ContactMaterial is found for a Material pair.
+ * @property defaultFriction
+ * @type {Number}
+ */
+ this.defaultFriction = 0.3;
+
+ /**
+ * Default coefficient of restitution between colliding bodies. This value is used if no matching ContactMaterial is found for a Material pair.
+ * @property defaultRestitution
+ * @type {Number}
+ */
+ this.defaultRestitution = 0.0;
+
+ this.defaultMaterial = new Material();
+
+ this.defaultContactMaterial = new ContactMaterial(this.defaultMaterial,this.defaultMaterial);
+
+ /**
+ * For keeping track of what time step size we used last step
+ * @property lastTimeStep
+ * @type {Number}
+ */
+ this.lastTimeStep = 1/60;
+
+ /**
+ * Enable to automatically apply spring forces each step.
+ * @property applySpringForces
+ * @type {Boolean}
+ */
+ this.applySpringForces = true;
+
+ /**
+ * Enable to automatically apply body damping each step.
+ * @property applyDamping
+ * @type {Boolean}
+ */
+ this.applyDamping = true;
+
+ /**
+ * Enable to automatically apply gravity each step.
+ * @property applyGravity
+ * @type {Boolean}
+ */
+ this.applyGravity = true;
+
+ /**
+ * Enable/disable constraint solving in each step.
+ * @property solveConstraints
+ * @type {Boolean}
+ */
+ this.solveConstraints = true;
+
+ /**
+ * The ContactMaterials added to the World.
+ * @property contactMaterials
+ * @type {Array}
+ */
+ this.contactMaterials = [];
+
+ /**
+ * World time.
+ * @property time
+ * @type {Number}
+ */
+ this.time = 0.0;
+
+ this.fixedStepTime = 0.0;
+
+ /**
+ * Set to true if you want to the world to emit the "impact" event. Turning this off could improve performance.
+ * @property emitImpactEvent
+ * @type {Boolean}
+ */
+ this.emitImpactEvent = true;
+
+ // Id counters
+ this._constraintIdCounter = 0;
+ this._bodyIdCounter = 0;
+
+ /**
+ * Fired after the step().
+ * @event postStep
+ */
+ this.postStepEvent = {
+ type : "postStep",
+ };
+
+ /**
+ * @event addBody
+ * @param {Body} body
+ */
+ this.addBodyEvent = {
+ type : "addBody",
+ body : null
+ };
+
+ /**
+ * @event removeBody
+ * @param {Body} body
+ */
+ this.removeBodyEvent = {
+ type : "removeBody",
+ body : null
+ };
+
+ /**
+ * Fired when a spring is added to the world.
+ * @event addSpring
+ * @param {Spring} spring
+ */
+ this.addSpringEvent = {
+ type : "addSpring",
+ spring : null,
+ };
+
+ /**
+ * Fired when a first contact is created between two bodies. This event is fired after the step has been done.
+ * @event impact
+ * @param {Body} bodyA
+ * @param {Body} bodyB
+ */
+ this.impactEvent = {
+ type: "impact",
+ bodyA : null,
+ bodyB : null,
+ shapeA : null,
+ shapeB : null,
+ contactEquation : null,
+ };
+
+ /**
+ * Fired after the Broadphase has collected collision pairs in the world.
+ * Inside the event handler, you can modify the pairs array as you like, to
+ * prevent collisions between objects that you don't want.
+ * @event postBroadphase
+ * @param {Array} pairs An array of collision pairs. If this array is [body1,body2,body3,body4], then the body pairs 1,2 and 3,4 would advance to narrowphase.
+ */
+ this.postBroadphaseEvent = {
+ type:"postBroadphase",
+ pairs:null,
+ };
+
+ /**
+ * Enable / disable automatic body sleeping
+ * @property allowSleep
+ * @type {Boolean}
+ */
+ this.enableBodySleeping = false;
+
+ /**
+ * Fired when two shapes starts start to overlap. Fired in the narrowphase, during step.
+ * @event beginContact
+ * @param {Shape} shapeA
+ * @param {Shape} shapeB
+ * @param {Body} bodyA
+ * @param {Body} bodyB
+ * @param {Array} contactEquations
+ */
+ this.beginContactEvent = {
+ type:"beginContact",
+ shapeA : null,
+ shapeB : null,
+ bodyA : null,
+ bodyB : null,
+ contactEquations : [],
+ };
+
+ /**
+ * Fired when two shapes stop overlapping, after the narrowphase (during step).
+ * @event endContact
+ * @param {Shape} shapeA
+ * @param {Shape} shapeB
+ * @param {Body} bodyA
+ * @param {Body} bodyB
+ * @param {Array} contactEquations
+ */
+ this.endContactEvent = {
+ type:"endContact",
+ shapeA : null,
+ shapeB : null,
+ bodyA : null,
+ bodyB : null,
+ };
+
+ /**
+ * Fired just before equations are added to the solver to be solved. Can be used to control what equations goes into the solver.
+ * @event preSolve
+ * @param {Array} contactEquations An array of contacts to be solved.
+ * @param {Array} frictionEquations An array of friction equations to be solved.
+ */
+ this.preSolveEvent = {
+ type:"preSolve",
+ contactEquations:null,
+ frictionEquations:null,
+ };
+
+ // For keeping track of overlapping shapes
+ this.overlappingShapesLastState = { keys:[] };
+ this.overlappingShapesCurrentState = { keys:[] };
+ this.overlappingShapeLookup = { keys:[] };
+};
+World.prototype = new Object(EventEmitter.prototype);
+
+/**
+ * Add a constraint to the simulation.
+ *
+ * @method addConstraint
+ * @param {Constraint} c
+ */
+World.prototype.addConstraint = function(c){
+ this.constraints.push(c);
+};
+
+/**
+ * Add a ContactMaterial to the simulation.
+ * @method addContactMaterial
+ * @param {ContactMaterial} contactMaterial
+ */
+World.prototype.addContactMaterial = function(contactMaterial){
+ this.contactMaterials.push(contactMaterial);
+};
+
+/**
+ * Removes a contact material
+ *
+ * @method removeContactMaterial
+ * @param {ContactMaterial} cm
+ */
+World.prototype.removeContactMaterial = function(cm){
+ var idx = this.contactMaterials.indexOf(cm);
+ if(idx!==-1)
+ Utils.splice(this.contactMaterials,idx,1);
+};
+
+/**
+ * Get a contact material given two materials
+ * @method getContactMaterial
+ * @param {Material} materialA
+ * @param {Material} materialB
+ * @return {ContactMaterial} The matching ContactMaterial, or false on fail.
+ * @todo Use faster hash map to lookup from material id's
+ */
+World.prototype.getContactMaterial = function(materialA,materialB){
+ var cmats = this.contactMaterials;
+ for(var i=0, N=cmats.length; i!==N; i++){
+ var cm = cmats[i];
+ if( (cm.materialA === materialA) && (cm.materialB === materialB) ||
+ (cm.materialA === materialB) && (cm.materialB === materialA) )
+ return cm;
+ }
+ return false;
+};
+
+/**
+ * Removes a constraint
+ *
+ * @method removeConstraint
+ * @param {Constraint} c
+ */
+World.prototype.removeConstraint = function(c){
+ var idx = this.constraints.indexOf(c);
+ if(idx!==-1){
+ Utils.splice(this.constraints,idx,1);
+ }
+};
+
+var step_r = vec2.create(),
+ step_runit = vec2.create(),
+ step_u = vec2.create(),
+ step_f = vec2.create(),
+ step_fhMinv = vec2.create(),
+ step_velodt = vec2.create(),
+ step_mg = vec2.create(),
+ xiw = vec2.fromValues(0,0),
+ xjw = vec2.fromValues(0,0),
+ zero = vec2.fromValues(0,0);
+
+/**
+ * Step the physics world forward in time.
+ *
+ * There are two modes. The simple mode is fixed timestepping without interpolation. In this case you only use the first argument. The second case uses interpolation. In that you also provide the time since the function was last used, as well as the maximum fixed timesteps to take.
+ *
+ * @method step
+ * @param {Number} dt The fixed time step size to use.
+ * @param {Number} [timeSinceLastCalled=0] The time elapsed since the function was last called.
+ * @param {Number} [maxSubSteps=10] Maximum number of fixed steps to take per function call.
+ *
+ * @example
+ * // fixed timestepping without interpolation
+ * var world = new World();
+ * world.step(0.01);
+ */
+World.prototype.step = function(dt,timeSinceLastCalled,maxSubSteps){
+ maxSubSteps = maxSubSteps || 10;
+ timeSinceLastCalled = timeSinceLastCalled || 0;
+
+ if(timeSinceLastCalled == 0){ // Fixed, simple stepping
+
+ this.internalStep(dt);
+
+ // Increment time
+ this.time += dt;
+
+ } else {
+
+ var internalSteps = Math.floor( (this.time+timeSinceLastCalled) / dt) - Math.floor(this.time / dt);
+ internalSteps = Math.min(internalSteps,maxSubSteps);
+
+ for(var i=0; i 0)
+ reducedMass = 1/reducedMass;
+ */
+
+ // Get world position and angle of each shape
+ vec2.rotate(xiw, xi, bi.angle);
+ vec2.rotate(xjw, xj, bj.angle);
+ vec2.add(xiw, xiw, bi.position);
+ vec2.add(xjw, xjw, bj.position);
+ var aiw = ai + bi.angle;
+ var ajw = aj + bj.angle;
+
+ // Run narrowphase
+ np.enableFriction = cm.friction > 0;
+ np.frictionCoefficient = cm.friction;
+ var reducedMass;
+ if(bi.motionState == Body.STATIC || bi.motionState == Body.KINEMATIC)
+ reducedMass = bj.mass;
+ else if(bj.motionState == Body.STATIC || bj.motionState == Body.KINEMATIC)
+ reducedMass = bi.mass;
+ else
+ reducedMass = (bi.mass*bj.mass)/(bi.mass+bj.mass);
+ np.slipForce = cm.friction*glen*reducedMass;
+ np.restitution = cm.restitution;
+ np.surfaceVelocity = cm.surfaceVelocity;
+ np.frictionStiffness = cm.frictionStiffness;
+ np.frictionRelaxation = cm.frictionRelaxation;
+ np.stiffness = cm.stiffness;
+ np.relaxation = cm.relaxation;
+
+ var resolver = np[si.type | sj.type],
+ numContacts = 0;
+ if (resolver) {
+ var sensor = si.sensor || sj.sensor;
+ if (si.type < sj.type) {
+ numContacts = resolver.call(np, bi,si,xiw,aiw, bj,sj,xjw,ajw, sensor);
+ } else {
+ numContacts = resolver.call(np, bj,sj,xjw,ajw, bi,si,xiw,aiw, sensor);
+ }
+
+ if(numContacts){
+ var key = si.id < sj.id ? si.id+" "+ sj.id : sj.id+" "+ si.id;
+ if(!this.overlappingShapesLastState[key]){
+
+ // Report new shape overlap
+ var e = this.beginContactEvent;
+ e.shapeA = si;
+ e.shapeB = sj;
+ e.bodyA = bi;
+ e.bodyB = bj;
+
+ if(typeof(numContacts)=="number"){
+ // Add contacts to the event object
+ e.contactEquations.length = 0;
+ for(var i=np.contactEquations.length-numContacts; i=0; i--){
+ this.removeConstraint(cs[i]);
+ }
+
+ // Remove all bodies
+ var bodies = this.bodies;
+ for(var i=bodies.length-1; i>=0; i--){
+ this.removeBody(bodies[i]);
+ }
+
+ // Remove all springs
+ var springs = this.springs;
+ for(var i=springs.length-1; i>=0; i--){
+ this.removeSpring(springs[i]);
+ }
+
+ // Remove all contact materials
+ var cms = this.contactMaterials;
+ for(var i=cms.length-1; i>=0; i--){
+ this.removeContactMaterial(cms[i]);
+ }
+};
+
+/**
+ * Get a copy of this World instance
+ * @method clone
+ * @return {World}
+ */
+World.prototype.clone = function(){
+ var world = new World();
+ world.fromJSON(this.toJSON());
+ return world;
+};
+
+var hitTest_tmp1 = vec2.create(),
+ hitTest_zero = vec2.fromValues(0,0),
+ hitTest_tmp2 = vec2.fromValues(0,0);
+
+/**
+ * Test if a world point overlaps bodies
+ * @method hitTest
+ * @param {Array} worldPoint Point to use for intersection tests
+ * @param {Array} bodies A list of objects to check for intersection
+ * @param {Number} precision Used for matching against particles and lines. Adds some margin to these infinitesimal objects.
+ * @return {Array} Array of bodies that overlap the point
+ */
+World.prototype.hitTest = function(worldPoint,bodies,precision){
+ precision = precision || 0;
+
+ // Create a dummy particle body with a particle shape to test against the bodies
+ var pb = new Body({ position:worldPoint }),
+ ps = new Particle(),
+ px = worldPoint,
+ pa = 0,
+ x = hitTest_tmp1,
+ zero = hitTest_zero,
+ tmp = hitTest_tmp2;
+ pb.addShape(ps);
+
+ var n = this.narrowphase,
+ result = [];
+
+ // Check bodies
+ for(var i=0, N=bodies.length; i!==N; i++){
+ var b = bodies[i];
+ for(var j=0, NS=b.shapes.length; j!==NS; j++){
+ var s = b.shapes[j],
+ offset = b.shapeOffsets[j] || zero,
+ angle = b.shapeAngles[j] || 0.0;
+
+ // Get shape world position + angle
+ vec2.rotate(x, offset, b.angle);
+ vec2.add(x, x, b.position);
+ var a = angle + b.angle;
+
+ if( (s instanceof Circle && n.circleParticle (b,s,x,a, pb,ps,px,pa, true)) ||
+ (s instanceof Convex && n.particleConvex (pb,ps,px,pa, b,s,x,a, true)) ||
+ (s instanceof Plane && n.particlePlane (pb,ps,px,pa, b,s,x,a, true)) ||
+ (s instanceof Capsule && n.particleCapsule (pb,ps,px,pa, b,s,x,a, true)) ||
+ (s instanceof Particle && vec2.squaredLength(vec2.sub(tmp,x,worldPoint)) < precision*precision)
+ ){
+ result.push(b);
+ }
+ }
+ }
+
+ return result;
+};
+
+},{"../../package.json":8,"../collision/Broadphase":10,"../collision/NaiveBroadphase":12,"../collision/Narrowphase":13,"../constraints/DistanceConstraint":17,"../constraints/LockConstraint":19,"../constraints/PrismaticConstraint":20,"../constraints/RevoluteConstraint":21,"../events/EventEmitter":28,"../material/ContactMaterial":29,"../material/Material":30,"../math/vec2":33,"../objects/Body":34,"../objects/Spring":35,"../shapes/Capsule":37,"../shapes/Circle":38,"../shapes/Convex":39,"../shapes/Line":41,"../shapes/Particle":42,"../shapes/Plane":43,"../shapes/Rectangle":44,"../solver/GSSolver":46,"../utils/Utils":50}]},{},[36])
+(36)
+});
+;
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+// Add an extra properties to p2 that we need
+p2.Body.prototype.parent = null;
+p2.Spring.prototype.parent = null;
+
+/**
+* @class Phaser.Physics.P2
+* @classdesc Physics World Constructor
+* @constructor
+* @param {Phaser.Game} game - Reference to the current game instance.
+* @param {object} [config] - Physics configuration object passed in from the game constructor.
+*/
+Phaser.Physics.P2 = function (game, config) {
+
+ /**
+ * @property {Phaser.Game} game - Local reference to game.
+ */
+ this.game = game;
+
+ if (typeof config === 'undefined' || !config.hasOwnProperty('gravity') || !config.hasOwnProperty('broadphase'))
+ {
+ config = { gravity: [0, 0], broadphase: new p2.SAPBroadphase() };
+ }
+
+ /**
+ * @property {p2.World} game - The p2 World in which the simulation is run.
+ * @protected
+ */
+ this.world = new p2.World(config);
+
+ /**
+ * @property {number} frameRate - The frame rate the world will be stepped at. Defaults to 1 / 60, but you can change here. Also see useElapsedTime property.
+ * @default
+ */
+ this.frameRate = 1 / 60;
+
+ /**
+ * @property {boolean} useElapsedTime - If true the frameRate value will be ignored and instead p2 will step with the value of Game.Time.physicsElapsed, which is a delta time value.
+ * @default
+ */
+ this.useElapsedTime = false;
+
+ /**
+ * @property {array} materials - A local array of all created Materials.
+ * @protected
+ */
+ this.materials = [];
+
+ /**
+ * @property {Phaser.InversePointProxy} gravity - The gravity applied to all bodies each step.
+ */
+ this.gravity = new Phaser.Physics.P2.InversePointProxy(this, this.world.gravity);
+
+ /**
+ * @property {p2.Body} bounds - The bounds body contains the 4 walls that border the World. Define or disable with setBounds.
+ */
+ this.bounds = null;
+
+ /**
+ * @property {array} _wallShapes - The wall bounds shapes.
+ * @private
+ */
+ this._wallShapes = [ null, null, null, null ];
+
+ /**
+ * @property {Phaser.Signal} onBodyAdded - Dispatched when a new Body is added to the World.
+ */
+ this.onBodyAdded = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onBodyRemoved - Dispatched when a Body is removed from the World.
+ */
+ this.onBodyRemoved = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onSpringAdded - Dispatched when a new Spring is added to the World.
+ */
+ this.onSpringAdded = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onSpringRemoved - Dispatched when a Spring is removed from the World.
+ */
+ this.onSpringRemoved = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onConstraintAdded - Dispatched when a new Constraint is added to the World.
+ */
+ this.onConstraintAdded = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onConstraintRemoved - Dispatched when a Constraint is removed from the World.
+ */
+ this.onConstraintRemoved = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onContactMaterialAdded - Dispatched when a new ContactMaterial is added to the World.
+ */
+ this.onContactMaterialAdded = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onContactMaterialRemoved - Dispatched when a ContactMaterial is removed from the World.
+ */
+ this.onContactMaterialRemoved = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onPostBroadphase - Dispatched after the Broadphase has collected collision pairs in the world.
+ */
+ // this.onPostBroadphase = new Phaser.Signal();
+ this.postBroadphaseCallback = null;
+ this.callbackContext = null;
+
+ /**
+ * @property {Phaser.Signal} onImpact - Dispatched when a first contact is created between two bodies. This event is fired after the step has been done.
+ */
+ // this.onImpact = new Phaser.Signal();
+ this.impactCallback = null;
+
+ /**
+ * @property {Phaser.Signal} onBeginContact - Dispatched when a first contact is created between two bodies. This event is fired before the step has been done.
+ */
+ this.onBeginContact = new Phaser.Signal();
+
+ /**
+ * @property {Phaser.Signal} onEndContact - Dispatched when final contact occurs between two bodies. This event is fired before the step has been done.
+ */
+ this.onEndContact = new Phaser.Signal();
+
+ // Pixel to meter function overrides
+ if (config.hasOwnProperty('mpx') && config.hasOwnProperty('pxm') && config.hasOwnProperty('mpxi') && config.hasOwnProperty('pxmi'))
+ {
+ this.mpx = config.mpx;
+ this.mpxi = config.mpxi;
+ this.pxm = config.pxm;
+ this.pxmi = config.pxmi;
+ }
+
+ // Hook into the World events
+ this.world.on("beginContact", this.beginContactHandler, this);
+ this.world.on("endContact", this.endContactHandler, this);
+
+ /**
+ * @property {array} _toRemove - Internal var used to hold references to bodies to remove from the world on the next step.
+ */
+ this._toRemove = [];
+
+ /**
+ * @property {array} collisionGroups - Internal var.
+ */
+ this.collisionGroups = [];
+
+ /**
+ * @property {number} _collisionGroupID - Internal var.
+ * @private
+ */
+ this._collisionGroupID = 2;
+
+ this.nothingCollisionGroup = new Phaser.Physics.P2.CollisionGroup(1);
+ this.boundsCollisionGroup = new Phaser.Physics.P2.CollisionGroup(2);
+ this.everythingCollisionGroup = new Phaser.Physics.P2.CollisionGroup(2147483648);
+
+ this.boundsCollidesWith = [];
+
+ // By default we want everything colliding with everything
+ this.setBoundsToWorld(true, true, true, true, false);
+
+};
+
+/**
+* @const
+* @type {number}
+*/
+Phaser.Physics.P2.LIME_CORONA_JSON = 0;
+
+Phaser.Physics.P2.prototype = {
+
+ /**
+ * This will add a P2 Physics body into the removal list for the next step.
+ *
+ * @method Phaser.Physics.P2#removeBodyNextStep
+ * @param {Phaser.Physics.P2.Body} body - The body to remove at the start of the next step.
+ */
+ removeBodyNextStep: function (body) {
+
+ this._toRemove.push(body);
+
+ },
+
+ /**
+ * Called at the start of the core update loop. Purges flagged bodies from the world.
+ *
+ * @method Phaser.Physics.P2#preUpdate
+ */
+ preUpdate: function () {
+
+ var i = this._toRemove.length;
+
+ while (i--)
+ {
+ this.removeBody(this._toRemove[i]);
+ }
+
+ this._toRemove.length = 0;
+
+ },
+
+ /**
+ * This will create a P2 Physics body on the given game object or array of game objects.
+ * A game object can only have 1 physics body active at any one time, and it can't be changed until the object is destroyed.
+ *
+ * @method Phaser.Physics.P2#enable
+ * @param {object|array|Phaser.Group} object - The game object to create the physics body on. Can also be an array or Group of objects, a body will be created on every child that has a `body` property.
+ * @param {boolean} [debug=false] - Create a debug object to go with this body?
+ * @param {boolean} [children=true] - Should a body be created on all children of this object? If true it will recurse down the display list as far as it can go.
+ */
+ enable: function (object, debug, children) {
+
+ if (typeof debug === 'undefined') { debug = false; }
+ if (typeof children === 'undefined') { children = true; }
+
+ var i = 1;
+
+ if (Array.isArray(object))
+ {
+ i = object.length;
+
+ while (i--)
+ {
+ if (object[i] instanceof Phaser.Group)
+ {
+ // If it's a Group then we do it on the children regardless
+ this.enable(object[i].children, debug, children);
+ }
+ else
+ {
+ this.enableBody(object[i], debug);
+
+ if (children && object[i].hasOwnProperty('children') && object[i].children.length > 0)
+ {
+ this.enable(object[i], debug, true);
+ }
+ }
+ }
+ }
+ else
+ {
+ if (object instanceof Phaser.Group)
+ {
+ // If it's a Group then we do it on the children regardless
+ this.enable(object.children, debug, children);
+ }
+ else
+ {
+ this.enableBody(object, debug);
+
+ if (children && object.hasOwnProperty('children') && object.children.length > 0)
+ {
+ this.enable(object.children, debug, true);
+ }
+ }
+ }
+
+ },
+
+ /**
+ * Creates a P2 Physics body on the given game object.
+ * A game object can only have 1 physics body active at any one time, and it can't be changed until the body is nulled.
+ *
+ * @method Phaser.Physics.P2#enableBody
+ * @param {object} object - The game object to create the physics body on. A body will only be created if this object has a null `body` property.
+ * @param {boolean} debug - Create a debug object to go with this body?
+ */
+ enableBody: function (object, debug) {
+
+ if (object.hasOwnProperty('body') && object.body === null)
+ {
+ object.body = new Phaser.Physics.P2.Body(this.game, object, object.x, object.y, 1);
+ object.body.debug = debug
+ object.anchor.set(0.5);
+ }
+
+ },
+
+ /**
+ * Impact event handling is disabled by default. Enable it before any impact events will be dispatched.
+ * In a busy world hundreds of impact events can be generated every step, so only enable this if you cannot do what you need via beginContact or collision masks.
+ *
+ * @method Phaser.Physics.P2#setImpactEvents
+ * @param {boolean} state - Set to true to enable impact events, or false to disable.
+ */
+ setImpactEvents: function (state) {
+
+ if (state)
+ {
+ this.world.on("impact", this.impactHandler, this);
+ }
+ else
+ {
+ this.world.off("impact", this.impactHandler, this);
+ }
+
+ },
+
+ /**
+ * Sets a callback to be fired after the Broadphase has collected collision pairs in the world.
+ * Just because a pair exists it doesn't mean they *will* collide, just that they potentially could do.
+ * If your calback returns `false` the pair will be removed from the narrowphase. This will stop them testing for collision this step.
+ * Returning `true` from the callback will ensure they are checked in the narrowphase.
+ *
+ * @method Phaser.Physics.P2#setPostBroadphaseCallback
+ * @param {function} callback - The callback that will receive the postBroadphase event data. It must return a boolean. Set to null to disable an existing callback.
+ * @param {object} context - The context under which the callback will be fired.
+ */
+ setPostBroadphaseCallback: function (callback, context) {
+
+ this.postBroadphaseCallback = callback;
+ this.callbackContext = context;
+
+ if (callback !== null)
+ {
+ this.world.on("postBroadphase", this.postBroadphaseHandler, this);
+ }
+ else
+ {
+ this.world.off("postBroadphase", this.postBroadphaseHandler, this);
+ }
+
+ },
+
+ /**
+ * Internal handler for the postBroadphase event.
+ *
+ * @method Phaser.Physics.P2#postBroadphaseHandler
+ * @private
+ * @param {object} event - The event data.
+ */
+ postBroadphaseHandler: function (event) {
+
+ if (this.postBroadphaseCallback)
+ {
+ // Body.id 1 is always the World bounds object
+ var i = event.pairs.length;
+
+ while (i -= 2)
+ {
+ if (event.pairs[i].id !== 1 && event.pairs[i+1].id !== 1 && !this.postBroadphaseCallback.call(this.callbackContext, event.pairs[i].parent, event.pairs[i+1].parent))
+ {
+ event.pairs.splice(i, 2);
+ }
+ }
+ }
+
+ },
+
+ /**
+ * Handles a p2 impact event.
+ *
+ * @method Phaser.Physics.P2#impactHandler
+ * @private
+ * @param {object} event - The event data.
+ */
+ impactHandler: function (event) {
+
+ if (event.bodyA.parent && event.bodyB.parent)
+ {
+ // Body vs. Body callbacks
+ var a = event.bodyA.parent;
+ var b = event.bodyB.parent;
+
+ if (a._bodyCallbacks[event.bodyB.id])
+ {
+ a._bodyCallbacks[event.bodyB.id].call(a._bodyCallbackContext[event.bodyB.id], a, b, event.shapeA, event.shapeB);
+ }
+
+ if (b._bodyCallbacks[event.bodyA.id])
+ {
+ b._bodyCallbacks[event.bodyA.id].call(b._bodyCallbackContext[event.bodyA.id], b, a, event.shapeB, event.shapeA);
+ }
+
+ // Body vs. Group callbacks
+ if (a._groupCallbacks[event.shapeB.collisionGroup])
+ {
+ a._groupCallbacks[event.shapeB.collisionGroup].call(a._groupCallbackContext[event.shapeB.collisionGroup], a, b, event.shapeA, event.shapeB);
+ }
+
+ if (b._groupCallbacks[event.shapeA.collisionGroup])
+ {
+ b._groupCallbacks[event.shapeA.collisionGroup].call(b._groupCallbackContext[event.shapeA.collisionGroup], b, a, event.shapeB, event.shapeA);
+ }
+ }
+
+ },
+
+ /**
+ * Handles a p2 begin contact event.
+ *
+ * @method Phaser.Physics.P2#beginContactHandler
+ * @param {object} event - The event data.
+ */
+ beginContactHandler: function (event) {
+
+ if (event.bodyA.id > 1 && event.bodyB.id > 1)
+ {
+ this.onBeginContact.dispatch(event.bodyA, event.bodyB, event.shapeA, event.shapeB, event.contactEquations);
+
+ if (event.bodyA.parent)
+ {
+ event.bodyA.parent.onBeginContact.dispatch(event.bodyB.parent, event.shapeA, event.shapeB, event.contactEquations);
+ }
+
+ if (event.bodyB.parent)
+ {
+ event.bodyB.parent.onBeginContact.dispatch(event.bodyA.parent, event.shapeB, event.shapeA, event.contactEquations);
+ }
+ }
+
+ },
+
+ /**
+ * Handles a p2 end contact event.
+ *
+ * @method Phaser.Physics.P2#endContactHandler
+ * @param {object} event - The event data.
+ */
+ endContactHandler: function (event) {
+
+ if (event.bodyA.id > 1 && event.bodyB.id > 1)
+ {
+ this.onEndContact.dispatch(event.bodyA, event.bodyB, event.shapeA, event.shapeB);
+
+ if (event.bodyA.parent)
+ {
+ event.bodyA.parent.onEndContact.dispatch(event.bodyB.parent, event.shapeA, event.shapeB);
+ }
+
+ if (event.bodyB.parent)
+ {
+ event.bodyB.parent.onEndContact.dispatch(event.bodyA.parent, event.shapeB, event.shapeA);
+ }
+ }
+
+ },
+
+ /**
+ * Sets the bounds of the Physics world to match the Game.World dimensions.
+ * You can optionally set which 'walls' to create: left, right, top or bottom.
+ *
+ * @method Phaser.Physics#setBoundsToWorld
+ * @param {boolean} [left=true] - If true will create the left bounds wall.
+ * @param {boolean} [right=true] - If true will create the right bounds wall.
+ * @param {boolean} [top=true] - If true will create the top bounds wall.
+ * @param {boolean} [bottom=true] - If true will create the bottom bounds wall.
+ * @param {boolean} [setCollisionGroup=true] - If true the Bounds will be set to use its own Collision Group.
+ */
+ setBoundsToWorld: function (left, right, top, bottom, setCollisionGroup) {
+
+ this.setBounds(this.game.world.bounds.x, this.game.world.bounds.y, this.game.world.bounds.width, this.game.world.bounds.height, left, right, top, bottom, setCollisionGroup);
+
+ },
+
+
+ /**
+ * Sets the given material against the 4 bounds of this World.
+ *
+ * @method Phaser.Physics#setWorldMaterial
+ * @param {Phaser.Physics.P2.Material} material - The material to set.
+ * @param {boolean} [left=true] - If true will set the material on the left bounds wall.
+ * @param {boolean} [right=true] - If true will set the material on the right bounds wall.
+ * @param {boolean} [top=true] - If true will set the material on the top bounds wall.
+ * @param {boolean} [bottom=true] - If true will set the material on the bottom bounds wall.
+ */
+ setWorldMaterial: function (material, left, right, top, bottom) {
+
+ if (typeof left === 'undefined') { left = true; }
+ if (typeof right === 'undefined') { right = true; }
+ if (typeof top === 'undefined') { top = true; }
+ if (typeof bottom === 'undefined') { bottom = true; }
+
+ if (left && this._wallShapes[0])
+ {
+ this._wallShapes[0].material = material;
+ }
+
+ if (right && this._wallShapes[1])
+ {
+ this._wallShapes[1].material = material;
+ }
+
+ if (top && this._wallShapes[2])
+ {
+ this._wallShapes[2].material = material;
+ }
+
+ if (bottom && this._wallShapes[3])
+ {
+ this._wallShapes[3].material = material;
+ }
+
+ },
+
+ /**
+ * By default the World will be set to collide everything with everything. The bounds of the world is a Body with 4 shapes, one for each face.
+ * If you start to use your own collision groups then your objects will no longer collide with the bounds.
+ * To fix this you need to adjust the bounds to use its own collision group first BEFORE changing your Sprites collision group.
+ *
+ * @method Phaser.Physics.P2#updateBoundsCollisionGroup
+ * @param {boolean} [setCollisionGroup=true] - If true the Bounds will be set to use its own Collision Group.
+ */
+ updateBoundsCollisionGroup: function (setCollisionGroup) {
+
+ if (typeof setCollisionGroup === 'undefined') { setCollisionGroup = true; }
+
+ for (var i = 0; i < 4; i++)
+ {
+ if (this._wallShapes[i])
+ {
+ if (setCollisionGroup)
+ {
+ this._wallShapes[i].collisionGroup = this.boundsCollisionGroup.mask;
+ }
+ else
+ {
+ this._wallShapes[i].collisionGroup = this.everythingCollisionGroup.mask;
+ }
+ }
+ }
+
+ },
+
+ /**
+ * Sets the bounds of the Physics world to match the given world pixel dimensions.
+ * You can optionally set which 'walls' to create: left, right, top or bottom.
+ *
+ * @method Phaser.Physics.P2#setBounds
+ * @param {number} x - The x coordinate of the top-left corner of the bounds.
+ * @param {number} y - The y coordinate of the top-left corner of the bounds.
+ * @param {number} width - The width of the bounds.
+ * @param {number} height - The height of the bounds.
+ * @param {boolean} [left=true] - If true will create the left bounds wall.
+ * @param {boolean} [right=true] - If true will create the right bounds wall.
+ * @param {boolean} [top=true] - If true will create the top bounds wall.
+ * @param {boolean} [bottom=true] - If true will create the bottom bounds wall.
+ * @param {boolean} [setCollisionGroup=true] - If true the Bounds will be set to use its own Collision Group.
+ */
+ setBounds: function (x, y, width, height, left, right, top, bottom, setCollisionGroup) {
+
+ if (typeof left === 'undefined') { left = true; }
+ if (typeof right === 'undefined') { right = true; }
+ if (typeof top === 'undefined') { top = true; }
+ if (typeof bottom === 'undefined') { bottom = true; }
+ if (typeof setCollisionGroup === 'undefined') { setCollisionGroup = true; }
+
+ var hw = (width / 2);
+ var hh = (height / 2);
+ var cx = hw + x;
+ var cy = hh + y;
+
+ if (this.bounds !== null)
+ {
+ if (this.bounds.world)
+ {
+ this.world.removeBody(this.bounds);
+ }
+
+ var i = this.bounds.shapes.length;
+
+ while (i--)
+ {
+ var shape = this.bounds.shapes[i];
+ this.bounds.removeShape(shape);
+ }
+
+ this.bounds.position[0] = this.pxmi(cx);
+ this.bounds.position[1] = this.pxmi(cy);
+ }
+ else
+ {
+ this.bounds = new p2.Body({ mass: 0, position:[this.pxmi(cx), this.pxmi(cy)] });
+ }
+
+ if (left)
+ {
+ this._wallShapes[0] = new p2.Plane();
+
+ if (setCollisionGroup)
+ {
+ this._wallShapes[0].collisionGroup = this.boundsCollisionGroup.mask;
+ }
+
+ this.bounds.addShape(this._wallShapes[0], [this.pxmi(-hw), 0], 1.5707963267948966 );
+ }
+
+ if (right)
+ {
+ this._wallShapes[1] = new p2.Plane();
+
+ if (setCollisionGroup)
+ {
+ this._wallShapes[1].collisionGroup = this.boundsCollisionGroup.mask;
+ }
+
+ this.bounds.addShape(this._wallShapes[1], [this.pxmi(hw), 0], -1.5707963267948966 );
+ }
+
+ if (top)
+ {
+ this._wallShapes[2] = new p2.Plane();
+
+ if (setCollisionGroup)
+ {
+ this._wallShapes[2].collisionGroup = this.boundsCollisionGroup.mask;
+ }
+
+ this.bounds.addShape(this._wallShapes[2], [0, this.pxmi(-hh)], -3.141592653589793 );
+ }
+
+ if (bottom)
+ {
+ this._wallShapes[3] = new p2.Plane();
+
+ if (setCollisionGroup)
+ {
+ this._wallShapes[3].collisionGroup = this.boundsCollisionGroup.mask;
+ }
+
+ this.bounds.addShape(this._wallShapes[3], [0, this.pxmi(hh)] );
+ }
+
+ this.world.addBody(this.bounds);
+
+ },
+
+ /**
+ * @method Phaser.Physics.P2#update
+ */
+ update: function () {
+
+ if (this.useElapsedTime)
+ {
+ this.world.step(this.game.time.physicsElapsed);
+ }
+ else
+ {
+ this.world.step(this.frameRate);
+ }
+
+ },
+
+ /**
+ * Clears all bodies from the simulation.
+ *
+ * @method Phaser.Physics.P2#clear
+ */
+ clear: function () {
+
+ this.world.clear();
+
+ },
+
+ /**
+ * Clears all bodies from the simulation and unlinks World from Game. Should only be called on game shutdown. Call `clear` on a State change.
+ *
+ * @method Phaser.Physics.P2#destroy
+ */
+ destroy: function () {
+
+ this.world.clear();
+
+ this.game = null;
+
+ },
+
+ /**
+ * Add a body to the world.
+ *
+ * @method Phaser.Physics.P2#addBody
+ * @param {Phaser.Physics.P2.Body} body - The Body to add to the World.
+ * @return {boolean} True if the Body was added successfully, otherwise false.
+ */
+ addBody: function (body) {
+
+ if (body.data.world)
+ {
+ return false;
+ }
+ else
+ {
+ this.world.addBody(body.data);
+
+ this.onBodyAdded.dispatch(body);
+
+ return true;
+ }
+
+ },
+
+ /**
+ * Removes a body from the world.
+ *
+ * @method Phaser.Physics.P2#removeBody
+ * @param {Phaser.Physics.P2.Body} body - The Body to remove from the World.
+ * @return {Phaser.Physics.P2.Body} The Body that was removed.
+ */
+ removeBody: function (body) {
+
+ this.world.removeBody(body.data);
+
+ this.onBodyRemoved.dispatch(body);
+
+ return body;
+
+ },
+
+ /**
+ * Adds a Spring to the world.
+ *
+ * @method Phaser.Physics.P2#addSpring
+ * @param {Phaser.Physics.P2.Spring} spring - The Spring to add to the World.
+ * @return {Phaser.Physics.P2.Spring} The Spring that was added.
+ */
+ addSpring: function (spring) {
+
+ this.world.addSpring(spring);
+
+ this.onSpringAdded.dispatch(spring);
+
+ return spring;
+
+ },
+
+ /**
+ * Removes a Spring from the world.
+ *
+ * @method Phaser.Physics.P2#removeSpring
+ * @param {Phaser.Physics.P2.Spring} spring - The Spring to remove from the World.
+ * @return {Phaser.Physics.P2.Spring} The Spring that was removed.
+ */
+ removeSpring: function (spring) {
+
+ this.world.removeSpring(spring);
+
+ this.onSpringRemoved.dispatch(spring);
+
+ return spring;
+
+ },
+
+ /**
+ * Creates a constraint that tries to keep the distance between two bodies constant.
+ *
+ * @method Phaser.Physics.P2#createDistanceConstraint
+ * @param {Phaser.Sprite|Phaser.Physics.P2.Body|p2.Body} bodyA - First connected body.
+ * @param {Phaser.Sprite|Phaser.Physics.P2.Body|p2.Body} bodyB - Second connected body.
+ * @param {number} distance - The distance to keep between the bodies.
+ * @param {number} [maxForce] - The maximum force that should be applied to constrain the bodies.
+ * @return {Phaser.Physics.P2.DistanceConstraint} The constraint
+ */
+ createDistanceConstraint: function (bodyA, bodyB, distance, maxForce) {
+
+ bodyA = this.getBody(bodyA);
+ bodyB = this.getBody(bodyB);
+
+ if (!bodyA || !bodyB)
+ {
+ console.warn('Cannot create Constraint, invalid body objects given');
+ }
+ else
+ {
+ return this.addConstraint(new Phaser.Physics.P2.DistanceConstraint(this, bodyA, bodyB, distance, maxForce));
+ }
+
+ },
+
+ /**
+ * Creates a constraint that tries to keep the distance between two bodies constant.
+ *
+ * @method Phaser.Physics.P2#createGearConstraint
+ * @param {Phaser.Sprite|Phaser.Physics.P2.Body|p2.Body} bodyA - First connected body.
+ * @param {Phaser.Sprite|Phaser.Physics.P2.Body|p2.Body} bodyB - Second connected body.
+ * @param {number} [angle=0] - The relative angle
+ * @param {number} [ratio=1] - The gear ratio.
+ * @return {Phaser.Physics.P2.GearConstraint} The constraint
+ */
+ createGearConstraint: function (bodyA, bodyB, angle, ratio) {
+
+ bodyA = this.getBody(bodyA);
+ bodyB = this.getBody(bodyB);
+
+ if (!bodyA || !bodyB)
+ {
+ console.warn('Cannot create Constraint, invalid body objects given');
+ }
+ else
+ {
+ return this.addConstraint(new Phaser.Physics.P2.GearConstraint(this, bodyA, bodyB, angle, ratio));
+ }
+
+ },
+
+ /**
+ * Connects two bodies at given offset points, letting them rotate relative to each other around this point.
+ * The pivot points are given in world (pixel) coordinates.
+ *
+ * @method Phaser.Physics.P2#createRevoluteConstraint
+ * @param {Phaser.Sprite|Phaser.Physics.P2.Body|p2.Body} bodyA - First connected body.
+ * @param {Array} pivotA - The point relative to the center of mass of bodyA which bodyA is constrained to. The value is an array with 2 elements matching x and y, i.e: [32, 32].
+ * @param {Phaser.Sprite|Phaser.Physics.P2.Body|p2.Body} bodyB - Second connected body.
+ * @param {Array} pivotB - The point relative to the center of mass of bodyB which bodyB is constrained to. The value is an array with 2 elements matching x and y, i.e: [32, 32].
+ * @param {number} [maxForce=0] - The maximum force that should be applied to constrain the bodies.
+ * @return {Phaser.Physics.P2.RevoluteConstraint} The constraint
+ */
+ createRevoluteConstraint: function (bodyA, pivotA, bodyB, pivotB, maxForce) {
+
+ bodyA = this.getBody(bodyA);
+ bodyB = this.getBody(bodyB);
+
+ if (!bodyA || !bodyB)
+ {
+ console.warn('Cannot create Constraint, invalid body objects given');
+ }
+ else
+ {
+ return this.addConstraint(new Phaser.Physics.P2.RevoluteConstraint(this, bodyA, pivotA, bodyB, pivotB, maxForce));
+ }
+
+ },
+
+ /**
+ * Locks the relative position between two bodies.
+ *
+ * @method Phaser.Physics.P2#createLockConstraint
+ * @param {Phaser.Sprite|Phaser.Physics.P2.Body|p2.Body} bodyA - First connected body.
+ * @param {Phaser.Sprite|Phaser.Physics.P2.Body|p2.Body} bodyB - Second connected body.
+ * @param {Array} [offset] - The offset of bodyB in bodyA's frame. The value is an array with 2 elements matching x and y, i.e: [32, 32].
+ * @param {number} [angle=0] - The angle of bodyB in bodyA's frame.
+ * @param {number} [maxForce] - The maximum force that should be applied to constrain the bodies.
+ * @return {Phaser.Physics.P2.LockConstraint} The constraint
+ */
+ createLockConstraint: function (bodyA, bodyB, offset, angle, maxForce) {
+
+ bodyA = this.getBody(bodyA);
+ bodyB = this.getBody(bodyB);
+
+ if (!bodyA || !bodyB)
+ {
+ console.warn('Cannot create Constraint, invalid body objects given');
+ }
+ else
+ {
+ return this.addConstraint(new Phaser.Physics.P2.LockConstraint(this, bodyA, bodyB, offset, angle, maxForce));
+ }
+
+ },
+
+ /**
+ * Constraint that only allows bodies to move along a line, relative to each other.
+ * See http://www.iforce2d.net/b2dtut/joints-prismatic
+ *
+ * @method Phaser.Physics.P2#createPrismaticConstraint
+ * @param {Phaser.Sprite|Phaser.Physics.P2.Body|p2.Body} bodyA - First connected body.
+ * @param {Phaser.Sprite|Phaser.Physics.P2.Body|p2.Body} bodyB - Second connected body.
+ * @param {boolean} [lock=false] - If set to true, bodyB will be free to rotate around its anchor point.
+ * @param {Array} [anchorA] - Body A's anchor point, defined in its own local frame. The value is an array with 2 elements matching x and y, i.e: [32, 32].
+ * @param {Array} [anchorB] - Body A's anchor point, defined in its own local frame. The value is an array with 2 elements matching x and y, i.e: [32, 32].
+ * @param {Array} [axis] - An axis, defined in body A frame, that body B's anchor point may slide along. The value is an array with 2 elements matching x and y, i.e: [32, 32].
+ * @param {number} [maxForce] - The maximum force that should be applied to constrain the bodies.
+ * @return {Phaser.Physics.P2.PrismaticConstraint} The constraint
+ */
+ createPrismaticConstraint: function (bodyA, bodyB, lock, anchorA, anchorB, axis, maxForce) {
+
+ bodyA = this.getBody(bodyA);
+ bodyB = this.getBody(bodyB);
+
+ if (!bodyA || !bodyB)
+ {
+ console.warn('Cannot create Constraint, invalid body objects given');
+ }
+ else
+ {
+ return this.addConstraint(new Phaser.Physics.P2.PrismaticConstraint(this, bodyA, bodyB, lock, anchorA, anchorB, axis, maxForce));
+ }
+
+ },
+
+ /**
+ * Adds a Constraint to the world.
+ *
+ * @method Phaser.Physics.P2#addConstraint
+ * @param {Phaser.Physics.P2.Constraint} constraint - The Constraint to add to the World.
+ * @return {Phaser.Physics.P2.Constraint} The Constraint that was added.
+ */
+ addConstraint: function (constraint) {
+
+ this.world.addConstraint(constraint);
+
+ this.onConstraintAdded.dispatch(constraint);
+
+ return constraint;
+
+ },
+
+ /**
+ * Removes a Constraint from the world.
+ *
+ * @method Phaser.Physics.P2#removeConstraint
+ * @param {Phaser.Physics.P2.Constraint} constraint - The Constraint to be removed from the World.
+ * @return {Phaser.Physics.P2.Constraint} The Constraint that was removed.
+ */
+ removeConstraint: function (constraint) {
+
+ this.world.removeConstraint(constraint);
+
+ this.onConstraintRemoved.dispatch(constraint);
+
+ return constraint;
+
+ },
+
+ /**
+ * Adds a Contact Material to the world.
+ *
+ * @method Phaser.Physics.P2#addContactMaterial
+ * @param {Phaser.Physics.P2.ContactMaterial} material - The Contact Material to be added to the World.
+ * @return {Phaser.Physics.P2.ContactMaterial} The Contact Material that was added.
+ */
+ addContactMaterial: function (material) {
+
+ this.world.addContactMaterial(material);
+
+ this.onContactMaterialAdded.dispatch(material);
+
+ return material;
+
+ },
+
+ /**
+ * Removes a Contact Material from the world.
+ *
+ * @method Phaser.Physics.P2#removeContactMaterial
+ * @param {Phaser.Physics.P2.ContactMaterial} material - The Contact Material to be removed from the World.
+ * @return {Phaser.Physics.P2.ContactMaterial} The Contact Material that was removed.
+ */
+ removeContactMaterial: function (material) {
+
+ this.world.removeContactMaterial(material);
+
+ this.onContactMaterialRemoved.dispatch(material);
+
+ return material;
+
+ },
+
+ /**
+ * Gets a Contact Material based on the two given Materials.
+ *
+ * @method Phaser.Physics.P2#getContactMaterial
+ * @param {Phaser.Physics.P2.Material} materialA - The first Material to search for.
+ * @param {Phaser.Physics.P2.Material} materialB - The second Material to search for.
+ * @return {Phaser.Physics.P2.ContactMaterial|boolean} The Contact Material or false if none was found matching the Materials given.
+ */
+ getContactMaterial: function (materialA, materialB) {
+
+ return this.world.getContactMaterial(materialA, materialB);
+
+ },
+
+ /**
+ * Sets the given Material against all Shapes owned by all the Bodies in the given array.
+ *
+ * @method Phaser.Physics.P2#setMaterial
+ * @param {Phaser.Physics.P2.Material} material - The Material to be applied to the given Bodies.
+ * @param {array} bodies - An Array of Body objects that the given Material will be set on.
+ */
+ setMaterial: function (material, bodies) {
+
+ var i = bodies.length;
+
+ while (i--)
+ {
+ bodies.setMaterial(material);
+ }
+
+ },
+
+ /**
+ * Creates a Material. Materials are applied to Shapes owned by a Body and can be set with Body.setMaterial().
+ * Materials are a way to control what happens when Shapes collide. Combine unique Materials together to create Contact Materials.
+ * Contact Materials have properties such as friction and restitution that allow for fine-grained collision control between different Materials.
+ *
+ * @method Phaser.Physics.P2#createMaterial
+ * @param {string} [name] - Optional name of the Material. Each Material has a unique ID but string names are handy for debugging.
+ * @param {Phaser.Physics.P2.Body} [body] - Optional Body. If given it will assign the newly created Material to the Body shapes.
+ * @return {Phaser.Physics.P2.Material} The Material that was created. This is also stored in Phaser.Physics.P2.materials.
+ */
+ createMaterial: function (name, body) {
+
+ name = name || '';
+
+ var material = new Phaser.Physics.P2.Material(name);
+
+ this.materials.push(material);
+
+ if (typeof body !== 'undefined')
+ {
+ body.setMaterial(material);
+ }
+
+ return material;
+
+ },
+
+ /**
+ * Creates a Contact Material from the two given Materials. You can then edit the properties of the Contact Material directly.
+ *
+ * @method Phaser.Physics.P2#createContactMaterial
+ * @param {Phaser.Physics.P2.Material} [materialA] - The first Material to create the ContactMaterial from. If undefined it will create a new Material object first.
+ * @param {Phaser.Physics.P2.Material} [materialB] - The second Material to create the ContactMaterial from. If undefined it will create a new Material object first.
+ * @param {object} [options] - Material options object.
+ * @return {Phaser.Physics.P2.ContactMaterial} The Contact Material that was created.
+ */
+ createContactMaterial: function (materialA, materialB, options) {
+
+ if (typeof materialA === 'undefined') { materialA = this.createMaterial(); }
+ if (typeof materialB === 'undefined') { materialB = this.createMaterial(); }
+
+ var contact = new Phaser.Physics.P2.ContactMaterial(materialA, materialB, options);
+
+ return this.addContactMaterial(contact);
+
+ },
+
+ /**
+ * Populates and returns an array with references to of all current Bodies in the world.
+ *
+ * @method Phaser.Physics.P2#getBodies
+ * @return {array} An array containing all current Bodies in the world.
+ */
+ getBodies: function () {
+
+ var output = [];
+ var i = this.world.bodies.length;
+
+ while (i--)
+ {
+ output.push(this.world.bodies[i].parent);
+ }
+
+ return output;
+
+ },
+
+ /**
+ * Checks the given object to see if it has a p2.Body and if so returns it.
+ *
+ * @method Phaser.Physics.P2#getBody
+ * @param {object} object - The object to check for a p2.Body on.
+ * @return {p2.Body} The p2.Body, or null if not found.
+ */
+ getBody: function (object) {
+
+ if (object instanceof p2.Body)
+ {
+ // Native p2 body
+ return object;
+ }
+ else if (object instanceof Phaser.Physics.P2.Body)
+ {
+ // Phaser P2 Body
+ return object.data;
+ }
+ else if (object['body'] && object['body'].type === Phaser.Physics.P2JS)
+ {
+ // Sprite, TileSprite, etc
+ return object.body.data;
+ }
+
+ return null;
+
+ },
+
+ /**
+ * Populates and returns an array of all current Springs in the world.
+ *
+ * @method Phaser.Physics.P2#getSprings
+ * @return {array} An array containing all current Springs in the world.
+ */
+ getSprings: function () {
+
+ var output = [];
+ var i = this.world.springs.length;
+
+ while (i--)
+ {
+ output.push(this.world.springs[i].parent);
+ }
+
+ return output;
+
+ },
+
+ /**
+ * Populates and returns an array of all current Constraints in the world.
+ *
+ * @method Phaser.Physics.P2#getConstraints
+ * @return {array} An array containing all current Constraints in the world.
+ */
+ getConstraints: function () {
+
+ var output = [];
+ var i = this.world.constraints.length;
+
+ while (i--)
+ {
+ output.push(this.world.constraints[i].parent);
+ }
+
+ return output;
+
+ },
+
+ /**
+ * Test if a world point overlaps bodies. You will get an array of actual P2 bodies back. You can find out which Sprite a Body belongs to
+ * (if any) by checking the Body.parent.sprite property. Body.parent is a Phaser.Physics.P2.Body property.
+ *
+ * @method Phaser.Physics.P2#hitTest
+ * @param {Phaser.Point} worldPoint - Point to use for intersection tests. The points values must be in world (pixel) coordinates.
+ * @param {Array} [bodies] - A list of objects to check for intersection. If not given it will check Phaser.Physics.P2.world.bodies (i.e. all world bodies)
+ * @param {number} [precision=5] - Used for matching against particles and lines. Adds some margin to these infinitesimal objects.
+ * @param {boolean} [filterStatic=false] - If true all Static objects will be removed from the results array.
+ * @return {Array} Array of bodies that overlap the point.
+ */
+ hitTest: function (worldPoint, bodies, precision, filterStatic) {
+
+ if (typeof bodies === 'undefined') { bodies = this.world.bodies; }
+ if (typeof precision === 'undefined') { precision = 5; }
+ if (typeof filterStatic === 'undefined') { filterStatic = false; }
+
+ var physicsPosition = [ this.pxmi(worldPoint.x), this.pxmi(worldPoint.y) ];
+
+ var query = [];
+ var i = bodies.length;
+
+ while (i--)
+ {
+ if (bodies[i] instanceof Phaser.Physics.P2.Body && !(filterStatic && bodies[i].data.motionState === p2.Body.STATIC))
+ {
+ query.push(bodies[i].data);
+ }
+ else if (bodies[i] instanceof p2.Body && bodies[i].parent && !(filterStatic && bodies[i].motionState === p2.Body.STATIC))
+ {
+ query.push(bodies[i]);
+ }
+ else if (bodies[i] instanceof Phaser.Sprite && bodies[i].hasOwnProperty('body') && !(filterStatic && bodies[i].body.data.motionState === p2.Body.STATIC))
+ {
+ query.push(bodies[i].body.data);
+ }
+ }
+
+ return this.world.hitTest(physicsPosition, query, precision);
+
+ },
+
+ /**
+ * Converts the current world into a JSON object.
+ *
+ * @method Phaser.Physics.P2#toJSON
+ * @return {object} A JSON representation of the world.
+ */
+ toJSON: function () {
+
+ return this.world.toJSON();
+
+ },
+
+ /**
+ * Creates a new Collision Group and optionally applies it to the given object.
+ * Collision Groups are handled using bitmasks, therefore you have a fixed limit you can create before you need to re-use older groups.
+ *
+ * @method Phaser.Physics.P2#createCollisionGroup
+ * @param {Phaser.Group|Phaser.Sprite} [object] - An optional Sprite or Group to apply the Collision Group to. If a Group is given it will be applied to all top-level children.
+ * @protected
+ */
+ createCollisionGroup: function (object) {
+
+ var bitmask = Math.pow(2, this._collisionGroupID);
+
+ if (this._wallShapes[0])
+ {
+ this._wallShapes[0].collisionMask = this._wallShapes[0].collisionMask | bitmask;
+ }
+
+ if (this._wallShapes[1])
+ {
+ this._wallShapes[1].collisionMask = this._wallShapes[1].collisionMask | bitmask;
+ }
+
+ if (this._wallShapes[2])
+ {
+ this._wallShapes[2].collisionMask = this._wallShapes[2].collisionMask | bitmask;
+ }
+
+ if (this._wallShapes[3])
+ {
+ this._wallShapes[3].collisionMask = this._wallShapes[3].collisionMask | bitmask;
+ }
+
+ this._collisionGroupID++;
+
+ var group = new Phaser.Physics.P2.CollisionGroup(bitmask);
+
+ this.collisionGroups.push(group);
+
+ if (object)
+ {
+ this.setCollisionGroup(object, group);
+ }
+
+ return group;
+
+ },
+
+ /**
+ * Sets the given CollisionGroup to be the collision group for all shapes in this Body, unless a shape is specified.
+ * Note that this resets the collisionMask and any previously set groups. See Body.collides() for appending them.
+ *
+ * @method Phaser.Physics.P2y#setCollisionGroup
+ * @param {Phaser.Group|Phaser.Sprite} object - A Sprite or Group to apply the Collision Group to. If a Group is given it will be applied to all top-level children.
+ * @param {Phaser.Physics.CollisionGroup} group - The Collision Group that this Bodies shapes will use.
+ */
+ setCollisionGroup: function (object, group) {
+
+ if (object instanceof Phaser.Group)
+ {
+ for (var i = 0; i < object.total; i++)
+ {
+ if (object.children[i]['body'] && object.children[i]['body'].type === Phaser.Physics.P2JS)
+ {
+ object.children[i].body.setCollisionGroup(group);
+ }
+ }
+ }
+ else
+ {
+ object.body.setCollisionGroup(group);
+ }
+
+ },
+
+ /**
+ * Creates a spring, connecting two bodies. A spring can have a resting length, a stiffness and damping.
+ *
+ * @method Phaser.Physics.P2#createSpring
+ * @param {Phaser.Sprite|Phaser.Physics.P2.Body|p2.Body} bodyA - First connected body.
+ * @param {Phaser.Sprite|Phaser.Physics.P2.Body|p2.Body} bodyB - Second connected body.
+ * @param {number} [restLength=1] - Rest length of the spring. A number > 0.
+ * @param {number} [stiffness=100] - Stiffness of the spring. A number >= 0.
+ * @param {number} [damping=1] - Damping of the spring. A number >= 0.
+ * @param {number} [restLength=1] - Rest length of the spring. A number > 0.
+ * @param {number} [stiffness=100] - Stiffness of the spring. A number >= 0.
+ * @param {number} [damping=1] - Damping of the spring. A number >= 0.
+ * @param {Array} [worldA] - Where to hook the spring to body A in world coordinates. This value is an array by 2 elements, x and y, i.e: [32, 32].
+ * @param {Array} [worldB] - Where to hook the spring to body B in world coordinates. This value is an array by 2 elements, x and y, i.e: [32, 32].
+ * @param {Array} [localA] - Where to hook the spring to body A in local body coordinates. This value is an array by 2 elements, x and y, i.e: [32, 32].
+ * @param {Array} [localB] - Where to hook the spring to body B in local body coordinates. This value is an array by 2 elements, x and y, i.e: [32, 32].
+ * @return {Phaser.Physics.P2.Spring} The spring
+ */
+ createSpring: function (bodyA, bodyB, restLength, stiffness, damping, worldA, worldB, localA, localB) {
+
+ bodyA = this.getBody(bodyA);
+ bodyB = this.getBody(bodyB);
+
+ if (!bodyA || !bodyB)
+ {
+ console.warn('Cannot create Spring, invalid body objects given');
+ }
+ else
+ {
+ return this.addSpring(new Phaser.Physics.P2.Spring(this, bodyA, bodyB, restLength, stiffness, damping, worldA, worldB, localA, localB));
+ }
+
+ },
+
+ /**
+ * Creates a new Body and adds it to the World.
+ *
+ * @method Phaser.Physics.P2#createBody
+ * @param {number} x - The x coordinate of Body.
+ * @param {number} y - The y coordinate of Body.
+ * @param {number} mass - The mass of the Body. A mass of 0 means a 'static' Body is created.
+ * @param {boolean} [addToWorld=false] - Automatically add this Body to the world? (usually false as it won't have any shapes on construction).
+ * @param {object} options - An object containing the build options:
+ * @param {boolean} [options.optimalDecomp=false] - Set to true if you need optimal decomposition. Warning: very slow for polygons with more than 10 vertices.
+ * @param {boolean} [options.skipSimpleCheck=false] - Set to true if you already know that the path is not intersecting itself.
+ * @param {boolean|number} [options.removeCollinearPoints=false] - Set to a number (angle threshold value) to remove collinear points, or false to keep all points.
+ * @param {(number[]|...number)} points - An array of 2d vectors that form the convex or concave polygon.
+ * Either [[0,0], [0,1],...] or a flat array of numbers that will be interpreted as [x,y, x,y, ...],
+ * or the arguments passed can be flat x,y values e.g. `setPolygon(options, x,y, x,y, x,y, ...)` where `x` and `y` are numbers.
+ * @return {Phaser.Physics.P2.Body} The body
+ */
+ createBody: function (x, y, mass, addToWorld, options, data) {
+
+ if (typeof addToWorld === 'undefined') { addToWorld = false; }
+
+ var body = new Phaser.Physics.P2.Body(this.game, null, x, y, mass);
+
+ if (data)
+ {
+ var result = body.addPolygon(options, data);
+
+ if (!result)
+ {
+ return false;
+ }
+ }
+
+ if (addToWorld)
+ {
+ this.world.addBody(body.data);
+ }
+
+ return body;
+
+ },
+
+ /**
+ * Creates a new Particle and adds it to the World.
+ *
+ * @method Phaser.Physics.P2#createParticle
+ * @param {number} x - The x coordinate of Body.
+ * @param {number} y - The y coordinate of Body.
+ * @param {number} mass - The mass of the Body. A mass of 0 means a 'static' Body is created.
+ * @param {boolean} [addToWorld=false] - Automatically add this Body to the world? (usually false as it won't have any shapes on construction).
+ * @param {object} options - An object containing the build options:
+ * @param {boolean} [options.optimalDecomp=false] - Set to true if you need optimal decomposition. Warning: very slow for polygons with more than 10 vertices.
+ * @param {boolean} [options.skipSimpleCheck=false] - Set to true if you already know that the path is not intersecting itself.
+ * @param {boolean|number} [options.removeCollinearPoints=false] - Set to a number (angle threshold value) to remove collinear points, or false to keep all points.
+ * @param {(number[]|...number)} points - An array of 2d vectors that form the convex or concave polygon.
+ * Either [[0,0], [0,1],...] or a flat array of numbers that will be interpreted as [x,y, x,y, ...],
+ * or the arguments passed can be flat x,y values e.g. `setPolygon(options, x,y, x,y, x,y, ...)` where `x` and `y` are numbers.
+ */
+ createParticle: function (x, y, mass, addToWorld, options, data) {
+
+ if (typeof addToWorld === 'undefined') { addToWorld = false; }
+
+ var body = new Phaser.Physics.P2.Body(this.game, null, x, y, mass);
+
+ if (data)
+ {
+ var result = body.addPolygon(options, data);
+
+ if (!result)
+ {
+ return false;
+ }
+ }
+
+ if (addToWorld)
+ {
+ this.world.addBody(body.data);
+ }
+
+ return body;
+
+ },
+
+ /**
+ * Converts all of the polylines objects inside a Tiled ObjectGroup into physics bodies that are added to the world.
+ * Note that the polylines must be created in such a way that they can withstand polygon decomposition.
+ *
+ * @method Phaser.Physics.P2#convertCollisionObjects
+ * @param {Phaser.Tilemap} map - The Tilemap to get the map data from.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on. If not given will default to map.currentLayer.
+ * @param {boolean} [addToWorld=true] - If true it will automatically add each body to the world.
+ * @return {array} An array of the Phaser.Physics.Body objects that have been created.
+ */
+ convertCollisionObjects: function (map, layer, addToWorld) {
+
+ if (typeof addToWorld === 'undefined') { addToWorld = true; }
+
+ layer = map.getLayer(layer);
+
+ var output = [];
+
+ for (var i = 0, len = map.collision[layer].length; i < len; i++)
+ {
+ // name: json.layers[i].objects[v].name,
+ // x: json.layers[i].objects[v].x,
+ // y: json.layers[i].objects[v].y,
+ // width: json.layers[i].objects[v].width,
+ // height: json.layers[i].objects[v].height,
+ // visible: json.layers[i].objects[v].visible,
+ // properties: json.layers[i].objects[v].properties,
+ // polyline: json.layers[i].objects[v].polyline
+
+ var object = map.collision[layer][i];
+
+ var body = this.createBody(object.x, object.y, 0, addToWorld, {}, object.polyline);
+
+ if (body)
+ {
+ output.push(body);
+ }
+
+ }
+
+ return output;
+
+ },
+
+ /**
+ * Clears all physics bodies from the given TilemapLayer that were created with `World.convertTilemap`.
+ *
+ * @method Phaser.Physics.P2#clearTilemapLayerBodies
+ * @param {Phaser.Tilemap} map - The Tilemap to get the map data from.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on. If not given will default to map.currentLayer.
+ */
+ clearTilemapLayerBodies: function (map, layer) {
+
+ layer = map.getLayer(layer);
+
+ var i = map.layers[layer].bodies.length;
+
+ while (i--)
+ {
+ map.layers[layer].bodies[i].destroy();
+ }
+
+ map.layers[layer].bodies.length = [];
+
+ },
+
+ /**
+ * Goes through all tiles in the given Tilemap and TilemapLayer and converts those set to collide into physics bodies.
+ * Only call this *after* you have specified all of the tiles you wish to collide with calls like Tilemap.setCollisionBetween, etc.
+ * Every time you call this method it will destroy any previously created bodies and remove them from the world.
+ * Therefore understand it's a very expensive operation and not to be done in a core game update loop.
+ *
+ * @method Phaser.Physics.P2#convertTilemap
+ * @param {Phaser.Tilemap} map - The Tilemap to get the map data from.
+ * @param {number|string|Phaser.TilemapLayer} [layer] - The layer to operate on. If not given will default to map.currentLayer.
+ * @param {boolean} [addToWorld=true] - If true it will automatically add each body to the world, otherwise it's up to you to do so.
+ * @param {boolean} [optimize=true] - If true adjacent colliding tiles will be combined into a single body to save processing. However it means you cannot perform specific Tile to Body collision responses.
+ * @return {array} An array of the Phaser.Physics.P2.Body objects that were created.
+ */
+ convertTilemap: function (map, layer, addToWorld, optimize) {
+
+ layer = map.getLayer(layer);
+
+ if (typeof addToWorld === 'undefined') { addToWorld = true; }
+ if (typeof optimize === 'undefined') { optimize = true; }
+
+ // If the bodies array is already populated we need to nuke it
+ this.clearTilemapLayerBodies(map, layer);
+
+ var width = 0;
+ var sx = 0;
+ var sy = 0;
+
+ for (var y = 0, h = map.layers[layer].height; y < h; y++)
+ {
+ width = 0;
+
+ for (var x = 0, w = map.layers[layer].width; x < w; x++)
+ {
+ var tile = map.layers[layer].data[y][x];
+
+ if (tile)
+ {
+ if (optimize)
+ {
+ var right = map.getTileRight(layer, x, y);
+
+ if (width === 0)
+ {
+ sx = tile.x * tile.width;
+ sy = tile.y * tile.height;
+ width = tile.width;
+ }
+
+ if (right && right.collides)
+ {
+ width += tile.width;
+ }
+ else
+ {
+ var body = this.createBody(sx, sy, 0, false);
+
+ body.addRectangle(width, tile.height, width / 2, tile.height / 2, 0);
+
+ if (addToWorld)
+ {
+ this.addBody(body);
+ }
+
+ map.layers[layer].bodies.push(body);
+
+ width = 0;
+ }
+ }
+ else
+ {
+ var body = this.createBody(tile.x * tile.width, tile.y * tile.height, 0, false);
+
+ body.addRectangle(tile.width, tile.height, tile.width / 2, tile.height / 2, 0);
+
+ if (addToWorld)
+ {
+ this.addBody(body);
+ }
+
+ map.layers[layer].bodies.push(body);
+ }
+ }
+ }
+ }
+
+ return map.layers[layer].bodies;
+
+ },
+
+ /**
+ * Convert p2 physics value (meters) to pixel scale.
+ * By default Phaser uses a scale of 20px per meter.
+ * If you need to modify this you can over-ride these functions via the Physics Configuration object.
+ *
+ * @method Phaser.Physics.P2#mpx
+ * @param {number} v - The value to convert.
+ * @return {number} The scaled value.
+ */
+ mpx: function (v) {
+
+ return v *= 20;
+
+ },
+
+ /**
+ * Convert pixel value to p2 physics scale (meters).
+ * By default Phaser uses a scale of 20px per meter.
+ * If you need to modify this you can over-ride these functions via the Physics Configuration object.
+ *
+ * @method Phaser.Physics.P2#pxm
+ * @param {number} v - The value to convert.
+ * @return {number} The scaled value.
+ */
+ pxm: function (v) {
+
+ return v * 0.05;
+
+ },
+
+ /**
+ * Convert p2 physics value (meters) to pixel scale and inverses it.
+ * By default Phaser uses a scale of 20px per meter.
+ * If you need to modify this you can over-ride these functions via the Physics Configuration object.
+ *
+ * @method Phaser.Physics.P2#mpxi
+ * @param {number} v - The value to convert.
+ * @return {number} The scaled value.
+ */
+ mpxi: function (v) {
+
+ return v *= -20;
+
+ },
+
+ /**
+ * Convert pixel value to p2 physics scale (meters) and inverses it.
+ * By default Phaser uses a scale of 20px per meter.
+ * If you need to modify this you can over-ride these functions via the Physics Configuration object.
+ *
+ * @method Phaser.Physics.P2#pxmi
+ * @param {number} v - The value to convert.
+ * @return {number} The scaled value.
+ */
+ pxmi: function (v) {
+
+ return v * -0.05;
+
+ }
+
+};
+
+/**
+* @name Phaser.Physics.P2#friction
+* @property {number} friction - Friction between colliding bodies. This value is used if no matching ContactMaterial is found for a Material pair.
+*/
+Object.defineProperty(Phaser.Physics.P2.prototype, "friction", {
+
+ get: function () {
+
+ return this.world.defaultFriction;
+
+ },
+
+ set: function (value) {
+
+ this.world.defaultFriction = value;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2#restituion
+* @property {number} restitution - Default coefficient of restitution between colliding bodies. This value is used if no matching ContactMaterial is found for a Material pair.
+*/
+Object.defineProperty(Phaser.Physics.P2.prototype, "restituion", {
+
+ get: function () {
+
+ return this.world.defaultRestitution;
+
+ },
+
+ set: function (value) {
+
+ this.world.defaultRestitution = value;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2#applySpringForces
+* @property {boolean} applySpringForces - Enable to automatically apply spring forces each step.
+*/
+Object.defineProperty(Phaser.Physics.P2.prototype, "applySpringForces", {
+
+ get: function () {
+
+ return this.world.applySpringForces;
+
+ },
+
+ set: function (value) {
+
+ this.world.applySpringForces = value;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2#applyDamping
+* @property {boolean} applyDamping - Enable to automatically apply body damping each step.
+*/
+Object.defineProperty(Phaser.Physics.P2.prototype, "applyDamping", {
+
+ get: function () {
+
+ return this.world.applyDamping;
+
+ },
+
+ set: function (value) {
+
+ this.world.applyDamping = value;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2#applyGravity
+* @property {boolean} applyGravity - Enable to automatically apply gravity each step.
+*/
+Object.defineProperty(Phaser.Physics.P2.prototype, "applyGravity", {
+
+ get: function () {
+
+ return this.world.applyGravity;
+
+ },
+
+ set: function (value) {
+
+ this.world.applyGravity = value;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2#solveConstraints
+* @property {boolean} solveConstraints - Enable/disable constraint solving in each step.
+*/
+Object.defineProperty(Phaser.Physics.P2.prototype, "solveConstraints", {
+
+ get: function () {
+
+ return this.world.solveConstraints;
+
+ },
+
+ set: function (value) {
+
+ this.world.solveConstraints = value;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2#time
+* @property {boolean} time - The World time.
+* @readonly
+*/
+Object.defineProperty(Phaser.Physics.P2.prototype, "time", {
+
+ get: function () {
+
+ return this.world.time;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2#emitImpactEvent
+* @property {boolean} emitImpactEvent - Set to true if you want to the world to emit the "impact" event. Turning this off could improve performance.
+*/
+Object.defineProperty(Phaser.Physics.P2.prototype, "emitImpactEvent", {
+
+ get: function () {
+
+ return this.world.emitImpactEvent;
+
+ },
+
+ set: function (value) {
+
+ this.world.emitImpactEvent = value;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2#enableBodySleeping
+* @property {boolean} enableBodySleeping - Enable / disable automatic body sleeping.
+*/
+Object.defineProperty(Phaser.Physics.P2.prototype, "enableBodySleeping", {
+
+ get: function () {
+
+ return this.world.enableBodySleeping;
+
+ },
+
+ set: function (value) {
+
+ this.world.enableBodySleeping = value;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2#total
+* @property {number} total - The total number of bodies in the world.
+* @readonly
+*/
+Object.defineProperty(Phaser.Physics.P2.prototype, "total", {
+
+ get: function () {
+
+ return this.world.bodies.length;
+
+ }
+
+});
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* A PointProxy is an internal class that allows for direct getter/setter style property access to Arrays and TypedArrays.
+*
+* @class Phaser.Physics.P2.PointProxy
+* @classdesc PointProxy
+* @constructor
+* @param {Phaser.Physics.P2} world - A reference to the P2 World.
+* @param {any} destination - The object to bind to.
+*/
+Phaser.Physics.P2.PointProxy = function (world, destination) {
+
+ this.world = world;
+ this.destination = destination;
+
+};
+
+Phaser.Physics.P2.PointProxy.prototype.constructor = Phaser.Physics.P2.PointProxy;
+
+/**
+* @name Phaser.Physics.P2.PointProxy#x
+* @property {number} x - The x property of this PointProxy.
+*/
+Object.defineProperty(Phaser.Physics.P2.PointProxy.prototype, "x", {
+
+ get: function () {
+
+ return this.destination[0];
+
+ },
+
+ set: function (value) {
+
+ this.destination[0] = this.world.pxm(value);
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.PointProxy#y
+* @property {number} y - The y property of this PointProxy.
+*/
+Object.defineProperty(Phaser.Physics.P2.PointProxy.prototype, "y", {
+
+ get: function () {
+
+ return this.destination[1];
+
+ },
+
+ set: function (value) {
+
+ this.destination[1] = this.world.pxm(value);
+
+ }
+
+});
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* A InversePointProxy is an internal class that allows for direct getter/setter style property access to Arrays and TypedArrays but inverses the values on set.
+*
+* @class Phaser.Physics.P2.InversePointProxy
+* @classdesc InversePointProxy
+* @constructor
+* @param {Phaser.Physics.P2} world - A reference to the P2 World.
+* @param {any} destination - The object to bind to.
+*/
+Phaser.Physics.P2.InversePointProxy = function (world, destination) {
+
+ this.world = world;
+ this.destination = destination;
+
+};
+
+Phaser.Physics.P2.InversePointProxy.prototype.constructor = Phaser.Physics.P2.InversePointProxy;
+
+/**
+* @name Phaser.Physics.P2.InversePointProxy#x
+* @property {number} x - The x property of this InversePointProxy.
+*/
+Object.defineProperty(Phaser.Physics.P2.InversePointProxy.prototype, "x", {
+
+ get: function () {
+
+ return this.destination[0];
+
+ },
+
+ set: function (value) {
+
+ this.destination[0] = this.world.pxm(-value);
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.InversePointProxy#y
+* @property {number} y - The y property of this InversePointProxy.
+*/
+Object.defineProperty(Phaser.Physics.P2.InversePointProxy.prototype, "y", {
+
+ get: function () {
+
+ return this.destination[1];
+
+ },
+
+ set: function (value) {
+
+ this.destination[1] = this.world.pxm(-value);
+
+ }
+
+});
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* The Physics Body is typically linked to a single Sprite and defines properties that determine how the physics body is simulated.
+* These properties affect how the body reacts to forces, what forces it generates on itself (to simulate friction), and how it reacts to collisions in the scene.
+* In most cases, the properties are used to simulate physical effects. Each body also has its own property values that determine exactly how it reacts to forces and collisions in the scene.
+* By default a single Rectangle shape is added to the Body that matches the dimensions of the parent Sprite. See addShape, removeShape, clearShapes to add extra shapes around the Body.
+* Note: When bound to a Sprite to avoid single-pixel jitters on mobile devices we strongly recommend using Sprite sizes that are even on both axis, i.e. 128x128 not 127x127.
+*
+* @class Phaser.Physics.P2.Body
+* @classdesc Physics Body Constructor
+* @constructor
+* @param {Phaser.Game} game - Game reference to the currently running game.
+* @param {Phaser.Sprite} [sprite] - The Sprite object this physics body belongs to.
+* @param {number} [x=0] - The x coordinate of this Body.
+* @param {number} [y=0] - The y coordinate of this Body.
+* @param {number} [mass=1] - The default mass of this Body (0 = static).
+*/
+Phaser.Physics.P2.Body = function (game, sprite, x, y, mass) {
+
+ sprite = sprite || null;
+ x = x || 0;
+ y = y || 0;
+ if (typeof mass === 'undefined') { mass = 1; }
+
+ /**
+ * @property {Phaser.Game} game - Local reference to game.
+ */
+ this.game = game;
+
+ /**
+ * @property {Phaser.Physics.P2} world - Local reference to the P2 World.
+ */
+ this.world = game.physics.p2;
+
+ /**
+ * @property {Phaser.Sprite} sprite - Reference to the parent Sprite.
+ */
+ this.sprite = sprite;
+
+ /**
+ * @property {number} type - The type of physics system this body belongs to.
+ */
+ this.type = Phaser.Physics.P2JS;
+
+ /**
+ * @property {Phaser.Point} offset - The offset of the Physics Body from the Sprite x/y position.
+ */
+ this.offset = new Phaser.Point();
+
+ /**
+ * @property {p2.Body} data - The p2 Body data.
+ * @protected
+ */
+ this.data = new p2.Body({ position: [ this.world.pxmi(x), this.world.pxmi(y) ], mass: mass });
+ this.data.parent = this;
+
+ /**
+ * @property {Phaser.InversePointProxy} velocity - The velocity of the body. Set velocity.x to a negative value to move to the left, position to the right. velocity.y negative values move up, positive move down.
+ */
+ this.velocity = new Phaser.Physics.P2.InversePointProxy(this.world, this.data.velocity);
+
+ /**
+ * @property {Phaser.InversePointProxy} force - The force applied to the body.
+ */
+ this.force = new Phaser.Physics.P2.InversePointProxy(this.world, this.data.force);
+
+ /**
+ * @property {Phaser.Point} gravity - A locally applied gravity force to the Body. Applied directly before the world step. NOTE: Not currently implemented.
+ */
+ this.gravity = new Phaser.Point();
+
+ /**
+ * Dispatched when the shape/s of this Body impact with another. The event will be sent 2 parameters, this Body and the impact Body.
+ * @property {Phaser.Signal} onImpact
+ */
+ this.onImpact = new Phaser.Signal();
+
+ /**
+ * Dispatched when a first contact is created between shapes in two bodies. This event is fired during the step, so collision has already taken place.
+ * The event will be sent 4 parameters: The body it is in contact with, the shape from this body that caused the contact, the shape from the contact body and the contact equation data array.
+ * @property {Phaser.Signal} onBeginContact
+ */
+ this.onBeginContact = new Phaser.Signal();
+
+ /**
+ * Dispatched when contact ends between shapes in two bodies. This event is fired during the step, so collision has already taken place.
+ * The event will be sent 3 parameters: The body it is in contact with, the shape from this body that caused the contact and the shape from the contact body.
+ * @property {Phaser.Signal} onEndContact
+ */
+ this.onEndContact = new Phaser.Signal();
+
+ /**
+ * @property {array} collidesWith - Array of CollisionGroups that this Bodies shapes collide with.
+ * @private
+ */
+ this.collidesWith = [];
+
+ /**
+ * @property {boolean} removeNextStep - To avoid deleting this body during a physics step, and causing all kinds of problems, set removeNextStep to true to have it removed in the next preUpdate.
+ */
+ this.removeNextStep = false;
+
+ this._collideWorldBounds = true;
+
+ /**
+ * @property {object} _bodyCallbacks - Array of Body callbacks.
+ * @private
+ */
+ this._bodyCallbacks = {};
+
+ /**
+ * @property {object} _bodyCallbackContext - Array of Body callback contexts.
+ * @private
+ */
+ this._bodyCallbackContext = {};
+
+ /**
+ * @property {object} _groupCallbacks - Array of Group callbacks.
+ * @private
+ */
+ this._groupCallbacks = {};
+
+ /**
+ * @property {object} _bodyCallbackContext - Array of Grouo callback contexts.
+ * @private
+ */
+ this._groupCallbackContext = {};
+
+ /**
+ * @property {Phaser.Physics.P2.BodyDebug} debugBody - Reference to the debug body.
+ */
+ this.debugBody = null
+
+ // Set-up the default shape
+ if (sprite)
+ {
+ this.setRectangleFromSprite(sprite);
+
+ this.game.physics.p2.addBody(this);
+ }
+
+};
+
+Phaser.Physics.P2.Body.prototype = {
+
+ /**
+ * Sets a callback to be fired any time a shape in this Body impacts with a shape in the given Body. The impact test is performed against body.id values.
+ * The callback will be sent 4 parameters: This body, the body that impacted, the Shape in this body and the shape in the impacting body.
+ * Note that the impact event happens after collision resolution, so it cannot be used to prevent a collision from happening.
+ * It also happens mid-step. So do not destroy a Body during this callback, instead set safeDestroy to true so it will be killed on the next preUpdate.
+ *
+ * @method Phaser.Physics.P2.Body#createBodyCallback
+ * @param {Phaser.Sprite|Phaser.TileSprite|Phaser.Physics.P2.Body|p2.Body} object - The object to send impact events for.
+ * @param {function} callback - The callback to fire on impact. Set to null to clear a previously set callback.
+ * @param {object} callbackContext - The context under which the callback will fire.
+ */
+ createBodyCallback: function (object, callback, callbackContext) {
+
+ var id = -1;
+
+ if (object['id'])
+ {
+ id = object.id;
+ }
+ else if (object['body'])
+ {
+ id = object.body.id;
+ }
+
+ if (id > -1)
+ {
+ if (callback === null)
+ {
+ delete (this._bodyCallbacks[id]);
+ delete (this._bodyCallbackContext[id]);
+ }
+ else
+ {
+ this._bodyCallbacks[id] = callback;
+ this._bodyCallbackContext[id] = callbackContext;
+ }
+ }
+
+ },
+
+ /**
+ * Sets a callback to be fired any time this Body impacts with the given Group. The impact test is performed against shape.collisionGroup values.
+ * The callback will be sent 4 parameters: This body, the body that impacted, the Shape in this body and the shape in the impacting body.
+ * This callback will only fire if this Body has been assigned a collision group.
+ * Note that the impact event happens after collision resolution, so it cannot be used to prevent a collision from happening.
+ * It also happens mid-step. So do not destroy a Body during this callback, instead set safeDestroy to true so it will be killed on the next preUpdate.
+ *
+ * @method Phaser.Physics.P2.Body#createGroupCallback
+ * @param {Phaser.Physics.CollisionGroup} group - The Group to send impact events for.
+ * @param {function} callback - The callback to fire on impact. Set to null to clear a previously set callback.
+ * @param {object} callbackContext - The context under which the callback will fire.
+ */
+ createGroupCallback: function (group, callback, callbackContext) {
+
+ if (callback === null)
+ {
+ delete (this._groupCallbacks[group.mask]);
+ delete (this._groupCallbacksContext[group.mask]);
+ }
+ else
+ {
+ this._groupCallbacks[group.mask] = callback;
+ this._groupCallbackContext[group.mask] = callbackContext;
+ }
+
+ },
+
+ /**
+ * Gets the collision bitmask from the groups this body collides with.
+ *
+ * @method Phaser.Physics.P2.Body#getCollisionMask
+ * @return {number} The bitmask.
+ */
+ getCollisionMask: function () {
+
+ var mask = 0;
+
+ if (this._collideWorldBounds)
+ {
+ mask = this.game.physics.p2.boundsCollisionGroup.mask;
+ }
+
+ for (var i = 0; i < this.collidesWith.length; i++)
+ {
+ mask = mask | this.collidesWith[i].mask;
+ }
+
+ return mask;
+
+ },
+
+ /**
+ * Updates the collisionMask.
+ *
+ * @method Phaser.Physics.P2.Body#updateCollisionMask
+ * @param {p2.Shape} [shape] - An optional Shape. If not provided the collision group will be added to all Shapes in this Body.
+ */
+ updateCollisionMask: function (shape) {
+
+ var mask = this.getCollisionMask();
+
+ if (typeof shape === 'undefined')
+ {
+ for (var i = this.data.shapes.length - 1; i >= 0; i--)
+ {
+ this.data.shapes[i].collisionMask = mask;
+ }
+ }
+ else
+ {
+ shape.collisionMask = mask;
+ }
+
+ },
+
+ /**
+ * Sets the given CollisionGroup to be the collision group for all shapes in this Body, unless a shape is specified.
+ * This also resets the collisionMask.
+ *
+ * @method Phaser.Physics.P2.Body#setCollisionGroup
+ * @param {Phaser.Physics.CollisionGroup} group - The Collision Group that this Bodies shapes will use.
+ * @param {p2.Shape} [shape] - An optional Shape. If not provided the collision group will be added to all Shapes in this Body.
+ */
+ setCollisionGroup: function (group, shape) {
+
+ var mask = this.getCollisionMask();
+
+ if (typeof shape === 'undefined')
+ {
+ for (var i = this.data.shapes.length - 1; i >= 0; i--)
+ {
+ this.data.shapes[i].collisionGroup = group.mask;
+ this.data.shapes[i].collisionMask = mask;
+ }
+ }
+ else
+ {
+ shape.collisionGroup = group.mask;
+ shape.collisionMask = mask;
+ }
+
+ },
+
+ /**
+ * Clears the collision data from the shapes in this Body. Optionally clears Group and/or Mask.
+ *
+ * @method Phaser.Physics.P2.Body#clearCollision
+ * @param {boolean} [clearGroup=true] - Clear the collisionGroup value from the shape/s?
+ * @param {boolean} [clearMask=true] - Clear the collisionMask value from the shape/s?
+ * @param {p2.Shape} [shape] - An optional Shape. If not provided the collision data will be cleared from all Shapes in this Body.
+ */
+ clearCollision: function (clearGroup, clearMask, shape) {
+
+ if (typeof shape === 'undefined')
+ {
+ for (var i = this.data.shapes.length - 1; i >= 0; i--)
+ {
+ if (clearGroup)
+ {
+ this.data.shapes[i].collisionGroup = null;
+ }
+
+ if (clearMask)
+ {
+ this.data.shapes[i].collisionMask = null;
+ }
+ }
+ }
+ else
+ {
+ if (clearGroup)
+ {
+ shape.collisionGroup = null;
+ }
+
+ if (clearMask)
+ {
+ shape.collisionMask = null;
+ }
+ }
+
+ if (clearGroup)
+ {
+ this.collidesWith.length = 0;
+ }
+
+ },
+
+ /**
+ * Adds the given CollisionGroup, or array of CollisionGroups, to the list of groups that this body will collide with and updates the collision masks.
+ *
+ * @method Phaser.Physics.P2.Body#collides
+ * @param {Phaser.Physics.CollisionGroup|array} group - The Collision Group or Array of Collision Groups that this Bodies shapes will collide with.
+ * @param {function} [callback] - Optional callback that will be triggered when this Body impacts with the given Group.
+ * @param {object} [callbackContext] - The context under which the callback will be called.
+ * @param {p2.Shape} [shape] - An optional Shape. If not provided the collision mask will be added to all Shapes in this Body.
+ */
+ collides: function (group, callback, callbackContext, shape) {
+
+ if (Array.isArray(group))
+ {
+ for (var i = 0; i < group.length; i++)
+ {
+ if (this.collidesWith.indexOf(group[i]) === -1)
+ {
+ this.collidesWith.push(group[i]);
+
+ if (callback)
+ {
+ this.createGroupCallback(group[i], callback, callbackContext);
+ }
+ }
+ }
+ }
+ else
+ {
+ if (this.collidesWith.indexOf(group) === -1)
+ {
+ this.collidesWith.push(group);
+
+ if (callback)
+ {
+ this.createGroupCallback(group, callback, callbackContext);
+ }
+ }
+ }
+
+ var mask = this.getCollisionMask();
+
+ if (typeof shape === 'undefined')
+ {
+ for (var i = this.data.shapes.length - 1; i >= 0; i--)
+ {
+ this.data.shapes[i].collisionMask = mask;
+ }
+ }
+ else
+ {
+ shape.collisionMask = mask;
+ }
+
+ },
+
+ /**
+ * Moves the shape offsets so their center of mass becomes the body center of mass.
+ *
+ * @method Phaser.Physics.P2.Body#adjustCenterOfMass
+ */
+ adjustCenterOfMass: function () {
+
+ this.data.adjustCenterOfMass();
+
+ },
+
+ /**
+ * Apply damping, see http://code.google.com/p/bullet/issues/detail?id=74 for details.
+ *
+ * @method Phaser.Physics.P2.Body#applyDamping
+ * @param {number} dt - Current time step.
+ */
+ applyDamping: function (dt) {
+
+ this.data.applyDamping(dt);
+
+ },
+
+ /**
+ * Apply force to a world point. This could for example be a point on the RigidBody surface. Applying force this way will add to Body.force and Body.angularForce.
+ *
+ * @method Phaser.Physics.P2.Body#applyForce
+ * @param {number} force - The force to add.
+ * @param {number} worldX - The world x point to apply the force on.
+ * @param {number} worldY - The world y point to apply the force on.
+ */
+ applyForce: function (force, worldX, worldY) {
+
+ this.data.applyForce(force, [this.world.pxm(worldX), this.world.pxm(worldY)]);
+
+ },
+
+ /**
+ * Sets the force on the body to zero.
+ *
+ * @method Phaser.Physics.P2.Body#setZeroForce
+ */
+ setZeroForce: function () {
+
+ this.data.setZeroForce();
+
+ },
+
+ /**
+ * If this Body is dynamic then this will zero its angular velocity.
+ *
+ * @method Phaser.Physics.P2.Body#setZeroRotation
+ */
+ setZeroRotation: function () {
+
+ this.data.angularVelocity = 0;
+
+ },
+
+ /**
+ * If this Body is dynamic then this will zero its velocity on both axis.
+ *
+ * @method Phaser.Physics.P2.Body#setZeroVelocity
+ */
+ setZeroVelocity: function () {
+
+ this.data.velocity[0] = 0;
+ this.data.velocity[1] = 0;
+
+ },
+
+ /**
+ * Sets the Body damping and angularDamping to zero.
+ *
+ * @method Phaser.Physics.P2.Body#setZeroDamping
+ */
+ setZeroDamping: function () {
+
+ this.data.damping = 0;
+ this.data.angularDamping = 0;
+
+ },
+
+ /**
+ * Transform a world point to local body frame.
+ *
+ * @method Phaser.Physics.P2.Body#toLocalFrame
+ * @param {Float32Array|Array} out - The vector to store the result in.
+ * @param {Float32Array|Array} worldPoint - The input world vector.
+ */
+ toLocalFrame: function (out, worldPoint) {
+
+ return this.data.toLocalFrame(out, worldPoint);
+
+ },
+
+ /**
+ * Transform a local point to world frame.
+ *
+ * @method Phaser.Physics.P2.Body#toWorldFrame
+ * @param {Array} out - The vector to store the result in.
+ * @param {Array} localPoint - The input local vector.
+ */
+ toWorldFrame: function (out, localPoint) {
+
+ return this.data.toWorldFrame(out, localPoint);
+
+ },
+
+ /**
+ * This will rotate the Body by the given speed to the left (counter-clockwise).
+ *
+ * @method Phaser.Physics.P2.Body#rotateLeft
+ * @param {number} speed - The speed at which it should rotate.
+ */
+ rotateLeft: function (speed) {
+
+ this.data.angularVelocity = this.world.pxm(-speed);
+
+ },
+
+ /**
+ * This will rotate the Body by the given speed to the left (clockwise).
+ *
+ * @method Phaser.Physics.P2.Body#rotateRight
+ * @param {number} speed - The speed at which it should rotate.
+ */
+ rotateRight: function (speed) {
+
+ this.data.angularVelocity = this.world.pxm(speed);
+
+ },
+
+ /**
+ * Moves the Body forwards based on its current angle and the given speed.
+ * The speed is represented in pixels per second. So a value of 100 would move 100 pixels in 1 second (1000ms).
+ *
+ * @method Phaser.Physics.P2.Body#moveForward
+ * @param {number} speed - The speed at which it should move forwards.
+ */
+ moveForward: function (speed) {
+
+ var magnitude = this.world.pxmi(-speed);
+ var angle = this.data.angle + Math.PI / 2;
+
+ this.data.velocity[0] = magnitude * Math.cos(angle);
+ this.data.velocity[1] = magnitude * Math.sin(angle);
+
+ },
+
+ /**
+ * Moves the Body backwards based on its current angle and the given speed.
+ * The speed is represented in pixels per second. So a value of 100 would move 100 pixels in 1 second (1000ms).
+ *
+ * @method Phaser.Physics.P2.Body#moveBackward
+ * @param {number} speed - The speed at which it should move backwards.
+ */
+ moveBackward: function (speed) {
+
+ var magnitude = this.world.pxmi(-speed);
+ var angle = this.data.angle + Math.PI / 2;
+
+ this.data.velocity[0] = -(magnitude * Math.cos(angle));
+ this.data.velocity[1] = -(magnitude * Math.sin(angle));
+
+ },
+
+ /**
+ * Applies a force to the Body that causes it to 'thrust' forwards, based on its current angle and the given speed.
+ * The speed is represented in pixels per second. So a value of 100 would move 100 pixels in 1 second (1000ms).
+ *
+ * @method Phaser.Physics.P2.Body#thrust
+ * @param {number} speed - The speed at which it should thrust.
+ */
+ thrust: function (speed) {
+
+ var magnitude = this.world.pxmi(-speed);
+ var angle = this.data.angle + Math.PI / 2;
+
+ this.data.force[0] += magnitude * Math.cos(angle);
+ this.data.force[1] += magnitude * Math.sin(angle);
+
+ },
+
+ /**
+ * Applies a force to the Body that causes it to 'thrust' backwards (in reverse), based on its current angle and the given speed.
+ * The speed is represented in pixels per second. So a value of 100 would move 100 pixels in 1 second (1000ms).
+ *
+ * @method Phaser.Physics.P2.Body#rever
+ * @param {number} speed - The speed at which it should reverse.
+ */
+ reverse: function (speed) {
+
+ var magnitude = this.world.pxmi(-speed);
+ var angle = this.data.angle + Math.PI / 2;
+
+ this.data.force[0] -= magnitude * Math.cos(angle);
+ this.data.force[1] -= magnitude * Math.sin(angle);
+
+ },
+
+ /**
+ * If this Body is dynamic then this will move it to the left by setting its x velocity to the given speed.
+ * The speed is represented in pixels per second. So a value of 100 would move 100 pixels in 1 second (1000ms).
+ *
+ * @method Phaser.Physics.P2.Body#moveLeft
+ * @param {number} speed - The speed at which it should move to the left, in pixels per second.
+ */
+ moveLeft: function (speed) {
+
+ this.data.velocity[0] = this.world.pxmi(-speed);
+
+ },
+
+ /**
+ * If this Body is dynamic then this will move it to the right by setting its x velocity to the given speed.
+ * The speed is represented in pixels per second. So a value of 100 would move 100 pixels in 1 second (1000ms).
+ *
+ * @method Phaser.Physics.P2.Body#moveRight
+ * @param {number} speed - The speed at which it should move to the right, in pixels per second.
+ */
+ moveRight: function (speed) {
+
+ this.data.velocity[0] = this.world.pxmi(speed);
+
+ },
+
+ /**
+ * If this Body is dynamic then this will move it up by setting its y velocity to the given speed.
+ * The speed is represented in pixels per second. So a value of 100 would move 100 pixels in 1 second (1000ms).
+ *
+ * @method Phaser.Physics.P2.Body#moveUp
+ * @param {number} speed - The speed at which it should move up, in pixels per second.
+ */
+ moveUp: function (speed) {
+
+ this.data.velocity[1] = this.world.pxmi(-speed);
+
+ },
+
+ /**
+ * If this Body is dynamic then this will move it down by setting its y velocity to the given speed.
+ * The speed is represented in pixels per second. So a value of 100 would move 100 pixels in 1 second (1000ms).
+ *
+ * @method Phaser.Physics.P2.Body#moveDown
+ * @param {number} speed - The speed at which it should move down, in pixels per second.
+ */
+ moveDown: function (speed) {
+
+ this.data.velocity[1] = this.world.pxmi(speed);
+
+ },
+
+ /**
+ * Internal method. This is called directly before the sprites are sent to the renderer and after the update function has finished.
+ *
+ * @method Phaser.Physics.P2.Body#preUpdate
+ * @protected
+ */
+ preUpdate: function () {
+
+ if (this.removeNextStep)
+ {
+ this.removeFromWorld();
+ this.removeNextStep = false;
+ }
+
+ },
+
+ /**
+ * Internal method. This is called directly before the sprites are sent to the renderer and after the update function has finished.
+ *
+ * @method Phaser.Physics.P2.Body#postUpdate
+ * @protected
+ */
+ postUpdate: function () {
+
+ this.sprite.x = this.world.mpxi(this.data.position[0]);
+ this.sprite.y = this.world.mpxi(this.data.position[1]);
+
+ if (!this.fixedRotation)
+ {
+ this.sprite.rotation = this.data.angle;
+ }
+
+ },
+
+ /**
+ * Resets the Body force, velocity (linear and angular) and rotation. Optionally resets damping and mass.
+ *
+ * @method Phaser.Physics.P2.Body#reset
+ * @param {number} x - The new x position of the Body.
+ * @param {number} y - The new x position of the Body.
+ * @param {boolean} [resetDamping=false] - Resets the linear and angular damping.
+ * @param {boolean} [resetMass=false] - Sets the Body mass back to 1.
+ */
+ reset: function (x, y, resetDamping, resetMass) {
+
+ if (typeof resetDamping === 'undefined') { resetDamping = false; }
+ if (typeof resetMass === 'undefined') { resetMass = false; }
+
+ this.setZeroForce();
+ this.setZeroVelocity();
+ this.setZeroRotation();
+
+ if (resetDamping)
+ {
+ this.setZeroDamping();
+ }
+
+ if (resetMass)
+ {
+ this.mass = 1;
+ }
+
+ this.x = x;
+ this.y = y;
+
+ },
+
+ /**
+ * Adds this physics body to the world.
+ *
+ * @method Phaser.Physics.P2.Body#addToWorld
+ */
+ addToWorld: function () {
+
+ if (this.data.world !== this.game.physics.p2.world)
+ {
+ this.game.physics.p2.addBody(this);
+ }
+
+ },
+
+ /**
+ * Removes this physics body from the world.
+ *
+ * @method Phaser.Physics.P2.Body#removeFromWorld
+ */
+ removeFromWorld: function () {
+
+ if (this.data.world === this.game.physics.p2.world)
+ {
+ this.game.physics.p2.removeBodyNextStep(this);
+ }
+
+ },
+
+ /**
+ * Destroys this Body and all references it holds to other objects.
+ *
+ * @method Phaser.Physics.P2.Body#destroy
+ */
+ destroy: function () {
+
+ this.removeFromWorld();
+
+ this.clearShapes();
+
+ this._bodyCallbacks = {};
+ this._bodyCallbackContext = {};
+ this._groupCallbacks = {};
+ this._groupCallbackContext = {};
+
+ if (this.debugBody)
+ {
+ this.debugBody.destroy();
+ }
+
+ this.debugBody = null
+
+ this.sprite = null;
+
+ },
+
+ /**
+ * Removes all Shapes from this Body.
+ *
+ * @method Phaser.Physics.P2.Body#clearShapes
+ */
+ clearShapes: function () {
+
+ var i = this.data.shapes.length;
+
+ while (i--)
+ {
+ this.data.removeShape(this.data.shapes[i]);
+ }
+
+ this.shapeChanged();
+
+ },
+
+ /**
+ * Add a shape to the body. You can pass a local transform when adding a shape, so that the shape gets an offset and an angle relative to the body center of mass.
+ * Will automatically update the mass properties and bounding radius.
+ *
+ * @method Phaser.Physics.P2.Body#addShape
+ * @param {*} shape - The shape to add to the body.
+ * @param {number} [offsetX=0] - Local horizontal offset of the shape relative to the body center of mass.
+ * @param {number} [offsetY=0] - Local vertical offset of the shape relative to the body center of mass.
+ * @param {number} [rotation=0] - Local rotation of the shape relative to the body center of mass, specified in radians.
+ * @return {p2.Circle|p2.Rectangle|p2.Plane|p2.Line|p2.Particle} The shape that was added to the body.
+ */
+ addShape: function (shape, offsetX, offsetY, rotation) {
+
+ if (typeof offsetX === 'undefined') { offsetX = 0; }
+ if (typeof offsetY === 'undefined') { offsetY = 0; }
+ if (typeof rotation === 'undefined') { rotation = 0; }
+
+ this.data.addShape(shape, [this.world.pxmi(offsetX), this.world.pxmi(offsetY)], rotation);
+ this.shapeChanged();
+
+ return shape;
+
+ },
+
+ /**
+ * Adds a Circle shape to this Body. You can control the offset from the center of the body and the rotation.
+ *
+ * @method Phaser.Physics.P2.Body#addCircle
+ * @param {number} radius - The radius of this circle (in pixels)
+ * @param {number} [offsetX=0] - Local horizontal offset of the shape relative to the body center of mass.
+ * @param {number} [offsetY=0] - Local vertical offset of the shape relative to the body center of mass.
+ * @param {number} [rotation=0] - Local rotation of the shape relative to the body center of mass, specified in radians.
+ * @return {p2.Circle} The Circle shape that was added to the Body.
+ */
+ addCircle: function (radius, offsetX, offsetY, rotation) {
+
+ var shape = new p2.Circle(this.world.pxm(radius));
+
+ return this.addShape(shape, offsetX, offsetY, rotation);
+
+ },
+
+ /**
+ * Adds a Rectangle shape to this Body. You can control the offset from the center of the body and the rotation.
+ *
+ * @method Phaser.Physics.P2.Body#addRectangle
+ * @param {number} width - The width of the rectangle in pixels.
+ * @param {number} height - The height of the rectangle in pixels.
+ * @param {number} [offsetX=0] - Local horizontal offset of the shape relative to the body center of mass.
+ * @param {number} [offsetY=0] - Local vertical offset of the shape relative to the body center of mass.
+ * @param {number} [rotation=0] - Local rotation of the shape relative to the body center of mass, specified in radians.
+ * @return {p2.Rectangle} The Rectangle shape that was added to the Body.
+ */
+ addRectangle: function (width, height, offsetX, offsetY, rotation) {
+
+ var shape = new p2.Rectangle(this.world.pxm(width), this.world.pxm(height));
+
+ return this.addShape(shape, offsetX, offsetY, rotation);
+
+ },
+
+ /**
+ * Adds a Plane shape to this Body. The plane is facing in the Y direction. You can control the offset from the center of the body and the rotation.
+ *
+ * @method Phaser.Physics.P2.Body#addPlane
+ * @param {number} [offsetX=0] - Local horizontal offset of the shape relative to the body center of mass.
+ * @param {number} [offsetY=0] - Local vertical offset of the shape relative to the body center of mass.
+ * @param {number} [rotation=0] - Local rotation of the shape relative to the body center of mass, specified in radians.
+ * @return {p2.Plane} The Plane shape that was added to the Body.
+ */
+ addPlane: function (offsetX, offsetY, rotation) {
+
+ var shape = new p2.Plane();
+
+ return this.addShape(shape, offsetX, offsetY, rotation);
+
+ },
+
+ /**
+ * Adds a Particle shape to this Body. You can control the offset from the center of the body and the rotation.
+ *
+ * @method Phaser.Physics.P2.Body#addParticle
+ * @param {number} [offsetX=0] - Local horizontal offset of the shape relative to the body center of mass.
+ * @param {number} [offsetY=0] - Local vertical offset of the shape relative to the body center of mass.
+ * @param {number} [rotation=0] - Local rotation of the shape relative to the body center of mass, specified in radians.
+ * @return {p2.Particle} The Particle shape that was added to the Body.
+ */
+ addParticle: function (offsetX, offsetY, rotation) {
+
+ var shape = new p2.Particle();
+
+ return this.addShape(shape, offsetX, offsetY, rotation);
+
+ },
+
+ /**
+ * Adds a Line shape to this Body.
+ * The line shape is along the x direction, and stretches from [-length/2, 0] to [length/2,0].
+ * You can control the offset from the center of the body and the rotation.
+ *
+ * @method Phaser.Physics.P2.Body#addLine
+ * @param {number} length - The length of this line (in pixels)
+ * @param {number} [offsetX=0] - Local horizontal offset of the shape relative to the body center of mass.
+ * @param {number} [offsetY=0] - Local vertical offset of the shape relative to the body center of mass.
+ * @param {number} [rotation=0] - Local rotation of the shape relative to the body center of mass, specified in radians.
+ * @return {p2.Line} The Line shape that was added to the Body.
+ */
+ addLine: function (length, offsetX, offsetY, rotation) {
+
+ var shape = new p2.Line(this.world.pxm(length));
+
+ return this.addShape(shape, offsetX, offsetY, rotation);
+
+ },
+
+ /**
+ * Adds a Capsule shape to this Body.
+ * You can control the offset from the center of the body and the rotation.
+ *
+ * @method Phaser.Physics.P2.Body#addCapsule
+ * @param {number} length - The distance between the end points in pixels.
+ * @param {number} radius - Radius of the capsule in radians.
+ * @param {number} [offsetX=0] - Local horizontal offset of the shape relative to the body center of mass.
+ * @param {number} [offsetY=0] - Local vertical offset of the shape relative to the body center of mass.
+ * @param {number} [rotation=0] - Local rotation of the shape relative to the body center of mass, specified in radians.
+ * @return {p2.Capsule} The Capsule shape that was added to the Body.
+ */
+ addCapsule: function (length, radius, offsetX, offsetY, rotation) {
+
+ var shape = new p2.Capsule(this.world.pxm(length), radius);
+
+ return this.addShape(shape, offsetX, offsetY, rotation);
+
+ },
+
+ /**
+ * Reads a polygon shape path, and assembles convex shapes from that and puts them at proper offset points. The shape must be simple and without holes.
+ * This function expects the x.y values to be given in pixels. If you want to provide them at p2 world scales then call Body.data.fromPolygon directly.
+ *
+ * @method Phaser.Physics.P2.Body#addPolygon
+ * @param {object} options - An object containing the build options:
+ * @param {boolean} [options.optimalDecomp=false] - Set to true if you need optimal decomposition. Warning: very slow for polygons with more than 10 vertices.
+ * @param {boolean} [options.skipSimpleCheck=false] - Set to true if you already know that the path is not intersecting itself.
+ * @param {boolean|number} [options.removeCollinearPoints=false] - Set to a number (angle threshold value) to remove collinear points, or false to keep all points.
+ * @param {(number[]|...number)} points - An array of 2d vectors that form the convex or concave polygon.
+ * Either [[0,0], [0,1],...] or a flat array of numbers that will be interpreted as [x,y, x,y, ...],
+ * or the arguments passed can be flat x,y values e.g. `setPolygon(options, x,y, x,y, x,y, ...)` where `x` and `y` are numbers.
+ * @return {boolean} True on success, else false.
+ */
+ addPolygon: function (options, points) {
+
+ options = options || {};
+
+ points = Array.prototype.slice.call(arguments, 1);
+
+ var path = [];
+
+ // Did they pass in a single array of points?
+ if (points.length === 1 && Array.isArray(points[0]))
+ {
+ path = points[0].slice(0);
+ }
+ else if (Array.isArray(points[0]))
+ {
+ path = points[0].slice(0);
+ }
+ else if (typeof points[0] === 'number')
+ {
+ // We've a list of numbers
+ for (var i = 0, len = points.length; i < len; i += 2)
+ {
+ path.push([points[i], points[i + 1]]);
+ }
+ }
+
+ // top and tail
+ var idx = path.length - 1;
+
+ if ( path[idx][0] === path[0][0] && path[idx][1] === path[0][1] )
+ {
+ path.pop();
+ }
+
+ // Now process them into p2 values
+ for (var p = 0; p < path.length; p++)
+ {
+ path[p][0] = this.world.pxmi(path[p][0]);
+ path[p][1] = this.world.pxmi(path[p][1]);
+ }
+
+ var result = this.data.fromPolygon(path, options);
+
+ this.shapeChanged();
+
+ return result;
+
+ },
+
+ /**
+ * Remove a shape from the body. Will automatically update the mass properties and bounding radius.
+ *
+ * @method Phaser.Physics.P2.Body#removeShape
+ * @param {p2.Circle|p2.Rectangle|p2.Plane|p2.Line|p2.Particle} shape - The shape to remove from the body.
+ * @return {boolean} True if the shape was found and removed, else false.
+ */
+ removeShape: function (shape) {
+
+ return this.data.removeShape(shape);
+
+ },
+
+ /**
+ * Clears any previously set shapes. Then creates a new Circle shape and adds it to this Body.
+ *
+ * @method Phaser.Physics.P2.Body#setCircle
+ * @param {number} radius - The radius of this circle (in pixels)
+ * @param {number} [offsetX=0] - Local horizontal offset of the shape relative to the body center of mass.
+ * @param {number} [offsetY=0] - Local vertical offset of the shape relative to the body center of mass.
+ * @param {number} [rotation=0] - Local rotation of the shape relative to the body center of mass, specified in radians.
+ */
+ setCircle: function (radius, offsetX, offsetY, rotation) {
+
+ this.clearShapes();
+
+ this.addCircle(radius, offsetX, offsetY, rotation);
+
+ },
+
+ /**
+ * Clears any previously set shapes. The creates a new Rectangle shape at the given size and offset, and adds it to this Body.
+ * If you wish to create a Rectangle to match the size of a Sprite or Image see Body.setRectangleFromSprite.
+ *
+ * @method Phaser.Physics.P2.Body#setRectangle
+ * @param {number} [width=16] - The width of the rectangle in pixels.
+ * @param {number} [height=16] - The height of the rectangle in pixels.
+ * @param {number} [offsetX=0] - Local horizontal offset of the shape relative to the body center of mass.
+ * @param {number} [offsetY=0] - Local vertical offset of the shape relative to the body center of mass.
+ * @param {number} [rotation=0] - Local rotation of the shape relative to the body center of mass, specified in radians.
+ * @return {p2.Rectangle} The Rectangle shape that was added to the Body.
+ */
+ setRectangle: function (width, height, offsetX, offsetY, rotation) {
+
+ if (typeof width === 'undefined') { width = 16; }
+ if (typeof height === 'undefined') { height = 16; }
+
+ this.clearShapes();
+
+ return this.addRectangle(width, height, offsetX, offsetY, rotation);
+
+ },
+
+ /**
+ * Clears any previously set shapes.
+ * Then creates a Rectangle shape sized to match the dimensions and orientation of the Sprite given.
+ * If no Sprite is given it defaults to using the parent of this Body.
+ *
+ * @method Phaser.Physics.P2.Body#setRectangleFromSprite
+ * @param {Phaser.Sprite|Phaser.Image} [sprite] - The Sprite on which the Rectangle will get its dimensions.
+ * @return {p2.Rectangle} The Rectangle shape that was added to the Body.
+ */
+ setRectangleFromSprite: function (sprite) {
+
+ if (typeof sprite === 'undefined') { sprite = this.sprite; }
+
+ this.clearShapes();
+
+ return this.addRectangle(sprite.width, sprite.height, 0, 0, sprite.rotation);
+
+ },
+
+ /**
+ * Adds the given Material to all Shapes that belong to this Body.
+ * If you only wish to apply it to a specific Shape in this Body then provide that as the 2nd parameter.
+ *
+ * @method Phaser.Physics.P2.Body#setMaterial
+ * @param {Phaser.Physics.Material} material - The Material that will be applied.
+ * @param {p2.Shape} [shape] - An optional Shape. If not provided the Material will be added to all Shapes in this Body.
+ */
+ setMaterial: function (material, shape) {
+
+ if (typeof shape === 'undefined')
+ {
+ for (var i = this.data.shapes.length - 1; i >= 0; i--)
+ {
+ this.data.shapes[i].material = material;
+ }
+ }
+ else
+ {
+ shape.material = material;
+ }
+
+ },
+
+ /**
+ * Updates the debug draw if any body shapes change.
+ *
+ * @method Phaser.Physics.P2.Body#shapeChanged
+ */
+ shapeChanged: function() {
+
+ if (this.debugBody)
+ {
+ this.debugBody.draw();
+ }
+
+ },
+
+ /**
+ * Reads the shape data from a physics data file stored in the Game.Cache and adds it as a polygon to this Body.
+ *
+ * @method Phaser.Physics.P2.Body#loadPolygon
+ * @param {string} key - The key of the Physics Data file as stored in Game.Cache.
+ * @param {string} object - The key of the object within the Physics data file that you wish to load the shape data from.
+ * @param {object} options - An object containing the build options. Note that this isn't used if the data file contains multiple shapes.
+ * @param {boolean} [options.optimalDecomp=false] - Set to true if you need optimal decomposition. Warning: very slow for polygons with more than 10 vertices.
+ * @param {boolean} [options.skipSimpleCheck=false] - Set to true if you already know that the path is not intersecting itself.
+ * @param {boolean|number} [options.removeCollinearPoints=false] - Set to a number (angle threshold value) to remove collinear points, or false to keep all points.
+ * @return {boolean} True on success, else false.
+ */
+ loadPolygon: function (key, object, options) {
+
+ var data = this.game.cache.getPhysicsData(key, object);
+
+ if (data.length === 1)
+ {
+ var temp = [];
+
+ data = data.pop()
+ // We've a list of numbers
+ for (var i = 0, len = data.shape.length; i < len; i += 2)
+ {
+ temp.push([data.shape[i], data.shape[i + 1]]);
+ }
+
+ return this.addPolygon(options, temp);
+ }
+ else
+ {
+ // We've multiple Convex shapes, they should be CCW automatically
+ var cm = p2.vec2.create();
+
+ for (var i = 0; i < data.length; i++)
+ {
+ var vertices = [];
+
+ for (var s = 0; s < data[i].shape.length; s += 2)
+ {
+ vertices.push([ this.world.pxmi(data[i].shape[s]), this.world.pxmi(data[i].shape[s + 1]) ]);
+ }
+
+ var c = new p2.Convex(vertices);
+
+ // Move all vertices so its center of mass is in the local center of the convex
+ for (var j = 0; j !== c.vertices.length; j++)
+ {
+ var v = c.vertices[j];
+ p2.vec2.sub(v, v, c.centerOfMass);
+ }
+
+ p2.vec2.scale(cm, c.centerOfMass, 1);
+
+ cm[0] -= this.world.pxmi(this.sprite.width / 2);
+ cm[1] -= this.world.pxmi(this.sprite.height / 2);
+
+ c.updateTriangles();
+ c.updateCenterOfMass();
+ c.updateBoundingRadius();
+
+ this.data.addShape(c, cm);
+ }
+
+ this.data.aabbNeedsUpdate = true;
+ this.shapeChanged();
+
+ return true;
+
+ }
+
+ return false;
+
+ },
+
+ /**
+ * Reads the physics data from a physics data file stored in the Game.Cache.
+ * It will add the shape data to this Body, as well as set the density (mass), friction and bounce (restitution) values.
+ *
+ * @method Phaser.Physics.P2.Body#loadPolygon
+ * @param {string} key - The key of the Physics Data file as stored in Game.Cache.
+ * @param {string} object - The key of the object within the Physics data file that you wish to load the shape data from.
+ * @param {object} options - An object containing the build options:
+ * @param {boolean} [options.optimalDecomp=false] - Set to true if you need optimal decomposition. Warning: very slow for polygons with more than 10 vertices.
+ * @param {boolean} [options.skipSimpleCheck=false] - Set to true if you already know that the path is not intersecting itself.
+ * @param {boolean|number} [options.removeCollinearPoints=false] - Set to a number (angle threshold value) to remove collinear points, or false to keep all points.
+ * @return {boolean} True on success, else false.
+ */
+ loadData: function (key, object, options) {
+
+ var data = this.game.cache.getPhysicsData(key, object);
+
+ if (data && data.shape)
+ {
+ this.mass = data.density;
+ this.loadPolygon(key, object, options);
+ // TODO set friction + bounce here
+ }
+
+ }
+
+};
+
+Phaser.Physics.P2.Body.prototype.constructor = Phaser.Physics.P2.Body;
+
+/**
+* @name Phaser.Physics.P2.Body#static
+* @property {boolean} static - Returns true if the Body is static. Setting Body.static to 'false' will make it dynamic.
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "static", {
+
+ get: function () {
+
+ return (this.data.motionState === Phaser.STATIC);
+
+ },
+
+ set: function (value) {
+
+ if (value && this.data.motionState !== Phaser.STATIC)
+ {
+ this.data.motionState = Phaser.STATIC;
+ this.mass = 0;
+ }
+ else if (!value && this.data.motionState === Phaser.STATIC)
+ {
+ this.data.motionState = Phaser.DYNAMIC;
+
+ if (this.mass === 0)
+ {
+ this.mass = 1;
+ }
+ }
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.Body#dynamic
+* @property {boolean} dynamic - Returns true if the Body is dynamic. Setting Body.dynamic to 'false' will make it static.
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "dynamic", {
+
+ get: function () {
+
+ return (this.data.motionState === Phaser.DYNAMIC);
+
+ },
+
+ set: function (value) {
+
+ if (value && this.data.motionState !== Phaser.DYNAMIC)
+ {
+ this.data.motionState = Phaser.DYNAMIC;
+
+ if (this.mass === 0)
+ {
+ this.mass = 1;
+ }
+ }
+ else if (!value && this.data.motionState === Phaser.DYNAMIC)
+ {
+ this.data.motionState = Phaser.STATIC;
+ this.mass = 0;
+ }
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.Body#kinematic
+* @property {boolean} kinematic - Returns true if the Body is kinematic. Setting Body.kinematic to 'false' will make it static.
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "kinematic", {
+
+ get: function () {
+
+ return (this.data.motionState === Phaser.KINEMATIC);
+
+ },
+
+ set: function (value) {
+
+ if (value && this.data.motionState !== Phaser.KINEMATIC)
+ {
+ this.data.motionState = Phaser.KINEMATIC;
+ this.mass = 4;
+ }
+ else if (!value && this.data.motionState === Phaser.KINEMATIC)
+ {
+ this.data.motionState = Phaser.STATIC;
+ this.mass = 0;
+ }
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.Body#allowSleep
+* @property {boolean} allowSleep -
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "allowSleep", {
+
+ get: function () {
+
+ return this.data.allowSleep;
+
+ },
+
+ set: function (value) {
+
+ if (value !== this.data.allowSleep)
+ {
+ this.data.allowSleep = value;
+ }
+
+ }
+
+});
+
+/**
+* The angle of the Body in degrees from its original orientation. Values from 0 to 180 represent clockwise rotation; values from 0 to -180 represent counterclockwise rotation.
+* Values outside this range are added to or subtracted from 360 to obtain a value within the range. For example, the statement Body.angle = 450 is the same as Body.angle = 90.
+* If you wish to work in radians instead of degrees use the property Body.rotation instead. Working in radians is faster as it doesn't have to convert values.
+*
+* @name Phaser.Physics.P2.Body#angle
+* @property {number} angle - The angle of this Body in degrees.
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "angle", {
+
+ get: function() {
+
+ return Phaser.Math.wrapAngle(Phaser.Math.radToDeg(this.data.angle));
+
+ },
+
+ set: function(value) {
+
+ this.data.angle = Phaser.Math.degToRad(Phaser.Math.wrapAngle(value));
+
+ }
+
+});
+
+/**
+* Damping is specified as a value between 0 and 1, which is the proportion of velocity lost per second.
+* @name Phaser.Physics.P2.Body#angularDamping
+* @property {number} angularDamping - The angular damping acting acting on the body.
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "angularDamping", {
+
+ get: function () {
+
+ return this.data.angularDamping;
+
+ },
+
+ set: function (value) {
+
+ this.data.angularDamping = value;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.Body#angularForce
+* @property {number} angularForce - The angular force acting on the body.
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "angularForce", {
+
+ get: function () {
+
+ return this.data.angularForce;
+
+ },
+
+ set: function (value) {
+
+ this.data.angularForce = value;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.Body#angularVelocity
+* @property {number} angularVelocity - The angular velocity of the body.
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "angularVelocity", {
+
+ get: function () {
+
+ return this.data.angularVelocity;
+
+ },
+
+ set: function (value) {
+
+ this.data.angularVelocity = value;
+
+ }
+
+});
+
+/**
+* Damping is specified as a value between 0 and 1, which is the proportion of velocity lost per second.
+* @name Phaser.Physics.P2.Body#damping
+* @property {number} damping - The linear damping acting on the body in the velocity direction.
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "damping", {
+
+ get: function () {
+
+ return this.data.damping;
+
+ },
+
+ set: function (value) {
+
+ this.data.damping = value;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.Body#fixedRotation
+* @property {boolean} fixedRotation -
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "fixedRotation", {
+
+ get: function () {
+
+ return this.data.fixedRotation;
+
+ },
+
+ set: function (value) {
+
+ if (value !== this.data.fixedRotation)
+ {
+ this.data.fixedRotation = value;
+ }
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.Body#inertia
+* @property {number} inertia - The inertia of the body around the Z axis..
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "inertia", {
+
+ get: function () {
+
+ return this.data.inertia;
+
+ },
+
+ set: function (value) {
+
+ this.data.inertia = value;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.Body#mass
+* @property {number} mass -
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "mass", {
+
+ get: function () {
+
+ return this.data.mass;
+
+ },
+
+ set: function (value) {
+
+ if (value !== this.data.mass)
+ {
+ this.data.mass = value;
+ this.data.updateMassProperties();
+ }
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.Body#motionState
+* @property {number} motionState - The type of motion this body has. Should be one of: Body.STATIC (the body does not move), Body.DYNAMIC (body can move and respond to collisions) and Body.KINEMATIC (only moves according to its .velocity).
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "motionState", {
+
+ get: function () {
+
+ return this.data.motionState;
+
+ },
+
+ set: function (value) {
+
+ if (value !== this.data.motionState)
+ {
+ this.data.motionState = value;
+ }
+
+ }
+
+});
+
+/**
+* The angle of the Body in radians.
+* If you wish to work in degrees instead of radians use the Body.angle property instead. Working in radians is faster as it doesn't have to convert values.
+*
+* @name Phaser.Physics.P2.Body#rotation
+* @property {number} rotation - The angle of this Body in radians.
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "rotation", {
+
+ get: function() {
+
+ return this.data.angle;
+
+ },
+
+ set: function(value) {
+
+ this.data.angle = value;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.Body#sleepSpeedLimit
+* @property {number} sleepSpeedLimit - .
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "sleepSpeedLimit", {
+
+ get: function () {
+
+ return this.data.sleepSpeedLimit;
+
+ },
+
+ set: function (value) {
+
+ this.data.sleepSpeedLimit = value;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.Body#x
+* @property {number} x - The x coordinate of this Body.
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "x", {
+
+ get: function () {
+
+ return this.world.mpxi(this.data.position[0]);
+
+ },
+
+ set: function (value) {
+
+ this.data.position[0] = this.world.pxmi(value);
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.Body#y
+* @property {number} y - The y coordinate of this Body.
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "y", {
+
+ get: function () {
+
+ return this.world.mpxi(this.data.position[1]);
+
+ },
+
+ set: function (value) {
+
+ this.data.position[1] = this.world.pxmi(value);
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.Body#id
+* @property {number} id - The Body ID. Each Body that has been added to the World has a unique ID.
+* @readonly
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "id", {
+
+ get: function () {
+
+ return this.data.id;
+
+ }
+
+});
+
+/**
+* @name Phaser.Physics.P2.Body#debug
+* @property {boolean} debug - Enable or disable debug drawing of this body
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "debug", {
+
+ get: function () {
+
+ return (!this.debugBody);
+
+ },
+
+ set: function (value) {
+
+ if (value && !this.debugBody)
+ {
+ // This will be added to the global space
+ this.debugBody = new Phaser.Physics.P2.BodyDebug(this.game, this.data)
+ }
+ else if (!value && this.debugBody)
+ {
+ this.debugBody.destroy();
+ this.debugBody = null;
+ }
+
+ }
+
+});
+
+/**
+* A Body can be set to collide against the World bounds automatically if this is set to true. Otherwise it will leave the World.
+* Note that this only applies if your World has bounds! The response to the collision should be managed via CollisionMaterials.
+* @name Phaser.Physics.P2.Body#collideWorldBounds
+* @property {boolean} collideWorldBounds - Should the Body collide with the World bounds?
+*/
+Object.defineProperty(Phaser.Physics.P2.Body.prototype, "collideWorldBounds", {
+
+ get: function () {
+
+ return this._collideWorldBounds;
+
+ },
+
+ set: function (value) {
+
+ if (value && !this._collideWorldBounds)
+ {
+ this._collideWorldBounds = true;
+ this.updateCollisionMask();
+ }
+ else if (!value && this._collideWorldBounds)
+ {
+ this._collideWorldBounds = false;
+ this.updateCollisionMask();
+ }
+
+ }
+
+});
+
+/**
+* @author George https://github.com/georgiee
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Draws a P2 Body to a Graphics instance for visual debugging.
+* Needless to say, for every body you enable debug drawing on, you are adding processor and graphical overhead.
+* So use sparingly and rarely (if ever) in production code.
+*
+* @class Phaser.Physics.P2.BodyDebug
+* @classdesc Physics Body Debug Constructor
+* @constructor
+* @extends Phaser.Group
+* @param {Phaser.Game} game - Game reference to the currently running game.
+* @param {Phaser.Physics.P2.Body} body - The P2 Body to display debug data for.
+* @param {object} settings - Settings object.
+*/
+Phaser.Physics.P2.BodyDebug = function(game, body, settings) {
+
+ Phaser.Group.call(this, game);
+
+ /**
+ * @property {object} defaultSettings - Default debug settings.
+ * @private
+ */
+ var defaultSettings = {
+ pixelsPerLengthUnit: 20,
+ debugPolygons: false,
+ lineWidth: 1,
+ alpha: 0.5
+ }
+
+ this.settings = Phaser.Utils.extend(defaultSettings, settings);
+
+ /**
+ * @property {number} ppu - Pixels per Length Unit.
+ */
+ this.ppu = this.settings.pixelsPerLengthUnit;
+ this.ppu = -1 * this.ppu;
+
+ /**
+ * @property {Phaser.Physics.P2.Body} body - The P2 Body to display debug data for.
+ */
+ this.body = body;
+
+ /**
+ * @property {Phaser.Graphics} canvas - The canvas to render the debug info to.
+ */
+ this.canvas = new Phaser.Graphics(game);
+
+ this.canvas.alpha = this.settings.alpha
+
+ this.add(this.canvas);
+
+ this.draw();
+
+}
+
+Phaser.Physics.P2.BodyDebug.prototype = Object.create(Phaser.Group.prototype)
+Phaser.Physics.P2.BodyDebug.prototype.constructor = Phaser.Physics.P2.BodyDebug
+
+Phaser.Utils.extend(Phaser.Physics.P2.BodyDebug.prototype, {
+
+ /**
+ * Core update.
+ *
+ * @method Phaser.Physics.P2.BodyDebug#update
+ */
+ update: function() {
+
+ this.updateSpriteTransform();
+
+ },
+
+ /**
+ * Core update.
+ *
+ * @method Phaser.Physics.P2.BodyDebug#updateSpriteTransform
+ */
+ updateSpriteTransform: function() {
+
+ this.position.x = this.body.position[0] * this.ppu;
+ this.position.y = this.body.position[1] * this.ppu;
+
+ return this.rotation = this.body.angle;
+
+ },
+
+ /**
+ * Draws the P2 shapes to the Graphics object.
+ *
+ * @method Phaser.Physics.P2.BodyDebug#draw
+ */
+ draw: function() {
+
+ var angle, child, color, i, j, lineColor, lw, obj, offset, sprite, v, verts, vrot, _j, _ref1;
+ obj = this.body;
+ sprite = this.canvas;
+ sprite.clear();
+ color = parseInt(this.randomPastelHex(), 16);
+ lineColor = 0xff0000;
+ lw = this.lineWidth;
+
+ if (obj instanceof p2.Body && obj.shapes.length)
+ {
+ var l = obj.shapes.length
+
+ i = 0;
+
+ while (i !== l)
+ {
+ child = obj.shapes[i];
+ offset = obj.shapeOffsets[i];
+ angle = obj.shapeAngles[i];
+ offset = offset || 0;
+ angle = angle || 0;
+
+ if (child instanceof p2.Circle)
+ {
+ this.drawCircle(sprite, offset[0] * this.ppu, -offset[1] * this.ppu, angle, child.radius * this.ppu, color, lw);
+ }
+ else if (child instanceof p2.Convex)
+ {
+ verts = [];
+ vrot = p2.vec2.create();
+
+ for (j = _j = 0, _ref1 = child.vertices.length; 0 <= _ref1 ? _j < _ref1 : _j > _ref1; j = 0 <= _ref1 ? ++_j : --_j)
+ {
+ v = child.vertices[j];
+ p2.vec2.rotate(vrot, v, angle);
+ verts.push([(vrot[0] + offset[0]) * this.ppu, -(vrot[1] + offset[1]) * this.ppu]);
+ }
+
+ this.drawConvex(sprite, verts, child.triangles, lineColor, color, lw, this.settings.debugPolygons, [offset[0] * this.ppu, -offset[1] * this.ppu]);
+ }
+ else if (child instanceof p2.Plane)
+ {
+ this.drawPlane(sprite, offset[0] * this.ppu, -offset[1] * this.ppu, color, lineColor, lw * 5, lw * 10, lw * 10, this.ppu * 100, angle);
+ }
+ else if (child instanceof p2.Line)
+ {
+ this.drawLine(sprite, child.length * this.ppu, lineColor, lw);
+ }
+ else if (child instanceof p2.Rectangle)
+ {
+ this.drawRectangle(sprite, offset[0] * this.ppu, -offset[1] * this.ppu, angle, child.width * this.ppu, child.height * this.ppu, lineColor, color, lw);
+ }
+
+ i++
+ }
+ }
+
+ },
+
+ /**
+ * Draws the P2 shapes to the Graphics object.
+ *
+ * @method Phaser.Physics.P2.BodyDebug#draw
+ */
+ drawRectangle: function(g, x, y, angle, w, h, color, fillColor, lineWidth) {
+
+ if (typeof lineWidth === 'undefined') { lineWidth = 1; }
+ if (typeof color === 'undefined') { color = 0x000000; }
+
+ g.lineStyle(lineWidth, color, 1);
+ g.beginFill(fillColor);
+ g.drawRect(x - w / 2, y - h / 2, w, h);
+
+ },
+
+ /**
+ * Draws a P2 Circle shape.
+ *
+ * @method Phaser.Physics.P2.BodyDebug#drawCircle
+ */
+ drawCircle: function(g, x, y, angle, radius, color, lineWidth) {
+
+ if (typeof lineWidth === 'undefined') { lineWidth = 1; }
+ if (typeof color === 'undefined') { color = 0xffffff; }
+ g.lineStyle(lineWidth, 0x000000, 1);
+ g.beginFill(color, 1.0);
+ g.drawCircle(x, y, -radius);
+ g.endFill();
+ g.moveTo(x, y);
+ g.lineTo(x + radius * Math.cos(-angle), y + radius * Math.sin(-angle));
+
+ },
+
+ /**
+ * Draws a P2 Line shape.
+ *
+ * @method Phaser.Physics.P2.BodyDebug#drawCircle
+ */
+ drawLine: function(g, len, color, lineWidth) {
+
+ if (typeof lineWidth === 'undefined') { lineWidth = 1; }
+ if (typeof color === 'undefined') { color = 0x000000; }
+
+ g.lineStyle(lineWidth * 5, color, 1);
+ g.moveTo(-len / 2, 0);
+ g.lineTo(len / 2, 0);
+
+ },
+
+ /**
+ * Draws a P2 Convex shape.
+ *
+ * @method Phaser.Physics.P2.BodyDebug#drawConvex
+ */
+ drawConvex: function(g, verts, triangles, color, fillColor, lineWidth, debug, offset) {
+
+ var colors, i, v, v0, v1, x, x0, x1, y, y0, y1;
+
+ if (typeof lineWidth === 'undefined') { lineWidth = 1; }
+ if (typeof color === 'undefined') { color = 0x000000; }
+
+ if (!debug)
+ {
+ g.lineStyle(lineWidth, color, 1);
+ g.beginFill(fillColor);
+ i = 0;
+
+ while (i !== verts.length)
+ {
+ v = verts[i];
+ x = v[0];
+ y = v[1];
+
+ if (i === 0)
+ {
+ g.moveTo(x, -y);
+ }
+ else
+ {
+ g.lineTo(x, -y);
+ }
+
+ i++;
+ }
+
+ g.endFill();
+
+ if (verts.length > 2)
+ {
+ g.moveTo(verts[verts.length - 1][0], -verts[verts.length - 1][1]);
+ return g.lineTo(verts[0][0], -verts[0][1]);
+ }
+ }
+ else
+ {
+ colors = [0xff0000, 0x00ff00, 0x0000ff];
+ i = 0;
+
+ while (i !== verts.length + 1)
+ {
+ v0 = verts[i % verts.length];
+ v1 = verts[(i + 1) % verts.length];
+ x0 = v0[0];
+ y0 = v0[1];
+ x1 = v1[0];
+ y1 = v1[1];
+ g.lineStyle(lineWidth, colors[i % colors.length], 1);
+ g.moveTo(x0, -y0);
+ g.lineTo(x1, -y1);
+ g.drawCircle(x0, -y0, lineWidth * 2);
+ i++;
+ }
+
+ g.lineStyle(lineWidth, 0x000000, 1);
+ return g.drawCircle(offset[0], offset[1], lineWidth * 2);
+ }
+
+ },
+
+ /**
+ * Draws a P2 Path.
+ *
+ * @method Phaser.Physics.P2.BodyDebug#drawPath
+ */
+ drawPath: function(g, path, color, fillColor, lineWidth) {
+
+ var area, i, lastx, lasty, p1x, p1y, p2x, p2y, p3x, p3y, v, x, y;
+ if (typeof lineWidth === 'undefined') { lineWidth = 1; }
+ if (typeof color === 'undefined') { color = 0x000000; }
+
+ g.lineStyle(lineWidth, color, 1);
+
+ if (typeof fillColor === "number")
+ {
+ g.beginFill(fillColor);
+ }
+
+ lastx = null;
+ lasty = null;
+ i = 0;
+
+ while (i < path.length)
+ {
+ v = path[i];
+ x = v[0];
+ y = v[1];
+
+ if (x !== lastx || y !== lasty)
+ {
+ if (i === 0)
+ {
+ g.moveTo(x, y);
+ }
+ else
+ {
+ p1x = lastx;
+ p1y = lasty;
+ p2x = x;
+ p2y = y;
+ p3x = path[(i + 1) % path.length][0];
+ p3y = path[(i + 1) % path.length][1];
+ area = ((p2x - p1x) * (p3y - p1y)) - ((p3x - p1x) * (p2y - p1y));
+
+ if (area !== 0)
+ {
+ g.lineTo(x, y);
+ }
+ }
+ lastx = x;
+ lasty = y;
+ }
+
+ i++;
+
+ }
+
+ if (typeof fillColor === "number")
+ {
+ g.endFill();
+ }
+
+ if (path.length > 2 && typeof fillColor === "number")
+ {
+ g.moveTo(path[path.length - 1][0], path[path.length - 1][1]);
+ g.lineTo(path[0][0], path[0][1]);
+ }
+
+ },
+
+ /**
+ * Draws a P2 Plane shape.
+ *
+ * @method Phaser.Physics.P2.BodyDebug#drawPlane
+ */
+ drawPlane: function(g, x0, x1, color, lineColor, lineWidth, diagMargin, diagSize, maxLength, angle) {
+
+ var max, xd, yd;
+ if (typeof lineWidth === 'undefined') { lineWidth = 1; }
+ if (typeof color === 'undefined') { color = 0xffffff; }
+
+ g.lineStyle(lineWidth, lineColor, 11);
+ g.beginFill(color);
+ max = maxLength;
+
+ g.moveTo(x0, -x1);
+ xd = x0 + Math.cos(angle) * this.game.width;
+ yd = x1 + Math.sin(angle) * this.game.height;
+ g.lineTo(xd, -yd);
+
+ g.moveTo(x0, -x1);
+ xd = x0 + Math.cos(angle) * -this.game.width;
+ yd = x1 + Math.sin(angle) * -this.game.height;
+ g.lineTo(xd, -yd);
+
+ },
+
+ /**
+ * Picks a random pastel color.
+ *
+ * @method Phaser.Physics.P2.BodyDebug#randomPastelHex
+ */
+ randomPastelHex: function() {
+
+ var blue, green, mix, red;
+ mix = [255, 255, 255];
+
+ red = Math.floor(Math.random() * 256);
+ green = Math.floor(Math.random() * 256);
+ blue = Math.floor(Math.random() * 256);
+
+ red = Math.floor((red + 3 * mix[0]) / 4);
+ green = Math.floor((green + 3 * mix[1]) / 4);
+ blue = Math.floor((blue + 3 * mix[2]) / 4);
+
+ return this.rgbToHex(red, green, blue);
+
+ },
+
+ /**
+ * Converts from RGB to Hex.
+ *
+ * @method Phaser.Physics.P2.BodyDebug#rgbToHex
+ */
+ rgbToHex: function(r, g, b) {
+ return this.componentToHex(r) + this.componentToHex(g) + this.componentToHex(b);
+ },
+
+ /**
+ * Component to hex conversion.
+ *
+ * @method Phaser.Physics.P2.BodyDebug#componentToHex
+ */
+ componentToHex: function(c) {
+
+ var hex;
+ hex = c.toString(16);
+
+ if (hex.len === 2)
+ {
+ return hex;
+ }
+ else
+ {
+ return hex + '0';
+ }
+
+ }
+
+})
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Creates a spring, connecting two bodies. A spring can have a resting length, a stiffness and damping.
+*
+* @class Phaser.Physics.P2.Spring
+* @classdesc Physics Spring Constructor
+* @constructor
+* @param {Phaser.Physics.P2} world - A reference to the P2 World.
+* @param {p2.Body} bodyA - First connected body.
+* @param {p2.Body} bodyB - Second connected body.
+* @param {number} [restLength=1] - Rest length of the spring. A number > 0.
+* @param {number} [stiffness=100] - Stiffness of the spring. A number >= 0.
+* @param {number} [damping=1] - Damping of the spring. A number >= 0.
+* @param {Array} [worldA] - Where to hook the spring to body A in world coordinates. This value is an array with 2 elements matching x and y, i.e: [32, 32].
+* @param {Array} [worldB] - Where to hook the spring to body B in world coordinates. This value is an array with 2 elements matching x and y, i.e: [32, 32].
+* @param {Array} [localA] - Where to hook the spring to body A in local body coordinates. This value is an array with 2 elements matching x and y, i.e: [32, 32].
+* @param {Array} [localB] - Where to hook the spring to body B in local body coordinates. This value is an array with 2 elements matching x and y, i.e: [32, 32].
+*/
+Phaser.Physics.P2.Spring = function (world, bodyA, bodyB, restLength, stiffness, damping, worldA, worldB, localA, localB) {
+
+ /**
+ * @property {Phaser.Game} game - Local reference to game.
+ */
+ this.game = world.game;
+
+ /**
+ * @property {Phaser.Physics.P2} world - Local reference to P2 World.
+ */
+ this.world = world;
+
+ if (typeof restLength === 'undefined') { restLength = 1; }
+ if (typeof stiffness === 'undefined') { stiffness = 100; }
+ if (typeof damping === 'undefined') { damping = 1; }
+
+ restLength = world.pxm(restLength);
+
+ var options = {
+ restLength: restLength,
+ stiffness: stiffness,
+ damping: damping
+ };
+
+ if (typeof worldA !== 'undefined' && worldA !== null)
+ {
+ options.worldAnchorA = [ world.pxm(worldA[0]), world.pxm(worldA[1]) ];
+ }
+
+ if (typeof worldB !== 'undefined' && worldB !== null)
+ {
+ options.worldAnchorB = [ world.pxm(worldB[0]), world.pxm(worldB[1]) ];
+ }
+
+ if (typeof localA !== 'undefined' && localA !== null)
+ {
+ options.localAnchorA = [ world.pxm(localA[0]), world.pxm(localA[1]) ];
+ }
+
+ if (typeof localB !== 'undefined' && localB !== null)
+ {
+ options.localAnchorB = [ world.pxm(localB[0]), world.pxm(localB[1]) ];
+ }
+
+ p2.Spring.call(this, bodyA, bodyB, options);
+
+}
+
+Phaser.Physics.P2.Spring.prototype = Object.create(p2.Spring.prototype);
+Phaser.Physics.P2.Spring.prototype.constructor = Phaser.Physics.P2.Spring;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* \o/ ~ "Because I'm a Material girl"
+*
+* @class Phaser.Physics.P2.Material
+* @classdesc Physics Material Constructor
+* @constructor
+*/
+Phaser.Physics.P2.Material = function (name) {
+
+ /**
+ * @property {string} name - The user defined name given to this Material.
+ * @default
+ */
+ this.name = name;
+
+ p2.Material.call(this);
+
+}
+
+Phaser.Physics.P2.Material.prototype = Object.create(p2.Material.prototype);
+Phaser.Physics.P2.Material.prototype.constructor = Phaser.Physics.P2.Material;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Defines a physics material
+*
+* @class Phaser.Physics.P2.ContactMaterial
+* @classdesc Physics ContactMaterial Constructor
+* @constructor
+* @param {Phaser.Physics.P2.Material} materialA
+* @param {Phaser.Physics.P2.Material} materialB
+* @param {object} [options]
+*/
+Phaser.Physics.P2.ContactMaterial = function (materialA, materialB, options) {
+
+ /**
+ * @property {number} id - The contact material identifier.
+ */
+
+ /**
+ * @property {Phaser.Physics.P2.Material} materialA - First material participating in the contact material.
+ */
+
+ /**
+ * @property {Phaser.Physics.P2.Material} materialB - First second participating in the contact material.
+ */
+
+ /**
+ * @property {number} [friction=0.3] - Friction to use in the contact of these two materials.
+ */
+
+ /**
+ * @property {number} [restitution=0.0] - Restitution to use in the contact of these two materials.
+ */
+
+ /**
+ * @property {number} [stiffness=1e7] - Stiffness of the resulting ContactEquation that this ContactMaterial generate.
+ */
+
+ /**
+ * @property {number} [relaxation=3] - Relaxation of the resulting ContactEquation that this ContactMaterial generate.
+ */
+
+ /**
+ * @property {number} [frictionStiffness=1e7] - Stiffness of the resulting FrictionEquation that this ContactMaterial generate.
+ */
+
+ /**
+ * @property {number} [frictionRelaxation=3] - Relaxation of the resulting FrictionEquation that this ContactMaterial generate.
+ */
+
+ /**
+ * @property {number} [surfaceVelocity=0] - Will add surface velocity to this material. If bodyA rests on top if bodyB, and the surface velocity is positive, bodyA will slide to the right.
+ */
+
+ p2.ContactMaterial.call(this, materialA, materialB, options);
+
+}
+
+Phaser.Physics.P2.ContactMaterial.prototype = Object.create(p2.ContactMaterial.prototype);
+Phaser.Physics.P2.ContactMaterial.prototype.constructor = Phaser.Physics.P2.ContactMaterial;
+
+/**
+* @author Richard Davey
+* @copyright 2014 Photon Storm Ltd.
+* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+/**
+* Collision Group
+*
+* @class Phaser.Physics.P2.CollisionGroup
+* @classdesc Physics Collision Group Constructor
+* @constructor
+*/
+Phaser.Physics.P2.CollisionGroup = function (bitmask) {
+
+ /**
+ * @property {number} mask - The CollisionGroup bitmask.
+ */
+ this.mask = bitmask;
+
+}
diff --git a/Charlie Circus/js/main.js b/Charlie Circus/js/main.js
new file mode 100644
index 00000000..ca1661b0
--- /dev/null
+++ b/Charlie Circus/js/main.js
@@ -0,0 +1,23 @@
+'use strict';
+/* global GameCtrl */
+// Create your Phaser game and inject it into the game div.
+// We did it in a window.onload event, but you can do it anywhere (requireJS load, anonymous function, jQuery dom ready, - whatever floats your boat)
+// We're using a game size of 1024 x 768 here, but you can use whatever you feel makes sense for your game of course.
+var game = new Phaser.Game(1024, 768, Phaser.AUTO, 'game',false,false);
+
+/* exported CIRCUSDEBUG */
+var CIRCUSDEBUG=false;
+
+
+ // Add the States your game has.
+ // You don't have to do this in the html, it could be done in your Boot state too, but for simplicity I'll keep it here.
+game.state.add('Boot', GameCtrl.Boot);
+game.state.add('Preloader', GameCtrl.Preloader);
+game.state.add('MainMenu', GameCtrl.MainMenu);
+game.state.add('Prestage', GameCtrl.Prestage);
+game.state.add('Stage01', GameCtrl.Stage01);
+game.state.add('Stage02', GameCtrl.Stage02);
+
+ // Now start the Boot state.
+game.state.start('Boot');
+
diff --git a/Charlie Circus/js/states/Boot.js b/Charlie Circus/js/states/Boot.js
new file mode 100644
index 00000000..0861dae3
--- /dev/null
+++ b/Charlie Circus/js/states/Boot.js
@@ -0,0 +1,79 @@
+var GameCtrl = {
+
+ /* Here we've just got some global level vars that persist regardless of State swaps */
+ score: 0,
+
+ /* If the music in your game needs to play through-out a few State swaps, then you could reference it here */
+ music: null,
+
+ /* Your game can check GameCtrl.orientated in internal loops to know if it should pause or not */
+ orientated: false
+
+};
+
+(function(){
+'use strict';
+
+GameCtrl.Boot = function () {
+};
+
+GameCtrl.Boot.prototype = {
+
+ preload: function () {
+
+ // Here we load the assets required for our preloader (in this case a background and a loading bar)
+ this.load.image('logo', 'assets/images/logo.png');
+ this.load.image('starsmenu', 'assets/images/stars.png');
+ this.load.image('preloaderBackground', 'assets/images/progress_bar_background.png');
+ this.load.image('preloaderBar', 'assets/images/progress_bar.png');
+
+ this.load.spritesheet('clown', 'assets/images/CircusCharlieSheet1.gif',16,24,10);
+
+
+ },
+
+ create: function () {
+ this.game.physics.startSystem(Phaser.Physics.ARCADE);
+
+ this.game.input.maxPointers = 1;
+ this.game.stage.disableVisibilityChange = true;
+
+ this.game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;
+
+ this.game.scale.minWidth = 480;
+ this.game.scale.minHeight = 260;
+ this.game.scale.maxWidth = 1024;
+ this.game.scale.maxHeight = 768;
+ this.game.scale.pageAlignHorizontally = true;
+ this.game.scale.pageAlignVertically = true;
+ this.game.scale.setScreenSize(true);
+ this.game.state.start('Preloader');
+
+ },
+
+ gameResized: function () {
+
+ // This could be handy if you need to do any extra processing if the game resizes.
+ // A resize could happen if for example swapping orientation on a device.
+
+ },
+
+ enterIncorrectOrientation: function () {
+
+/* GameCtrl.orientated = false;
+
+ document.getElementById('orientation').style.display = 'block';
+*/
+ },
+
+ leaveIncorrectOrientation: function () {
+/*
+ GameCtrl.orientated = true;
+
+ document.getElementById('orientation').style.display = 'none';
+*/
+ }
+
+};
+
+})();
\ No newline at end of file
diff --git a/Charlie Circus/js/states/MainMenu.js b/Charlie Circus/js/states/MainMenu.js
new file mode 100644
index 00000000..2a43b243
--- /dev/null
+++ b/Charlie Circus/js/states/MainMenu.js
@@ -0,0 +1,85 @@
+(function(){
+'use strict';
+
+/* global GameCtrl */
+GameCtrl.MainMenu = function (/*game*/) {
+ this.music = null;
+ this.playButton = null;
+};
+
+GameCtrl.MainMenu.prototype = {
+
+
+ preload: function(){
+
+ },
+
+ create: function () {
+ this.backgroundColor = '#000';
+
+
+ var starsmenu=this.game.add.sprite(130, 100, 'starsmenu');
+ starsmenu.scale.x =5;
+ starsmenu.scale.y =5;
+
+ var logo=this.game.add.sprite(250, 170, 'logo');
+ logo.scale.x=0.8;
+ logo.scale.y=0.8;
+
+
+ //this.playButton = this.add.button(this.game.width / 2 - 160, this.game.height / 2 - 120, 'playButton', this.startGame, this, 'buttonOver', 'buttonOut', 'buttonOver');
+
+
+ var textstyle = {
+ font : '50px "arcadeclasic"',
+ fill : '#fff',
+ align : 'center'
+ };
+ //var textobj =
+ this.startText=this.game.add.text(this.game.width / 2 - 180, this.game.height / 2 + 120, 'Press ENTER to\n start playing', textstyle);
+
+
+ this.game.physics.startSystem(Phaser.Physics.ARCADE);
+
+ var clown= this.game.add.sprite(100, 600, 'clown');
+ clown.scale.x =4;
+ clown.scale.y =4;
+ this.game.physics.enable(clown, Phaser.Physics.ARCADE);
+
+ clown.body.velocity.x =100;
+
+
+
+ clown.animations.add('run', Phaser.Animation.generateFrameNames('clown', 0, 2, '', 4), 10 /*fps */, true);
+ clown.animations.play('run', 8, true);
+ //clown.animations.stope()
+
+
+ this.enterPressed=false;
+ },
+ update: function () {
+ //this.game.state.start('Stage02');
+ // TODO remover esto!
+ // this.startGame();
+
+ if(!this.enterPressed && this.game.input.keyboard.isDown(Phaser.Keyboard.ENTER)){
+ this.enterPressed=true;
+
+ this.blinkedTimes=-1;
+ this.timerBlinker=setInterval(function(_this){
+ _this.blinkedTimes++;
+ if(_this.blinkedTimes>10){
+ clearInterval(_this.timerBlinker);
+ GameCtrl.data={textToRender:'STAGE 01', nextState:'Stage01' };
+ _this.game.state.start('Prestage');
+
+ }
+ _this.startText.visible = !_this.startText.visible;
+ },30, this);
+ }
+
+ },
+
+};
+
+})();
\ No newline at end of file
diff --git a/Charlie Circus/js/states/Preloader.js b/Charlie Circus/js/states/Preloader.js
new file mode 100644
index 00000000..cba5cc03
--- /dev/null
+++ b/Charlie Circus/js/states/Preloader.js
@@ -0,0 +1,284 @@
+
+/* global GameCtrl */
+
+/* exported WebFontConfig */
+var WebFontConfig ={
+ custom: {
+ families: ['arcadeclasic'],
+ urls: ['css/fonts.css'],
+ }
+};
+
+(function(){
+'use strict';
+
+GameCtrl.Preloader = function () {
+ this.background = null;
+ this.preloadBar = null;
+
+ this.ready = false;
+
+};
+
+GameCtrl.Preloader.prototype = {
+
+ preload: function () {
+ this.game.load.script('webfont', '//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js');
+
+ // These are the assets we loaded in Boot.js
+ // A nice sparkly background and a loading progress bar
+ this.background = this.add.sprite(this.game.width / 2 - 250, this.game.height / 2 - 70, 'preloaderBackground');
+ this.preloadBar = this.add.sprite(this.game.width / 2 - 250, this.game.height / 2 - 70, 'preloaderBar');
+
+ // This sets the preloadBar sprite as a loader sprite.
+ // What that does is automatically crop the sprite from 0 to full-width
+ // as the files below are loaded in.
+ this.load.setPreloadSprite(this.preloadBar);
+
+ // Here we load the rest of the assets our game needs.
+ this.load.image('stage01', 'assets/images/stage01.png');
+ this.load.image('stage02', 'assets/images/stage02.png');
+
+ // This is how you load an atlas
+ //this.load.atlas('playButton', 'assets/images/play_button.png', 'assets/images/play_button.json');
+
+ this.load.audio('stage1', ['assets/audio/stage1-4.mp3']);
+ this.load.audio('stage2', ['assets/audio/stage1-4.mp3']);
+ this.load.audio('failure', ['assets/audio/failure.mp3']);
+
+ // This is how you load fonts
+ //this.load.bitmapFont('caslon', 'assets/fonts/caslon.png', 'assets/fonts/caslon.xml');
+
+
+var botData={'frames': [
+ {
+ 'filename': 'clown0000',
+ 'frame': {'x':164,'y':5,'w':16,'h':24},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':16,'h':24},
+ 'sourceSize': {'w':16,'h':24}
+ },
+ {
+ 'filename': 'clown0001',
+ 'frame': {'x':185,'y':5,'w':16,'h':24},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':16,'h':24},
+ 'sourceSize': {'w':16,'h':24}
+ },
+ {
+ 'filename': 'clown0002',
+ 'frame': {'x':205,'y':5,'w':16,'h':24},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':16,'h':24},
+ 'sourceSize': {'w':16,'h':24}
+ },
+ {
+ 'filename': 'clownJump0003',
+ 'frame': {'x':226,'y':5,'w':16,'h':24},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':16,'h':24},
+ 'sourceSize': {'w':16,'h':24}
+ },
+ {
+ 'filename': 'clownStand0000',
+ 'frame': {'x':164,'y':58,'w':15,'h':24},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':16,'h':24},
+ 'sourceSize': {'w':15,'h':24}
+ },
+ {
+ 'filename': 'clownStandJump0000',
+ 'frame': {'x':182,'y':58,'w':15,'h':24},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':16,'h':24},
+ 'sourceSize': {'w':15,'h':24}
+ },
+ {
+ 'filename': 'clownburn0000',
+ 'frame': {'x':164,'y':32,'w':15,'h':24},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':16,'h':24},
+ 'sourceSize': {'w':16,'h':24}
+ },
+ {
+ 'filename': 'lion0002',
+ 'frame': {'x':164,'y':87,'w':33,'h':16},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':33,'h':16},
+ 'sourceSize': {'w':33,'h':16}
+ },
+ {
+ 'filename': 'lion0001',
+ 'frame': {'x':200,'y':87,'w':33,'h':16},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':33,'h':16},
+ 'sourceSize': {'w':33,'h':16}
+ },
+ {
+ 'filename': 'lion0000',
+ 'frame': {'x':234,'y':87,'w':33,'h':16},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':33,'h':16},
+ 'sourceSize': {'w':33,'h':16}
+ },
+ {
+ 'filename': 'lionburn0000',
+ 'frame': {'x':272,'y':87,'w':33,'h':16},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':33,'h':16},
+ 'sourceSize': {'w':33,'h':16}
+ },
+ {
+ 'filename': 'firepot0000',
+ 'frame': {'x':221,'y':194,'w':24,'h':31},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':24,'h':31},
+ 'sourceSize': {'w':24,'h':31}
+ },
+ {
+ 'filename': 'firepot0001',
+ 'frame': {'x':195,'y':194,'w':24,'h':31},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':24,'h':31},
+ 'sourceSize': {'w':24,'h':31}
+ },
+ {
+ 'filename': 'firecirclel0000',
+ 'frame': {'x':136,'y':145,'w':12,'h':80},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':12,'h':80},
+ 'sourceSize': {'w':12,'h':80}
+
+ },
+ {
+ 'filename': 'firecirclel0001',
+ 'frame': {'x':165,'y':145,'w':12,'h':80},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':12,'h':80},
+ 'sourceSize': {'w':12,'h':80}
+ },
+ {
+ 'filename': 'firecircler0000',
+ 'frame': {'x':148,'y':145,'w':12,'h':80},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':12,'h':80},
+ 'sourceSize': {'w':12,'h':80}
+ },
+ {
+ 'filename': 'firecircler0001',
+ 'frame': {'x':177,'y':145,'w':12,'h':80},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':12,'h':80},
+ 'sourceSize': {'w':12,'h':80}
+ },
+ {'filename': 'endLevel1',
+ 'frame': {'x':129,'y':243,'w':37,'h':22},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':37,'h':22},
+ 'sourceSize': {'w':37,'h':18}
+ },
+ {'filename': 'walkBalance0',
+ 'frame': {'x':164,'y':5,'w':16,'h':24},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':16,'h':24},
+ 'sourceSize': {'w':16,'h':24}
+ },
+ {'filename': 'walkBalance1',
+ 'frame': {'x':185,'y':5,'w':15,'h':24},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':15,'h':24},
+ 'sourceSize': {'w':15,'h':24}
+ },
+ {'filename': 'walkBalance2',
+ 'frame': {'x':205,'y':5,'w':16,'h':24},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':16,'h':24},
+ 'sourceSize': {'w':16,'h':24}
+ },
+ {'filename': 'jumpBalance',
+ 'frame': {'x':226, 'y':7,'w':16,'h':22},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':16,'h':22},
+ 'sourceSize': {'w':16,'h':22}
+ },
+ {'filename': 'monkey0',
+ 'frame': {'x':78, 'y':106,'w':16,'h':16},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':16,'h':16},
+ 'sourceSize': {'w':16,'h':16}
+ },
+ {'filename': 'monkey1',
+ 'frame': {'x':98, 'y':106,'w':16,'h':16},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':16,'h':16},
+ 'sourceSize': {'w':16,'h':16}
+ },
+ {'filename': 'monkey2',
+ 'frame': {'x':118, 'y':106,'w':17,'h':16},
+ 'rotated': false,
+ 'trimmed': true,
+ 'spriteSourceSize': {'x':0,'y':0,'w':17,'h':16},
+ 'sourceSize': {'w':17,'h':16}
+ }
+ ]};
+
+
+ this.game.load.atlas('clown', 'assets/images/CircusCharlieSheet1.gif', null, botData);
+
+
+
+
+ },
+
+ create: function () {
+
+ // Once the load has finished we disable the crop because we're going to sit in the update loop for a short while as the music decodes
+ this.preloadBar.cropEnabled = false;
+
+ },
+
+ update: function () {
+
+ // You don't actually need to do this, but I find it gives a much smoother game experience.
+ // Basically it will wait for our audio file to be decoded before proceeding to the MainMenu.
+ // You can jump right into the menu if you want and still play the music, but you'll have a few
+ // seconds of delay while the mp3 decodes - so if you need your music to be in-sync with your menu
+ // it's best to wait for it to decode here first, then carry on.
+
+ // If you don't have any music in your game then put the game.state.start line into the create function and delete
+ // the update function completely.
+
+ if (this.cache.isSoundDecoded('stage1') && this.ready === false){
+ this.ready = true;
+ this.game.state.start('MainMenu');
+ }
+
+ }
+
+};
+
+})();
\ No newline at end of file
diff --git a/Charlie Circus/js/states/Prestage.js b/Charlie Circus/js/states/Prestage.js
new file mode 100644
index 00000000..3ea0c07d
--- /dev/null
+++ b/Charlie Circus/js/states/Prestage.js
@@ -0,0 +1,24 @@
+/* global GameCtrl */
+
+(function(){
+'use strict';
+GameCtrl.Prestage = function () {
+};
+
+GameCtrl.Prestage.prototype = {
+
+ create: function () {
+ this.add.text(this.game.world.centerX-100, this.game.world.centerY-50, GameCtrl.data.textToRender, {
+ font : '48px "arcadeclasic"',
+ fill : '#fff',
+ align : 'left'
+ });
+
+ setTimeout(function(that){
+ that.game.state.start(GameCtrl.data.nextState);
+ },1000, this);
+ }
+
+};
+
+}());
\ No newline at end of file
diff --git a/Charlie Circus/js/states/Stage01.js b/Charlie Circus/js/states/Stage01.js
new file mode 100644
index 00000000..e220a777
--- /dev/null
+++ b/Charlie Circus/js/states/Stage01.js
@@ -0,0 +1,367 @@
+/* global GameCtrl */
+
+(function(){
+'use strict';
+GameCtrl.Stage01 = function () {
+
+ // When a State is added to Phaser it automatically has the following properties set on it, even if they already exist:
+/*
+ this.game; // a reference to the currently running game
+ this.add; // used to add sprites, text, groups, etc
+ this.camera; // a reference to the game camera
+ this.cache; // the game cache
+ this.input; // the global input manager (you can access this.input.keyboard, this.input.mouse, as well from it)
+ this.load; // for preloading assets
+ this.math; // lots of useful common math operations
+ this.sound; // the sound manager - add a sound, play one, set-up markers, etc
+ this.stage; // the game stage
+ this.time; // the clock
+ this.tweens; // the tween manager
+ this.world; // the game world
+ this.particles; // the particle manager
+ this.physics; // the physics manager
+ this.rnd; // the repeatable random number generator
+*/
+ // You can use any of these from any function within this State.
+ // But do consider them as being 'reserved words', i.e. don't create a property for your own game called "world" or you'll over-write the world reference.
+
+};
+
+GameCtrl.Stage01.prototype = {
+
+ /**
+ * Draw the distance
+ */
+ _createMeters:function(){
+ var graphics = this.add.graphics(0, 0);
+ var x;
+ for(var i=10;i>=0;i--){
+ x=(10-i)*780;
+ this.add.text(x+15, 694, (i*10)+' m', {
+ font : '46px "arcadeclasic"',
+ fill : '#fff',
+ align : 'left'
+ });
+
+
+ graphics.lineStyle(2, 0x000000, 1);
+ graphics.beginFill(0x000000, 1);
+ graphics.drawRect(x, 690, 130, 50);
+ graphics.lineStyle(5, 0xd42700, 1);
+ graphics.drawRect(x+5, 695, 120, 40);
+
+ }
+
+
+ },
+ /**
+ * Create player group (the clown and the lion)
+ */
+ _createPlayer:function(){
+ this.lion=this.add.sprite(85, 630, 'clown','lion0000');
+ this.physics.enable(this.lion, Phaser.Physics.ARCADE);
+
+
+ this.lion.body.setSize(90, 50, -5, 0);
+
+ this.clown=this.game.add.sprite(7, -22, 'clown','clownStand0000');
+ this.physics.enable(this.clown, Phaser.Physics.ARCADE,true);
+ this.lion.addChild(this.clown);
+
+
+ this.lion.scale.x =3;
+ this.lion.scale.y =3;
+
+
+ this.lion.animations.add('runLion', Phaser.Animation.generateFrameNames('lion', 0, 2, '', 4), 3 /*fps */, true);
+ this.lion.animations.add('idleLion', Phaser.Animation.generateFrameNames('lion', 0, 0, '', 4), 1 /*fps */, true);
+
+
+ this.clown.isRunning=false;
+ this.lion.body.collideWorldBounds=true;
+
+ },
+
+ /**
+ * Create the static obstacles (firepots)
+ */
+ _createObstacles:function(){
+ this.obstacles=this.add.group();
+ var w=this.world.bounds.width-800;
+ for (var i = 1200; i < w; i+=800){
+ var firepot=this.add.sprite(i, 585, 'clown','firepot0000');
+ this.physics.enable(firepot, Phaser.Physics.ARCADE);
+ firepot.body.setSize(38, 48, -14, -15);
+ //firepot.body.setPolygon( 10,0,14,0,20,30, 5,30 );
+ firepot.body.x=i;
+ firepot.body.y=600;
+ firepot.body.immovable = true;
+ firepot.scale.x=3;
+ firepot.scale.y=3;
+
+ this.obstacles.add(firepot);
+
+ }
+
+ this.obstacles.callAll('animations.add', 'animations', 'burnPot', Phaser.Animation.generateFrameNames('firepot', 0, 1, '', 4), 10, true);
+ this.obstacles.callAll('animations.play', 'animations', 'burnPot');
+ },
+ _createFireCirclesLeft:function(){
+ var burnCircleLeft=Phaser.Animation.generateFrameNames('firecirclel', 0, 1, '', 4);
+ this.firecirclesLeft=this.add.group();
+ for (var i = 800; i < this.world.bounds.width; i+=800){
+ if(i%2){
+ i-=300 + Math.floor(Math.random() * 100) + 1;
+ }
+ i++;
+
+
+ var fireCircleLeft=this.add.sprite(i, 335, 'clown','firecirclel0000');
+ this.game.physics.enable(fireCircleLeft, Phaser.Physics.ARCADE);
+ fireCircleLeft.animations.add('burnCircleLeft', burnCircleLeft, 5, true);
+
+ this.firecirclesLeft.add(fireCircleLeft);
+ }
+
+ this.firecirclesLeft.setAll('scale.x',3);
+ this.firecirclesLeft.setAll('scale.y',3);
+ this.firecirclesLeft.setAll('body.velocity.x',-70);
+
+ this.firecirclesLeft.callAll('animations.play', 'animations', 'burnCircleLeft');
+
+ },
+ _createFireCirclesRight:function(){
+ var burnCircleRigth=Phaser.Animation.generateFrameNames('firecircler', 0, 1, '', 4);
+ this.firecirclesRight=this.add.group();
+
+ this.firecirclesLeft.forEach(function(e){
+ var x =e.body.x+30;
+ var fireCircleRight=this.game.add.sprite(x, 335, 'clown','firecircler0000');
+ this.physics.enable(fireCircleRight, Phaser.Physics.ARCADE);
+ fireCircleRight.animations.add('burnCircleRigth', burnCircleRigth, 5, true);
+
+ this.firecirclesRight.add(fireCircleRight);
+
+ },this);
+ this.firecirclesRight.setAll('scale.x',3);
+ this.firecirclesRight.setAll('scale.y',3);
+ this.firecirclesRight.setAll('body.velocity.x',-70);
+
+ this.firecirclesRight.callAll('animations.play', 'animations', 'burnCircleRigth');
+
+ },
+ _createFireCirclesCollision:function(){
+ this.fireCollisionGroup=this.add.group();
+ this.firecirclesLeft.forEach(function(e){
+ var x =e.body.x+30;
+
+ var touchFire = this.game.add.sprite(x-10, 554);
+ this.physics.enable(touchFire, Phaser.Physics.ARCADE);
+ touchFire.body.setSize(25, 150);
+ this.fireCollisionGroup.add(touchFire);
+ }, this);
+ this.fireCollisionGroup.setAll('body.velocity.x',-70);
+ },
+ create: function () {
+ this.gameover=false;
+ this.music = this.add.audio('stage1');
+ this.music.play();
+
+
+ this.cursors =this.game.input.keyboard.createCursorKeys();
+ this.world.setBounds(0,0,1024 * 8, 200);
+ //this.background=this.game.add.tileSprite(0, 200, 1024, 552, 'background');
+ this.background=this.add.tileSprite(0, 200, 1024 * 8, 552, 'stage01');
+
+
+
+ this._createMeters();
+ this._createFireCirclesLeft();
+ this._createPlayer();
+ this._createFireCirclesRight();
+ this._createObstacles();
+
+ this._createFireCirclesCollision();
+
+ this.floor = this.game.add.sprite(0, 678);
+ this.endStage=this.game.add.sprite(1024*8-300, 620, 'clown','endLevel1');
+ this.physics.enable(this.floor, Phaser.Physics.ARCADE);
+ this.physics.enable(this.endStage, Phaser.Physics.ARCADE);
+ this.endStage.scale.x=3;
+ this.endStage.scale.y=3;
+ this.endStage.body.immovable = true;
+
+ //this.endStage.body.checkCollision.left = false;
+ //this.endStage.body.checkCollision.right = false;
+ this.endStage.body.collideWorldBounds = true;
+
+
+ this.floor.body.immovable = true;
+ this.floor.body.collideWorldBounds = true;
+ this.floor.body.width = this.game.world.width;
+
+ this.recicleFireCirclesWall = this.game.add.sprite(-12, 600);
+ this.physics.enable(this.recicleFireCirclesWall, Phaser.Physics.ARCADE);
+ this.recicleFireCirclesWall.body.immovable = true;
+ this.recicleFireCirclesWall.body.height = 500;
+ this.recicleFireCirclesWall.body.width = 2;
+
+ },
+ triggerGameover: function(){
+ var that=this;
+ this.music.stop();
+ this.failureSound=this.add.audio('failure');
+ this.failureSound.play();
+
+ setTimeout(function(){
+ that.lion.animations.stop();
+ that.clown.frameName='clownburn0000';
+ that.lion.frameName='lionburn0000';
+
+ that.lion.body.gravity.y=0;
+ that.lion.body.speed=0;
+ that.lion.body.velocity.y=0;
+ that.lion.body.velocity.x=0;
+
+ that.firecirclesRight.setAll('body.velocity.x',0);
+ that.firecirclesLeft.setAll('body.velocity.x',0);
+ },1);
+
+ setTimeout(function(){
+ that.game.state.start('Stage01');
+ that.failureSound.stop();
+ },3100);
+
+ this.gameover=true;
+ },
+ _recicleFireCircle:function(){
+ var fLeft=this.firecirclesLeft.getFirstExists();
+ var fRight=this.firecirclesRight.getFirstExists();
+ var fObstable=this.fireCollisionGroup.getFirstExists();
+ fLeft.body.x=this.world.width;
+ fRight.body.x=this.world.width+30;
+ fObstable.body.x=this.world.width+20;
+ fObstable.body.velocity.x=fLeft.body.velocity.x;
+
+ this.firecirclesLeft.remove(fLeft);
+ this.firecirclesLeft.add(fLeft);
+ this.firecirclesRight.remove(fRight);
+ this.firecirclesRight.add(fRight);
+ this.fireCollisionGroup.remove(fObstable);
+ this.fireCollisionGroup.add(fObstable);
+
+ },
+ triggerWin: function(){
+ GameCtrl.data={textToRender:'STAGE 02', nextState:'Stage02' };
+ setTimeout(function(_this){
+ _this.game.state.start('Prestage');
+ },10, this);
+ },
+ update: function () {
+ if(this.gameover){
+ return;
+ }
+
+ if(this.lion.body.x<(this.world.width-1600)){
+ this.game.physics.arcade.collide(this.recicleFireCirclesWall,this.fireCollisionGroup, this._recicleFireCircle,null,this);
+ }
+
+
+
+ this.game.physics.arcade.collide(this.lion, this.fireCollisionGroup, this.triggerGameover, null, this);
+ this.game.physics.arcade.collide(this.lion, this.obstacles, this.triggerGameover, null, this);
+
+
+ this.game.physics.arcade.collide(this.lion, this.endStage, this.triggerWin, null, this);
+
+ this.game.physics.arcade.collide(this.endStage, this.lion);
+ this.game.physics.arcade.collide(this.floor, this.lion);
+
+
+ this.lion.body.gravity.y=700;
+
+ var isJumping=!this.lion.body.touching.down;
+
+ this.game.camera.x=this.lion.x-100;
+ if(isJumping){
+ this.clown.frameName='clownStandJump0000';
+ this.lion.frameName='lion0002';
+ }else{
+ this.clown.frameName='clownStand0000';
+ }
+
+ if (this.cursors.up.isDown&& !isJumping){
+ this.lion.body.velocity.y=-480;
+ }
+
+
+ if(isJumping){
+ // Mantengo la velocidad del fondo
+
+ return;
+ }
+
+ if (this.cursors.right.isDown){
+ this.clown.isRunning=true;
+ //this.background.tilePosition.x -= 4;
+
+ this.lion.body.velocity.x=200;
+ this.lion.animations.play('runLion', 10, true);
+ }else if (this.cursors.left.isDown){
+ this.clown.isRunning=true;
+ //this.background.tilePosition.x -= 4;
+
+ this.lion.body.velocity.x=-100;
+ this.lion.animations.play('runLion', 6, true);
+ }else{
+ this.lion.body.velocity.x=0;
+
+ this.clown.isRunning=false;
+ this.lion.animations.stop(0);
+ this.lion.animations.play('idleLion');
+ }
+
+
+ },
+ render: function(){
+ /* global CIRCUSDEBUG */
+// CIRCUSDEBUG=true;
+ if(CIRCUSDEBUG){
+ this.game.debug.bodyInfo(this.lion, 32, 320);
+
+ this.game.debug.body(this.lion);
+ this.game.debug.body(this.clown);
+ this.game.debug.body(this.recicleFireCirclesWall);
+
+ this.game.debug.body(this.floor);
+ this.obstacles.forEach(function (e) {
+ this.game.debug.body(e);
+ }, this);
+
+ this.fireCollisionGroup.forEach(function (e) {
+ this.game.debug.body(e);
+ }, this);
+ }
+
+
+
+ /*this.game.debug.renderPhysicsBody(this.endStage.body);
+ this.game.debug.renderPhysicsBody(this.floor.body);
+
+ this.obstacles.forEach(function (e) {
+ this.game.debug.renderPhysicsBody(e.body);
+ }, this);*/
+ },
+ quitGame: function () {
+
+ // Here you should destroy anything you no longer need.
+ // Stop music, delete sprites, purge caches, free resources, all that good stuff.
+
+ // Then let's go back to the main menu.
+ this.game.state.start('MainMenu');
+
+ }
+
+};
+
+}());
\ No newline at end of file
diff --git a/Charlie Circus/js/states/Stage02.js b/Charlie Circus/js/states/Stage02.js
new file mode 100644
index 00000000..98ad126b
--- /dev/null
+++ b/Charlie Circus/js/states/Stage02.js
@@ -0,0 +1,309 @@
+/* global GameCtrl */
+(function(){
+'use strict';
+GameCtrl.Stage02 = function () {
+
+ // When a State is added to Phaser it automatically has the following properties set on it, even if they already exist:
+/*
+ this.game; // a reference to the currently running game
+ this.add; // used to add sprites, text, groups, etc
+ this.camera; // a reference to the game camera
+ this.cache; // the game cache
+ this.input; // the global input manager (you can access this.input.keyboard, this.input.mouse, as well from it)
+ this.load; // for preloading assets
+ this.math; // lots of useful common math operations
+ this.sound; // the sound manager - add a sound, play one, set-up markers, etc
+ this.stage; // the game stage
+ this.time; // the clock
+ this.tweens; // the tween manager
+ this.world; // the game world
+ this.particles; // the particle manager
+ this.physics; // the physics manager
+ this.rnd; // the repeatable random number generator
+*/
+ // You can use any of these from any function within this State.
+ // But do consider them as being 'reserved words', i.e. don't create a property for your own game called "world" or you'll over-write the world reference.
+
+};
+
+GameCtrl.Stage02.prototype = {
+
+ /**
+ * Draw the distance
+ */
+ _createMeters:function(){
+ var graphics = this.game.add.graphics(0, 0);
+ var x;
+ for(var i=10;i>=0;i--){
+ x=(10-i)*705;
+ this.add.text(x+15, 694, (i*10)+' m', {
+ font : '46px "arcadeclasic"',
+ fill : '#fff',
+ align : 'left'
+ });
+
+
+ graphics.lineStyle(2, 0x000000, 1);
+ graphics.beginFill(0x000000, 1);
+ graphics.drawRect(x, 690, 130, 50);
+ graphics.lineStyle(5, 0xd42700, 1);
+ graphics.drawRect(x+5, 695, 120, 40);
+
+ }
+
+
+ },
+ /**
+ * Create player group (the clown and the lion)
+ */
+ _createPlayer:function(){
+ this.player=this.add.sprite(85, 348, 'clown','walkBalance0');
+ this.physics.enable(this.player, Phaser.Physics.ARCADE);
+
+ this.player.scale.x =3;
+ this.player.scale.y =3;
+
+ this.physics.enable(this.player, Phaser.Physics.ARCADE,true);
+
+
+ this.player.body.setSize(35, 69, 0, 0);
+
+
+ this.player.animations.add('walkBalance', Phaser.Animation.generateFrameNames('walkBalance', 0, 2, '', 0), 3 /*fps */, true);
+
+ this.player.body.collideWorldBounds=true;
+
+ },
+ _monkyOut:function(m){
+ this.monkeys.remove(m);
+ },
+
+ _addMonkey:function(){
+ if(this.monkeys.total>3){
+ return;
+ }
+
+ var createMonky=function(x){
+ if(!x){
+ x=this.player.x +950+this.rnd.integerInRange(-400,200);
+ var xLast=(this.monkeys.length>0) ? this.monkeys.getAt(this.monkeys.length-1).x : false;
+ x=(xLast && (x-xLast)<500) ? xLast+500 : x;
+ }
+
+
+ var monkey=this.monkeys.create(x, 372, 'clown','monkey0');
+ monkey.scale.x=3;
+ monkey.scale.y=3;
+ monkey.body.velocity.x=-90;
+ monkey.animations.add('monkey', Phaser.Animation.generateFrameNames('monkey', 0, 2, '', 0), 3 /*fps */, true);
+ monkey.animations.play('monkey',6);
+ monkey.checkWorldBounds = true;
+ monkey.events.onOutOfBounds.add(this._monkyOut, this);
+ monkey.body.setSize(44, 49, 0, 0);
+ monkey.body.gravity.y=400;
+ return monkey;
+ };
+
+ var difficulty=this.rnd.integerInRange(1,100);
+ var nMonkeys=(difficulty>40)? this.rnd.integerInRange(1,4) : 1;
+
+ var distance=50;
+
+ var jumpTime=this.rnd.integerInRange(200,700);
+
+ for(var i=0;i1){
+ distance=100*i;
+ jumpTime=this.rnd.integerInRange(1000,2000);
+ }
+
+ var x=(i>0) ? this.monkeys.getAt(this.monkeys.length-1).x+distance : null;
+ var _monkey=createMonky.call(this,x);
+
+ _monkey.jumpTime=(difficulty>70)? jumpTime:false;
+ _monkey.lastJump=this.time.lastTime;
+ }
+ },
+ /**
+ * Create the static obstacles (firepots)
+ */
+ _createObstacles:function(){
+ this.monkeys=this.add.group();
+ this.monkeys.enableBody = true;
+ this.monkeys.physicsBodyType = Phaser.Physics.ARCADE;
+
+ this.game.time.events.loop(Phaser.Timer.SECOND, this._addMonkey, this);
+
+ },
+ create: function () {
+
+ this.gameover=false;
+ this.music = this.add.audio('stage2');
+ this.music.play();
+
+
+ this.cursors =this.game.input.keyboard.createCursorKeys();
+ this.world.setBounds(0,0,1024 * 8, 200);
+ //this.background=this.game.add.tileSprite(0, 200, 1024, 552, 'background');
+ this.background=this.add.tileSprite(0, 200, 1024 * 8, 552, 'stage02');
+
+
+
+ this._createMeters();
+ this._createPlayer();
+ this._createObstacles();
+
+
+ this.floor = this.game.add.sprite(0, 417);
+ this.endStage=this.game.add.sprite(1024*8-300, 620, 'clown','endLevel1');
+ this.physics.enable(this.floor, Phaser.Physics.ARCADE);
+ this.physics.enable(this.endStage, Phaser.Physics.ARCADE);
+ this.endStage.scale.x=3;
+ this.endStage.scale.y=3;
+ this.endStage.body.immovable = true;
+
+ //this.endStage.body.checkCollision.left = false;
+ //this.endStage.body.checkCollision.right = false;
+ this.endStage.body.collideWorldBounds = true;
+
+
+ this.floor.body.immovable = true;
+ this.floor.body.collideWorldBounds = true;
+ this.floor.body.width = this.game.world.width;
+
+ this.recicleFireCirclesWall = this.game.add.sprite(-12, 600);
+ this.physics.enable(this.recicleFireCirclesWall, Phaser.Physics.ARCADE);
+ this.recicleFireCirclesWall.body.immovable = true;
+ this.recicleFireCirclesWall.body.height = 500;
+ this.recicleFireCirclesWall.body.width = 2;
+
+ },
+ triggerGameover: function(){
+ var that=this;
+ this.music.stop();
+ this.failureSound=this.add.audio('failure');
+ this.failureSound.play();
+
+ setTimeout(function(){
+ that.player.animations.stop();
+ that.player.frameName='clownburn0000';
+
+ that.player.body.gravity.y=0;
+ that.player.body.speed=0;
+ that.player.body.velocity.y=0;
+ that.player.body.velocity.x=0;
+
+ that.monkeys.setAll('body.velocity.x',0);
+ that.monkeys.setAll('body.gravity.y',0);
+ that.monkeys.setAll('body.velocity.y',0);
+ that.monkeys.callAll('animations.stop', 'animations');
+
+ },1);
+
+ setTimeout(function(){
+ that.game.state.start('Stage02');
+ that.failureSound.stop();
+ },3100);
+
+ this.gameover=true;
+ },
+ update: function () {
+ if(this.gameover){
+ return;
+ }
+
+ /* if(this.player.body.x<(this.world.width-1600)){
+ this.game.physics.arcade.collide(this.recicleFireCirclesWall,this.fireCollisionGroup, this._recicleFireCircle,null,this);
+ }
+
+
+
+ this.game.physics.arcade.collide(this.player, this.fireCollisionGroup, this.triggerGameover, null, this);
+
+
+ */
+ this.game.physics.arcade.collide(this.player, this.monkeys, this.triggerGameover, null, this);
+
+ this.monkeys.forEach(function(m){
+ if(m.jumpTime && m.body.y<370 && ((m.lastJump-this.time.lastTime)