Class: SystemRenderer

Tiny. SystemRenderer

The SystemRenderer is the base for a Tiny Renderer. It is extended by the Tiny.CanvasRenderer and Tiny.WebGLRenderer which can be used for rendering a Tiny scene.

abstractnew Tiny.SystemRenderer(system, width, height, options)

Name Type Description
system string

The name of the system this renderer is for.

width number

the width of the screen

height number

the height of the screen

options object optional

The optional renderer parameters

Name Type Default Description
view HTMLCanvasElement optional

the canvas to use as a view, optional

transparent boolean false optional

If the render view is transparent, default false

autoResize boolean false optional

If the render view is automatically resized, default false

antialias boolean false optional

sets antialias (only applicable in chrome at the moment)

resolution number 1 optional

The resolution / device pixel ratio of the renderer. The resolution of the renderer retina would be 2.

preserveDrawingBuffer boolean false optional

enables drawing buffer preservation, enable this if you need to call toDataUrl on the webgl context.

clearBeforeRender boolean true optional

This sets if the renderer will clear the canvas or not before the new render pass.

backgroundColor number 0x000000 optional

The background color of the rendered area (shown if not transparent).

roundPixels boolean false optional

If true Tiny will Math.floor() x/y values when rendering, stopping pixel interpolation.


  • EventEmitter



Whether css dimensions of canvas view should be resized to screen dimensions automatically


The background color to fill if not transparent

blendModesobject.<string, mixed>

Tracks the blend modes useful for this renderer.


This sets if the CanvasRenderer will clear the canvas or not before the new render pass.
If the scene is NOT transparent Tiny will use a canvas sized fillRect operation every frame to set the canvas background color. If the scene is transparent Tiny 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.


Same as view.height, actual number of pixels in the canvas by vertical


The supplied constructor options.


The value of the preserveDrawingBuffer flag affects whether or not the contents of the stencil buffer is retained after rendering.


The resolution / device pixel ratio of the renderer

Default Value:
  • 1


If true Tiny will Math.floor() x/y values when rendering, stopping pixel interpolation.
Handy for crisp pixel art and speed on legacy devices.

Measurements of the screen. (0, 0, screenWidth, screenHeight)

Its safe to use as filterArea or hitArea for whole stage


Whether the render view is transparent


The type of the renderer.

Default Value:


The canvas element that everything is drawn to


Same as view.width, actual number of pixels in the canvas by horizontal


Removes everything from the renderer and optionally removes the Canvas DOM element.

Name Type Default Description
removeView boolean false optional

Removes the Canvas element from the DOM.

generateTexture(displayObject, scaleMode, resolution, region){Tiny.Texture}

Useful function that returns a texture of the display object that can then be used to create sprites
This can be quite useful if your displayObject is complicated and needs to be reused multiple times.

Name Type Description
displayObject Tiny.DisplayObject

The displayObject the object will be generated from

scaleMode number

Should be one of the scaleMode consts

resolution number

The resolution / device pixel ratio of the texture being generated

region Tiny.Rectangle optional

The region of the displayObject, that shall be rendered, if no region is specified, defaults to the local bounds of the displayObject.

Type Description
Tiny.Texture a texture of the graphics object

resize(screenWidth, screenHeight)

Resizes the screen and canvas to the specified width and height
Canvas dimensions are multiplied by resolution

Name Type Description
screenWidth number

the new width of the screen

screenHeight number

the new height of the screen

Documentation generated by JSDoc 3.4.3 on Fri Jul 09 2021 19:32:27 GMT+0800 (CST)