diff --git a/package-lock.json b/package-lock.json
index 909a0fb..117a83b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -82,9 +82,9 @@
}
},
"aframe-animation-component": {
- "version": "5.1.1",
- "resolved": "https://registry.npmjs.org/aframe-animation-component/-/aframe-animation-component-5.1.1.tgz",
- "integrity": "sha512-EO049MCScYCUbzqsNqw4tiRjp781BOuySWitElarH4ysH+orlb7vxEgfwY8fgShwBgAUdY9vtSTc6jzjJwy1kA==",
+ "version": "5.1.2",
+ "resolved": "https://registry.npmjs.org/aframe-animation-component/-/aframe-animation-component-5.1.2.tgz",
+ "integrity": "sha512-DGUsRGB6TaN0rRKGYRrU0M1eblhpnMMYR1Vhulh0d5TxQRNszWJ5I1aHB/YW6wcj0gO89hLabSe5Is5NFpUeGg==",
"requires": {
"animejs": "2.2.0"
}
@@ -148,9 +148,9 @@
"from": "github:supermedium/aframe-particleplayer-component#master"
},
"aframe-proxy-event-component": {
- "version": "1.1.1",
- "resolved": "https://registry.npmjs.org/aframe-proxy-event-component/-/aframe-proxy-event-component-1.1.1.tgz",
- "integrity": "sha512-1lWviitmCgNJDxDOA5x4wvtAp6Y4k1Plkrd5GEDHCu3ybDKSbOfE2aPXOCm0srs7VcwrYsLlqzMKJMrw/5sxyA=="
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/aframe-proxy-event-component/-/aframe-proxy-event-component-2.1.0.tgz",
+ "integrity": "sha512-FJ1+ZQLsETYoZbNwCe3l9xkakOHPYnBgDIE4YJMpWvqiFjiq0+BY6VuFWraZDdluul78b/d+UXIXmdd1JZRYqg=="
},
"aframe-slice9-component": {
"version": "1.0.0",
diff --git a/package.json b/package.json
index d3efd5a..014017f 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
"start": "webpack-dev-server --host 0.0.0.0 --progress --colors --hot --inline --port 3000"
},
"dependencies": {
- "aframe-animation-component": "^5.1.1",
+ "aframe-animation-component": "^5.1.2",
"aframe-animation-timeline-component": "^1.3.1",
"aframe-audioanalyser-component": "^4.0.0",
"aframe-cubemap-component": "^0.1.2",
@@ -18,7 +18,7 @@
"aframe-orbit-controls": "^1.2.0",
"aframe-particle-system-component": "^1.0.11",
"aframe-particleplayer-component": "github:supermedium/aframe-particleplayer-component#master",
- "aframe-proxy-event-component": "^1.1.1",
+ "aframe-proxy-event-component": "^2.1.0",
"aframe-slice9-component": "^1.0.0",
"aframe-state-component": "^5.0.0-beta6",
"aframe-super-keyboard": "2.0.2",
diff --git a/src/components/audio-columns.js b/src/components/audio-columns.js
index cc999f6..43ac977 100644
--- a/src/components/audio-columns.js
+++ b/src/components/audio-columns.js
@@ -12,6 +12,7 @@ AFRAME.registerComponent('audio-columns', {
dependencies: ['audioanalyser'],
schema: {
+ analyser: {type: 'selector', default: '#audioanalyser'},
height: {default: 1.0},
mirror: {default: 3},
scale: {default: 4.0},
@@ -20,7 +21,7 @@ AFRAME.registerComponent('audio-columns', {
},
init: function () {
- this.analyser = this.el.components.audioanalyser;
+ this.analyser = this.data.analyser.components.audioanalyser;
// Number of levels is half the FFT size.
this.frequencyBinCount = this.analyser.data.fftSize / 2;
diff --git a/src/components/song-preview.js b/src/components/song-preview.js
index 7a6e7ef..b530604 100644
--- a/src/components/song-preview.js
+++ b/src/components/song-preview.js
@@ -161,8 +161,8 @@ AFRAME.registerComponent('song-preview-system', {
},
updateAnalyser: function () {
+ document.getElementById('audioAnalyser').setAttribute('audioanalyser', 'src', this.audio);
document.getElementById('introSong').pause();
- document.getElementById('audioColumns').setAttribute('audioanalyser', 'src', this.audio);
},
/**
diff --git a/src/index.html b/src/index.html
index 20b778b..522bff3 100644
--- a/src/index.html
+++ b/src/index.html
@@ -36,7 +36,7 @@
-
+
diff --git a/src/templates/stage.html b/src/templates/stage.html
index 0e75552..8bc1d63 100644
--- a/src/templates/stage.html
+++ b/src/templates/stage.html
@@ -1,11 +1,19 @@
+
+
-
+
@@ -46,14 +54,19 @@
+ animation="property: rotation; from: 0 50 0; to: 0 -50 0; dur:300; easing: linear; startEvents: audioanalyser-beat">
-
-
-
+
+
+
-
+