/ Project

No Comply

We created this HTML5 demo for Mozilla to showcase new JavaScript APIs for rich media that Mozilla added to the Firefox web browser.

My role on this project was to a sprite animation tool and implement the sprite animations using Burst.js (a JavaScript tool I built for creating keyframed timeline animations with easing).

Screen-Shot-2018-02-15-at-12.26.25-PM

Watch the live JavaScript demo (best viewed in Firefox)

JavaScript APIs:

  • Canvas JavaScript API
  • WebGL JavaScript API
  • Web Audio JavaScript API
  • Video JavaScript API

JavaScript libraries:

  • CubicVR.js - for the 3D world
  • Processing.js - for the animated 2D surfaces
  • DSP.js, BeatDetektor.js - for the audio responsive textures
  • Burst.js - Timeline and keyframe animation
  • Sprite Viking - Sprite animation tool
___ _ _ ____________ ___ | __/ | ||_ ___ _ \ /___/ | _|| | |__| | |_ \ / |_| |_|____|_||___/_|_\ ​