WebVR-Audio-Visualizer

A WebVR Audio Visualizer,Basic on Aframe and Three.js.

Demo

Beat Detect

1.PreAnalysis

Detect the rhythm of the song's climax.

Learn the Detect Method from JMPerez

2.RealTimeAnalysis

Detect the rhythm of the basic part of the song.

Learn the Detect Method from stasilo

Componet Structure

Visual Effect

1.Graffiti.

2.Wave

simplex noise taking color

3.Ring Particle

4.Spray Particle

5.Spectrum

simplex noise taking color

Learn a lot from Inside Music and Kframe

tested on Mobile\PC, no money to buy Vive

Devlopment

you need install parcel first.(yarn or npm)

yarn global add parcel-bundler
or
npm install -g parcel-bundler

then

yarn
or
npm install

then

$ parcel index.html