Skip to content

Latest commit

 

History

7 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

xbox 360 visualizer

webaudio powered xbox 360 style audio visualizer. fft driven radial field, kaleidoscope mirroring and hsv palette morphing on a single HTML5 canvas in vanilla js.

things

  • browser based, no dependencies
  • webaudio analyser with band sliced energy (sub, bass, mids, treble)
  • simple beat detection from low band onsets
  • radial warp field plus kaleidoscopic segment folding
  • multiple color palettes with smooth crossfades that are rng generated
  • canvas auto resizes to the current window, so for different monitors - diff resolutions

usage

1. clone

   ```bash
   git clone https://github.com/nuttsm211/xbox360-visualizer.git
   cd xbox360-visualizer
  1. run

    open index.html in a browser

  2. select input

    choose your audio device in the HUD, then start the visualizer

  3. palette hotkeys

    press keys 1 to 6 to switch color profiles (glitchy, will test upon further)

demo ! (epilepsy warning)

video folder

About

browser based audio reactive inspired by the Xbox 360 visualizer. WebAudio analyser, band-energy features, beat detection and palette morphing rendered into a low-res grid upscaled to canvas

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages