Mirrors/phaser
2
0
Fork 0
mirror of https://github.com/photonstorm/phaser synced 2024-11-23 13:13:43 +00:00
Code Issues Projects Releases Packages Wiki Activity

Added renderOrder property and setRenderOrder method.

Browse source
This commit is contained in:
Richard Davey 2018-08-21 18:01:33 +01:00
parent b0888d2762
commit cc5bf41b25
1 changed files with 66 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
src/tilemaps/dynamiclayer/DynamicTilemapLayer.js
View file

@ -207,6 +207,29 @@ var DynamicTilemapLayer = new Class({
*/
this.cullCallback = TilemapComponents.CullTiles;
/**
* The rendering (draw) order of the tiles in this layer.
*
* The default is 0 which is 'right-down', meaning it will draw the tiles starting from the top-left,
* drawing to the right and then moving down to the next row.
*
* The draw orders are:
*
* 0 = right-down
* 1 = left-down
* 2 = right-up
* 3 = left-up
*
* This can be changed via the `setRenderOrder` method.
*
* @name Phaser.Tilemaps.DynamicTilemapLayer#_renderOrder
* @type {integer}
* @default 0
* @private
* @since 3.12.0
*/
this._renderOrder = 0;
this.setAlpha(this.layer.alpha);
this.setPosition(x, y);
this.setOrigin();
@ -215,6 +238,48 @@ var DynamicTilemapLayer = new Class({
this.initPipeline('TextureTintPipeline');
},
/**
* Sets the rendering (draw) order of the tiles in this layer.
*
* The default is 'right-down', meaning it will order the tiles starting from the top-left,
* drawing to the right and then moving down to the next row.
*
* The draw orders are:
*
* 0 = right-down
* 1 = left-down
* 2 = right-up
* 3 = left-up
*
* Setting the render order does not change the tiles or how they are stored in the layer,
* it purely impacts the order in which they are rendered.
*
* You can provide either an integer (0 to 3), or the string version of the order.
*
* @method Phaser.Tilemaps.DynamicTilemapLayer#setRenderOrder
* @since 3.12.0
*
* @param {(integer|string)} renderOrder - The render (draw) order value. Either an integer between 0 and 3, or a string: 'right-down', 'left-down', 'right-up' or 'left-up'.
*
* @return {this} This Tilemap Layer object.
*/
setRenderOrder: function (renderOrder)
{
var orders = [ 'right-down', 'left-down', 'right-up', 'left-up' ];
if (typeof renderOrder === 'string')
{
renderOrder = orders.indexOf(renderOrder);
}
if (renderOrder >= 0 && renderOrder < 4)
{
this._renderOrder = renderOrder;
}
return this;
},
/**
* Calculates interesting faces at the given tile coordinates of the specified layer. Interesting
* faces are used internally for optimizing collisions against tiles. This method is mostly used
@ -295,7 +360,7 @@ var DynamicTilemapLayer = new Class({
*/
cull: function (camera)
{
return this.cullCallback(this.layer, camera, this.culledTiles);
return this.cullCallback(this.layer, camera, this.culledTiles, this._renderOrder);
},
/**