new CanvasRenderer(game)
The CanvasRenderer draws the Stage and all its content onto a 2d canvas. This renderer should be used for browsers that do not support webGL. Don't forget to add the CanvasRenderer.view to your DOM or you will not see anything :)
Parameters:
Name | Type | Description |
---|---|---|
game |
Phaser.Game | A reference to the Phaser Game instance |
Members
-
autoResize : Boolean
-
Whether the render view should be resized automatically
Type:
- Boolean
-
clearBeforeRender : Boolean
-
This sets if the CanvasRenderer will clear the canvas or not before the new render pass. If the Stage is NOT transparent Pixi will use a canvas sized fillRect operation every frame to set the canvas background color. If the Stage is transparent Pixi will use clearRect to clear the canvas every frame. Disable this by setting this to false. For example if your game has a canvas filling background image you often don't need this set.
Type:
- Boolean
-
context : CanvasRenderingContext2D
-
The canvas 2d context that everything is drawn with
Type:
- CanvasRenderingContext2D
-
count : Number
-
Internal var.
Type:
- Number
-
game : Phaser.Game
-
A reference to the Phaser Game instance.
Type:
-
height : Number
-
The height of the canvas view
Type:
- Number
- Default Value:
-
- 600
- Source:
- src/pixi/renderers/canvas/CanvasRenderer.js line 80
-
maskManager : CanvasMaskManager
-
Instance of a PIXI.CanvasMaskManager, handles masking when using the canvas renderer
Type:
- CanvasMaskManager
- Source:
- src/pixi/renderers/canvas/CanvasRenderer.js line 123
Properties:
Name Type Description CanvasMaskManager
-
refresh : Boolean
-
Boolean flag controlling canvas refresh.
Type:
- Boolean
-
renderSession : Object
-
The render session is just a bunch of parameter used for rendering
Type:
- Object
-
resolution : Number
-
The resolution of the canvas.
Type:
- Number
-
transparent : Boolean
-
Whether the render view is transparent
Type:
- Boolean
-
type : Number
-
The renderer type.
Type:
- Number
-
view : HTMLCanvasElement
-
The canvas element that everything is drawn to.
Type:
- HTMLCanvasElement
-
width : Number
-
The width of the canvas view
Type:
- Number
- Default Value:
-
- 800
- Source:
- src/pixi/renderers/canvas/CanvasRenderer.js line 71
Methods
-
destroy( [removeView])
-
Removes everything from the renderer and optionally removes the Canvas DOM element.
Parameters:
Name Type Argument Default Description removeView
boolean <optional>
true Removes the Canvas element from the DOM.
-
render(root)
-
Renders the DisplayObjectContainer, usually the Phaser.Stage, to this canvas view.
Parameters:
Name Type Description root
Phaser.Stage | PIXI.DisplayObjectContainer The root element to be rendered.
-
resize(width, height)
-
Resizes the canvas view to the specified width and height
Parameters:
Name Type Description width
Number the new width of the canvas view
height
Number the new height of the canvas view