Skip to content

KaleFive/Visualize

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 

Repository files navigation

Visualize

JS library that utilizes ThreeJS to create audio visualizations that react to the music

screen shot 2017-10-03 at 7 47 53 am

Please excuse my appearance during construction

~ this version is currently working with pre-set specifications

~ the editable areas will soon be fully functional

1.) In order to get started with Visualize fork this repo and add it to your project

2.) In your application's view, add a div with an id called "landingPageAnimationContainer" which will house your audio visualization, a script tag pointing to where the Visualize.js file is located in your project and then another script that calls the Visualize.init() function which takes a string that points to the source of the audio file you want to play.

<body>
    <div id='landingPageAnimationContainer'></div>
    <script src="/Visualize/Visualize.js"></script>
    <script>Visualize.init('/audio/V.mp3')</script>
</body>

3.) Lastly, you may then call the different "formation functions" which will determine how your audio visualization will look

    <script>Visualize.quarterFormation()</script>
  • squareFormation
  • armyFormation
  • quarterFormation
  • circleFormation
  • doubleCircleFormation

About

An audio visualization library using ThreeJS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published