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

Implemented _renderMode switch and _renderVisibleTiles functionality. This speeds up the sci-fly demo hugely.

Browse source
This commit is contained in:
Pete Baron 2016-05-13 11:37:33 +12:00
parent 0855e59972
commit 4cfcb3b7bd
1 changed files with 69 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

71
src/pixi/extras/Tilemap.js
View file

@ -122,8 +122,16 @@ PIXI.Tilemap.prototype._renderWebGL = function(renderSession)
renderSession.shaderManager.setShader(renderSession.shaderManager.tilemapShader);
// TODO: switch to the appropriate rendering mode function here (rebuild all, part, edges, none)
this._renderWholeTilemap(renderSession);
switch( this._renderMode )
{
case 0:
this._renderVisibleTiles(renderSession);
break;
case 1:
this._renderWholeTilemap(renderSession);
break;
}
renderSession.spriteBatch.start();
};
@ -184,6 +192,65 @@ PIXI.Tilemap.prototype.makeTransform = function(_x, _y, _angleInRadians, _scaleX
};
/**
* render only the visible portion of the tilemap, one layer at a time, one tile at a time
* using a fast webgl tile render
*
* @param {[type]} renderSession [description]
*/
PIXI.Tilemap.prototype._renderVisibleTiles = function(renderSession)
{
var gl = renderSession.gl;
var shader = renderSession.shaderManager.tilemapShader;
renderSession.blendModeManager.setBlendMode(this.blendMode);
// set the uniforms and texture
gl.uniformMatrix3fv( shader.uProjectionMatrix, false, this.makeProjection(gl.drawingBufferWidth, gl.drawingBufferHeight) );
gl.uniform1i( shader.uImageSampler, 0 );
gl.activeTexture(gl.TEXTURE0);
gl.uniform2f(shader.uTileSize, this.tileWide, this.tileHigh);
// check if a texture is dirty..
if(this.texture.baseTexture._dirty[gl.id])
{
renderSession.renderer.updateTexture(this.texture.baseTexture);
}
else
{
// bind the current texture
gl.bindTexture(gl.TEXTURE_2D, this.texture.baseTexture._glTextures[gl.id]);
}
// bind the source buffer
gl.bindBuffer( gl.ARRAY_BUFFER, this.positionBuffer );
// draw the entire map layer
this._renderVisibleLayer(this.layer, renderSession);
};
PIXI.Tilemap.prototype._renderVisibleLayer = function( _layer, renderSession )
{
var gl = renderSession.gl;
var shader = renderSession.shaderManager.tilemapShader;
var firstX = Math.max(Math.floor(this._scrollX / this.tileWide), 0);
var firstY = Math.max(Math.floor(this._scrollY / this.tileHigh), 0);
var lastX = Math.min(firstX + Math.ceil(this.game.width / this.tileWide) + 1, this.mapWide);
var lastY = Math.min(firstY + Math.ceil(this.game.height / this.tileHigh) + 1, this.mapHigh);
for(var y = firstY; y < lastY; y++)
{
var layerRow = _layer.data[y];
for(var x = firstX; x < lastX; x++)
{
this._renderTile(gl, shader, x * this.tileWide, y * this.tileHigh, layerRow[x].index - 1);
}
}
};
/**
* render the entire tilemap, one layer at a time, one tile at a time
* using a fast webgl tile render