Collision Demos

Demos showcasing collision functionality

Compressed Textures Demo

A simple demo for Compressed Textures

Global to Local Demo

Showcases calculating global coordinates into local coordinates

Local to Global Demo

Showcases calculating local coordinates into global coordinates

Lost Context Demo

Tests the rendering of various objects while forcing the WebGL context to be lost and restored

Origin And Scaling Demo

Demo showing the interaction between origin and scaling

Origin, Scale and Rotate Demo

Demo showing origin, scale and rotate with various configurations

Polyfills Demo

Run this demo on a device to confirm provided features are working correctly OR are correctly polyfilled

Platform

Detect info on the platform that you're running on

Antialias

Switching on or off canvas antialias

Resource Cache

Showcase resource querying if files are served from cache or not

External Downloads

Showcase downloading a resource outside of the engine and externally inserting into the engine

Iframe

Example of the engine running within an iframe

Platform Resources

Detect and display texture and audio formats

Renderer Init Demo

Tests the rendering of various objects after the delay of the renderer initialisation

Resource Demo

Examples of loading resource assets

Resource Unloading Demo

Examples of unloading resource assets

Scale Demo

Showcases texture scaling functionality

Skew Demo

Showcases skew functionality

Sprite Mesh Demo

Demonstrates controls created as Sprite Meshes

Texture Demo

Demonstrates and compares loading skeletal textures with pre-configured mipmap settings

Texture Config Demo

Demonstrates loading textures and atlases with pre-configured filter and wrap settings

Texture Mask Demo

Texture Masks where JPGs are combined to provide transparency

Texture Matrix Demo

An example of various uses of a texture UV matrix.

Texture Source: Canvas Demo

An example using a HTMLCanvasElement as a texture source to achieve advanced text effects.

Texture Source: SVG Demo

An example using a SVG as a texture source for a Sprite and scaling it to very small/large sizes.

Texture Source: Video Demo

An example using a HTMLVideoElement as a texture source on a Sprite and a Mesh with Shaders.

Curved Text

An example using a HTMLCanvasElement as a texture source on a Sprite to make curved text.

Curved Text SVG

An example using a HTMLImageElement as a texture source on a Sprite to make curved text.

Texture Source: A Single Video Demo

An example using a HTMLVideoElement as a texture source on a Sprite.

Video demo, Isolation

An example of a video from Joker-Cash-Spree playing in isolation.

Texture Source: Video Demo, Transparency

An example using a HTMLVideoElement as a texture source, using shaders for a transparency green screen effect.

Texture Swap Demo

Replace textures with the same ID

Time Source Demo

Demo showcasing using injected time sources in the engine

Texture Mask Demo

Demonstrates JPG alpha masking for multiple texture atlases.

Orientation Lock Demo

Showcases setting an orientation lock on the engine.

Visibility Demo

Showcase the engine emitted focus and blur events

Texture Load/Unload Demo

Creates a sprite, and loads and unloads texture assets on loop.