Skip to content

gracexu94/FinalProject

 
 

Repository files navigation

Final Project - Music Visualizer

CIS700 Procedural Graphics, Spring 2017

Grace Xu

Using:

  • Web Audio API
  • Three.js
  • Node.js
  • web-audio-beat-detector

Ideas for visualizations:

  • Basic noise cloud (adapted from HW#1)
  • Tempo drives camera control
  • Moving line with perturbations driven by amplitude of music

To-do:

  • Be able to pause --> DONE
    • use spacebar to pause the visualization and music (without getting rid of the baseline visuals)
  • Be able to extract useful information from audio file, e.g.: --> DONE
    • frequency
    • amplitude/loudness
    • note?
    • tempo (BPM)
  • Have at least 4 different interesting visualizations --> 2/4 DONE
  • Implement camera controller or controller that switches between visualizations at appropiate points in the music
  • Implement framework for switching between multiple scenes with their own cameras --> DONE
    • use '0' and '1' on the keyboard to switch manually between current visualizations
  • Implement automatic switching between visualizations in response to the music --> DONE
  • Add color to at least one of the visualizations --> DONE
  • Stretch: make and/or use a different custom shader for one of the visualizations
  • Stretch: more interesting/aesthetically pleasing visuals

Original design doc: https://docs.google.com/document/d/13P_lAncqpzsyP1C5bAflfCYHUtCnb10DHtbcka17JA4/edit?usp=sharing Final report: https://docs.google.com/document/d/1I6gvRuBfne61IPXz5KhxU_N4pdzxq6v4I-XEtToPV70/edit?usp=sharing

Useful links:

More inspiration:

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 86.0%
  • GLSL 11.2%
  • HTML 2.8%