search

caseif / vis.js

Monstercat visualizer in Javascript and three.js.
GNU Lesser General Public License v2.1
83 stars 37 forks source link

Improved design & added intro animations #16

Closed demaisj closed 8 years ago

demaisj commented 8 years ago

Hi,

I think there's enough work done to start a PR here. So to sum up, what I did is:

  1. Improve the design by re-sizing, re-styling & re-positionning content on the page according to the official visualizer
    • sightly colored bokeh
    • spectrum repositionned
    • text size changed
  2. Added intro animations
    • Particles fade in
    • Cover/Block flips in 3D
    • Spectrum does that intro animation by appearing & blinking

The code might be kind of messy, I can do a tidy up if necessary. Hope you'll like this!

EDIT: Tests were only done on chrome for now. I also noticed that the animations freeze when having a sample rate higher than 44.1kHz.

caseif commented 8 years ago

Merged, thanks! I'll be making a couple of style changes in addition but otherwise, it looks great!