RenderTexture Class
A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
Hint: All DisplayObjects (exmpl. Sprites) that render on RenderTexture should be preloaded. Otherwise black rectangles will be drawn instead.
RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
var renderTexture = new PIXI.RenderTexture(800, 600); var sprite = PIXI.Sprite.fromImage("spinObj_01.png"); sprite.position.x = 800/2; sprite.position.y = 600/2; sprite.anchor.x = 0.5; sprite.anchor.y = 0.5; renderTexture.render(sprite);
Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
var doc = new PIXI.DisplayObjectContainer(); doc.addChild(sprite); renderTexture.render(doc); // Renders to center of renderTexture
Constructor
RenderTexture
-
width
-
height
-
scaleMode
-
resolution
Parameters:
-
width
NumberThe width of the render texture
-
height
NumberThe height of the render texture
-
scaleMode
NumberShould be one of the PIXI.scaleMode consts
-
resolution
NumberThe resolution of the texture being generated
Item Index
Methods
Properties
Methods
_updateWebGLuvs
()
private
Updates the internal WebGL UV cache.
clear
()
Clears the RenderTexture.
destroy
-
destroyBase
Destroys this texture
Parameters:
-
destroyBase
BooleanWhether to destroy the base texture as well
emit
-
eventName
Emit an event to all registered event listeners.
Parameters:
-
eventName
StringThe name of the event.
Returns:
Indication if we've emitted an event.
getImage
()
Will return a HTML Image of the texture
getImage
()
Will return a a base64 string of the texture
listeners
-
eventName
Return a list of assigned event listeners.
Parameters:
-
eventName
StringThe events that should be listed.
Returns:
An array of listener functions
mixin
-
object
Mixes in the properties of the EventTarget prototype onto another object
Parameters:
-
object
ObjectThe obj to mix into
off
-
eventName
-
callback
Remove event listeners.
Parameters:
-
eventName
StringThe event we want to remove.
-
callback
FunctionThe listener that we need to find.
on
-
eventName
-
callback
Register a new EventListener for the given event.
Parameters:
-
eventName
StringName of the event.
-
callback
Functonfn Callback function.
onBaseTextureLoaded
-
event
Called when the base texture is loaded
Parameters:
-
event
Object
once
-
eventName
-
callback
Add an EventListener that's only called once.
Parameters:
-
eventName
StringName of the event.
-
callback
FunctionCallback function.
removeAllListeners
-
eventName
Remove all listeners or only the listeners for the specified event.
Parameters:
-
eventName
StringThe event you want to remove all listeners for.
renderCanvas
-
displayObject
-
clear
This function will draw the display object to the texture.
Parameters:
-
displayObject
DisplayObjectThe display object to render this texture on
-
clear
BooleanIf true the texture will be cleared before the displayObject is drawn
renderWebGL
-
displayObject
-
clear
This function will draw the display object to the texture.
Parameters:
-
displayObject
DisplayObjectThe display object to render this texture on
-
clear
BooleanIf true the texture will be cleared before the displayObject is drawn
resize
-
width
-
height
-
updateBase
Resize the RenderTexture.
Parameters:
-
width
NumberThe width to resize to.
-
height
NumberThe height to resize to.
-
updateBase
BooleanShould the baseTexture.width and height values be resized as well?
setFrame
-
frame
Specifies the region of the baseTexture that this texture will use.
Parameters:
-
frame
RectangleThe frame of the texture to set it to
Properties
_uvs
Object
private
The WebGL UV data cache.
crop
Rectangle
This is the area of the BaseTexture image to actually copy to the Canvas / WebGL when rendering, irrespective of the actual frame size or placement (which can be influenced by trimmed texture atlases)
height
Number
The height of the render texture
noFrame
Boolean
Does this Texture have any frame data assigned to it?
requiresUpdate
Boolean
This will let a renderer know that a texture has been updated (used mainly for webGL uv updates)
resolution
Number
The Resolution of the texture.
valid
Boolean
This will let the renderer know if the texture is valid. If its not then it cannot be rendered.
width
Number
The with of the render texture