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

SoundBoxing link (fixes #85)

Browse Source
This commit is contained in:
Diego F. Goberna
2018-10-25 21:05:02 +02:00
parent 3fe97bb722
commit 4fee8001ca
4 changed files with 43 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets.html
View File

@@ -37,6 +37,7 @@
<img id="neonImg" src="assets/img/neon.png">
<img id="sparkImg" src="assets/img/spark.png">
<img id="stepbackImg" src="assets/img/stepback.png">
<img id="soundboxingImg" src="assets/img/soundboxing.png">
<a-mixin id="slice" slice9="color: #050505; transparent: true; opacity: 0.7; src: #sliceImg; left: 50; right: 52; top: 50; bottom: 52; padding: 0.18"></a-mixin>
<a-mixin id="font" text="font: assets/fonts/Teko-Bold.json; shader: msdf; letterSpacing: 1"></a-mixin>

20
src/templates/menu.html
View File

@@ -125,6 +125,26 @@
bind__visible="!!menuSelectedChallenge.id"></a-entity>
{{ searchResults() }}
<a-entity id="soundboxing"
bind__visible="!menuSelectedChallenge.id && !isSearching" position="0.95 -0.57 0.01">
<a-entity id="soundboxing-button"
link="href: https://webvr.soundboxing.co/; on: click"
geometry="primitive:plane; width: 0.38; height: 0.19;"
material="shader: flat; src: #soundboxingImg"
animation__mouseenter="property: object3D.position.z; from: 0.01; to: 0.03; startEvents: mouseenter; pauseEvents: mouseleave; easing: easeOutCubic; dur: 150"
animation__mouseleave="property: object3D.position.z; from: 0.03; to: 0.01; startEvents: mouseleave; pauseEvents: mouseenter; easing: easeOutCubic; dur: 150"
proxy-event__mouseenter="event: mouseenter; to: CHILDREN; as: show"
proxy-event__mouseleave="event: mouseleave; to: CHILDREN; as: hide"
bind__raycastable="!menuSelectedChallenge.id">
<a-entity id="soundboxing-popup"
position="0 0.12 0.015"
mixin="font"
animation__show="property: components.text.material.uniforms.opacity.value; from: 0; to: 1; startEvents: show; dur: 100"
animation__hide="property: components.text.material.uniforms.opacity.value; from: 1; to: 0; startEvents: hide; dur: 100"
text="value:Did you try SoundBoxing?; opacity: 0; baseline: bottom; width: 0.7; wrapCount: 24; align: center"></a-entity>
</a-entity>
</a-entity>
</a-entity>
<a-entity id="menuDifficultiesGroup" position="0.195 0.18 0">