Tiny canvas rendering library.
npm install tiny-canvastiny-canvas is a simple HTML canvas library for TypeScript/JavaScript.
``bash`
yarn add tiny-canvasor
npm install tiny-canvas
Simple usage(Draw circle at cursor position).
`typescript
import {
TinyGame,
CanvasRenderer,
AnimationFrameRequestTicker,
CanvasInputManager
} from 'tiny-canvas'
// Game class that extends TinyGame class
export class Game extends TinyGame {
constructor(canvas: HTMLCanvasElement) {
// TinyGame constructor (Renderer, InputManager, Ticker)
super(
new CanvasRenderer(canvas),
new CanvasInputManager(canvas),
new AnimationFrameRequestTicker()
)
}
/**
* Call on frame.
*/
onFrame() {
// Fill background.
this.fillRect(this.leftTop, this.rightBottom, 'black')
// Draw circle at cursor position.
this.fillCircle(this.cursor, 32, 'white')
}
}
`
Build yarn build
Watch build