Skip to content
A WebVR Audio Visualizer,Basic on Aframe and Web Audio API:http://todaylg.com/WebVR-Audio-Visualizer/
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets compress Feb 13, 2019
components
dist fix:dist Feb 13, 2019
introImages compress intro image Jun 16, 2018
lib
scripts
.gitignore
LICENSE Add Readme Jun 16, 2018
Readme.md Change static URL Jun 27, 2018
index.html
index.js Add Graffiti Effect Jun 15, 2018
package-lock.json
package.json
yarn.lock Change static URL Jun 27, 2018

Readme.md

WebVR-Audio-Visualizer

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

Demo

image

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

image

Visual Effect

1.Graffiti.

image

2.Wave

image

simplex noise taking color

image

3.Ring Particle

image

4.Spray Particle

image

5.Spectrum

image

simplex noise taking color

image

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
You can’t perform that action at this time.