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

pause menu ui (no logic)

Browse Source
This commit is contained in:
Diego F. Goberna
2018-10-04 00:59:47 +02:00
parent 2720de0294
commit ea9874157c
2 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/index.html
View File

@@ -83,6 +83,8 @@
{% include './templates/stage.html' %}
{% include './templates/gameUi.html' %}
{% include './templates/menu.html' %}
{% include './templates/dialogs.html' %}
</a-entity>
<!-- Wrong + miss beat visual indicators. -->

25
src/templates/dialogs.html Normal file
View File

@@ -0,0 +1,25 @@
<a-entity id="pauseDialog" position="0 1.6 -2" bind__visible="pause.active">
<a-entity position="0 0.35 0"
bind-toggle__raycastable="pause.active"
animation__mouseenter="property: components.slice9.material.color; type: color; from: #050505; to: #067197; startEvents: mouseenter; pauseEvents: mouseleave; dur: 150"
animation__mouseleave="property: components.slice9.material.color; type: color; from: #067197; to: #050505; startEvents: mouseleave; pauseEvents: mouseenter; dur: 150"
mixin="slice" slice9="width: 1; height: 0.27; padding: 0.04">
<a-entity mixin="font" text="align: center; wrapCount: 17; value: CONTINUE; color: #AAA" position="0 -0.070 0.01"></a-entity>
</a-entity>
<a-entity
bind-toggle__raycastable="pause.active"
animation__mouseenter="property: components.slice9.material.color; type: color; from: #050505; to: #067197; startEvents: mouseenter; pauseEvents: mouseleave; dur: 150"
animation__mouseleave="property: components.slice9.material.color; type: color; from: #067197; to: #050505; startEvents: mouseleave; pauseEvents: mouseenter; dur: 150"
mixin="slice" slice9="width: 1; height: 0.27; padding: 0.04">
<a-entity mixin="font" text="align: center; wrapCount: 17; value: RESTART SONG; color: #AAA" position="0 -0.070 0.01"></a-entity>
</a-entity>
<a-entity position="0 -0.35 0"
bind-toggle__raycastable="pause.active"
animation__mouseenter="property: components.slice9.material.color; type: color; from: #050505; to: #067197; startEvents: mouseenter; pauseEvents: mouseleave; dur: 150"
animation__mouseleave="property: components.slice9.material.color; type: color; from: #067197; to: #050505; startEvents: mouseleave; pauseEvents: mouseenter; dur: 150"
mixin="slice" slice9="width: 1; height: 0.27; padding: 0.04">
<a-entity mixin="font" text="align: center; wrapCount: 17; value: EXIT TO MENU; color: #AAA" position="0 -0.070 0.01"></a-entity>
</a-entity>
</a-entity>