mirror of
https://github.com/photonstorm/phaser
synced 2024-12-25 20:43:26 +00:00
569 lines
17 KiB
JavaScript
569 lines
17 KiB
JavaScript
/**
|
|
* @author Richard Davey <rich@photonstorm.com>
|
|
* @copyright 2016 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
|
|
* @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 (type === undefined) { type = 1; }
|
|
if (id === undefined) { id = 1; }
|
|
if (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;
|
|
},
|
|
|
|
/**
|
|
* Destroys this body's reference to the sprite and system, and destroys its shape.
|
|
*
|
|
* @method Phaser.Physics.Ninja.Body#destroy
|
|
*/
|
|
destroy: function() {
|
|
this.sprite = null;
|
|
this.system = null;
|
|
this.aabb = null;
|
|
this.tile = null;
|
|
this.circle = null;
|
|
|
|
this.shape.destroy();
|
|
this.shape = null;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* @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);
|
|
}
|
|
|
|
});
|
|
|
|
/**
|
|
* Render Sprite's Body.
|
|
*
|
|
* @method Phaser.Physics.Ninja.Body#render
|
|
* @param {object} context - The context to render to.
|
|
* @param {Phaser.Physics.Ninja.Body} body - The Body to render.
|
|
* @param {string} [color='rgba(0,255,0,0.4)'] - color of the debug shape to be rendered. (format is css color string).
|
|
* @param {boolean} [filled=true] - Render the shape as a filled (default, true) or a stroked (false)
|
|
*/
|
|
Phaser.Physics.Ninja.Body.render = function(context, body, color, filled) {
|
|
color = color || 'rgba(0,255,0,0.4)';
|
|
|
|
if (filled === undefined)
|
|
{
|
|
filled = true;
|
|
}
|
|
|
|
if (body.aabb || body.circle)
|
|
{
|
|
body.shape.render(context, body.game.camera.x, body.game.camera.y, color, filled);
|
|
}
|
|
};
|