juni/junisaber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update audioanalyser package.json and event names

Browse Source
This commit is contained in:
Kevin Ngo
2018-10-10 23:46:38 -07:00
parent 69a755da90
commit d684316a82
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -6,7 +6,7 @@
"start": "webpack-dev-server --host 0.0.0.0 --progress --colors --hot --inline --port 3000"
},
"dependencies": {
"aframe-audioanalyser-component": "^4.0.1",
"aframe-audioanalyser-component": "^5.0.0-beta1",
"aframe-atlas-uvs-component": "^2.0.0",
"aframe-event-decorators": "^1.0.2",
"aframe-event-set-component": "^4.0.1",

2
src/components/twister.js
View File

@@ -12,7 +12,7 @@ AFRAME.registerComponent('twister', {
init: function () {
this.currentTwist = 0;
this.animate = false;
this.el.addEventListener('audioanalyser-beat', this.pulse.bind(this));
this.el.addEventListener('audioanalyserbeat', this.pulse.bind(this));
},
pulse: function () {

6
src/templates/stage.html
View File

@@ -10,7 +10,7 @@
<a-entity
id="audioAnalyser"
audioanalyser="src: #introSong; fftSize: 64; enableBeatDetection: true; enableLevels: false; enableWaveform: false; beatDetectionThrottle: 5000; unique: true"
proxy-event="event: audioanalyser-beat; to: #logolight, #floor, #twister"></a-entity>
proxy-event="event: audioanalyserbeat; to: #logolight, #floor, #twister"></a-entity>
<a-entity id="stage">
<a-entity id="backglow"
@@ -82,7 +82,7 @@
position="0 6 0"
rotation="0 50 0"
logo-light
animation__rotate="property: object3D.rotation.y; from: 50; to: -50; dur: 300; easing: linear; startEvents: audioanalyser-beat"></a-entity>
animation__rotate="property: object3D.rotation.y; from: 50; to: -50; dur: 300; easing: linear; startEvents: audioanalyserbeat"></a-entity>
<a-entity id="logosparks" bind__visible="menu.active" particleplayer="src: #logoSparks; scale: 1.4; pscale: 0.35; count: 10; dur: 1000; on: logoflicker; animateScale: true; initialScale: 1.5 1.5 1.5; finalScale: 0.3 0.3 0.3" position="-2.8 5.5 -7.2"></a-entity>
<a-entity id="logo" bind__visible="menu.active" position="0 6 -7.5" rotation="90 0 0">
@@ -93,7 +93,7 @@
<a-entity
id="floor"
animation__beat="property: components.material.material.color; type: color; to: #FFF; dur: 250; easing: linear; startEvents: audioanalyser-beat"
animation__beat="property: components.material.material.color; type: color; to: #FFF; dur: 250; easing: linear; startEvents: audioanalyserbeat"
animation="property: components.material.material.color; type: color; to: #BBB; dur: 250; easing: linear; startEvents: animationcomplete__beat"
geometry="primitive: plane; width: 3; height: 3"
material="color: #BBB; shader: flat; src: #floorImg"