phaser/src/tilemaps/dynamiclayer/DynamicTilemapLayerCanvasRenderer.js

87 lines
2.7 KiB
JavaScript
Raw Normal View History

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}
*/
2018-02-07 17:10:01 +00:00
var GameObject = require('../../gameobjects/GameObject');
2018-02-07 23:40:59 +00:00
/**
* Renders this Game Object with the Canvas Renderer to the given Camera.
* The object will not render if any of its renderFlags are set or it is being actively filtered out by the Camera.
* This method should not be called directly. It is a utility function of the Render module.
*
* @method Phaser.Tilemaps.DynamicTilemapLayer#renderCanvas
* @since 3.0.0
* @private
*
* @param {Phaser.Renderer.CanvasRenderer} renderer - A reference to the current active Canvas renderer.
* @param {Phaser.Tilemaps.DynamicTilemapLayer} src - The Game Object being rendered in this call.
* @param {number} interpolationPercentage - Reserved for future use and custom pipelines.
* @param {Phaser.Cameras.Scene2D.Camera} camera - The Camera that is rendering the Game Object.
*/
var DynamicTilemapLayerCanvasRenderer = function (renderer, src, interpolationPercentage, camera)
2017-06-09 04:00:12 +00:00
{
2018-02-07 23:40:59 +00:00
if (GameObject.RENDER_MASK !== src.renderFlags || (src.cameraFilter > 0 && (src.cameraFilter & camera._id)))
2017-06-09 04:00:12 +00:00
{
return;
}
2018-02-07 23:40:59 +00:00
src.cull(camera);
2018-02-07 23:40:59 +00:00
var renderTiles = src.culledTiles;
var length = renderTiles.length;
2018-02-07 23:40:59 +00:00
var image = src.tileset.image.getSourceImage();
var tileset = this.tileset;
2018-02-07 23:40:59 +00:00
var tx = src.x - camera.scrollX * src.scrollFactorX;
var ty = src.y - camera.scrollY * src.scrollFactorY;
2017-08-25 02:46:33 +00:00
var ctx = renderer.gameContext;
ctx.save();
ctx.translate(tx, ty);
2018-02-07 23:40:59 +00:00
ctx.rotate(src.rotation);
ctx.scale(src.scaleX, src.scaleY);
ctx.scale(src.flipX ? -1 : 1, src.flipY ? -1 : 1);
2017-08-25 02:46:33 +00:00
for (var index = 0; index < length; ++index)
2017-08-25 02:46:33 +00:00
{
var tile = renderTiles[index];
var tileTexCoords = tileset.getTileTextureCoordinates(tile.index);
if (tileTexCoords === null) { continue; }
var halfWidth = tile.width / 2;
var halfHeight = tile.height / 2;
ctx.save();
ctx.translate(tile.pixelX + halfWidth, tile.pixelY + halfHeight);
if (tile.rotation !== 0)
{
ctx.rotate(tile.rotation);
}
if (tile.flipX || tile.flipY)
{
ctx.scale(tile.flipX ? -1 : 1, tile.flipY ? -1 : 1);
}
2018-02-07 23:40:59 +00:00
ctx.globalAlpha = src.alpha * tile.alpha;
2017-08-25 02:46:33 +00:00
ctx.drawImage(
image,
tileTexCoords.x, tileTexCoords.y,
tile.width, tile.height,
-halfWidth, -halfHeight,
tile.width, tile.height
2017-08-25 02:46:33 +00:00
);
ctx.restore();
2017-08-25 02:46:33 +00:00
}
ctx.restore();
2017-06-09 04:00:12 +00:00
};
module.exports = DynamicTilemapLayerCanvasRenderer;