64 lines
3.0 KiB
HTML
64 lines
3.0 KiB
HTML
<a-mixin
|
|
id="dialogButton"
|
|
mixin="slice"
|
|
bind-toggle__raycastable="isPaused"
|
|
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"
|
|
slice9="width: 1; height: 0.27; padding: 0.04"></a-mixin>
|
|
|
|
<a-mixin
|
|
id="dialogButtonText"
|
|
mixin="font"
|
|
position="0 -0.07 0.01"
|
|
text="align: center; wrapCount: 17; color: #F0F0F0"></a-mixin>
|
|
|
|
<a-entity mixin="dialogButtonText" text="value: GAME OVER; color: #ff7171; width: 4" bind__visible="isGameOver" position="0 1.8 -2.3"></a-entity>
|
|
|
|
<a-entity id="pauseDialog" position="0 1.6 -2" bind__visible="isPaused">
|
|
<a-entity
|
|
id="resumeButton"
|
|
mixin="dialogButton"
|
|
bind-toggle__raycastable="isPaused && !isGameOver"
|
|
position="0 0.35 0"
|
|
proxy-event="event: click; to: a-scene; as: pausemenuresume"
|
|
bind__visible="!isGameOver">
|
|
<a-entity mixin="dialogButtonText" text="value: RESUME"></a-entity>
|
|
</a-entity>
|
|
|
|
<a-entity
|
|
id="restartButton"
|
|
mixin="dialogButton"
|
|
proxy-event="event: click; to: a-scene; as: pausemenurestart">
|
|
<a-entity mixin="dialogButtonText" text="value: RESTART SONG"></a-entity>
|
|
</a-entity>
|
|
|
|
<a-entity
|
|
id="exitButton"
|
|
mixin="dialogButton"
|
|
position="0 -0.35 0"
|
|
proxy-event="event: click; to: a-scene; as: pausemenuexit">
|
|
<a-entity mixin="dialogButtonText" text="value: EXIT TO MENU"></a-entity>
|
|
</a-entity>
|
|
|
|
<a-entity id="pauseDialogInfo" position="1.64 -0.12 0.798" rotation="0 -55 0">
|
|
<a-entity mixin="slice" slice9="width: 0.77; height: 1; padding: 0.04" position="0 0.110 -0.03"></a-entity>
|
|
<a-entity id="menuSelectedChallengeImage"
|
|
bind__menu-selected-challenge-image="selectedChallengeId: menuSelectedChallenge.id"
|
|
geometry="primitive: plane; height: 0.3; width: 0.3"
|
|
material="shader: flat"
|
|
position="0 0.382 0"></a-entity>
|
|
<a-entity id="menuSelectedChallengeInfo">
|
|
<a-entity class="menuSelectedChallengeSongAuthor" position="0 0.058 0"
|
|
mixin="textFont" text="wrapCount: 40; align: center; color: #FF185B" bind__text="value: menuSelectedChallenge.songSubName"></a-entity>
|
|
<a-entity class="menuSelectedChallengeSongName" position="0 -0.031 0"
|
|
mixin="textFont" text="align: center; color: #FF185B; wrapCount: 22; baseline: top; lineHeight: 36; width: 0.81"
|
|
bind__text="value: menuSelectedChallenge.songName"></a-entity>
|
|
<a-entity class="menuSelectedChallengeAuthor" position="0 -0.257 0"
|
|
mixin="textFont" text="align: center; color: #FFF; wrapCount: 33; width: 0.78; baseline: bottom" bind__text="value: menuSelectedChallenge.author"></a-entity>
|
|
<a-entity class="menuSelectedChallengeDownloads" position="0 -0.325 0"
|
|
mixin="textFont" text="align: center; color: #FFF; wrapCount: 35" bind__text="value: menuSelectedChallenge.downloadsText"></a-entity>
|
|
</a-entity>
|
|
</a-entity>
|
|
|
|
</a-entity>
|