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-09-12 23:58:25 +00:00
|
|
|
var GameObject = require('../GameObject');
|
2017-04-25 22:09:13 +00:00
|
|
|
|
2018-02-06 22:56:27 +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.GameObjects.TileSprite#renderCanvas
|
|
|
|
* @since 3.0.0
|
|
|
|
* @private
|
|
|
|
*
|
2018-03-28 14:04:09 +00:00
|
|
|
* @param {Phaser.Renderer.Canvas.CanvasRenderer} renderer - A reference to the current active Canvas renderer.
|
2018-02-06 22:56:27 +00:00
|
|
|
* @param {Phaser.GameObjects.TileSprite} 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.
|
2018-04-04 16:14:55 +00:00
|
|
|
* @param {Phaser.GameObjects.Components.TransformMatrix} parentMatrix - This transform matrix is defined if the game object is nested
|
2018-02-06 22:56:27 +00:00
|
|
|
*/
|
2018-04-04 16:14:55 +00:00
|
|
|
var TileSpriteCanvasRenderer = function (renderer, src, interpolationPercentage, camera, parentMatrix)
|
2017-04-25 22:09:13 +00:00
|
|
|
{
|
2017-09-12 23:58:25 +00:00
|
|
|
if (GameObject.RENDER_MASK !== src.renderFlags || (src.cameraFilter > 0 && (src.cameraFilter & camera._id)))
|
2017-04-25 22:09:13 +00:00
|
|
|
{
|
|
|
|
return;
|
|
|
|
}
|
2017-05-04 00:14:14 +00:00
|
|
|
|
|
|
|
var ctx = renderer.currentContext;
|
|
|
|
var frame = src.frame;
|
|
|
|
|
2018-02-28 20:04:57 +00:00
|
|
|
src.updateTileTexture();
|
|
|
|
|
2017-05-04 00:14:14 +00:00
|
|
|
// Blend Mode
|
|
|
|
|
|
|
|
if (renderer.currentBlendMode !== src.blendMode)
|
|
|
|
{
|
|
|
|
renderer.currentBlendMode = src.blendMode;
|
|
|
|
ctx.globalCompositeOperation = renderer.blendModes[src.blendMode];
|
|
|
|
}
|
|
|
|
|
|
|
|
// Alpha
|
|
|
|
|
|
|
|
if (renderer.currentAlpha !== src.alpha)
|
|
|
|
{
|
|
|
|
renderer.currentAlpha = src.alpha;
|
|
|
|
ctx.globalAlpha = src.alpha;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Smoothing
|
|
|
|
|
|
|
|
if (renderer.currentScaleMode !== src.scaleMode)
|
|
|
|
{
|
|
|
|
renderer.currentScaleMode = src.scaleMode;
|
|
|
|
}
|
|
|
|
|
|
|
|
var dx = frame.x - (src.originX * src.width);
|
|
|
|
var dy = frame.y - (src.originY * src.height);
|
|
|
|
|
2018-02-28 22:40:08 +00:00
|
|
|
var tx = src.x - camera.scrollX * src.scrollFactorX;
|
|
|
|
var ty = src.y - camera.scrollY * src.scrollFactorY;
|
|
|
|
|
2018-03-06 13:59:11 +00:00
|
|
|
var fx = 1;
|
|
|
|
var fy = 1;
|
|
|
|
|
|
|
|
// Flipping
|
|
|
|
|
|
|
|
if (src.flipX)
|
|
|
|
{
|
|
|
|
fx = -1;
|
|
|
|
dx += src.width;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (src.flipY)
|
|
|
|
{
|
|
|
|
fy = -1;
|
|
|
|
dy += src.height;
|
|
|
|
}
|
|
|
|
|
2018-02-28 22:40:08 +00:00
|
|
|
if (renderer.config.roundPixels)
|
|
|
|
{
|
|
|
|
dx |= 0;
|
|
|
|
dy |= 0;
|
|
|
|
tx |= 0;
|
|
|
|
ty |= 0;
|
|
|
|
}
|
|
|
|
|
2017-05-04 00:14:14 +00:00
|
|
|
ctx.save();
|
2018-02-28 22:40:08 +00:00
|
|
|
|
2018-04-04 17:05:59 +00:00
|
|
|
if (parentMatrix !== undefined)
|
|
|
|
{
|
|
|
|
var matrix = parentMatrix.matrix;
|
|
|
|
ctx.transform(matrix[0], matrix[1], matrix[2], matrix[3], matrix[4], matrix[5]);
|
|
|
|
}
|
|
|
|
|
2017-05-04 00:14:14 +00:00
|
|
|
ctx.translate(dx, dy);
|
2018-02-28 22:40:08 +00:00
|
|
|
|
|
|
|
ctx.translate(tx, ty);
|
|
|
|
|
2018-03-06 13:59:11 +00:00
|
|
|
// Flip
|
|
|
|
ctx.scale(fx, fy);
|
2018-02-28 22:40:08 +00:00
|
|
|
|
2018-03-06 13:59:11 +00:00
|
|
|
// Rotate and scale around center
|
|
|
|
ctx.translate((src.originX * src.width), (src.originY * src.height));
|
|
|
|
ctx.rotate(fx * fy * src.rotation);
|
|
|
|
ctx.scale(this.scaleX, this.scaleY);
|
|
|
|
ctx.translate(-(src.originX * src.width), -(src.originY * src.height));
|
2018-02-28 22:40:08 +00:00
|
|
|
|
2018-03-06 13:59:11 +00:00
|
|
|
// Draw
|
|
|
|
ctx.translate(-this.tilePositionX, -this.tilePositionY);
|
|
|
|
ctx.fillStyle = src.canvasPattern;
|
2017-05-04 00:14:14 +00:00
|
|
|
ctx.fillRect(this.tilePositionX, this.tilePositionY, src.width, src.height);
|
2018-02-28 22:40:08 +00:00
|
|
|
|
2017-05-04 00:14:14 +00:00
|
|
|
ctx.restore();
|
2017-04-25 22:09:13 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
module.exports = TileSpriteCanvasRenderer;
|