2017-04-25 22:09:13 +00:00
|
|
|
|
|
|
|
var TileSpriteCanvasRenderer = function (renderer, src, interpolationPercentage, camera)
|
|
|
|
{
|
|
|
|
if (this.renderMask !== this.renderFlags)
|
|
|
|
{
|
|
|
|
return;
|
|
|
|
}
|
2017-05-04 00:14:14 +00:00
|
|
|
|
|
|
|
var ctx = renderer.currentContext;
|
|
|
|
var frame = src.frame;
|
|
|
|
|
|
|
|
// 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);
|
|
|
|
|
|
|
|
ctx.save();
|
|
|
|
ctx.translate(dx, dy);
|
|
|
|
ctx.translate(src.x - camera.scrollX, src.y - camera.scrollY);
|
|
|
|
ctx.fillStyle = src.canvasPattern;
|
|
|
|
ctx.translate(-this.tilePositionX, -this.tilePositionY);
|
|
|
|
ctx.fillRect(this.tilePositionX, this.tilePositionY, src.width, src.height);
|
|
|
|
ctx.restore();
|
2017-04-25 22:09:13 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
module.exports = TileSpriteCanvasRenderer;
|