-
Arena
jQuery v1.9.1
A browser-based 2D simulation of the 2013 Formula 1 season, presented with a unique "gladiator arena" theme in Finnish. Features include a circular radar-style track, color-coded driver dots, custom playback controls, and live text commentary.
-
Blend Modes Pixi
Pixastic.js
Pixi.js v2.1.0
jQuery v2.1.1
An interactive WebGL prototype for testing image blend modes and visual filters. Built with Pixi.js and Pixastic.js, it lets users experiment with combining graphical layers using different hardware-accelerated and software-calculated blend modes, stage backgrounds, and custom animated scanline shaders.
-
Cartoon
Pixastic.js
A 2D web-based character creation prototype. Users can customize a female portrait's hair, facial features, eye color, and background. This standard version relies entirely on the HTML5 Canvas API and Pixastic.js for software-calculated image blending.
-
Cartoon Pixi
Pixastic.js
Pixi.js v2.1.0
jQuery v2.1.1
An updated WebGL-accelerated version of the character creator using Pixi.js. It serves as a transitional prototype, moving rendering to the GPU for better performance, while implementing custom workarounds (mixing 2D Canvas and WebGL) for advanced blend modes like 'Lighten' that weren't natively supported at the time.
-
FPS Timeline
stats.js
A browser-based performance and timing prototype testing the decoupling of animation rendering from underlying game logic speeds. It features an HTML5 Canvas with bouncing circles, a stats.js FPS monitor, and custom UI controls to independently adjust the visual frame rate and the simulation logic multipliers.
-
Pixi Hexagon 12
Pixi.js v2.1.0
jQuery v2.1.1
stats.js
An interactive 2D hexagonal map rendering prototype built using Pixi.js. Features include dynamic XML map data loading, biome-based tile generation, a minimap with camera panning, mouse-wheel zooming, live coordinate tracking, custom hexagonal math, and a path-drafting tool.