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

toggle off trail / bad beats when not playing

Browse Source
This commit is contained in:
Kevin Ngo
2018-10-13 08:57:27 -07:00
parent 40d99e5df9
commit ec306a80ae
2 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/trail.js
View File

@@ -63,6 +63,10 @@ AFRAME.registerComponent('trail', {
this.enabledTime = this.el.sceneEl.time; this.enabledTime = this.el.sceneEl.time;
this.mesh.visible = false; this.mesh.visible = false;
} }
if (oldData.enabled && !this.data.enabled) {
this.mesh.visible = false;
}
}, },
tock: function (time, delta) { tock: function (time, delta) {

18
src/index.html
View File

@@ -89,14 +89,14 @@
<a-mixin id="mine" mixin="beat" beat="type: mine"></a-mixin> <a-mixin id="mine" mixin="beat" beat="type: mine"></a-mixin>
<a-mixin id="wall" geometry wall material="shader: wall-shader; tex: #noiseTexture; repeat: 2 2; transparent: true; side: double"> <a-mixin id="wall" geometry wall material="shader: wall-shader; tex: #noiseTexture; repeat: 2 2; transparent: true; side: double">
<a-mixin id="badBeat" <a-mixin id="beatWrong"
geometry="primitive: plane; height: 0.3; width: 0.3" geometry="primitive: plane; height: 0.3; width: 0.3"
material="shader: flat; transparent: true; src: #wrongImg" material="shader: flat; transparent: true; src: #wrongImg"
visible="false" visible="false"
animation__posz="property: object3D.position.z; to: -8; startEvents: wronghit; easing: easeOutQuart; dur: 4000" animation__posz="property: object3D.position.z; to: -8; startEvents: beatwrong; easing: easeOutQuart; dur: 4000"
animation__alpha="property: components.material.material.opacity; from: 1; to: 0; startEvents: wronghit; easing: easeOutQuart; dur: 4000"></a-mixin> animation__alpha="property: components.material.material.opacity; from: 1; to: 0; startEvents: beatwrong; easing: easeOutQuart; dur: 4000"></a-mixin>
<a-mixin id="missBeat" <a-mixin id="beatMiss"
geometry="primitive: plane; height: 0.25; width: 0.5" geometry="primitive: plane; height: 0.25; width: 0.5"
material="shader: flat; transparent: true; src: #missImg" material="shader: flat; transparent: true; src: #missImg"
visible="false" visible="false"
@@ -124,10 +124,12 @@
</a-entity> </a-entity>
<!-- Wrong + miss beat visual indicators. --> <!-- Wrong + miss beat visual indicators. -->
<a-entity id="wrongLeft" mixin='badBeat'></a-entity> <a-entity id="badContainer" bind__visible="isPlaying">
<a-entity id="wrongRight" mixin='badBeat'></a-entity> <a-entity id="wrongLeft" mixin='beatWrong'></a-entity>
<a-entity id="missLeft" mixin='missBeat'></a-entity> <a-entity id="wrongRight" mixin='beatWrong'></a-entity>
<a-entity id="missRight" mixin='missBeat'></a-entity> <a-entity id="missLeft" mixin='beatMiss'></a-entity>
<a-entity id="missRight" mixin='beatMiss'></a-entity>
</a-entity>
<a-entity id="saberParticles" particleplayer="src: #sabercutParticles; pscale: 0.5; loop: false; on: explode; img: #sparkImg; count: 20%; animateScale: true; initialScale: 4 1 1; finalScale: 0.2 0.2 1"> </a-entity> <a-entity id="saberParticles" particleplayer="src: #sabercutParticles; pscale: 0.5; loop: false; on: explode; img: #sparkImg; count: 20%; animateScale: true; initialScale: 4 1 1; finalScale: 0.2 0.2 1"> </a-entity>