position game menu title texts
This commit is contained in:
Kevin Ngo
@@ -28,7 +28,7 @@
|
||||
effect-bloom="strength: 1"
|
||||
gpu-preloader
|
||||
loading-screen="backgroundColor: #000;"
|
||||
overlay="objects: #menu, #keyboard, #rightHand, #leftHand, [mixin~='cursorMesh'], #inGameMenu, #stepback"
|
||||
overlay="objects: #menu, #keyboard, #rightHand, #leftHand, [mixin~='cursorMesh'], #gameMenu, #stepback"
|
||||
pool__beat-arrow-blue="mixin: arrowBlueBeat; size: 5; container: #beatContainer"
|
||||
pool__beat-arrow-red="mixin: arrowRedBeat; size: 10; container: #beatContainer"
|
||||
pool__beat-dot-blue="mixin: dotBlueBeat; size: 10; container: #beatContainer"
|
||||
@@ -127,7 +127,7 @@
|
||||
{% include './templates/stage.html' %}
|
||||
{% include './templates/score.html' %}
|
||||
{% include './templates/menu.html' %}
|
||||
{% include './templates/inGameMenu.html' %}
|
||||
{% include './templates/gameMenu.html' %}
|
||||
</a-entity>
|
||||
|
||||
<!-- Wrong + miss beat visual indicators. -->
|
||||
|
||||
68
src/templates/gameMenu.html
Normal file
68
src/templates/gameMenu.html
Normal file
@@ -0,0 +1,68 @@
|
||||
<a-mixin
|
||||
id="gameMenuButton"
|
||||
mixin="slice"
|
||||
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="gameMenuButtonText"
|
||||
mixin="font"
|
||||
position="0 -0.07 0.01"
|
||||
text="align: center; wrapCount: 17; color: #F0F0F0"></a-mixin>
|
||||
|
||||
<a-entity id="inGameMenuTitles" position="0 1.7 -2.3">
|
||||
<a-entity mixin="gameMenuButtonText" text="value: GAME OVER; color: #ff7171; width: 4" bind__visible="isGameOver"></a-entity>
|
||||
|
||||
<a-entity mixin="gameMenuButtonText" text="value: SONG CLEAR; color: #7171FF; width: 4" bind__visible="isVictory"></a-entity>
|
||||
</a-entity>
|
||||
|
||||
<a-entity
|
||||
id="gameMenu"
|
||||
bind__visible="isGameOver || isPaused || isVictory"
|
||||
position="0 1.1 -2"
|
||||
play-sound="event: mouseenter; sound: #hoverSound; volume: 0.03">
|
||||
<a-entity
|
||||
id="resumeButton"
|
||||
mixin="gameMenuButton"
|
||||
bind-toggle__raycastable="isPaused"
|
||||
position="0 0.35 0"
|
||||
proxy-event="event: click; to: a-scene; as: gamemenuresume"
|
||||
bind__visible="!isGameOver">
|
||||
<a-entity mixin="gameMenuButtonText" text="value: RESUME"></a-entity>
|
||||
</a-entity>
|
||||
|
||||
<a-entity
|
||||
id="restartButton"
|
||||
bind-toggle__raycastable="isPaused || isGameOver"
|
||||
mixin="gameMenuButton"
|
||||
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-toggle__raycastable="isPaused || isGameOver || isVictory"
|
||||
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>
|
||||
|
||||
<a-entity id="gameMenuSongInfoContainer" 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="gameMenuSongImage"
|
||||
copy-texture="from: #menuSelectedChallengeImage"
|
||||
geometry="primitive: plane; buffer: false; skipCache: true; height: 0.3; width: 0.3"
|
||||
material="shader: flat"
|
||||
position="0 0.382 0"></a-entity>
|
||||
|
||||
<a-entity id="gameMenuSongInfo">
|
||||
<a-entity class="gameMenuSongSubName" position="0 0.058 0"
|
||||
mixin="textFont" text="wrapCount: 40; align: center; color: #FF185B" bind__text="value: menuSelectedChallenge.songSubName"></a-entity>
|
||||
<a-entity class="gameMenuSongName" 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>
|
||||
</a-entity>
|
||||
@@ -1,63 +1,67 @@
|
||||
<a-mixin
|
||||
id="dialogButton"
|
||||
id="gameMenuButton"
|
||||
mixin="slice"
|
||||
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"
|
||||
id="gameMenuButtonText"
|
||||
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="gameMenuTitles" position="0 1.7 -2.3">
|
||||
<a-entity mixin="gameMenuButtonText" text="value: GAME OVER; color: #ff7171; width: 4" bind__visible="isGameOver"></a-entity>
|
||||
|
||||
<a-entity mixin="gameMenuButtonText" text="value: SONG CLEAR; color: #7171FF; width: 4" bind__visible="isVictory"></a-entity>
|
||||
</a-entity>
|
||||
|
||||
<a-entity
|
||||
id="inGameMenu"
|
||||
id="gameMenu"
|
||||
bind__visible="isGameOver || isPaused || isVictory"
|
||||
position="0 1.1 -2"
|
||||
play-sound="event: mouseenter; sound: #hoverSound; volume: 0.03">
|
||||
<a-entity
|
||||
id="resumeButton"
|
||||
mixin="dialogButton"
|
||||
mixin="gameMenuButton"
|
||||
bind-toggle__raycastable="isPaused"
|
||||
position="0 0.35 0"
|
||||
proxy-event="event: click; to: a-scene; as: gamemenuresume"
|
||||
bind__visible="!isGameOver">
|
||||
<a-entity mixin="dialogButtonText" text="value: RESUME"></a-entity>
|
||||
<a-entity mixin="gameMenuButtonText" text="value: RESUME"></a-entity>
|
||||
</a-entity>
|
||||
|
||||
<a-entity
|
||||
id="restartButton"
|
||||
bind-toggle__raycastable="isPaused || isGameOver"
|
||||
mixin="dialogButton"
|
||||
mixin="gameMenuButton"
|
||||
proxy-event="event: click; to: a-scene; as: gamemenurestart">
|
||||
<a-entity mixin="dialogButtonText" text="value: RESTART SONG"></a-entity>
|
||||
<a-entity mixin="gameMenuButtonText" text="value: RESTART SONG"></a-entity>
|
||||
</a-entity>
|
||||
|
||||
<a-entity
|
||||
id="exitButton"
|
||||
mixin="dialogButton"
|
||||
mixin="gameMenuButton"
|
||||
bind-toggle__raycastable="isPaused || isGameOver || isVictory"
|
||||
position="0 -0.35 0"
|
||||
proxy-event="event: click; to: a-scene; as: gamemenuexit">
|
||||
<a-entity mixin="dialogButtonText" text="value: EXIT TO MENU"></a-entity>
|
||||
<a-entity mixin="gameMenuButtonText" 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 id="gameMenuSongInfoContainer" 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="dialogImage"
|
||||
<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 0.382 0"></a-entity>
|
||||
|
||||
<a-entity id="dialogSelectedChallengeInfo">
|
||||
<a-entity class="dialogSelectedChallengeSongSubName" position="0 0.058 0"
|
||||
<a-entity id="gameMenuSongInfo">
|
||||
<a-entity class="gameMenuSongSubName" position="0 0.058 0"
|
||||
mixin="textFont" text="wrapCount: 40; align: center; color: #FF185B" bind__text="value: menuSelectedChallenge.songSubName"></a-entity>
|
||||
<a-entity class="diallogSelectedChallengeSongName" position="0 -0.031 0"
|
||||
<a-entity class="gameMenuSongName" 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>
|
||||
|
||||
Reference in New Issue
Block a user