# WebGL Clubber Demo

[![Node.js](https://img.shields.io/badge/Node.js-14.21.3-green.svg)](https://nodejs.org/)
[![npm](https://img.shields.io/badge/npm-6.14.18-red.svg)](https://www.npmjs.com/)
[![TWGL.js](https://img.shields.io/badge/TWGL.js-4.16.1-blue.svg)](https://twgljs.org/)
[![Build Status](https://img.shields.io/badge/build-passing-brightgreen.svg)](#)

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

![screenshot](https://spleennooname.github.io/webgl-clubber-demo/screenshot.jpg)

## tested on

* Chrome, Huawei P9 Lite
* Safari, iPhone XR

### Built with

* [TWGL.js](https://twgljs.org/) - Tiny, efficient WebGL helper Library
* [ClubberJS](https://github.com/wizgrav/clubber) - THE javascript rhythm analysis library

### Creditzzz

* [greggman](https://github.com/greggman) for TWGL.js
* [wizgrav](https://github.com/wizgrav) for ClubberJS
* [pavle-goloskokovic](https://github.com/pavle-goloskokovic) for WebAudio Unlock ios
* [pavle-goloskokovic](https://github.com/pavle-goloskokovic) for tips

### refs

* [Unlocking Web Audio for iOS](https://github.com/pavle-goloskokovic/web-audio-touch-unlock)
* [MIDI Note table](http://subsynth.sourceforge.net/midinote2freq.html)
* [Audio Spectrum](http://www.teachmeaudio.com/mixing/techniques/audio-spectrum)

See [CHANGELOG.md](CHANGELOG.md) for version history.