Phaser.TilemapLayer = function (game, tilemap, index, width, height){ this.game = game; this.map = tilemap; this.index = index; this.layer = tilemap.layers[index]; this.canvas = Phaser.Canvas.create(width, height, '', true ); this.context = this.canvas.getContext('2d'); this.baseTexture = new PIXI.BaseTexture(this.canvas); this.texture = new PIXI.Texture(this.baseTexture); this.textureFrame = new Phaser.Frame(0, 0, 0, width, height, 'tilemapLayer', game.rnd.uuid()); Phaser.Image.call(this, this.game, 0, 0, this.texture, this.textureFrame); this.name = ''; this.type = Phaser.TILEMAPLAYER; this.fixedToCamera = true ; this.cameraOffset = new Phaser.Point(0, 0); this.tileColor = 'rgb(255, 255, 255)'; this.debug = false ; this.debugAlpha = 0.5; this.debugColor = 'rgba(0, 255, 0, 1)'; this.debugFill = false ; this.debugFillColor = 'rgba(0, 255, 0, 0.2)'; this.debugCallbackColor = 'rgba(255, 0, 0, 1)'; this.scrollFactorX = 1; this.scrollFactorY = 1; this.dirty = true ; this.rayStepRate = 4; this._cw = tilemap.tileWidth; this._ch = tilemap.tileHeight; this._ga = 1; this._dx = 0; this._dy = 0; this._dw = 0; this._dh = 0; this._tx = 0; this._ty = 0; this._tw = 0; this._th = 0; this._tl = 0; this._maxX = 0; this._maxY = 0; this._startX = 0; this._startY = 0; this._results = [] ; this._x = 0; this._y = 0; this._prevX = 0; this._prevY = 0; this.updateMax(); } ; Phaser.TilemapLayer.prototype = Object.create(Phaser.Image.prototype); Phaser.TilemapLayer.prototype.constructor = Phaser.TilemapLayer; Phaser.TilemapLayer.prototype.postUpdate = function (){ this.scrollX = this.game.camera.x * this.scrollFactorX; this.scrollY = this.game.camera.y * this.scrollFactorY; this.render(); if (this._cache[7] === 1) { this.position.x = (this.game.camera.view.x + this.cameraOffset.x) / this.game.camera.scale.x; this.position.y = (this.game.camera.view.y + this.cameraOffset.y) / this.game.camera.scale.y; } } ; Phaser.TilemapLayer.prototype.resizeWorld = function (){ this.game.world.setBounds(0, 0, this.layer.widthInPixels, this.layer.heightInPixels); } ; Phaser.TilemapLayer.prototype._fixX = function (x){ if (x < 0) { x = 0; } if (this.scrollFactorX === 1) { return x; } return this._x + (x - (this._x / this.scrollFactorX)); } ; Phaser.TilemapLayer.prototype._unfixX = function (x){ if (this.scrollFactorX === 1) { return x; } return (this._x / this.scrollFactorX) + (x - this._x); } ; Phaser.TilemapLayer.prototype._fixY = function (y){ if (y < 0) { y = 0; } if (this.scrollFactorY === 1) { return y; } return this._y + (y - (this._y / this.scrollFactorY)); } ; Phaser.TilemapLayer.prototype._unfixY = function (y){ if (this.scrollFactorY === 1) { return y; } return (this._y / this.scrollFactorY) + (y - this._y); } ; Phaser.TilemapLayer.prototype.getTileX = function (x){ return this.game.math.snapToFloor(this._fixX(x), this.map.tileWidth) / this.map.tileWidth; } ; Phaser.TilemapLayer.prototype.getTileY = function (y){ return this.game.math.snapToFloor(this._fixY(y), this.map.tileHeight) / this.map.tileHeight; } ; Phaser.TilemapLayer.prototype.getTileXY = function (x, y, point){ point.x = this.getTileX(x); point.y = this.getTileY(y); return point; } ; Phaser.TilemapLayer.prototype.getRayCastTiles = function (line, stepRate, collides, interestingFace){ if (typeof stepRate === 'undefined' || stepRate === null ) { stepRate = this.rayStepRate; } if (typeof collides === 'undefined') { collides = false ; } if (typeof interestingFace === 'undefined') { interestingFace = false ; } var tiles = this.getTiles(line.x, line.y, line.width, line.height, collides, interestingFace); if (_AN_Read_length('length', tiles) === 0) { return [] ; } var coords = line.coordinatesOnLine(stepRate); var total = _AN_Read_length('length', coords); var results = [] ; for (var i = 0; i < _AN_Read_length('length', tiles); i++ ){ for (var t = 0; t < total; t++ ){ if (tiles[i].containsPoint(coords[t][0], coords[t][1])) { results.push(tiles[i]); break ; } } } return results; } ; Phaser.TilemapLayer.prototype.getTiles = function (x, y, width, height, collides, interestingFace){ if (typeof collides === 'undefined') { collides = false ; } if (typeof interestingFace === 'undefined') { interestingFace = false ; } x = this._fixX(x); y = this._fixY(y); if (width > this.layer.widthInPixels) { width = this.layer.widthInPixels; } if (height > this.layer.heightInPixels) { height = this.layer.heightInPixels; } this._tx = this.game.math.snapToFloor(x, this._cw) / this._cw; this._ty = this.game.math.snapToFloor(y, this._ch) / this._ch; this._tw = (this.game.math.snapToCeil(width, this._cw) + this._cw) / this._cw; this._th = (this.game.math.snapToCeil(height, this._ch) + this._ch) / this._ch; this._results.length = 0; for (var wy = this._ty; wy < this._ty + this._th; wy++ ){ for (var wx = this._tx; wx < this._tx + this._tw; wx++ ){ if (this.layer.data[wy] && this.layer.data[wy][wx]) { if ((!collides && !interestingFace) || this.layer.data[wy][wx].isInteresting(collides, interestingFace)) { this._results.push(this.layer.data[wy][wx]); } } } } return this._results; } ; Phaser.TilemapLayer.prototype.updateMax = function (){ this._maxX = this.game.math.ceil(this.canvas.width / this.map.tileWidth) + 1; this._maxY = this.game.math.ceil(this.canvas.height / this.map.tileHeight) + 1; if (this.layer) { if (this._maxX > this.layer.width) { this._maxX = this.layer.width; } if (this._maxY > this.layer.height) { this._maxY = this.layer.height; } } this.dirty = true ; } ; Phaser.TilemapLayer.prototype.render = function (){ if (this.layer.dirty) { this.dirty = true ; } if (!this.dirty || !this.visible) { return ; } this._prevX = this._dx; this._prevY = this._dy; this._dx = - (this._x - (this._startX * this.map.tileWidth)); this._dy = - (this._y - (this._startY * this.map.tileHeight)); this._tx = this._dx; this._ty = this._dy; this.context.clearRect(0, 0, this.canvas.width, this.canvas.height); this.context.fillStyle = this.tileColor; var tile; var set; if (this.debug) { this.context.globalAlpha = this.debugAlpha; } for (var y = this._startY, lenY = this._startY + this._maxY; y < lenY; y++ ){ this._column = this.layer.data[y]; for (var x = this._startX, lenX = this._startX + this._maxX; x < lenX; x++ ){ if (this._column[x]) { tile = this._column[x]; set = this.map.tilesets[this.map.tiles[tile.index][2]]; if (this.debug === false && tile.alpha !== this.context.globalAlpha) { this.context.globalAlpha = tile.alpha; } set.draw(this.context, Math.floor(this._tx), Math.floor(this._ty), tile.index); if (tile.debug) { this.context.fillStyle = 'rgba(0, 255, 0, 0.4)'; this.context.fillRect(Math.floor(this._tx), Math.floor(this._ty), this.map.tileWidth, this.map.tileHeight); } } this._tx += this.map.tileWidth; } this._tx = this._dx; this._ty += this.map.tileHeight; } if (this.debug) { this.context.globalAlpha = 1; this.renderDebug(); } if (this.game.renderType === Phaser.WEBGL) { PIXI.updateWebGLTexture(this.baseTexture, this.game.renderer.gl); } this.dirty = false ; this.layer.dirty = false ; return true ; } ; Phaser.TilemapLayer.prototype.renderDebug = function (){ this._tx = this._dx; this._ty = this._dy; this.context.strokeStyle = this.debugColor; this.context.fillStyle = this.debugFillColor; for (var y = this._startY, lenY = this._startY + this._maxY; y < lenY; y++ ){ this._column = this.layer.data[y]; for (var x = this._startX, lenX = this._startX + this._maxX; x < lenX; x++ ){ var tile = this._column[x]; if (tile && (tile.faceTop || tile.faceBottom || tile.faceLeft || tile.faceRight)) { this._tx = Math.floor(this._tx); if (this.debugFill) { this.context.fillRect(this._tx, this._ty, this._cw, this._ch); } this.context.beginPath(); if (tile.faceTop) { this.context.moveTo(this._tx, this._ty); this.context.lineTo(this._tx + this._cw, this._ty); } if (tile.faceBottom) { this.context.moveTo(this._tx, this._ty + this._ch); this.context.lineTo(this._tx + this._cw, this._ty + this._ch); } if (tile.faceLeft) { this.context.moveTo(this._tx, this._ty); this.context.lineTo(this._tx, this._ty + this._ch); } if (tile.faceRight) { this.context.moveTo(this._tx + this._cw, this._ty); this.context.lineTo(this._tx + this._cw, this._ty + this._ch); } this.context.stroke(); } this._tx += this.map.tileWidth; } this._tx = this._dx; this._ty += this.map.tileHeight; } } ; Object.defineProperty(Phaser.TilemapLayer.prototype, "scrollX", { get: function (){ return this._x; } , set: function (value){ if (value !== this._x && value >= 0 && this.layer.widthInPixels > this.width) { this._x = value; if (this._x > (this.layer.widthInPixels - this.width)) { this._x = this.layer.widthInPixels - this.width; } this._startX = this.game.math.floor(this._x / this.map.tileWidth); if (this._startX < 0) { this._startX = 0; } if (this._startX + this._maxX > this.layer.width) { this._startX = this.layer.width - this._maxX; } this.dirty = true ; } } } ); Object.defineProperty(Phaser.TilemapLayer.prototype, "scrollY", { get: function (){ return this._y; } , set: function (value){ if (value !== this._y && value >= 0 && this.layer.heightInPixels > this.height) { this._y = value; if (this._y > (this.layer.heightInPixels - this.height)) { this._y = this.layer.heightInPixels - this.height; } this._startY = this.game.math.floor(this._y / this.map.tileHeight); if (this._startY < 0) { this._startY = 0; } if (this._startY + this._maxY > this.layer.height) { this._startY = this.layer.height - this._maxY; } this.dirty = true ; } } } ); Object.defineProperty(Phaser.TilemapLayer.prototype, "collisionWidth", { get: function (){ return this._cw; } , set: function (value){ this._cw = value; this.dirty = true ; } } ); Object.defineProperty(Phaser.TilemapLayer.prototype, "collisionHeight", { get: function (){ return this._ch; } , set: function (value){ this._ch = value; this.dirty = true ; } } );