WebGL Clubber Demo

A WebGL audio/reactive experiment, where rhythm and melody are computed in MIDI bands and redirected to a GLSL shader.

tested on

• Chrome, Huawei P9 Lite
• Safari, iPhone XR

Built with

• TWGL.js - Tiny, efficient WebGL helper Library
• ClubberJS - THE javascript rhythm analysis library

Creditzzz

• greggman for TWGL.js
• wizgrav for ClubberJS
• pavle-goloskokovic for WebAudio Unlock ios
• pavle-goloskokovic for tips

refs

• Unlocking Web Audio for iOS
• MIDI Note table
• Audio Spectrum

Changelog

• 10/10/2020
  • update deps
  • some cq (code quality)
  • update screenshot
• 21/04/2019
  • iOS Safari done! whatta mess.
  • add terser plugin in webpack
  • refactoring frag
• 20/04/2019
  • try to fix webaudio context lock in Safari
• 12/04/2019
  • massive rebuild
• 29/09/2017
  • tweak thresholdFactor
• 09/10/2017
  • bundle-ize with Webpack
  • +1 band added