78 lines
3.3 KiB
HTML
78 lines
3.3 KiB
HTML
<a-mixin
|
|
id="gameMenuButton"
|
|
mixin="bigMenuButton"
|
|
animation__mouseenter="property: components.slice9.material.color; type: color; from: #CCC; to: #FAFAFA; startEvents: mouseenter; pauseEvents: mouseleave; dur: 150"
|
|
animation__mouseleave="property: components.slice9.material.color; type: color; from: #FAFAFA; to: #CCC; startEvents: mouseleave; pauseEvents: mouseenter; dur: 150"
|
|
slice9="width: 1; height: 0.27;"></a-mixin>
|
|
|
|
<a-mixin
|
|
id="gameMenuButtonText"
|
|
mixin="font"
|
|
position="0 -0.08 0.01"
|
|
text="align: center; wrapCount: 17; color: #FFF"></a-mixin>
|
|
|
|
<!-- Titles. -->
|
|
<a-entity id="inGameMenuTitles" position="0 1.7 -2.3">
|
|
<a-entity mixin="gameMenuButtonText" text="value: GAME OVER; color: {{ COLORS.UI_ACCENT2 }}; width: 4" bind__visible="isGameOver"></a-entity>
|
|
<a-entity mixin="gameMenuButtonText" text="value: SONG CLEARED; color: #FAFAFA; width: 4" bind__visible="isVictory" position="0 0.2 0"></a-entity>
|
|
<a-entity mixin="gameMenuButtonText" text="value: PAUSED; color: #FAFAFA; width: 4" bind__visible="isPaused"></a-entity>
|
|
</a-entity>
|
|
|
|
<a-entity
|
|
id="gameMenu"
|
|
class="overlay"
|
|
bind__visible="isGameOver || isPaused || isVictory"
|
|
position="0 1.1 -2"
|
|
play-sound="event: mouseenter; sound: #hoverSound; volume: 0.03"
|
|
play-sound__click="event: click; sound: #confirmSound; volume: 0.25">
|
|
|
|
<!-- Actions. -->
|
|
<a-entity
|
|
id="resumeButton"
|
|
mixin="gameMenuButton"
|
|
bind-toggle__raycastable="isPaused"
|
|
bind__visible="isPaused"
|
|
position="0 0.35 0"
|
|
proxy-event="event: click; to: a-scene; as: gamemenuresume">
|
|
<a-entity mixin="gameMenuButtonText" text="value: RESUME"></a-entity>
|
|
</a-entity>
|
|
|
|
<a-entity
|
|
id="restartButton"
|
|
mixin="gameMenuButton"
|
|
bind__visible="!isVictory"
|
|
bind-toggle__raycastable="isPaused || isGameOver"
|
|
proxy-event="event: click; to: a-scene; as: gamemenurestart">
|
|
<a-entity mixin="gameMenuButtonText" text="value: RESTART SONG"></a-entity>
|
|
</a-entity>
|
|
|
|
<a-entity
|
|
id="exitButton"
|
|
mixin="gameMenuButton"
|
|
bind__visible="!isVictory"
|
|
bind-toggle__raycastable="isPaused || isGameOver"
|
|
position="0 -0.35 0"
|
|
proxy-event="event: click; to: a-scene; as: gamemenuexit">
|
|
<a-entity mixin="gameMenuButtonText" text="value: EXIT TO MENU"></a-entity>
|
|
</a-entity>
|
|
|
|
<!-- Song info. -->
|
|
<a-entity id="gameMenuSongInfoContainer" position="0 -1.10421 0.15473" rotation="-20 0 0">
|
|
<a-entity id="gameMenuSongBackground" mixin="slice" slice9="width: 1.5; height: 0.2; padding: 0.04" position="0 0 -0.03"></a-entity>
|
|
|
|
<a-entity id="gameMenuSongImage"
|
|
copy-texture="from: #menuSelectedChallengeImage"
|
|
geometry="primitive: plane; buffer: false; skipCache: true; height: 0.3; width: 0.3"
|
|
material="shader: flat"
|
|
position="-0.8003 0.00849 0"></a-entity>
|
|
|
|
<a-entity id="gameMenuSongInfo">
|
|
<a-entity id="gameMenuSongSubName" position="0 0.015 0"
|
|
mixin="font" text="wrapCount: 40; align: center; color: {{ COLORS.UI_ACCENT2 }}; width: 0" bind__text="value: menuSelectedChallenge.songSubName"></a-entity>
|
|
<a-entity id="gameMenuSongName" position="0 -0.056 0"
|
|
mixin="font" text="align: center; color: {{ COLORS.UI_ACCENT }}; wrapCount: 30; baseline: top; lineHeight: 36; width: 1.2"
|
|
bind__text="value: menuSelectedChallenge.songName"></a-entity>
|
|
</a-entity>
|
|
</a-entity>
|
|
</a-entity>
|