2018-02-12 16:01:20 +00:00
|
|
|
/**
|
|
|
|
* @author Richard Davey <rich@photonstorm.com>
|
|
|
|
* @copyright 2018 Photon Storm Ltd.
|
|
|
|
* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
|
|
|
|
*/
|
|
|
|
|
2017-07-28 01:22:41 +00:00
|
|
|
var BlendModes = require('../../renderer/BlendModes');
|
|
|
|
var Circle = require('../../geom/circle/Circle');
|
|
|
|
var CircleContains = require('../../geom/circle/Contains');
|
2017-03-27 22:10:04 +00:00
|
|
|
var Class = require('../../utils/Class');
|
2017-07-04 00:59:31 +00:00
|
|
|
var Components = require('../components');
|
2017-07-28 01:22:41 +00:00
|
|
|
var GameObject = require('../GameObject');
|
|
|
|
var Rectangle = require('../../geom/rectangle/Rectangle');
|
|
|
|
var RectangleContains = require('../../geom/rectangle/Contains');
|
|
|
|
|
2018-02-06 16:15:22 +00:00
|
|
|
/**
|
2018-02-07 15:27:21 +00:00
|
|
|
* @classdesc
|
2018-02-06 16:15:22 +00:00
|
|
|
* A Zone Game Object.
|
|
|
|
*
|
|
|
|
* A Zone is a non-rendering rectangular Game Object that has a position and size.
|
|
|
|
* It has no texture and never displays, but does live on the display list and
|
|
|
|
* can be moved, scaled and rotated like any other Game Object.
|
|
|
|
*
|
|
|
|
* Its primary use is for creating Drop Zones and Input Hit Areas and it has a couple of helper methods
|
|
|
|
* specifically for this. It is also useful for object overlap checks, or as a base for your own
|
|
|
|
* non-displaying Game Objects.
|
|
|
|
|
|
|
|
* The default origin is 0.5, the center of the Zone, the same as with Game Objects.
|
|
|
|
*
|
|
|
|
* @class Zone
|
|
|
|
* @extends Phaser.GameObjects.GameObject
|
|
|
|
* @memberOf Phaser.GameObjects
|
|
|
|
* @constructor
|
|
|
|
* @since 3.0.0
|
|
|
|
*
|
2018-02-13 22:19:44 +00:00
|
|
|
* @extends Phaser.GameObjects.Components.Depth
|
2018-02-06 16:15:22 +00:00
|
|
|
* @extends Phaser.GameObjects.Components.GetBounds
|
|
|
|
* @extends Phaser.GameObjects.Components.Origin
|
|
|
|
* @extends Phaser.GameObjects.Components.ScaleMode
|
|
|
|
* @extends Phaser.GameObjects.Components.Transform
|
|
|
|
* @extends Phaser.GameObjects.Components.ScrollFactor
|
|
|
|
* @extends Phaser.GameObjects.Components.Visible
|
|
|
|
*
|
|
|
|
* @param {Phaser.Scene} scene - [description]
|
|
|
|
* @param {number} x - The horizontal position of this Game Object in the world.
|
|
|
|
* @param {number} y - The vertical position of this Game Object in the world.
|
|
|
|
* @param {number} [width=1] - The width of the Game Object.
|
|
|
|
* @param {number} [height=1] - The height of the Game Object.
|
|
|
|
*/
|
2017-03-27 22:10:04 +00:00
|
|
|
var Zone = new Class({
|
|
|
|
|
2017-04-05 01:10:48 +00:00
|
|
|
Extends: GameObject,
|
|
|
|
|
2017-03-27 22:10:04 +00:00
|
|
|
Mixins: [
|
2018-02-13 22:19:44 +00:00
|
|
|
Components.Depth,
|
2017-03-27 22:10:04 +00:00
|
|
|
Components.GetBounds,
|
|
|
|
Components.Origin,
|
|
|
|
Components.ScaleMode,
|
|
|
|
Components.Transform,
|
2017-06-22 02:19:03 +00:00
|
|
|
Components.ScrollFactor,
|
2017-03-27 22:10:04 +00:00
|
|
|
Components.Visible
|
|
|
|
],
|
|
|
|
|
|
|
|
initialize:
|
|
|
|
|
2017-07-14 13:30:20 +00:00
|
|
|
function Zone (scene, x, y, width, height)
|
2017-03-27 22:10:04 +00:00
|
|
|
{
|
2017-07-28 01:22:41 +00:00
|
|
|
if (width === undefined) { width = 1; }
|
|
|
|
if (height === undefined) { height = width; }
|
|
|
|
|
2017-07-14 13:30:20 +00:00
|
|
|
GameObject.call(this, scene, 'Zone');
|
2017-03-27 22:10:04 +00:00
|
|
|
|
|
|
|
this.setPosition(x, y);
|
2018-01-04 22:02:29 +00:00
|
|
|
|
2018-02-06 16:15:22 +00:00
|
|
|
/**
|
|
|
|
* The native (un-scaled) width of this Game Object.
|
|
|
|
*
|
|
|
|
* @name Phaser.GameObjects.Zone#width
|
|
|
|
* @type {number}
|
|
|
|
* @since 3.0.0
|
|
|
|
*/
|
2018-01-04 22:02:29 +00:00
|
|
|
this.width = width;
|
2018-02-06 16:15:22 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* The native (un-scaled) height of this Game Object.
|
|
|
|
*
|
|
|
|
* @name Phaser.GameObjects.Zone#height
|
|
|
|
* @type {number}
|
|
|
|
* @since 3.0.0
|
|
|
|
*/
|
2018-01-04 22:02:29 +00:00
|
|
|
this.height = height;
|
2017-07-27 16:40:15 +00:00
|
|
|
|
2018-02-06 16:15:22 +00:00
|
|
|
/**
|
|
|
|
* The Blend Mode of the Game Object.
|
|
|
|
* Although a Zone never renders, it still has a blend mode to allow it to fit seamlessly into
|
|
|
|
* display lists without causing a batch flush.
|
|
|
|
*
|
|
|
|
* @name Phaser.GameObjects.Zone#blendMode
|
|
|
|
* @type {integer}
|
|
|
|
* @since 3.0.0
|
|
|
|
*/
|
2017-07-27 16:40:15 +00:00
|
|
|
this.blendMode = BlendModes.NORMAL;
|
|
|
|
},
|
|
|
|
|
2018-02-06 16:15:22 +00:00
|
|
|
/**
|
|
|
|
* The displayed width of this Game Object.
|
|
|
|
* This value takes into account the scale factor.
|
|
|
|
*
|
|
|
|
* @name Phaser.GameObjects.Zone#displayWidth
|
|
|
|
* @type {number}
|
|
|
|
* @since 3.0.0
|
|
|
|
*/
|
2018-01-04 22:02:29 +00:00
|
|
|
displayWidth: {
|
|
|
|
|
|
|
|
get: function ()
|
|
|
|
{
|
|
|
|
return this.scaleX * this.width;
|
|
|
|
},
|
|
|
|
|
|
|
|
set: function (value)
|
|
|
|
{
|
|
|
|
this.scaleX = value / this.width;
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
2018-02-06 16:15:22 +00:00
|
|
|
/**
|
|
|
|
* The displayed height of this Game Object.
|
|
|
|
* This value takes into account the scale factor.
|
|
|
|
*
|
|
|
|
* @name Phaser.GameObjects.Zone#displayHeight
|
|
|
|
* @type {number}
|
|
|
|
* @since 3.0.0
|
|
|
|
*/
|
2018-01-04 22:02:29 +00:00
|
|
|
displayHeight: {
|
|
|
|
|
|
|
|
get: function ()
|
|
|
|
{
|
|
|
|
return this.scaleY * this.height;
|
|
|
|
},
|
|
|
|
|
|
|
|
set: function (value)
|
|
|
|
{
|
|
|
|
this.scaleY = value / this.height;
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
2018-02-06 16:15:22 +00:00
|
|
|
/**
|
|
|
|
* Sets the size of this Game Object.
|
|
|
|
*
|
|
|
|
* @method Phaser.GameObjects.Zone#setSize
|
|
|
|
* @since 3.0.0
|
|
|
|
*
|
|
|
|
* @param {number} width - The width of this Game Object.
|
|
|
|
* @param {number} height - The height of this Game Object.
|
|
|
|
* @param {boolean} [resizeInput=true] - If this Zone has a Rectangle for a hit area this argument will resize the hit area as well.
|
|
|
|
*
|
|
|
|
* @return {Phaser.GameObjects.Zone} This Game Object.
|
|
|
|
*/
|
2018-01-05 16:18:10 +00:00
|
|
|
setSize: function (width, height, resizeInput)
|
2018-01-04 22:02:29 +00:00
|
|
|
{
|
2018-01-05 16:18:10 +00:00
|
|
|
if (resizeInput === undefined) { resizeInput = true; }
|
|
|
|
|
2018-01-04 22:02:29 +00:00
|
|
|
this.width = width;
|
|
|
|
this.height = height;
|
|
|
|
|
2018-01-05 16:18:10 +00:00
|
|
|
if (resizeInput && this.input && this.input.hitArea instanceof Rectangle)
|
|
|
|
{
|
|
|
|
this.input.hitArea.width = width;
|
|
|
|
this.input.hitArea.height = height;
|
|
|
|
}
|
|
|
|
|
2018-01-04 22:02:29 +00:00
|
|
|
return this;
|
|
|
|
},
|
|
|
|
|
2018-02-06 16:15:22 +00:00
|
|
|
/**
|
|
|
|
* Sets the display size of this Game Object.
|
|
|
|
* Calling this will adjust the scale.
|
|
|
|
*
|
|
|
|
* @method Phaser.GameObjects.Zone#setDisplaySize
|
|
|
|
* @since 3.0.0
|
|
|
|
*
|
|
|
|
* @param {number} width - The width of this Game Object.
|
|
|
|
* @param {number} height - The height of this Game Object.
|
|
|
|
*
|
|
|
|
* @return {Phaser.GameObjects.Zone} This Game Object.
|
|
|
|
*/
|
2018-01-04 22:02:29 +00:00
|
|
|
setDisplaySize: function (width, height)
|
|
|
|
{
|
|
|
|
this.displayWidth = width;
|
|
|
|
this.displayHeight = height;
|
|
|
|
|
|
|
|
return this;
|
|
|
|
},
|
|
|
|
|
2018-02-06 16:15:22 +00:00
|
|
|
/**
|
|
|
|
* Sets this Zone to be a Circular Drop Zone.
|
|
|
|
* The circle is centered on this Zones `x` and `y` coordinates.
|
|
|
|
*
|
|
|
|
* @method Phaser.GameObjects.Zone#setCircleDropZone
|
|
|
|
* @since 3.0.0
|
|
|
|
*
|
|
|
|
* @param {number} radius - The radius of the Circle that will form the Drop Zone.
|
|
|
|
*
|
|
|
|
* @return {Phaser.GameObjects.Zone} This Game Object.
|
|
|
|
*/
|
2017-07-28 01:22:41 +00:00
|
|
|
setCircleDropZone: function (radius)
|
|
|
|
{
|
|
|
|
return this.setDropZone(new Circle(0, 0, radius), CircleContains);
|
|
|
|
},
|
|
|
|
|
2018-02-06 16:15:22 +00:00
|
|
|
/**
|
|
|
|
* Sets this Zone to be a Rectangle Drop Zone.
|
|
|
|
* The rectangle is centered on this Zones `x` and `y` coordinates.
|
|
|
|
*
|
|
|
|
* @method Phaser.GameObjects.Zone#setRectangleDropZone
|
|
|
|
* @since 3.0.0
|
|
|
|
*
|
|
|
|
* @param {number} width - The width of the rectangle drop zone.
|
|
|
|
* @param {number} height - The height of the rectangle drop zone.
|
|
|
|
*
|
|
|
|
* @return {Phaser.GameObjects.Zone} This Game Object.
|
|
|
|
*/
|
2017-07-28 01:22:41 +00:00
|
|
|
setRectangleDropZone: function (width, height)
|
|
|
|
{
|
|
|
|
var x = -(width / 2);
|
|
|
|
var y = -(height / 2);
|
|
|
|
|
|
|
|
return this.setDropZone(new Rectangle(x, y, width, height), RectangleContains);
|
|
|
|
},
|
|
|
|
|
2018-02-06 16:15:22 +00:00
|
|
|
/**
|
|
|
|
* Allows you to define your own Geometry shape to be used as a Drop Zone.
|
|
|
|
*
|
|
|
|
* @method Phaser.GameObjects.Zone#setDropZone
|
|
|
|
* @since 3.0.0
|
|
|
|
*
|
|
|
|
* @param {object} shape - A Geometry shape instance, such as Phaser.Geom.Ellipse, or your own custom shape.
|
|
|
|
* @param {function} callback - A function that will return `true` if the given x/y coords it is sent are within the shape.
|
|
|
|
*
|
|
|
|
* @return {Phaser.GameObjects.Zone} This Game Object.
|
|
|
|
*/
|
2017-07-27 16:40:15 +00:00
|
|
|
setDropZone: function (shape, callback)
|
|
|
|
{
|
2017-07-28 01:22:41 +00:00
|
|
|
if (shape === undefined)
|
2017-07-27 16:40:15 +00:00
|
|
|
{
|
2017-07-28 01:22:41 +00:00
|
|
|
this.setRectangleDropZone(this.width, this.height);
|
2017-07-27 16:40:15 +00:00
|
|
|
}
|
2017-07-28 01:22:41 +00:00
|
|
|
else
|
|
|
|
{
|
|
|
|
if (!this.input)
|
|
|
|
{
|
2018-03-01 02:46:17 +00:00
|
|
|
this.setInteractive(shape, callback, true);
|
2017-07-28 01:22:41 +00:00
|
|
|
}
|
|
|
|
}
|
2017-07-27 16:40:15 +00:00
|
|
|
|
|
|
|
return this;
|
|
|
|
},
|
|
|
|
|
2018-02-06 16:15:22 +00:00
|
|
|
/**
|
|
|
|
* A Zone does not render.
|
|
|
|
*
|
|
|
|
* @method Phaser.GameObjects.Zone#renderCanvas
|
|
|
|
* @private
|
|
|
|
* @since 3.0.0
|
|
|
|
*/
|
2017-07-27 16:40:15 +00:00
|
|
|
renderCanvas: function ()
|
|
|
|
{
|
|
|
|
},
|
|
|
|
|
2018-02-06 16:15:22 +00:00
|
|
|
/**
|
|
|
|
* A Zone does not render.
|
|
|
|
*
|
|
|
|
* @method Phaser.GameObjects.Zone#renderWebGL
|
|
|
|
* @private
|
|
|
|
* @since 3.0.0
|
|
|
|
*/
|
2017-07-27 16:40:15 +00:00
|
|
|
renderWebGL: function ()
|
|
|
|
{
|
2017-03-27 22:10:04 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
module.exports = Zone;
|