Home Reference Source
import {Tileset} from 'penvas/src/tileset.js'
public class | source

Tileset

Extends:

EventEmitterModel → Tileset

The class to use tileset image

Example:

const image = loader.get('my-tileset'); // see Loader documentation
let tileset = new Tileset(0, 0, 32, 32, image);

// render the first tile of tileset
tileset.render(1);

Constructor Summary

Public Constructor
public

constructor(x: number, y: number, tileWidth: number, tileHeight: number, image: Image)

Member Summary

Public Members
public
public

image: Image

public
public
public
public

Method Summary

Public Methods
public

Render a tile

Inherited Summary

From class EventEmitter
protected

List of registers

public

dispatch(event: String, args: mixed)

Dispatch event

public

on(event: String, callback: function, context: mixed)

Listen event

From class Model
public static
public get

hitbox: Object: {"x": *, "y": *, "width": *, "height": *, "radius": *}

public set

hitbox(hitbox: Object): *

public get

x: number: *

public set

x: *

public get

y: number: *

public set

y: *

public
public
public

parent: {}

public
public

render(ctx: RenderingContext, drawer: Drawer)

public
public

step(dt: number)

Public Constructors

public constructor(x: number, y: number, tileWidth: number, tileHeight: number, image: Image) source

Override:

Model#constructor

Params:

NameTypeAttributeDescription
x number
y number
tileWidth number
tileHeight number
image Image

Public Members

public columns: number source

public image: Image source

public rows: number source

public tileHeight: number source

public tileWidth: number source

public tiles: number source

Public Methods

public renderTile(id: number, ctx: CanvasRenderingContext2D) source

Render a tile

Params:

NameTypeAttributeDescription
id number
ctx CanvasRenderingContext2D
  • optional
  • default: null