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"> - +