Fisk-Engine
Fisk-Engine is a Typescript based HTML5 game engine designed to work in all modern browsers that support the Canvas API.
Install
npm install fisk-engine --save-dev
Usage
For a full example of the usage see the example folder for a fully working browser game that uses the keyboard arrows keys as inputs.
import {FiskGame, GameStage} from "fisk-engine";
const myStage = new GameStage({entities: [...]});
const myGame = new FiskGame({
width: 1280,
height: 720,
selector: '...',
initialStage: myStage
});
Interfaces
GameEntity
Basic entity that must be implemented for other game entities and systems to interact with it.
interface GameEntity {
x: number;
y: number;
width: number;
height: number;
hitbox?: {
x: number,
y: number,
width: number,
height: number
}
}
Logical
Extends GameEntity, must be implemented and have logical boolean set to true to be passed into logic loop in engine.
interface Logical extends GameEntity {
logical: boolean;
logic: (game: FiskGame) => void;
}
Renderable
Extends GameEntity, must be implemented and have renderable boolean set to true to be passed into render loop in engine.
interface Renderable extends GameEntity {
renderable: boolean;
render: (ctx: CanvasRenderingContext2D) => void;
}
Collidable
Extends GameEntity, must be implemented and have collidable boolean set to true to be passed into collisionQueue for give GameStage.
interface Collidable extends GameEntity {
collidable: boolean;
collisionResponse?: (response: any) => void;
}
Interactable
Extends GameEntity, must be implemented and have interactive boolean set to true to have event methods called for given events. Available events: onClick, onTouch, keyDown and keyUp.
interface Interactable extends GameEntity {
interactive: boolean;
onClick?: (event: MouseEvent, game: FiskGame) => void;
onTouch?: (event: TouchEvent, game: FiskGame) => void;
onKeydown?: (event: KeyboardEvent, game: FiskGame) => void;
onKeyup?: (event: KeyboardEvent, game: FiskGame) => void;
}