Phaser.RenderTexture = function (game, key, width, height){ this.game = game; this.name = key; PIXI.EventTarget.call(this); this.width = width || 100; this.height = height || 100; this.indetityMatrix = PIXI.mat3.create(); this.frame = new PIXI.Rectangle(0, 0, this.width, this.height); this.type = Phaser.RENDERTEXTURE; this._tempPoint = { x: 0, y: 0} ; if (PIXI.gl) { this.initWebGL(); } else { this.initCanvas(); } } ; Phaser.RenderTexture.prototype = Object.create(PIXI.Texture.prototype); Phaser.RenderTexture.prototype.constructor = PIXI.RenderTexture; Phaser.RenderTexture.prototype.render = function (displayObject, position, clear, renderHidden){ if (typeof position === 'undefined') { position = false ; } if (typeof clear === 'undefined') { clear = false ; } if (typeof renderHidden === 'undefined') { renderHidden = false ; } if (displayObject instanceof Phaser.Group) { displayObject = displayObject._container; } if (PIXI.gl) { this.renderWebGL(displayObject, position, clear, renderHidden); } else { this.renderCanvas(displayObject, position, clear, renderHidden); } } ; Phaser.RenderTexture.prototype.renderXY = function (displayObject, x, y, clear, renderHidden){ this._tempPoint.x = x; this._tempPoint.y = y; this.render(displayObject, this._tempPoint, clear, renderHidden); } ; Phaser.RenderTexture.prototype.initWebGL = function (){ var gl = PIXI.gl; this.glFramebuffer = gl.createFramebuffer(); gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer); this.glFramebuffer.width = this.width; this.glFramebuffer.height = this.height; this.baseTexture = new PIXI.BaseTexture(); this.baseTexture.width = this.width; this.baseTexture.height = this.height; this.baseTexture._glTexture = gl.createTexture(); gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture); gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, this.width, this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null ); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); this.baseTexture.isRender = true ; gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer); gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0); this.projection = new PIXI.Point(this.width / 2, - this.height / 2); } ; Phaser.RenderTexture.prototype.resize = function (width, height){ this.width = width; this.height = height; if (PIXI.gl) { this.projection.x = this.width / 2; this.projection.y = - this.height / 2; var gl = PIXI.gl; gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture); gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, this.width, this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null ); } else { this.frame.width = this.width; this.frame.height = this.height; this.renderer.resize(this.width, this.height); } } ; Phaser.RenderTexture.prototype.initCanvas = function (){ this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null , 0); this.baseTexture = new PIXI.BaseTexture(this.renderer.view); this.frame = new PIXI.Rectangle(0, 0, this.width, this.height); } ; Phaser.RenderTexture.prototype.renderWebGL = function (displayObject, position, clear, renderHidden){ var gl = PIXI.gl; gl.colorMask(true , true , true , true ); gl.viewport(0, 0, this.width, this.height); gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer); if (clear) { gl.clearColor(0, 0, 0, 0); _AN_Call_clear('clear', gl, gl.COLOR_BUFFER_BIT); } var children = displayObject.children; var originalWorldTransform = displayObject.worldTransform; displayObject.worldTransform = PIXI.mat3.create(); displayObject.worldTransform[4] = -1; displayObject.worldTransform[5] = this.projection.y * -2; if (position) { displayObject.worldTransform[2] = position.x; displayObject.worldTransform[5] -= position.y; } PIXI.visibleCount++ ; displayObject.vcount = PIXI.visibleCount; for (var i = 0, j = _AN_Read_length('length', children); i < j; i++ ){ children[i].updateTransform(); } var renderGroup = displayObject.__renderGroup; if (renderGroup) { if (displayObject == renderGroup.root) { renderGroup.render(this.projection, this.glFramebuffer); } else { renderGroup.renderSpecific(displayObject, this.projection, this.glFramebuffer); } } else { if (!this.renderGroup) { this.renderGroup = new PIXI.WebGLRenderGroup(gl); } this.renderGroup.setRenderable(displayObject); this.renderGroup.render(this.projection, this.glFramebuffer); } displayObject.worldTransform = originalWorldTransform; } ; Phaser.RenderTexture.prototype.renderCanvas = function (displayObject, position, clear, renderHidden){ var children = displayObject.children; displayObject.worldTransform = PIXI.mat3.create(); if (position) { displayObject.worldTransform[2] = position.x; displayObject.worldTransform[5] = position.y; } for (var i = 0, j = _AN_Read_length('length', children); i < j; i++ ){ children[i].updateTransform(); } if (clear) { this.renderer.context.clearRect(0, 0, this.width, this.height); } this.renderer.renderDisplayObject(displayObject, renderHidden); this.renderer.context.setTransform(1, 0, 0, 1, 0, 0); } ;