/ Project

Flight of The Navigator

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 animate textures using the Processing.js and the Web Audio API.

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

Watch the live JavaScript demo (best viewed in Firefox)

Technologies:

  • 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

You can read more about the project here.

___ _ _ ____________ ___ | __/ | ||_ ___ _ \ /___/ | _|| | |__| | |_ \ / |_| |_|____|_||___/_|_\ ​