phaser/src/tilemaps/TilemapLayerCanvasRenderer.js

138 lines
3.8 KiB
JavaScript

/**
* @author Richard Davey <rich@photonstorm.com>
* @copyright 2020 Photon Storm Ltd.
* @license {@link https://opensource.org/licenses/MIT|MIT License}
*/
var TransformMatrix = require('../gameobjects/components/TransformMatrix');
var tempMatrix1 = new TransformMatrix();
var tempMatrix2 = new TransformMatrix();
var tempMatrix3 = new TransformMatrix();
/**
* 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.TilemapLayer#renderCanvas
* @since 3.50.0
* @private
*
* @param {Phaser.Renderer.Canvas.CanvasRenderer} renderer - A reference to the current active Canvas renderer.
* @param {Phaser.Tilemaps.TilemapLayer} src - The Game Object being rendered in this call.
* @param {Phaser.Cameras.Scene2D.Camera} camera - The Camera that is rendering the Game Object.
* @param {Phaser.GameObjects.Components.TransformMatrix} parentMatrix - This transform matrix is defined if the game object is nested
*/
var TilemapLayerCanvasRenderer = function (renderer, src, camera, parentMatrix)
{
var renderTiles = src.cull(camera);
var tileCount = renderTiles.length;
var alpha = camera.alpha * src.alpha;
if (tileCount === 0 || alpha <= 0)
{
return;
}
var camMatrix = tempMatrix1;
var layerMatrix = tempMatrix2;
var calcMatrix = tempMatrix3;
layerMatrix.applyITRS(src.x, src.y, src.rotation, src.scaleX, src.scaleY);
camMatrix.copyFrom(camera.matrix);
var ctx = renderer.currentContext;
var gidMap = src.gidMap;
ctx.save();
if (parentMatrix)
{
// Multiply the camera by the parent matrix
camMatrix.multiplyWithOffset(parentMatrix, -camera.scrollX * src.scrollFactorX, -camera.scrollY * src.scrollFactorY);
// Undo the camera scroll
layerMatrix.e = src.x;
layerMatrix.f = src.y;
// Multiply by the Sprite matrix, store result in calcMatrix
camMatrix.multiply(layerMatrix, calcMatrix);
calcMatrix.copyToContext(ctx);
}
else
{
layerMatrix.e -= camera.scrollX * src.scrollFactorX;
layerMatrix.f -= camera.scrollY * src.scrollFactorY;
layerMatrix.copyToContext(ctx);
}
if (!renderer.antialias || src.scaleX > 1 || src.scaleY > 1)
{
ctx.imageSmoothingEnabled = false;
}
for (var i = 0; i < tileCount; i++)
{
var tile = renderTiles[i];
var tileset = gidMap[tile.index];
if (!tileset)
{
continue;
}
var image = tileset.image.getSourceImage();
var tileTexCoords = tileset.getTileTextureCoordinates(tile.index);
if (tileTexCoords === null)
{
continue;
}
var tileWidth = tileset.tileWidth;
var tileHeight = tileset.tileHeight;
var halfWidth = tileWidth * 0.5;
var halfHeight = tileHeight * 0.5;
tileTexCoords.x += tileset.tileOffset.x;
tileTexCoords.y += tileset.tileOffset.y;
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);
}
ctx.globalAlpha = alpha * tile.alpha;
ctx.drawImage(
image,
tileTexCoords.x, tileTexCoords.y,
tileWidth , tileHeight,
-halfWidth, -halfHeight,
tileWidth, tileHeight
);
ctx.restore();
}
ctx.restore();
};
module.exports = TilemapLayerCanvasRenderer;