Mirrors/phaser
2
0
Fork 0
mirror of https://github.com/photonstorm/phaser synced 2025-02-26 04:17:08 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add flip capability to dynamic webgl & canvas tilemap renderers

Browse source
This commit is contained in:
Michael Hadley 2017-11-14 20:45:05 -06:00
parent 6f4f571f98
commit 6d1b17258b
3 changed files with 22 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
v3/src/gameobjects/tilemap/dynamiclayer/DynamicTilemapLayerCanvasRenderer.js
View file

@ -31,15 +31,28 @@ var DynamicTilemapLayerCanvasRenderer = function (renderer, gameObject, interpol
var tileTexCoords = tileset.getTileTextureCoordinates(tile.index); var tileTexCoords = tileset.getTileTextureCoordinates(tile.index);
if (tileTexCoords === null) { continue; } if (tileTexCoords === null) { continue; }
var halfWidth = tile.width / 2;
var halfHeight = tile.height / 2;
ctx.save();
ctx.translate(tile.worldX - halfWidth, tile.worldY - halfHeight);
if (tile.flipX || tile.flipY)
{
ctx.scale(tile.flipX ? -1 : 1, tile.flipY ? -1 : 1);
}
renderer.setAlpha(gameObject.alpha * tile.alpha); renderer.setAlpha(gameObject.alpha * tile.alpha);
ctx.drawImage( ctx.drawImage(
image, image,
tileTexCoords.x, tileTexCoords.y, tileTexCoords.x, tileTexCoords.y,
tile.width, tile.height, tile.width, tile.height,
tile.worldX, tile.worldY, -halfWidth, -halfHeight,
tile.width, tile.height tile.width, tile.height
); );
ctx.restore();
} }
ctx.restore(); ctx.restore();

7
v3/src/gameobjects/tilemap/dynamiclayer/DynamicTilemapLayerWebGLRenderer.js
View file

@ -30,12 +30,17 @@ var DynamicTilemapLayerWebGLRenderer = function (renderer, gameObject, interpola
var tileTexCoords = tileset.getTileTextureCoordinates(tile.index); var tileTexCoords = tileset.getTileTextureCoordinates(tile.index);
if (tileTexCoords === null) { continue; } if (tileTexCoords === null) { continue; }
var frameWidth = tile.width * (tile.flipX ? -1 : 1);
var frameHeight = tile.height * (tile.flipY ? -1 : 1);
var frameX = tileTexCoords.x + (tile.flipX ? tile.width : 0);
var frameY = tileTexCoords.y + (tile.flipY ? tile.height : 0);
batch.addTileTextureRect( batch.addTileTextureRect(
texture, texture,
x + tile.worldX, y + tile.worldY, tile.width, tile.height, alpha * tile.alpha, tile.tint, x + tile.worldX, y + tile.worldY, tile.width, tile.height, alpha * tile.alpha, tile.tint,
scrollFactorX, scrollFactorY, scrollFactorX, scrollFactorY,
textureWidth, textureHeight, textureWidth, textureHeight,
tileTexCoords.x, tileTexCoords.y, tile.width, tile.height, frameX, frameY, frameWidth, frameHeight,
camera, camera,
renderTarget renderTarget
); );

4
v3/src/renderer/webgl/renderers/spritebatch/SpriteBatch.js
View file

@ -385,8 +385,8 @@ var SpriteBatch = new Class({
// Inset UV coordinates by 0.5px to prevent tile bleeding // Inset UV coordinates by 0.5px to prevent tile bleeding
var u0 = (rectX + 0.5) / textureWidth; var u0 = (rectX + 0.5) / textureWidth;
var v0 = (rectY + 0.5) / textureHeight; var v0 = (rectY + 0.5) / textureHeight;
var u1 = (rectX - 0.5 + width) / textureWidth; var u1 = (rectX - 0.5 + rectW) / textureWidth;
var v1 = (rectY - 0.5 + height) / textureHeight; var v1 = (rectY - 0.5 + rectH) / textureHeight;
mva = cameraMatrix[0]; mva = cameraMatrix[0];
mvb = cameraMatrix[1]; mvb = cameraMatrix[1];