littlejsengine 1.8.4 → 1.8.6

package/build/littlejs.d.ts

@@ -0,0 +1,2021 @@
+declare module "littlejs.esm" {
+    /**
+     * LittleJS - The Tiny JavaScript Game Engine That Can!
+     * MIT License - Copyright 2021 Frank Force
+     *
+     * Engine Features
+     * - Object oriented system with base class engine object
+     * - Base class object handles update, physics, collision, rendering, etc
+     * - Engine helper classes and functions like Vector2, Color, and Timer
+     * - Super fast rendering system for tile sheets
+     * - Sound effects audio with zzfx and music with zzfxm
+     * - Input processing system with gamepad and touchscreen support
+     * - Tile layer rendering and collision system
+     * - Particle effect system
+     * - Medal system tracks and displays achievements
+     * - Debug tools and debug rendering system
+     * - Post processing effects
+     * - Call engineInit() to start it up!
+     * @namespace Engine
+     */
+    /** Name of engine
+     *  @type {String}
+     *  @default
+     *  @memberof Engine */
+    export const engineName: string;
+    /** Version of engine
+     *  @type {String}
+     *  @default
+     *  @memberof Engine */
+    export const engineVersion: string;
+    /** Frames per second to update objects
+     *  @type {Number}
+     *  @default
+     *  @memberof Engine */
+    export const frameRate: number;
+    /** How many seconds each frame lasts, engine uses a fixed time step
+     *  @type {Number}
+     *  @default 1/60
+     *  @memberof Engine */
+    export const timeDelta: number;
+    /** Array containing all engine objects
+     *  @type {Array}
+     *  @memberof Engine */
+    export let engineObjects: any[];
+    /** Current update frame, used to calculate time
+     *  @type {Number}
+     *  @memberof Engine */
+    export let frame: number;
+    /** Current engine time since start in seconds, derived from frame
+     *  @type {Number}
+     *  @memberof Engine */
+    export let time: number;
+    /** Actual clock time since start in seconds (not affected by pause or frame rate clamping)
+     *  @type {Number}
+     *  @memberof Engine */
+    export let timeReal: number;
+    /** Is the game paused? Causes time and objects to not be updated
+     *  @type {Boolean}
+     *  @default 0
+     *  @memberof Engine */
+    export let paused: boolean;
+    /** Set if game is paused
+     *  @param {Boolean} paused
+     *  @memberof Engine */
+    export function setPaused(_paused: any): void;
+    /** Start up LittleJS engine with your callback functions
+     *  @param {Function} gameInit        - Called once after the engine starts up, setup the game
+     *  @param {Function} gameUpdate      - Called every frame at 60 frames per second, handle input and update the game state
+     *  @param {Function} gameUpdatePost  - Called after physics and objects are updated, setup camera and prepare for render
+     *  @param {Function} gameRender      - Called before objects are rendered, draw any background effects that appear behind objects
+     *  @param {Function} gameRenderPost  - Called after objects are rendered, draw effects or hud that appear above all objects
+     *  @param {Array} [imageSources=['tiles.png']] - Image to load
+     *  @memberof Engine */
+    export function engineInit(gameInit: Function, gameUpdate: Function, gameUpdatePost: Function, gameRender: Function, gameRenderPost: Function, imageSources?: any[]): void;
+    /** Update each engine object, remove destroyed objects, and update time
+     *  @memberof Engine */
+    export function engineObjectsUpdate(): void;
+    /** Destroy and remove all objects
+     *  @memberof Engine */
+    export function engineObjectsDestroy(): void;
+    /** Triggers a callback for each object within a given area
+     *  @param {Vector2} [pos]                 - Center of test area
+     *  @param {Number} [size]                 - Radius of circle if float, rectangle size if Vector2
+     *  @param {Function} [callbackFunction]   - Calls this function on every object that passes the test
+     *  @param {Array} [objects=engineObjects] - List of objects to check
+     *  @memberof Engine */
+    export function engineObjectsCallback(pos?: Vector2, size?: number, callbackFunction?: Function, objects?: any[]): void;
+    /**
+     * LittleJS Debug System
+     * - Press Esc to show debug overlay with mouse pick
+     * - Number keys toggle debug functions
+     * - +/- apply time scale
+     * - Debug primitive rendering
+     * - Save a 2d canvas as a png image
+     * @namespace Debug
+     */
+    /** True if debug is enabled
+     *  @type {Boolean}
+     *  @default
+     *  @memberof Debug */
+    export const debug: boolean;
+    /** True if watermark with FPS should be shown, false in release builds
+     *  @type {Boolean}
+     *  @default
+     *  @memberof Debug */
+    export let showWatermark: boolean;
+    /** Asserts if the experssion is false, does not do anything in release builds
+     *  @param {Boolean} assertion
+     *  @param {Object}  output
+     *  @memberof Debug */
+    export function ASSERT(...assert: any[]): void;
+    /** Draw a debug rectangle in world space
+     *  @param {Vector2} pos
+     *  @param {Vector2} [size=Vector2()]
+     *  @param {String}  [color='#fff']
+     *  @param {Number}  [time=0]
+     *  @param {Number}  [angle=0]
+     *  @param {Boolean} [fill=false]
+     *  @memberof Debug */
+    export function debugRect(pos: Vector2, size?: Vector2, color?: string, time?: number, angle?: number, fill?: boolean): void;
+    /** Draw a debug circle in world space
+     *  @param {Vector2} pos
+     *  @param {Number}  [radius=0]
+     *  @param {String}  [color='#fff']
+     *  @param {Number}  [time=0]
+     *  @param {Boolean} [fill=false]
+     *  @memberof Debug */
+    export function debugCircle(pos: Vector2, radius?: number, color?: string, time?: number, fill?: boolean): void;
+    /** Draw a debug point in world space
+     *  @param {Vector2} pos
+     *  @param {String}  [color='#fff']
+     *  @param {Number}  [time=0]
+     *  @param {Number}  [angle=0]
+     *  @memberof Debug */
+    export function debugPoint(pos: Vector2, color?: string, time?: number, angle?: number): void;
+    /** Draw a debug line in world space
+     *  @param {Vector2} posA
+     *  @param {Vector2} posB
+     *  @param {String}  [color='#fff']
+     *  @param {Number}  [thickness=.1]
+     *  @param {Number}  [time=0]
+     *  @memberof Debug */
+    export function debugLine(posA: Vector2, posB: Vector2, color?: string, thickness?: number, time?: number): void;
+    /** Draw a debug axis aligned bounding box in world space
+     *  @param {Vector2} posA
+     *  @param {Vector2} sizeA
+     *  @param {Vector2} posB
+     *  @param {Vector2} sizeB
+     *  @param {String}  [color='#fff']
+     *  @memberof Debug */
+    export function debugAABB(pA: any, sA: any, pB: any, sB: any, color?: string): void;
+    /** Draw a debug axis aligned bounding box in world space
+     *  @param {String}  text
+     *  @param {Vector2} pos
+     *  @param {Number}  [size=1]
+     *  @param {String}  [color='#fff']
+     *  @param {Number}  [time=0]
+     *  @param {Number}  [angle=0]
+     *  @param {String}  [font='monospace']
+     *  @memberof Debug */
+    export function debugText(text: string, pos: Vector2, size?: number, color?: string, time?: number, angle?: number, font?: string): void;
+    /** Clear all debug primitives in the list
+     *  @memberof Debug */
+    export function debugClear(): void;
+    /** Save a canvas to disk
+     *  @param {HTMLCanvasElement} canvas
+     *  @param {String}            [filename]
+     *  @param {String}            [type='image/png']
+     *  @memberof Debug */
+    export function debugSaveCanvas(canvas: HTMLCanvasElement, filename?: string, type?: string): void;
+    /**
+     * LittleJS Engine Settings
+     * - All settings for the engine are here
+     * @namespace Settings
+     */
+    /** Position of camera in world space
+     *  @type {Vector2}
+     *  @default Vector2()
+     *  @memberof Settings */
+    export let cameraPos: Vector2;
+    /** Scale of camera in world space
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let cameraScale: number;
+    /** The max size of the canvas, centered if window is larger
+     *  @type {Vector2}
+     *  @default Vector2(1920,1200)
+     *  @memberof Settings */
+    export let canvasMaxSize: Vector2;
+    /** Fixed size of the canvas, if enabled canvas size never changes
+     * - you may also need to set mainCanvasSize if using screen space coords in startup
+     *  @type {Vector2}
+     *  @default Vector2()
+     *  @memberof Settings */
+    export let canvasFixedSize: Vector2;
+    /** Disables filtering for crisper pixel art if true
+     *  @type {Boolean}
+     *  @default
+     *  @memberof Settings */
+    export let canvasPixelated: boolean;
+    /** Default font used for text rendering
+     *  @type {String}
+     *  @default
+     *  @memberof Settings */
+    export let fontDefault: string;
+    /** Default size of tiles in pixels
+     *  @type {Vector2}
+     *  @default Vector2(16,16)
+     *  @memberof Settings */
+    export let tileSizeDefault: Vector2;
+    /** How many pixels smaller to draw tiles to prevent bleeding from neighbors
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let tileFixBleedScale: number;
+    /** Enable physics solver for collisions between objects
+     *  @type {Boolean}
+     *  @default
+     *  @memberof Settings */
+    export let enablePhysicsSolver: boolean;
+    /** Default object mass for collison calcuations (how heavy objects are)
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let objectDefaultMass: number;
+    /** How much to slow velocity by each frame (0-1)
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let objectDefaultDamping: number;
+    /** How much to slow angular velocity each frame (0-1)
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let objectDefaultAngleDamping: number;
+    /** How much to bounce when a collision occurs (0-1)
+     *  @type {Number}
+     *  @default 0
+     *  @memberof Settings */
+    export let objectDefaultElasticity: number;
+    /** How much to slow when touching (0-1)
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let objectDefaultFriction: number;
+    /** Clamp max speed to avoid fast objects missing collisions
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let objectMaxSpeed: number;
+    /** How much gravity to apply to objects along the Y axis, negative is down
+     *  @type {Number}
+     *  @default 0
+     *  @memberof Settings */
+    export let gravity: number;
+    /** Scales emit rate of particles, useful for low graphics mode (0 disables particle emitters)
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let particleEmitRateScale: number;
+    /** Enable webgl rendering, webgl can be disabled and removed from build (with some features disabled)
+     *  @type {Boolean}
+     *  @default
+     *  @memberof Settings */
+    export let glEnable: boolean;
+    /** Fixes slow rendering in some browsers by not compositing the WebGL canvas
+     *  @type {Boolean}
+     *  @default
+     *  @memberof Settings */
+    export let glOverlay: boolean;
+    /** Should gamepads be allowed
+     *  @type {Boolean}
+     *  @default
+     *  @memberof Settings */
+    export let gamepadsEnable: boolean;
+    /** If true, the dpad input is also routed to the left analog stick (for better accessability)
+     *  @type {Boolean}
+     *  @default
+     *  @memberof Settings */
+    export let gamepadDirectionEmulateStick: boolean;
+    /** If true the WASD keys are also routed to the direction keys (for better accessability)
+     *  @type {Boolean}
+     *  @default
+     *  @memberof Settings */
+    export let inputWASDEmulateDirection: boolean;
+    /** True if touch gamepad should appear on mobile devices
+     *  - Supports left analog stick, 4 face buttons and start button (button 9)
+     *  - Must be set by end of gameInit to be activated
+     *  @type {Boolean}
+     *  @default 0
+     *  @memberof Settings */
+    export let touchGamepadEnable: boolean;
+    /** True if touch gamepad should be analog stick or false to use if 8 way dpad
+     *  @type {Boolean}
+     *  @default
+     *  @memberof Settings */
+    export let touchGamepadAnalog: boolean;
+    /** Size of virutal gamepad for touch devices in pixels
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let touchGamepadSize: number;
+    /** Transparency of touch gamepad overlay
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let touchGamepadAlpha: number;
+    /** Allow vibration hardware if it exists
+     *  @type {Boolean}
+     *  @default
+     *  @memberof Settings */
+    export let vibrateEnable: boolean;
+    /** All audio code can be disabled and removed from build
+     *  @type {Boolean}
+     *  @default
+     *  @memberof Settings */
+    export let soundEnable: boolean;
+    /** Volume scale to apply to all sound, music and speech
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let soundVolume: number;
+    /** Default range where sound no longer plays
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let soundDefaultRange: number;
+    /** Default range percent to start tapering off sound (0-1)
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let soundDefaultTaper: number;
+    /** How long to show medals for in seconds
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let medalDisplayTime: number;
+    /** How quickly to slide on/off medals in seconds
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let medalDisplaySlideTime: number;
+    /** Size of medal display
+     *  @type {Vector2}
+     *  @default Vector2(640,80)
+     *  @memberof Settings */
+    export let medalDisplaySize: Vector2;
+    /** Size of icon in medal display
+     *  @type {Number}
+     *  @default
+     *  @memberof Settings */
+    export let medalDisplayIconSize: number;
+    /** Set position of camera in world space
+     *  @param {Vector2} pos
+     *  @memberof Settings */
+    export function setCameraPos(pos: Vector2): void;
+    /** Set scale of camera in world space
+     *  @param {Number} scale
+     *  @memberof Settings */
+    export function setCameraScale(scale: number): void;
+    /** Set max size of the canvas
+     *  @param {Vector2} size
+     *  @memberof Settings */
+    export function setCanvasMaxSize(size: Vector2): void;
+    /** Set fixed size of the canvas
+     *  @param {Vector2} size
+     *  @memberof Settings */
+    export function setCanvasFixedSize(size: Vector2): void;
+    /** Disables anti aliasing for pixel art if true
+     *  @param {Boolean} pixelated
+     *  @memberof Settings */
+    export function setCanvasPixelated(pixelated: boolean): void;
+    /** Set default font used for text rendering
+     *  @param {String} font
+     *  @memberof Settings */
+    export function setFontDefault(font: string): void;
+    /** Set if webgl rendering is enabled
+     *  @param {Boolean} enable
+     *  @memberof Settings */
+    export function setGlEnable(enable: boolean): void;
+    /** Set to not composite the WebGL canvas
+     *  @param {Boolean} overlay
+     *  @memberof Settings */
+    export function setGlOverlay(overlay: boolean): void;
+    /** Set default size of tiles in pixels
+     *  @param {Vector2} size
+     *  @memberof Settings */
+    export function setTileSizeDefault(size: Vector2): void;
+    /** Set to prevent tile bleeding from neighbors in pixels
+     *  @param {Number} scale
+     *  @memberof Settings */
+    export function setTileFixBleedScale(scale: number): void;
+    /** Set if collisions between objects are enabled
+     *  @param {Boolean} enable
+     *  @memberof Settings */
+    export function setEnablePhysicsSolver(enable: boolean): void;
+    /** Set default object mass for collison calcuations
+     *  @param {Number} mass
+     *  @memberof Settings */
+    export function setObjectDefaultMass(mass: number): void;
+    /** Set how much to slow velocity by each frame
+     *  @param {Number} damping
+     *  @memberof Settings */
+    export function setObjectDefaultDamping(damp: any): void;
+    /** Set how much to slow angular velocity each frame
+     *  @param {Number} damping
+     *  @memberof Settings */
+    export function setObjectDefaultAngleDamping(damp: any): void;
+    /** Set how much to bounce when a collision occur
+     *  @param {Number} elasticity
+     *  @memberof Settings */
+    export function setObjectDefaultElasticity(elasticity: number): void;
+    /** Set how much to slow when touching
+     *  @param {Number} friction
+     *  @memberof Settings */
+    export function setObjectDefaultFriction(friction: number): void;
+    /** Set max speed to avoid fast objects missing collisions
+     *  @param {Number} speed
+     *  @memberof Settings */
+    export function setObjectMaxSpeed(speed: number): void;
+    /** Set how much gravity to apply to objects along the Y axis
+     *  @param {Number} gravity
+     *  @memberof Settings */
+    export function setGravity(g: any): void;
+    /** Set to scales emit rate of particles
+     *  @param {Number} scale
+     *  @memberof Settings */
+    export function setParticleEmitRateScale(scale: number): void;
+    /** Set if gamepads are enabled
+     *  @param {Boolean} enable
+     *  @memberof Settings */
+    export function setGamepadsEnable(enable: boolean): void;
+    /** Set if the dpad input is also routed to the left analog stick
+     *  @param {Boolean} enable
+     *  @memberof Settings */
+    export function setGamepadDirectionEmulateStick(enable: boolean): void;
+    /** Set if true the WASD keys are also routed to the direction keys
+     *  @param {Boolean} enable
+     *  @memberof Settings */
+    export function setInputWASDEmulateDirection(enable: boolean): void;
+    /** Set if touch gamepad should appear on mobile devices
+     *  @param {Boolean} enable
+     *  @memberof Settings */
+    export function setTouchGamepadEnable(enable: boolean): void;
+    /** Set if touch gamepad should be analog stick or 8 way dpad
+     *  @param {Boolean} analog
+     *  @memberof Settings */
+    export function setTouchGamepadAnalog(analog: boolean): void;
+    /** Set size of virutal gamepad for touch devices in pixels
+     *  @param {Number} size
+     *  @memberof Settings */
+    export function setTouchGamepadSize(size: number): void;
+    /** Set transparency of touch gamepad overlay
+     *  @param {Number} alpha
+     *  @memberof Settings */
+    export function setTouchGamepadAlpha(alpha: number): void;
+    /** Set to allow vibration hardware if it exists
+     *  @param {Boolean} enable
+     *  @memberof Settings */
+    export function setVibrateEnable(enable: boolean): void;
+    /** Set to disable all audio code
+     *  @param {Boolean} enable
+     *  @memberof Settings */
+    export function setSoundEnable(enable: boolean): void;
+    /** Set volume scale to apply to all sound, music and speech
+     *  @param {Number} volume
+     *  @memberof Settings */
+    export function setSoundVolume(volume: number): void;
+    /** Set default range where sound no longer plays
+     *  @param {Number} range
+     *  @memberof Settings */
+    export function setSoundDefaultRange(range: number): void;
+    /** Set default range percent to start tapering off sound
+     *  @param {Number} taper
+     *  @memberof Settings */
+    export function setSoundDefaultTaper(taper: number): void;
+    /** Set how long to show medals for in seconds
+     *  @param {Number} time
+     *  @memberof Settings */
+    export function setMedalDisplayTime(time: number): void;
+    /** Set how quickly to slide on/off medals in seconds
+     *  @param {Number} time
+     *  @memberof Settings */
+    export function setMedalDisplaySlideTime(time: number): void;
+    /** Set size of medal display
+     *  @param {Vector2} size
+     *  @memberof Settings */
+    export function setMedalDisplaySize(size: Vector2): void;
+    /** Set size of icon in medal display
+     *  @param {Number} size
+     *  @memberof Settings */
+    export function setMedalDisplayIconSize(size: number): void;
+    /** Set to stop medals from being unlockable
+     *  @param {Boolean} preventUnlock
+     *  @memberof Settings */
+    export function setMedalsPreventUnlock(preventUnlock: boolean): void;
+    /** Set if watermark with FPS should be shown
+     *  @param {Boolean} show
+     *  @memberof Debug */
+    export function setShowWatermark(show: boolean): void;
+    /** Set key code used to toggle debug mode, Esc by default
+     *  @param {Number} key
+     *  @memberof Debug */
+    export function setDebugKey(key: number): void;
+    /**
+     * LittleJS Utility Classes and Functions
+     * - General purpose math library
+     * - Vector2 - fast, simple, easy 2D vector class
+     * - Color - holds a rgba color with some math functions
+     * - Timer - tracks time automatically
+     * - RandomGenerator - seeded random number generator
+     * @namespace Utilities
+     */
+    /** A shortcut to get Math.PI
+     *  @type {Number}
+     *  @default Math.PI
+     *  @memberof Utilities */
+    export const PI: number;
+    /** Returns absoulte value of value passed in
+     *  @param {Number} value
+     *  @return {Number}
+     *  @memberof Utilities */
+    export function abs(value: number): number;
+    /** Returns lowest of two values passed in
+     *  @param {Number} valueA
+     *  @param {Number} valueB
+     *  @return {Number}
+     *  @memberof Utilities */
+    export function min(valueA: number, valueB: number): number;
+    /** Returns highest of two values passed in
+     *  @param {Number} valueA
+     *  @param {Number} valueB
+     *  @return {Number}
+     *  @memberof Utilities */
+    export function max(valueA: number, valueB: number): number;
+    /** Returns the sign of value passed in (also returns 1 if 0)
+     *  @param {Number} value
+     *  @return {Number}
+     *  @memberof Utilities */
+    export function sign(value: number): number;
+    /** Returns first parm modulo the second param, but adjusted so negative numbers work as expected
+     *  @param {Number} dividend
+     *  @param {Number} [divisor=1]
+     *  @return {Number}
+     *  @memberof Utilities */
+    export function mod(dividend: number, divisor?: number): number;
+    /** Clamps the value beween max and min
+     *  @param {Number} value
+     *  @param {Number} [min=0]
+     *  @param {Number} [max=1]
+     *  @return {Number}
+     *  @memberof Utilities */
+    export function clamp(value: number, min?: number, max?: number): number;
+    /** Returns what percentage the value is between valueA and valueB
+     *  @param {Number} value
+     *  @param {Number} valueA
+     *  @param {Number} valueB
+     *  @return {Number}
+     *  @memberof Utilities */
+    export function percent(value: number, valueA: number, valueB: number): number;
+    /** Returns signed wrapped distance between the two values passed in
+     *  @param {Number} valueA
+     *  @param {Number} valueB
+     *  @param {Number} [wrapSize=1]
+     *  @returns {Number}
+     *  @memberof Utilities */
+    export function distanceWrap(valueA: number, valueB: number, wrapSize?: number): number;
+    /** Linearly interpolates between values passed in with wrappping
+     *  @param {Number} percent
+     *  @param {Number} valueA
+     *  @param {Number} valueB
+     *  @param {Number} [wrapSize=1]
+     *  @returns {Number}
+     *  @memberof Utilities */
+    export function lerpWrap(percent: number, valueA: number, valueB: number, wrapSize?: number): number;
+    /** Returns signed wrapped distance between the two angles passed in
+     *  @param {Number} angleA
+     *  @param {Number} angleB
+     *  @returns {Number}
+     *  @memberof Utilities */
+    export function distanceAngle(angleA: number, angleB: number): number;
+    /** Linearly interpolates between the angles passed in with wrappping
+     *  @param {Number} percent
+     *  @param {Number} angleA
+     *  @param {Number} angleB
+     *  @returns {Number}
+     *  @memberof Utilities */
+    export function lerpAngle(percent: number, angleA: number, angleB: number): number;
+    /** Linearly interpolates between values passed in using percent
+     *  @param {Number} percent
+     *  @param {Number} valueA
+     *  @param {Number} valueB
+     *  @return {Number}
+     *  @memberof Utilities */
+    export function lerp(percent: number, valueA: number, valueB: number): number;
+    /** Applies smoothstep function to the percentage value
+     *  @param {Number} percent
+     *  @return {Number}
+     *  @memberof Utilities */
+    export function smoothStep(percent: number): number;
+    /** Returns the nearest power of two not less then the value
+     *  @param {Number} value
+     *  @return {Number}
+     *  @memberof Utilities */
+    export function nearestPowerOfTwo(value: number): number;
+    /** Returns true if two axis aligned bounding boxes are overlapping
+     *  @param {Vector2} pointA  - Center of box A
+     *  @param {Vector2} sizeA   - Size of box A
+     *  @param {Vector2} pointB  - Center of box B
+     *  @param {Vector2} sizeB   - Size of box B
+     *  @return {Boolean}        - True if overlapping
+     *  @memberof Utilities */
+    export function isOverlapping(pointA: Vector2, sizeA: Vector2, pointB: Vector2, sizeB: Vector2): boolean;
+    /** Returns an oscillating wave between 0 and amplitude with frequency of 1 Hz by default
+     *  @param {Number} [frequency=1] - Frequency of the wave in Hz
+     *  @param {Number} [amplitude=1] - Amplitude (max height) of the wave
+     *  @param {Number} [t=time]      - Value to use for time of the wave
+     *  @return {Number}              - Value waving between 0 and amplitude
+     *  @memberof Utilities */
+    export function wave(frequency?: number, amplitude?: number, t?: number): number;
+    /** Formats seconds to mm:ss style for display purposes
+     *  @param {Number} t - time in seconds
+     *  @return {String}
+     *  @memberof Utilities */
+    export function formatTime(t: number): string;
+    /** Random global functions
+     *  @namespace Random */
+    /** Returns a random value between the two values passed in
+     *  @param {Number} [valueA=1]
+     *  @param {Number} [valueB=0]
+     *  @return {Number}
+     *  @memberof Random */
+    export function rand(valueA?: number, valueB?: number): number;
+    /** Returns a floored random value the two values passed in
+     *  @param {Number} valueA
+     *  @param {Number} [valueB=0]
+     *  @return {Number}
+     *  @memberof Random */
+    export function randInt(valueA: number, valueB?: number): number;
+    /** Randomly returns either -1 or 1
+     *  @return {Number}
+     *  @memberof Random */
+    export function randSign(): number;
+    /** Returns a random Vector2 within a circular shape
+     *  @param {Number} [radius=1]
+     *  @param {Number} [minRadius=0]
+     *  @return {Vector2}
+     *  @memberof Random */
+    export function randInCircle(radius?: number, minRadius?: number): Vector2;
+    /** Returns a random Vector2 with the passed in length
+     *  @param {Number} [length=1]
+     *  @return {Vector2}
+     *  @memberof Random */
+    export function randVector(length?: number): Vector2;
+    /** Returns a random color between the two passed in colors, combine components if linear
+     *  @param {Color}   [colorA=Color()]
+     *  @param {Color}   [colorB=Color(0,0,0,1)]
+     *  @param {Boolean} [linear]
+     *  @return {Color}
+     *  @memberof Random */
+    export function randColor(colorA?: Color, colorB?: Color, linear?: boolean): Color;
+    /**
+     * Seeded random number generator
+     * - Can be used to create a deterministic random number sequence
+     * @example
+     * let r = new RandomGenerator(123); // random number generator with seed 123
+     * let a = r.float();                // random value between 0 and 1
+     * let b = r.int(10);                // random integer between 0 and 9
+     * r.seed = 123;                     // reset the seed
+     * let c = r.float();                // the same value as a
+     */
+    export class RandomGenerator {
+        /** Create a random number generator with the seed passed in
+         *  @param {Number} seed - Starting seed */
+        constructor(seed: number);
+        /** @property {Number} - random seed */
+        seed: number;
+        /** Returns a seeded random value between the two values passed in
+        *  @param {Number} [valueA=1]
+        *  @param {Number} [valueB=0]
+        *  @return {Number} */
+        float(valueA?: number, valueB?: number): number;
+        /** Returns a floored seeded random value the two values passed in
+        *  @param {Number} valueA
+        *  @param {Number} [valueB=0]
+        *  @return {Number} */
+        int(valueA: number, valueB?: number): number;
+        /** Randomly returns either -1 or 1 deterministically
+        *  @return {Number} */
+        sign(): number;
+    }
+    /**
+     * 2D Vector object with vector math library
+     * - Functions do not change this so they can be chained together
+     * @example
+     * let a = new Vector2(2, 3); // vector with coordinates (2, 3)
+     * let b = new Vector2;       // vector with coordinates (0, 0)
+     * let c = vec2(4, 2);        // use the vec2 function to make a Vector2
+     * let d = a.add(b).scale(5); // operators can be chained
+     */
+    export class Vector2 {
+        /** Create a 2D vector with the x and y passed in, can also be created with vec2()
+         *  @param {Number} [x=0] - X axis location
+         *  @param {Number} [y=0] - Y axis location */
+        constructor(x?: number, y?: number);
+        /** @property {Number} - X axis location */
+        x: number;
+        /** @property {Number} - Y axis location */
+        y: number;
+        /** Returns a new vector that is a copy of this
+         *  @return {Vector2} */
+        copy(): Vector2;
+        /** Returns a copy of this vector plus the vector passed in
+         *  @param {Vector2} v - other vector
+         *  @return {Vector2} */
+        add(v: Vector2): Vector2;
+        /** Returns a copy of this vector minus the vector passed in
+         *  @param {Vector2} v - other vector
+         *  @return {Vector2} */
+        subtract(v: Vector2): Vector2;
+        /** Returns a copy of this vector times the vector passed in
+         *  @param {Vector2} v - other vector
+         *  @return {Vector2} */
+        multiply(v: Vector2): Vector2;
+        /** Returns a copy of this vector divided by the vector passed in
+         *  @param {Vector2} v - other vector
+         *  @return {Vector2} */
+        divide(v: Vector2): Vector2;
+        /** Returns a copy of this vector scaled by the vector passed in
+         *  @param {Number} s - scale
+         *  @return {Vector2} */
+        scale(s: number): Vector2;
+        /** Returns the length of this vector
+         * @return {Number} */
+        length(): number;
+        /** Returns the length of this vector squared
+         * @return {Number} */
+        lengthSquared(): number;
+        /** Returns the distance from this vector to vector passed in
+         * @param {Vector2} v - other vector
+         * @return {Number} */
+        distance(v: Vector2): number;
+        /** Returns the distance squared from this vector to vector passed in
+         * @param {Vector2} v - other vector
+         * @return {Number} */
+        distanceSquared(v: Vector2): number;
+        /** Returns a new vector in same direction as this one with the length passed in
+         * @param {Number} [length=1]
+         * @return {Vector2} */
+        normalize(length?: number): Vector2;
+        /** Returns a new vector clamped to length passed in
+         * @param {Number} [length=1]
+         * @return {Vector2} */
+        clampLength(length?: number): Vector2;
+        /** Returns the dot product of this and the vector passed in
+         * @param {Vector2} v - other vector
+         * @return {Number} */
+        dot(v: Vector2): number;
+        /** Returns the cross product of this and the vector passed in
+         * @param {Vector2} v - other vector
+         * @return {Number} */
+        cross(v: Vector2): number;
+        /** Returns the angle of this vector, up is angle 0
+         * @return {Number} */
+        angle(): number;
+        /** Sets this vector with angle and length passed in
+         * @param {Number} [angle=0]
+         * @param {Number} [length=1]
+         * @return {Vector2} */
+        setAngle(angle?: number, length?: number): Vector2;
+        /** Returns copy of this vector rotated by the angle passed in
+         * @param {Number} angle
+         * @return {Vector2} */
+        rotate(angle: number): Vector2;
+        /** Returns the integer direction of this vector, corrosponding to multiples of 90 degree rotation (0-3)
+         * @return {Number} */
+        direction(): number;
+        /** Returns a copy of this vector that has been inverted
+         * @return {Vector2} */
+        invert(): Vector2;
+        /** Returns a copy of this vector with each axis floored
+         * @return {Vector2} */
+        floor(): Vector2;
+        /** Returns the area this vector covers as a rectangle
+         * @return {Number} */
+        area(): number;
+        /** Returns a new vector that is p percent between this and the vector passed in
+         * @param {Vector2} v - other vector
+         * @param {Number}  percent
+         * @return {Vector2} */
+        lerp(v: Vector2, percent: number): Vector2;
+        /** Returns true if this vector is within the bounds of an array size passed in
+         * @param {Vector2} arraySize
+         * @return {Boolean} */
+        arrayCheck(arraySize: Vector2): boolean;
+        /** Returns this vector expressed as a string
+         * @param {Number} digits - precision to display
+         * @return {String} */
+        toString(digits?: number): string;
+    }
+    /**
+     * Color object (red, green, blue, alpha) with some helpful functions
+     * @example
+     * let a = new Color;              // white
+     * let b = new Color(1, 0, 0);     // red
+     * let c = new Color(0, 0, 0, 0);  // transparent black
+     * let d = RGB(0, 0, 1);           // blue using rgb color
+     * let e = HSL(.3, 1, .5);         // green using hsl color
+     */
+    export class Color {
+        /** Create a color with the rgba components passed in, white by default
+         *  @param {Number} [r=1] - red
+         *  @param {Number} [g=1] - green
+         *  @param {Number} [b=1] - blue
+         *  @param {Number} [a=1] - alpha*/
+        constructor(r?: number, g?: number, b?: number, a?: number);
+        /** @property {Number} - Red */
+        r: number;
+        /** @property {Number} - Green */
+        g: number;
+        /** @property {Number} - Blue */
+        b: number;
+        /** @property {Number} - Alpha */
+        a: number;
+        /** Returns a new color that is a copy of this
+         * @return {Color} */
+        copy(): Color;
+        /** Returns a copy of this color plus the color passed in
+         * @param {Color} c - other color
+         * @return {Color} */
+        add(c: Color): Color;
+        /** Returns a copy of this color minus the color passed in
+         * @param {Color} c - other color
+         * @return {Color} */
+        subtract(c: Color): Color;
+        /** Returns a copy of this color times the color passed in
+         * @param {Color} c - other color
+         * @return {Color} */
+        multiply(c: Color): Color;
+        /** Returns a copy of this color divided by the color passed in
+         * @param {Color} c - other color
+         * @return {Color} */
+        divide(c: Color): Color;
+        /** Returns a copy of this color scaled by the value passed in, alpha can be scaled separately
+         * @param {Number} scale
+         * @param {Number} [alphaScale=scale]
+         * @return {Color} */
+        scale(scale: number, alphaScale?: number): Color;
+        /** Returns a copy of this color clamped to the valid range between 0 and 1
+         * @return {Color} */
+        clamp(): Color;
+        /** Returns a new color that is p percent between this and the color passed in
+         * @param {Color}  c - other color
+         * @param {Number} percent
+         * @return {Color} */
+        lerp(c: Color, percent: number): Color;
+        /** Sets this color given a hue, saturation, lightness, and alpha
+         * @param {Number} [h=0] - hue
+         * @param {Number} [s=0] - saturation
+         * @param {Number} [l=1] - lightness
+         * @param {Number} [a=1] - alpha
+         * @return {Color} */
+        setHSLA(h?: number, s?: number, l?: number, a?: number): Color;
+        /** Returns this color expressed in hsla format
+         * @return {Array} */
+        getHSLA(): any[];
+        /** Returns a new color that has each component randomly adjusted
+         * @param {Number} [amount=.05]
+         * @param {Number} [alphaAmount=0]
+         * @return {Color} */
+        mutate(amount?: number, alphaAmount?: number): Color;
+        /** Returns this color expressed as a hex color code
+         * @param {Boolean} [useAlpha=1] - if alpha should be included in result
+         * @return {String} */
+        toString(useAlpha?: boolean): string;
+        /** Set this color from a hex code
+         * @param {String} hex - html hex code
+         * @return {Color} */
+        setHex(hex: string): Color;
+        /** Returns this color expressed as 32 bit RGBA value
+         * @return {Number} */
+        rgbaInt(): number;
+    }
+    /**
+     * Timer object tracks how long has passed since it was set
+     * @example
+     * let a = new Timer;    // creates a timer that is not set
+     * a.set(3);             // sets the timer to 3 seconds
+     *
+     * let b = new Timer(1); // creates a timer with 1 second left
+     * b.unset();            // unsets the timer
+     */
+    export class Timer {
+        /** Create a timer object set time passed in
+         *  @param {Number} [timeLeft] - How much time left before the timer elapses in seconds */
+        constructor(timeLeft?: number);
+        time: number;
+        setTime: number;
+        /** Set the timer with seconds passed in
+         *  @param {Number} [timeLeft=0] - How much time left before the timer is elapsed in seconds */
+        set(timeLeft?: number): void;
+        /** Unset the timer */
+        unset(): void;
+        /** Returns true if set
+         * @return {Boolean} */
+        isSet(): boolean;
+        /** Returns true if set and has not elapsed
+         * @return {Boolean} */
+        active(): boolean;
+        /** Returns true if set and elapsed
+         * @return {Boolean} */
+        elapsed(): boolean;
+        /** Get how long since elapsed, returns 0 if not set (returns negative if currently active)
+         * @return {Number} */
+        get(): number;
+        /** Get percentage elapsed based on time it was set to, returns 0 if not set
+         * @return {Number} */
+        getPercent(): number;
+        /** Returns this timer expressed as a string
+         * @return {String} */
+        toString(): string;
+        /** Get how long since elapsed, returns 0 if not set (returns negative if currently active)
+         * @return {Number} */
+        valueOf(): number;
+    }
+    /**
+     * Create a 2d vector, can take another Vector2 to copy, 2 scalars, or 1 scalar
+     * @param {(Number|Vector2)} [x=0]
+     * @param {Number} [y=0]
+     * @return {Vector2}
+     * @example
+     * let a = vec2(0, 1); // vector with coordinates (0, 1)
+     * let b = vec2(a);    // copy a into b
+     * a = vec2(5);        // set a to (5, 5)
+     * b = vec2();         // set b to (0, 0)
+     * @memberof Utilities
+     */
+    export function vec2(x?: (number | Vector2), y?: number): Vector2;
+    /**
+     * Create a color object with RGBA values
+     * @param {Number} [r=1] - red
+     * @param {Number} [g=1] - green
+     * @param {Number} [b=1] - blue
+     * @param {Number} [a=1] - alpha
+     * @return {Color}
+     * @memberof Utilities
+     */
+    export function rgb(r?: number, g?: number, b?: number, a?: number): Color;
+    /**
+     * Create a color object with HSLA values
+     * @param {Number} [h=0] - hue
+     * @param {Number} [s=0] - saturation
+     * @param {Number} [l=1] - lightness
+     * @param {Number} [a=1] - alpha
+     * @return {Color}
+     * @memberof Utilities
+     */
+    export function hsl(h?: number, s?: number, l?: number, a?: number): Color;
+    /** Array containing texture info for batch rendering system
+     *  @type {Array}
+     *  @memberof Draw */
+    export let textureInfos: any[];
+    /**
+     * Create a tile info object
+     * - This can take vecs or floats for easier use and conversion
+     * - If an index is passed in, the tile size and index will determine the position
+     * @param {(Number|Vector2)} [pos=Vector2()]         - Top left corner of tile in pixels or index
+     * @param {(Number|Vector2)} [size=tileSizeDefault]  - Size of tile in pixels
+     * @param {Number} [textureIndex=0]                  - Texture index to use
+     * @return {TileInfo}
+     * @example
+     * tile(2)                       // a tile at index 2 using the default tile size of 16
+     * tile(5, 8)                    // a tile at index 5 using a tile size of 8
+     * tile(1, 16, 3)                // a tile at index 1 of size 16 on texture 3
+     * tile(vec2(4,8), vec2(30,10))  // a tile at pixel location (4,8) with a size of (30,10)
+     * @memberof Draw
+     */
+    export function tile(pos?: (number | Vector2), size?: (number | Vector2), textureIndex?: number): TileInfo;
+    /**
+     * Tile Info - Stores info about how to draw a tile
+     */
+    export class TileInfo {
+        /** Create a tile info object
+         *  @param {Vector2} [pos=Vector2()]        - Top left corner of tile in pixels
+         *  @param {Vector2} [size=tileSizeDefault] - Size of tile in pixels
+         *  @param {Number}  [textureIndex=0]       - Texture index to use
+         */
+        constructor(pos?: Vector2, size?: Vector2, textureIndex?: number);
+        /** @property {Vector2} - Top left corner of tile in pixels */
+        pos: Vector2;
+        /** @property {Vector2} - Size of tile in pixels */
+        size: Vector2;
+        /** @property {Number} - Texture index to use */
+        textureIndex: number;
+        /** Returns an offset copy of this tile, useful for animation
+        *  @param {Vector2} offset - Offset to apply in pixels
+        *  @return {TileInfo}
+        */
+        offset(offset: Vector2): TileInfo;
+        /** Returns the texture info for this tile
+        *  @return {TextureInfo}
+        */
+        getTextureInfo(): TextureInfo;
+    }
+    /** Texture Info - Stores info about each texture */
+    export class TextureInfo {
+        constructor(image: any);
+        /** @property {CanvasImageSource} - image source */
+        image: any;
+        /** @property {Vector2} - size of the image */
+        size: Vector2;
+        /** @property {WebGLTexture} - webgl texture */
+        glTexture: WebGLTexture;
+        /** @property {Vector2} - size to adjust tile to fix bleeding */
+        fixBleedSize: Vector2;
+    }
+    /**
+     * LittleJS Drawing System
+     * - Hybrid system with both Canvas2D and WebGL available
+     * - Super fast tile sheet rendering with WebGL
+     * - Can apply rotation, mirror, color and additive color
+     * - Font rendering system with built in engine font
+     * - Many useful utility functions
+     *
+     * LittleJS uses a hybrid rendering solution with the best of both Canvas2D and WebGL.
+     * There are 3 canvas/contexts available to draw to...
+     * mainCanvas - 2D background canvas, non WebGL stuff like tile layers are drawn here.
+     * glCanvas - Used by the accelerated WebGL batch rendering system.
+     * overlayCanvas - Another 2D canvas that appears on top of the other 2 canvases.
+     *
+     * The WebGL rendering system is very fast with some caveats...
+     * - Switching blend modes (additive) or textures causes another draw call which is expensive in excess
+     * - Group additive rendering together using renderOrder to mitigate this issue
+     *
+     * The LittleJS rendering solution is intentionally simple, feel free to adjust it for your needs!
+     * @namespace Draw
+     */
+    /** The primary 2D canvas visible to the user
+     *  @type {HTMLCanvasElement}
+     *  @memberof Draw */
+    export let mainCanvas: HTMLCanvasElement;
+    /** 2d context for mainCanvas
+     *  @type {CanvasRenderingContext2D}
+     *  @memberof Draw */
+    export let mainContext: CanvasRenderingContext2D;
+    /** A canvas that appears on top of everything the same size as mainCanvas
+     *  @type {HTMLCanvasElement}
+     *  @memberof Draw */
+    export let overlayCanvas: HTMLCanvasElement;
+    /** 2d context for overlayCanvas
+     *  @type {CanvasRenderingContext2D}
+     *  @memberof Draw */
+    export let overlayContext: CanvasRenderingContext2D;
+    /** The size of the main canvas (and other secondary canvases)
+     *  @type {Vector2}
+     *  @memberof Draw */
+    export let mainCanvasSize: Vector2;
+    /** Convert from screen to world space coordinates
+     *  @param {Vector2} screenPos
+     *  @return {Vector2}
+     *  @memberof Draw */
+    export function screenToWorld(screenPos: Vector2): Vector2;
+    /** Convert from world to screen space coordinates
+     *  @param {Vector2} worldPos
+     *  @return {Vector2}
+     *  @memberof Draw */
+    export function worldToScreen(worldPos: Vector2): Vector2;
+    /** Draw textured tile centered in world space, with color applied if using WebGL
+     *  @param {Vector2} pos                            - Center of the tile in world space
+     *  @param {Vector2} [size=Vector2(1,1)]            - Size of the tile in world space
+     *  @param {TileInfo}[tileInfo]                     - Tile info to use, untextured if undefined
+     *  @param {Vector2} [tileSize=tileSizeDefault]     - Tile size in source pixels
+     *  @param {Color}   [color=Color()]                - Color to modulate with
+     *  @param {Number}  [angle=0]                      - Angle to rotate by
+     *  @param {Boolean} [mirror=0]                     - If true image is flipped along the Y axis
+     *  @param {Color}   [additiveColor=Color(0,0,0,0)] - Additive color to be applied
+     *  @param {Boolean} [useWebGL=glEnable]            - Use accelerated WebGL rendering
+     *  @param {Boolean} [screenSpace=0]                - If true the pos and size are in screen space
+     *  @param {CanvasRenderingContext2D} [context]     - Canvas 2D context to draw to
+     *  @memberof Draw */
+    export function drawTile(pos: Vector2, size?: Vector2, tileInfo?: TileInfo, color?: Color, angle?: number, mirror?: boolean, additiveColor?: Color, useWebGL?: boolean, screenSpace?: boolean, context?: CanvasRenderingContext2D): void;
+    /** Draw colored rect centered on pos
+     *  @param {Vector2} pos
+     *  @param {Vector2} [size=Vector2(1,1)]
+     *  @param {Color}   [color=Color()]
+     *  @param {Number}  [angle=0]
+     *  @param {Boolean} [useWebGL=glEnable]
+     *  @param {Boolean} [screenSpace=0]
+     *  @param {CanvasRenderingContext2D} [context]
+     *  @memberof Draw */
+    export function drawRect(pos: Vector2, size?: Vector2, color?: Color, angle?: number, useWebGL?: boolean, screenSpace?: boolean, context?: CanvasRenderingContext2D): void;
+    /** Draw colored line between two points
+     *  @param {Vector2} posA
+     *  @param {Vector2} posB
+     *  @param {Number}  [thickness=.1]
+     *  @param {Color}   [color=Color()]
+     *  @param {Boolean} [useWebGL=glEnable]
+     *  @param {Boolean} [screenSpace=0]
+     *  @param {CanvasRenderingContext2D} [context]
+     *  @memberof Draw */
+    export function drawLine(posA: Vector2, posB: Vector2, thickness?: number, color?: Color, useWebGL?: boolean, screenSpace?: boolean, context?: CanvasRenderingContext2D): void;
+    /** Draw directly to a 2d canvas context in world space
+     *  @param {Vector2}  pos
+     *  @param {Vector2}  size
+     *  @param {Number}   angle
+     *  @param {Boolean}  mirror
+     *  @param {Function} drawFunction
+     *  @param {Boolean} [screenSpace=0]
+     *  @param {CanvasRenderingContext2D} [context=mainContext]
+     *  @memberof Draw */
+    export function drawCanvas2D(pos: Vector2, size: Vector2, angle: number, mirror: boolean, drawFunction: Function, screenSpace?: boolean, context?: CanvasRenderingContext2D): void;
+    /** Enable normal or additive blend mode
+     *  @param {Boolean} [additive=0]
+     *  @param {Boolean} [useWebGL=glEnable]
+     *  @param {CanvasRenderingContext2D} [context=mainContext]
+     *  @memberof Draw */
+    export function setBlendMode(additive?: boolean, useWebGL?: boolean, context?: CanvasRenderingContext2D): void;
+    /** Draw text on overlay canvas in screen space
+     *  Automatically splits new lines into rows
+     *  @param {String}  text
+     *  @param {Vector2} pos
+     *  @param {Number}  [size=1]
+     *  @param {Color}   [color=Color()]
+     *  @param {Number}  [lineWidth=0]
+     *  @param {Color}   [lineColor=Color(0,0,0)]
+     *  @param {String}  [textAlign='center']
+     *  @param {String}  [font=fontDefault]
+     *  @param {CanvasRenderingContext2D} [context=overlayContext]
+     *  @memberof Draw */
+    export function drawTextScreen(text: string, pos: Vector2, size?: number, color?: Color, lineWidth?: number, lineColor?: Color, textAlign?: string, font?: string, context?: CanvasRenderingContext2D): void;
+    /** Draw text on overlay canvas in world space
+     *  Automatically splits new lines into rows
+     *  @param {String}  text
+     *  @param {Vector2} pos
+     *  @param {Number}  [size=1]
+     *  @param {Color}   [color=Color()]
+     *  @param {Number}  [lineWidth=0]
+     *  @param {Color}   [lineColor=Color(0,0,0)]
+     *  @param {String}  [textAlign='center']
+     *  @param {String}  [font=fontDefault]
+     *  @param {CanvasRenderingContext2D} [context=overlayContext]
+     *  @memberof Draw */
+    export function drawText(text: string, pos: Vector2, size?: number, color?: Color, lineWidth?: number, lineColor?: Color, textAlign?: string, font?: string, context?: CanvasRenderingContext2D): void;
+    export let engineFontImage: any;
+    /**
+     * Font Image Object - Draw text on a 2D canvas by using characters in an image
+     * - 96 characters (from space to tilde) are stored in an image
+     * - Uses a default 8x8 font if none is supplied
+     * - You can also use fonts from the main tile sheet
+     * @example
+     * // use built in font
+     * const font = new ImageFont;
+     *
+     * // draw text
+     * font.drawTextScreen("LittleJS\nHello World!", vec2(200, 50));
+     */
+    export class FontImage {
+        /** Create an image font
+         *  @param {HTMLImageElement} [image] - Image for the font, if undefined default font is used
+         *  @param {Vector2} [tileSize=vec2(8)] - Size of the font source tiles
+         *  @param {Vector2} [paddingSize=vec2(0,1)] - How much extra space to add between characters
+         *  @param {CanvasRenderingContext2D} [context=overlayContext] - context to draw to
+         */
+        constructor(image?: HTMLImageElement, tileSize?: Vector2, paddingSize?: Vector2, context?: CanvasRenderingContext2D);
+        image: any;
+        tileSize: Vector2;
+        paddingSize: Vector2;
+        context: CanvasRenderingContext2D;
+        /** Draw text in world space using the image font
+         *  @param {String}  text
+         *  @param {Vector2} pos
+         *  @param {Number}  [scale=.25]
+         *  @param {Boolean} [center]
+         */
+        drawText(text: string, pos: Vector2, scale?: number, center?: boolean): void;
+        /** Draw text in screen space using the image font
+         *  @param {String}  text
+         *  @param {Vector2} pos
+         *  @param {Number}  [scale=4]
+         *  @param {Boolean} [center]
+         */
+        drawTextScreen(text: string, pos: Vector2, scale?: number, center?: boolean): void;
+    }
+    /** Returns true if fullscreen mode is active
+     *  @return {Boolean}
+     *  @memberof Draw */
+    export function isFullscreen(): boolean;
+    /** Toggle fullsceen mode
+     *  @memberof Draw */
+    export function toggleFullscreen(): void;
+    /**
+     * LittleJS WebGL Interface
+     * - All webgl used by the engine is wrapped up here
+     * - For normal stuff you won't need to see or call anything in this file
+     * - For advanced stuff there are helper functions to create shaders, textures, etc
+     * - Can be disabled with glEnable to revert to 2D canvas rendering
+     * - Batches sprite rendering on GPU for incredibly fast performance
+     * - Sprite transform math is done in the shader where possible
+     * - Supports shadertoy style post processing shaders
+     * @namespace WebGL
+     */
+    /** The WebGL canvas which appears above the main canvas and below the overlay canvas
+     *  @type {HTMLCanvasElement}
+     *  @memberof WebGL */
+    export let glCanvas: HTMLCanvasElement;
+    /** 2d context for glCanvas
+     *  @type {WebGLRenderingContext}
+     *  @memberof WebGL */
+    export let glContext: WebGLRenderingContext;
+    /** Set the WebGl texture, called automatically if using multiple textures
+     *  - This may also flush the gl buffer resulting in more draw calls and worse performance
+     *  @param {WebGLTexture} texture
+     *  @memberof WebGL */
+    export function glSetTexture(texture: WebGLTexture): void;
+    /** Compile WebGL shader of the given type, will throw errors if in debug mode
+     *  @param {String} source
+     *  @param          type
+     *  @return {WebGLShader}
+     *  @memberof WebGL */
+    export function glCompileShader(source: string, type: any): WebGLShader;
+    /** Create WebGL program with given shaders
+     *  @param {WebGLShader} vsSource
+     *  @param {WebGLShader} fsSource
+     *  @return {WebGLProgram}
+     *  @memberof WebGL */
+    export function glCreateProgram(vsSource: WebGLShader, fsSource: WebGLShader): WebGLProgram;
+    /** Create WebGL texture from an image and init the texture settings
+     *  @param {Image} image
+     *  @return {WebGLTexture}
+     *  @memberof WebGL */
+    export function glCreateTexture(image: new (width?: number, height?: number) => HTMLImageElement): WebGLTexture;
+    /** Set up a post processing shader
+     *  @param {String} shaderCode
+     *  @param {Boolean} includeOverlay
+     *  @memberof WebGL */
+    export function glInitPostProcess(shaderCode: string, includeOverlay: boolean): void;
+    /**
+     * LittleJS Input System
+     * - Tracks keyboard down, pressed, and released
+     * - Tracks mouse buttons, position, and wheel
+     * - Tracks multiple analog gamepads
+     * - Virtual gamepad for touch devices
+     * @namespace Input
+     */
+    /** Returns true if device key is down
+     *  @param {Number} key
+     *  @param {Number} [device=0]
+     *  @return {Boolean}
+     *  @memberof Input */
+    export function keyIsDown(key: number, device?: number): boolean;
+    /** Returns true if device key was pressed this frame
+     *  @param {Number} key
+     *  @param {Number} [device=0]
+     *  @return {Boolean}
+     *  @memberof Input */
+    export function keyWasPressed(key: number, device?: number): boolean;
+    /** Returns true if device key was released this frame
+     *  @param {Number} key
+     *  @param {Number} [device=0]
+     *  @return {Boolean}
+     *  @memberof Input */
+    export function keyWasReleased(key: number, device?: number): boolean;
+    /** Clears all input
+     *  @memberof Input */
+    export function clearInput(): void;
+    /**
+     * LittleJS Input System
+     * - Tracks keyboard down, pressed, and released
+     * - Tracks mouse buttons, position, and wheel
+     * - Tracks multiple analog gamepads
+     * - Virtual gamepad for touch devices
+     * @namespace Input
+     */
+    /** Returns true if device key is down
+     *  @param {Number} key
+     *  @param {Number} [device=0]
+     *  @return {Boolean}
+     *  @memberof Input */
+    export function mouseIsDown(key: number, device?: number): boolean;
+    /** Returns true if device key was pressed this frame
+     *  @param {Number} key
+     *  @param {Number} [device=0]
+     *  @return {Boolean}
+     *  @memberof Input */
+    export function mouseWasPressed(key: number, device?: number): boolean;
+    /** Returns true if device key was released this frame
+     *  @param {Number} key
+     *  @param {Number} [device=0]
+     *  @return {Boolean}
+     *  @memberof Input */
+    export function mouseWasReleased(key: number, device?: number): boolean;
+    /** Mouse pos in world space
+     *  @type {Vector2}
+     *  @memberof Input */
+    export let mousePos: Vector2;
+    /** Mouse pos in screen space
+     *  @type {Vector2}
+     *  @memberof Input */
+    export let mousePosScreen: Vector2;
+    /** Mouse wheel delta this frame
+     *  @type {Number}
+     *  @memberof Input */
+    export let mouseWheel: number;
+    /** Returns true if user is using gamepad (has more recently pressed a gamepad button)
+     *  @type {Boolean}
+     *  @memberof Input */
+    export let isUsingGamepad: boolean;
+    /** Prevents input continuing to the default browser handling (false by default)
+     *  @type {Boolean}
+     *  @memberof Input */
+    export let preventDefaultInput: boolean;
+    /** Returns true if gamepad button is down
+     *  @param {Number} button
+     *  @param {Number} [gamepad=0]
+     *  @return {Boolean}
+     *  @memberof Input */
+    export function gamepadIsDown(button: number, gamepad?: number): boolean;
+    /** Returns true if gamepad button was pressed
+     *  @param {Number} button
+     *  @param {Number} [gamepad=0]
+     *  @return {Boolean}
+     *  @memberof Input */
+    export function gamepadWasPressed(button: number, gamepad?: number): boolean;
+    /** Returns true if gamepad button was released
+     *  @param {Number} button
+     *  @param {Number} [gamepad=0]
+     *  @return {Boolean}
+     *  @memberof Input */
+    export function gamepadWasReleased(button: number, gamepad?: number): boolean;
+    /** Returns gamepad stick value
+     *  @param {Number} stick
+     *  @param {Number} [gamepad=0]
+     *  @return {Vector2}
+     *  @memberof Input */
+    export function gamepadStick(stick: number, gamepad?: number): Vector2;
+    export function mouseToScreen(mousePos: any): Vector2;
+    export function gamepadsUpdate(): void;
+    /** Pulse the vibration hardware if it exists
+     *  @param {Number} [pattern=100] - a single value in miliseconds or vibration interval array
+     *  @memberof Input */
+    export function vibrate(pattern?: number): void;
+    /** Cancel any ongoing vibration
+     *  @memberof Input */
+    export function vibrateStop(): void;
+    /** True if a touch device has been detected
+     *  @memberof Input */
+    export const isTouchDevice: boolean;
+    /**
+     * LittleJS Audio System
+     * - <a href=https://killedbyapixel.github.io/ZzFX/>ZzFX Sound Effects</a> - ZzFX Sound Effect Generator
+     * - <a href=https://keithclark.github.io/ZzFXM/>ZzFXM Music</a> - ZzFXM Music System
+     * - Caches sounds and music for fast playback
+     * - Can attenuate and apply stereo panning to sounds
+     * - Ability to play mp3, ogg, and wave files
+     * - Speech synthesis functions
+     * @namespace Audio
+     */
+    /**
+     * Sound Object - Stores a zzfx sound for later use and can be played positionally
+     *
+     * <a href=https://killedbyapixel.github.io/ZzFX/>Create sounds using the ZzFX Sound Designer.</a>
+     * @example
+     * // create a sound
+     * const sound_example = new Sound([.5,.5]);
+     *
+     * // play the sound
+     * sound_example.play();
+     */
+    export class Sound {
+        /** Create a sound object and cache the zzfx samples for later use
+         *  @param {Array}  zzfxSound - Array of zzfx parameters, ex. [.5,.5]
+         *  @param {Number} [range=soundDefaultRange] - World space max range of sound, will not play if camera is farther away
+         *  @param {Number} [taper=soundDefaultTaper] - At what percentage of range should it start tapering off
+         */
+        constructor(zzfxSound: any[], range?: number, taper?: number);
+        /** @property {Number} - World space max range of sound, will not play if camera is farther away */
+        range: number;
+        /** @property {Number} - At what percentage of range should it start tapering off */
+        taper: number;
+        /** @property {Number} - How much to randomize frequency each time sound plays */
+        randomness: any;
+        sampleChannels: any[][];
+        sampleRate: number;
+        /** Play the sound
+         *  @param {Vector2} [pos] - World space position to play the sound, sound is not attenuated if null
+         *  @param {Number}  [volume=1] - How much to scale volume by (in addition to range fade)
+         *  @param {Number}  [pitch=1] - How much to scale pitch by (also adjusted by this.randomness)
+         *  @param {Number}  [randomnessScale=1] - How much to scale randomness
+         *  @param {Boolean} [loop=0] - Should the sound loop
+         *  @return {AudioBufferSourceNode} - The audio source node
+         */
+        play(pos?: Vector2, volume?: number, pitch?: number, randomnessScale?: number, loop?: boolean): AudioBufferSourceNode;
+        source: number | AudioBufferSourceNode;
+        /** Stop the last instance of this sound that was played */
+        stop(): void;
+        /** Play the sound as a note with a semitone offset
+         *  @param {Number}  semitoneOffset - How many semitones to offset pitch
+         *  @param {Vector2} [pos] - World space position to play the sound, sound is not attenuated if null
+         *  @param {Number}  [volume=1] - How much to scale volume by (in addition to range fade)
+         *  @return {AudioBufferSourceNode} - The audio source node
+         */
+        playNote(semitoneOffset: number, pos?: Vector2, volume?: number): AudioBufferSourceNode;
+        /** Get how long this sound is in seconds
+         *  @return {Number} - How long the sound is in seconds (undefined if loading)
+         */
+        getDuration(): number;
+        /** Check if the last instance of this sound is playing
+         *  @return {Boolean} - True if the sound is playing
+         */
+        isPlaying(): boolean;
+        /** Check if sound is loading, for sounds fetched from a url
+         *  @return {Boolean} - True if sound is loading and not ready to play
+         */
+        isLoading(): boolean;
+    }
+    /**
+     * Sound Wave Object - Stores a wave sound for later use and can be played positionally
+     * - this can be used to play wave, mp3, and ogg files
+     * @example
+     * // create a sound
+     * const sound_example = new SoundWave('sound.mp3');
+     *
+     * // play the sound
+     * sound_example.play();
+     */
+    export class SoundWave extends Sound {
+        /** Create a sound object and cache the wave file for later use
+         *  @param {String} filename - Filename of audio file to load
+         *  @param {Number} [randomness=0] - How much to randomize frequency each time sound plays
+         *  @param {Number} [range=soundDefaultRange] - World space max range of sound, will not play if camera is farther away
+         *  @param {Number} [taper=soundDefaultTaper] - At what percentage of range should it start tapering off
+         */
+        constructor(filename: string, randomness?: number, range?: number, taper?: number);
+        randomness: number;
+    }
+    /**
+     * Music Object - Stores a zzfx music track for later use
+     *
+     * <a href=https://keithclark.github.io/ZzFXM/>Create music with the ZzFXM tracker.</a>
+     * @example
+     * // create some music
+     * const music_example = new Music(
+     * [
+     *     [                         // instruments
+     *       [,0,400]                // simple note
+     *     ],
+     *     [                         // patterns
+     *         [                     // pattern 1
+     *             [                 // channel 0
+     *                 0, -1,        // instrument 0, left speaker
+     *                 1, 0, 9, 1    // channel notes
+     *             ],
+     *             [                 // channel 1
+     *                 0, 1,         // instrument 1, right speaker
+     *                 0, 12, 17, -1 // channel notes
+     *             ]
+     *         ],
+     *     ],
+     *     [0, 0, 0, 0], // sequence, play pattern 0 four times
+     *     90            // BPM
+     * ]);
+     *
+     * // play the music
+     * music_example.play();
+     */
+    export class Music extends Sound {
+        /** Create a music object and cache the zzfx music samples for later use
+         *  @param {Array} zzfxMusic - Array of zzfx music parameters
+         */
+        constructor(zzfxMusic: any[]);
+        sampleChannels: any[];
+        /** Play the music
+         *  @param {Number}  [volume=1] - How much to scale volume by
+         *  @param {Boolean} [loop=1] - True if the music should loop
+         *  @return {AudioBufferSourceNode} - The audio source node
+         */
+        playMusic(volume?: number, loop?: boolean): AudioBufferSourceNode;
+    }
+    /** Play an mp3, ogg, or wav audio from a local file or url
+     *  @param {String}  url - Location of sound file to play
+     *  @param {Number}  [volume=1] - How much to scale volume by
+     *  @param {Boolean} [loop=1] - True if the music should loop
+     *  @return {HTMLAudioElement} - The audio element for this sound
+     *  @memberof Audio */
+    export function playAudioFile(url: string, volume?: number, loop?: boolean): HTMLAudioElement;
+    /** Speak text with passed in settings
+     *  @param {String} text - The text to speak
+     *  @param {String} [language] - The language/accent to use (examples: en, it, ru, ja, zh)
+     *  @param {Number} [volume=1] - How much to scale volume by
+     *  @param {Number} [rate=1] - How quickly to speak
+     *  @param {Number} [pitch=1] - How much to change the pitch by
+     *  @return {SpeechSynthesisUtterance} - The utterance that was spoken
+     *  @memberof Audio */
+    export function speak(text: string, language?: string, volume?: number, rate?: number, pitch?: number): SpeechSynthesisUtterance;
+    /** Stop all queued speech
+     *  @memberof Audio */
+    export function speakStop(): void;
+    /** Get frequency of a note on a musical scale
+     *  @param {Number} semitoneOffset - How many semitones away from the root note
+     *  @param {Number} [rootNoteFrequency=220] - Frequency at semitone offset 0
+     *  @return {Number} - The frequency of the note
+     *  @memberof Audio */
+    export function getNoteFrequency(semitoneOffset: number, rootFrequency?: number): number;
+    /** Audio context used by the engine
+     *  @memberof Audio */
+    export let audioContext: any;
+    /** Play cached audio samples with given settings
+     *  @param {Array}   sampleChannels - Array of arrays of samples to play (for stereo playback)
+     *  @param {Number}  [volume=1] - How much to scale volume by
+     *  @param {Number}  [rate=1] - The playback rate to use
+     *  @param {Number}  [pan=0] - How much to apply stereo panning
+     *  @param {Boolean} [loop=0] - True if the sound should loop when it reaches the end
+     *  @param {Number}  [sampleRate=44100] - Sample rate for the sound
+     *  @return {AudioBufferSourceNode} - The audio node of the sound played
+     *  @memberof Audio */
+    export function playSamples(sampleChannels: any[], volume?: number, rate?: number, pan?: number, loop?: boolean, sampleRate?: number): AudioBufferSourceNode;
+    /** Generate and play a ZzFX sound
+     *
+     *  <a href=https://killedbyapixel.github.io/ZzFX/>Create sounds using the ZzFX Sound Designer.</a>
+     *  @param {Array} zzfxSound - Array of ZzFX parameters, ex. [.5,.5]
+     *  @return {AudioBufferSourceNode} - The audio node of the sound played
+     *  @memberof Audio */
+    export function zzfx(...zzfxSound: any[]): AudioBufferSourceNode;
+    /**
+     * LittleJS Object System
+     */
+    /**
+     * LittleJS Object Base Object Class
+     * - Top level object class used by the engine
+     * - Automatically adds self to object list
+     * - Will be updated and rendered each frame
+     * - Renders as a sprite from a tilesheet by default
+     * - Can have color and addtive color applied
+     * - 2D Physics and collision system
+     * - Sorted by renderOrder
+     * - Objects can have children attached
+     * - Parents are updated before children, and set child transform
+     * - Call destroy() to get rid of objects
+     *
+     * The physics system used by objects is simple and fast with some caveats...
+     * - Collision uses the axis aligned size, the object's rotation angle is only for rendering
+     * - Objects are guaranteed to not intersect tile collision from physics
+     * - If an object starts or is moved inside tile collision, it will not collide with that tile
+     * - Collision for objects can be set to be solid to block other objects
+     * - Objects may get pushed into overlapping other solid objects, if so they will push away
+     * - Solid objects are more performance intensive and should be used sparingly
+     * @example
+     * // create an engine object, normally you would first extend the class with your own
+     * const pos = vec2(2,3);
+     * const object = new EngineObject(pos);
+     */
+    export class EngineObject {
+        /** Create an engine object and adds it to the list of objects
+         *  @param {Vector2} [pos=Vector2()]            - World space position of the object
+         *  @param {Vector2} [size=Vector2(1,1)]        - World space size of the object
+         *  @param {TileInfo} [tileInfo]                - Tile info to render object (undefined is untextured)
+         *  @param {Number}  [angle=0]                  - Angle the object is rotated by
+         *  @param {Color}   [color=Color()]            - Color to apply to tile when rendered
+         *  @param {Number}  [renderOrder=0]            - Objects sorted by renderOrder before being rendered
+         */
+        constructor(pos?: Vector2, size?: Vector2, tileInfo?: TileInfo, angle?: number, color?: Color, renderOrder?: number);
+        /** @property {Vector2} - World space position of the object */
+        pos: Vector2;
+        /** @property {Vector2} - World space width and height of the object */
+        size: Vector2;
+        /** @property {TileInfo} - Tile info to render object (undefined is untextured) */
+        tileInfo: TileInfo;
+        /** @property {Number}  - Angle to rotate the object */
+        angle: number;
+        /** @property {Color}   - Color to apply when rendered */
+        color: Color;
+        /** @property {Number} [mass=objectDefaultMass]                 - How heavy the object is, static if 0 */
+        mass: number;
+        /** @property {Number} [damping=objectDefaultDamping]           - How much to slow down velocity each frame (0-1) */
+        damping: number;
+        /** @property {Number} [angleDamping=objectDefaultAngleDamping] - How much to slow down rotation each frame (0-1) */
+        angleDamping: number;
+        /** @property {Number} [elasticity=objectDefaultElasticity]     - How bouncy the object is when colliding (0-1) */
+        elasticity: number;
+        /** @property {Number} [friction=objectDefaultFriction]         - How much friction to apply when sliding (0-1) */
+        friction: number;
+        /** @property {Number} [gravityScale=1]                         - How much to scale gravity by for this object */
+        gravityScale: number;
+        /** @property {Number} [renderOrder=0]                          - Objects are sorted by render order */
+        renderOrder: number;
+        /** @property {Vector2} [velocity=Vector2()]                    - Velocity of the object */
+        velocity: Vector2;
+        /** @property {Number} [angleVelocity=0]                        - Angular velocity of the object */
+        angleVelocity: number;
+        spawnTime: number;
+        children: any[];
+        collideTiles: boolean;
+        /** Update the object transform and physics, called automatically by engine once each frame */
+        update(): void;
+        groundObject: any;
+        /** Render the object, draws a tile by default, automatically called each frame, sorted by renderOrder */
+        render(): void;
+        /** Destroy this object, destroy it's children, detach it's parent, and mark it for removal */
+        destroy(): void;
+        destroyed: number;
+        /** Called to check if a tile collision should be resolved
+         *  @param {Number}  tileData - the value of the tile at the position
+         *  @param {Vector2} pos      - tile where the collision occured
+         *  @return {Boolean}         - true if the collision should be resolved */
+        collideWithTile(tileData: number, pos: Vector2): boolean;
+        /** Called to check if a tile raycast hit
+         *  @param {Number}  tileData - the value of the tile at the position
+         *  @param {Vector2} pos      - tile where the raycast is
+         *  @return {Boolean}         - true if the raycast should hit */
+        collideWithTileRaycast(tileData: number, pos: Vector2): boolean;
+        /** Called to check if a object collision should be resolved
+         *  @param {EngineObject} object - the object to test against
+         *  @return {Boolean}            - true if the collision should be resolved
+         */
+        collideWithObject(object: EngineObject): boolean;
+        /** How long since the object was created
+         *  @return {Number} */
+        getAliveTime(): number;
+        /** Apply acceleration to this object (adjust velocity, not affected by mass)
+         *  @param {Vector2} acceleration */
+        applyAcceleration(acceleration: Vector2): void;
+        /** Apply force to this object (adjust velocity, affected by mass)
+         *  @param {Vector2} force */
+        applyForce(force: Vector2): void;
+        /** Get the direction of the mirror
+         *  @return {Number} -1 if this.mirror is true, or 1 if not mirrored */
+        getMirrorSign(): number;
+        /** Attaches a child to this with a given local transform
+         *  @param {EngineObject} child
+         *  @param {Vector2}      [localPos=Vector2()]
+         *  @param {Number}       [localAngle=0] */
+        addChild(child: EngineObject, localPos?: Vector2, localAngle?: number): void;
+        /** Removes a child from this one
+         *  @param {EngineObject} child */
+        removeChild(child: EngineObject): void;
+        /** Set how this object collides
+         *  @param {Boolean} [collideSolidObjects=1] - Does it collide with solid objects
+         *  @param {Boolean} [isSolid=1]             - Does it collide with and block other objects (expensive in large numbers)
+         *  @param {Boolean} [collideTiles=1]        - Does it collide with the tile collision */
+        setCollision(collideSolidObjects?: boolean, isSolid?: boolean, collideTiles?: boolean): void;
+        collideSolidObjects: boolean;
+        isSolid: boolean;
+        /** Returns string containg info about this object for debugging
+         *  @return {String} */
+        toString(): string;
+    }
+    /**
+     * LittleJS Tile Layer System
+     * - Caches arrays of tiles to off screen canvas for fast rendering
+     * - Unlimted numbers of layers, allocates canvases as needed
+     * - Interfaces with EngineObject for collision
+     * - Collision layer is separate from visible layers
+     * - It is recommended to have a visible layer that matches the collision
+     * - Tile layers can be drawn to using their context with canvas2d
+     * - Drawn directly to the main canvas without using WebGL
+     * @namespace TileCollision
+     */
+    /** The tile collision layer array, use setTileCollisionData and getTileCollisionData to access
+     *  @type {Array}
+     *  @memberof TileCollision */
+    export let tileCollision: any[];
+    /** Size of the tile collision layer
+     *  @type {Vector2}
+     *  @memberof TileCollision */
+    export let tileCollisionSize: Vector2;
+    /** Clear and initialize tile collision
+     *  @param {Vector2} size
+     *  @memberof TileCollision */
+    export function initTileCollision(size: Vector2): void;
+    /** Set tile collision data
+     *  @param {Vector2} pos
+     *  @param {Number}  [data=0]
+     *  @memberof TileCollision */
+    export function setTileCollisionData(pos: Vector2, data?: number): void;
+    /** Get tile collision data
+     *  @param {Vector2} pos
+     *  @return {Number}
+     *  @memberof TileCollision */
+    export function getTileCollisionData(pos: Vector2): number;
+    /** Check if collision with another object should occur
+     *  @param {Vector2}      pos
+     *  @param {Vector2}      [size=Vector2(1,1)]
+     *  @param {EngineObject} [object]
+     *  @return {Boolean}
+     *  @memberof TileCollision */
+    export function tileCollisionTest(pos: Vector2, size?: Vector2, object?: EngineObject): boolean;
+    /** Return the center of tile if any that is hit (does not return the exact intersection)
+     *  @param {Vector2}      posStart
+     *  @param {Vector2}      posEnd
+     *  @param {EngineObject} [object]
+     *  @return {Vector2}
+     *  @memberof TileCollision */
+    export function tileCollisionRaycast(posStart: Vector2, posEnd: Vector2, object?: EngineObject): Vector2;
+    /**
+     * Tile layer data object stores info about how to render a tile
+     * @example
+     * // create tile layer data with tile index 0 and random orientation and color
+     * const tileIndex = 0;
+     * const direction = randInt(4)
+     * const mirror = randInt(2);
+     * const color = randColor();
+     * const data = new TileLayerData(tileIndex, direction, mirror, color);
+     */
+    export class TileLayerData {
+        /** Create a tile layer data object, one for each tile in a TileLayer
+         *  @param {Number}  [tile]          - The tile to use, untextured if undefined
+         *  @param {Number}  [direction=0]   - Integer direction of tile, in 90 degree increments
+         *  @param {Boolean} [mirror=0]      - If the tile should be mirrored along the x axis
+         *  @param {Color}   [color=Color()] - Color of the tile */
+        constructor(tile?: number, direction?: number, mirror?: boolean, color?: Color);
+        /** @property {Number}  - The tile to use, untextured if undefined */
+        tile: number;
+        /** @property {Number}  - Integer direction of tile, in 90 degree increments */
+        direction: number;
+        /** @property {Boolean} - If the tile should be mirrored along the x axis */
+        mirror: boolean;
+        /** @property {Color}   - Color of the tile */
+        color: Color;
+        /** Set this tile to clear, it will not be rendered */
+        clear(): void;
+    }
+    /**
+     * Tile Layer - cached rendering system for tile layers
+     * - Each Tile layer is rendered to an off screen canvas
+     * - To allow dynamic modifications, layers are rendered using canvas 2d
+     * - Some devices like mobile phones are limited to 4k texture resolution
+     * - So with 16x16 tiles this limits layers to 256x256 on mobile devices
+     * @extends EngineObject
+     * @example
+     * // create tile collision and visible tile layer
+     * initTileCollision(vec2(200,100));
+     * const tileLayer = new TileLayer();
+     */
+    export class TileLayer extends EngineObject {
+        /** Create a tile layer object
+            *  @param {Vector2} [position=Vector2()]       - World space position
+            *  @param {Vector2} [size=tileCollisionSize]   - World space size
+            *  @param {TileInfo} [tileInfo]                - Tile info for layer
+            *  @param {Vector2} [scale=Vector2(1,1)]       - How much to scale this layer when rendered
+            *  @param {Number}  [renderOrder=0]            - Objects sorted by renderOrder before being rendered
+            */
+        constructor(pos: any, size?: Vector2, tileInfo?: TileInfo, scale?: Vector2, renderOrder?: number);
+        /** @property {HTMLCanvasElement}        - The canvas used by this tile layer */
+        canvas: HTMLCanvasElement;
+        /** @property {CanvasRenderingContext2D} - The 2D canvas context used by this tile layer */
+        context: CanvasRenderingContext2D;
+        /** @property {Vector2}                  - How much to scale this layer when rendered */
+        scale: Vector2;
+        data: TileLayerData[];
+        /** Set data at a given position in the array
+         *  @param {Vector2}       position   - Local position in array
+         *  @param {TileLayerData} data       - Data to set
+         *  @param {Boolean}       [redraw=0] - Force the tile to redraw if true */
+        setData(layerPos: any, data: TileLayerData, redraw?: boolean): void;
+        /** Get data at a given position in the array
+         *  @param {Vector2} layerPos - Local position in array
+         *  @return {TileLayerData} */
+        getData(layerPos: Vector2): TileLayerData;
+        /** Draw all the tile data to an offscreen canvas
+         *  - This may be slow in some browsers
+        */
+        redraw(): void;
+        /** Call to start the redraw process
+         *  @param {Boolean} [clear=0] - Should it clear the canvas before drawing */
+        redrawStart(clear?: boolean): void;
+        savedRenderSettings: (number | HTMLCanvasElement | CanvasRenderingContext2D | Vector2)[];
+        /** Call to end the redraw process */
+        redrawEnd(): void;
+        /** Draw the tile at a given position
+         *  @param {Vector2} layerPos */
+        drawTileData(layerPos: Vector2): void;
+        /** Draw all the tiles in this layer */
+        drawAllTileData(): void;
+        /** Draw directly to the 2D canvas in world space (bipass webgl)
+         *  @param {Vector2}  pos
+         *  @param {Vector2}  size
+         *  @param {Number}   angle
+         *  @param {Boolean}  mirror
+         *  @param {Function} drawFunction */
+        drawCanvas2D(pos: Vector2, size: Vector2, angle: number, mirror: boolean, drawFunction: Function): void;
+        /** Draw a tile directly onto the layer canvas
+         *  @param {Vector2}  pos
+         *  @param {Vector2}  [size=Vector2(1,1)]
+         *  @param {TileInfo} [tileInfo]
+         *  @param {Color}    [color=Color()]
+         *  @param {Number}   [angle=0]
+         *  @param {Boolean}  [mirror=0] */
+        drawTile(pos: Vector2, size?: Vector2, tileInfo?: TileInfo, color?: Color, angle?: number, mirror?: boolean): void;
+        /** Draw a rectangle directly onto the layer canvas
+         *  @param {Vector2} pos
+         *  @param {Vector2} [size=Vector2(1,1)]
+         *  @param {Color}   [color=Color()]
+         *  @param {Number}  [angle=0] */
+        drawRect(pos: Vector2, size?: Vector2, color?: Color, angle?: number): void;
+    }
+    /**
+     * LittleJS Particle System
+     */
+    /**
+     * Particle Emitter - Spawns particles with the given settings
+     * @extends EngineObject
+     * @example
+     * // create a particle emitter
+     * let pos = vec2(2,3);
+     * let particleEmiter = new ParticleEmitter
+     * (
+     *     pos, 0, 1, 0, 500, PI,  // pos, angle, emitSize, emitTime, emitRate, emiteCone
+     *     tile(0, 16),            // tileInfo
+     *     new Color(1,1,1),   new Color(0,0,0),   // colorStartA, colorStartB
+     *     new Color(1,1,1,0), new Color(0,0,0,0), // colorEndA, colorEndB
+     *     2, .2, .2, .1, .05,  // particleTime, sizeStart, sizeEnd, particleSpeed, particleAngleSpeed
+     *     .99, 1, 1, PI, .05,  // damping, angleDamping, gravityScale, particleCone, fadeRate,
+     *     .5, 1                // randomness, collide, additive, randomColorLinear, renderOrder
+     * );
+     */
+    export class ParticleEmitter extends EngineObject {
+        /** Create a particle system with the given settings
+         *  @param {Vector2} position           - World space position of the emitter
+         *  @param {Number}  [angle=0]          - Angle to emit the particles
+         *  @param {Number}  [emitSize=0]       - World space size of the emitter (float for circle diameter, vec2 for rect)
+         *  @param {Number}  [emitTime=0]       - How long to stay alive (0 is forever)
+         *  @param {Number}  [emitRate=100]     - How many particles per second to spawn, does not emit if 0
+         *  @param {Number}  [emitConeAngle=PI] - Local angle to apply velocity to particles from emitter
+         *  @param {TileInfo} [tileInfo]         - Tile info to render particles (undefined is untextured)
+         *  @param {Color}   [colorStartA=Color()] - Color at start of life 1, randomized between start colors
+         *  @param {Color}   [colorStartB=Color()] - Color at start of life 2, randomized between start colors
+         *  @param {Color}   [colorEndA=Color(1,1,1,0)] - Color at end of life 1, randomized between end colors
+         *  @param {Color}   [colorEndB=Color(1,1,1,0)] - Color at end of life 2, randomized between end colors
+         *  @param {Number}  [particleTime=.5]      - How long particles live
+         *  @param {Number}  [sizeStart=.1]         - How big are particles at start
+         *  @param {Number}  [sizeEnd=1]            - How big are particles at end
+         *  @param {Number}  [speed=.1]             - How fast are particles when spawned
+         *  @param {Number}  [angleSpeed=.05]       - How fast are particles rotating
+         *  @param {Number}  [damping=1]            - How much to dampen particle speed
+         *  @param {Number}  [angleDamping=1]       - How much to dampen particle angular speed
+         *  @param {Number}  [gravityScale=0]       - How much does gravity effect particles
+         *  @param {Number}  [particleConeAngle=PI] - Cone for start particle angle
+         *  @param {Number}  [fadeRate=.1]          - How quick to fade in particles at start/end in percent of life
+         *  @param {Number}  [randomness=.2]        - Apply extra randomness percent
+         *  @param {Boolean} [collideTiles=0]       - Do particles collide against tiles
+         *  @param {Boolean} [additive=0]           - Should particles use addtive blend
+         *  @param {Boolean} [randomColorLinear=1]  - Should color be randomized linearly or across each component
+         *  @param {Number}  [renderOrder=0]        - Render order for particles (additive is above other stuff by default)
+         *  @param {Boolean}  [localSpace=0]        - Should it be in local space of emitter (world space is default)
+         */
+        constructor(pos: any, angle?: number, emitSize?: number, emitTime?: number, emitRate?: number, emitConeAngle?: number, tileInfo?: TileInfo, colorStartA?: Color, colorStartB?: Color, colorEndA?: Color, colorEndB?: Color, particleTime?: number, sizeStart?: number, sizeEnd?: number, speed?: number, angleSpeed?: number, damping?: number, angleDamping?: number, gravityScale?: number, particleConeAngle?: number, fadeRate?: number, randomness?: number, collideTiles?: boolean, additive?: boolean, randomColorLinear?: boolean, renderOrder?: number, localSpace?: boolean);
+        /** @property {Number} - World space size of the emitter (float for circle diameter, vec2 for rect) */
+        emitSize: number;
+        /** @property {Number} - How long to stay alive (0 is forever) */
+        emitTime: number;
+        /** @property {Number} - How many particles per second to spawn, does not emit if 0 */
+        emitRate: number;
+        /** @property {Number} - Local angle to apply velocity to particles from emitter */
+        emitConeAngle: number;
+        /** @property {Color} - Color at start of life 1, randomized between start colors */
+        colorStartA: Color;
+        /** @property {Color} - Color at start of life 2, randomized between start colors */
+        colorStartB: Color;
+        /** @property {Color} - Color at end of life 1, randomized between end colors */
+        colorEndA: Color;
+        /** @property {Color} - Color at end of life 2, randomized between end colors */
+        colorEndB: Color;
+        /** @property {Boolean} - Should color be randomized linearly or across each component */
+        randomColorLinear: boolean;
+        /** @property {Number} - How long particles live */
+        particleTime: number;
+        /** @property {Number} - How big are particles at start */
+        sizeStart: number;
+        /** @property {Number} - How big are particles at end */
+        sizeEnd: number;
+        /** @property {Number} - How fast are particles when spawned */
+        speed: number;
+        /** @property {Number} - How fast are particles rotating */
+        angleSpeed: number;
+        /** @property {Number} - Cone for start particle angle */
+        particleConeAngle: number;
+        /** @property {Number} - How quick to fade in particles at start/end in percent of life */
+        fadeRate: number;
+        /** @property {Number} - Apply extra randomness percent */
+        randomness: number;
+        /** @property {Number} - Should particles use addtive blend */
+        additive: boolean;
+        /** @property {Boolean} - Should it be in local space of emitter */
+        localSpace: boolean;
+        /** @property {Number} - If set the partile is drawn as a trail, stretched in the drection of velocity */
+        trailScale: number;
+        emitTimeBuffer: number;
+        /** Spawn one particle
+         *  @return {Particle} */
+        emitParticle(): Particle;
+    }
+    /**
+     * Particle Object - Created automatically by Particle Emitters
+     * @extends EngineObject
+     */
+    export class Particle extends EngineObject {
+        /**
+         * Create a particle with the given settings
+         * @param {Vector2} position                   - World space position of the particle
+         * @param {TileInfo} [tileInfo]                - Tile info to render particles (undefined is untextured)
+         * @param {Number}  [angle=0]                  - Angle to rotate the particle
+         */
+        constructor(pos: any, tileInfo?: TileInfo, angle?: number);
+    }
+    /**
+     * LittleJS Medal System
+     * - Tracks and displays medals
+     * - Saves medals to local storage
+     * - Newgrounds integration
+     * @namespace Medals
+     */
+    /** List of all medals
+     *  @type {Array}
+     *  @memberof Medals */
+    export const medals: any[];
+    /** Set to stop medals from being unlockable (like if cheats are enabled)
+     *  @type {Boolean}
+     *  @default 0
+     *  @memberof Settings */
+    export let medalsPreventUnlock: boolean;
+    /** Initialize medals with a save name used for storage
+     *  - Call this after creating all medals
+     *  - Checks if medals are unlocked
+     *  @param {String} saveName
+     *  @memberof Medals */
+    export function medalsInit(saveName: string): void;
+    /** This can used to enable Newgrounds functionality
+     *  @param {Number} app_id   - The newgrounds App ID
+     *  @param {String} [cipher] - The encryption Key (AES-128/Base64)
+     *  @param {Object} [cryptoJS] - An instance of CryptoJS, if there is a cipher
+     *  @memberof Medals */
+    export function newgroundsInit(app_id: number, cipher?: string, cryptoJS?: any): void;
+    /**
+     * Medal - Tracks an unlockable medal
+     * @example
+     * // create a medal
+     * const medal_example = new Medal(0, 'Example Medal', 'More info about the medal goes here.', '🎖️');
+     *
+     * // initialize medals
+     * medalsInit('Example Game');
+     *
+     * // unlock the medal
+     * medal_example.unlock();
+     */
+    export class Medal {
+        /** Create a medal object and adds it to the list of medals
+         *  @param {Number} id            - The unique identifier of the medal
+         *  @param {String} name          - Name of the medal
+         *  @param {String} [description] - Description of the medal
+         *  @param {String} [icon='🏆']  - Icon for the medal
+         *  @param {String} [src]         - Image location for the medal
+         */
+        constructor(id: number, name: string, description?: string, icon?: string, src?: string);
+        id: number;
+        name: string;
+        description: string;
+        icon: string;
+        image: HTMLImageElement;
+        /** Unlocks a medal if not already unlocked */
+        unlock(): void;
+        unlocked: number;
+        /** Render a medal
+         *  @param {Number} [hidePercent=0] - How much to slide the medal off screen
+         */
+        render(hidePercent?: number): void;
+        /** Render the icon for a medal
+         *  @param {Number} x - Screen space X position
+         *  @param {Number} y - Screen space Y position
+         *  @param {Number} [size=medalDisplayIconSize] - Screen space size
+         */
+        renderIcon(pos: any, size?: number): void;
+        storageKey(): string;
+    }
+    /**
+     * Newgrounds API wrapper object
+     * @example
+     * // create a newgrounds object, replace the app id with your own
+     * const app_id = '53123:1ZuSTQ9l';
+     * newgrounds = new Newgrounds(app_id);
+     */
+    export class Newgrounds {
+        /** Create a newgrounds object
+         *  @param {Number} app_id   - The newgrounds App ID
+         *  @param {String} [cipher] - The encryption Key (AES-128/Base64)
+         *  @param {Object} [cryptoJS] - An instance of CryptoJS, if there is a cipher */
+        constructor(app_id: number, cipher?: string, cryptoJS?: any);
+        app_id: number;
+        cipher: string;
+        cryptoJS: any;
+        host: string;
+        session_id: string;
+        medals: any;
+        scoreboards: any;
+        /** Send message to unlock a medal by id
+         * @param {Number} id - The medal id */
+        unlockMedal(id: number): any;
+        /** Send message to post score
+         * @param {Number} id    - The scoreboard id
+         * @param {Number} value - The score value */
+        postScore(id: number, value: number): any;
+        /** Get scores from a scoreboard
+         * @param {Number} id         - The scoreboard id
+         * @param {String} [user=0]   - A user's id or name
+         * @param {Number} [social=0] - If true, only social scores will be loaded
+         * @param {Number} [skip=0]   - Number of scores to skip before start
+         * @param {Number} [limit=10] - Number of scores to include in the list
+         * @return {Object}           - The response JSON object
+         */
+        getScores(id: number, user?: string, social?: number, skip?: number, limit?: number): any;
+        /** Send message to log a view */
+        logView(): any;
+        /** Send a message to call a component of the Newgrounds API
+         * @param {String}  component      - Name of the component
+         * @param {Object}  [parameters=0] - Parameters to use for call
+         * @param {Boolean} [async=0]      - If true, don't wait for response before continuing (avoid stall)
+         * @return {Object}                - The response JSON object
+         */
+        call(component: string, parameters?: any, async?: boolean): any;
+    }
+}