Files
junisaber/src/templates/victory.html
2018-10-25 09:29:48 -07:00

49 lines
1.6 KiB
HTML

<!-- Victory. -->
<a-entity
id="victoryInfoContainer"
class="overlay"
position="1.64 1 -1.2"
rotation="0 -55 0"
bind__visible="isVictory">
<a-entity
id="victoryInfoRank"
mixin="font"
bind__animation="enabled: isVictory"
bind__victory-rank="rank: score.rank"
animation="property: object3D.rotation.y; from: 0; to: 360; loop: true; easing: linear; dur: 3000"
text="wrapCount: 2; align: center; width: 0.82; side: double"></a-entity>
<a-entity
id="victoryAccuracyRing"
bind__victory-accuracy-ring="accuracy: score.accuracy"
animation="property: components.material.material.uniforms.progress.value; from: 0; easing: easeOutQuad; delay: 500; dur: 2000; autoplay: false"
geometry="primitive: plane; width: 0.7; height: 0.7"
material="shader: ring; transparent: true; color: #ABABAB; radiusInner: 0.8; color: #FAFAFA"
position="0 0.48 0"></a-entity>
<a-entity
id="victoryInfoAccuracy"
mixin="font"
bind__text="value: score.accuracyText"
text="align: center; color: #FAFAFA; wrapCount: 22; baseline: top; lineHeight: 36; width: 0.81"
position="0.45 0.75 0"></a-entity>
<a-entity
id="victoryInfoScore"
mixin="font"
bind__text="value: score.score"
text="align: center; color: #FAFAFA; wrapCount: 22; baseline: top; lineHeight: 36; width: 2.25"
position="0 -0.15 0"></a-entity>
<a-entity
id="victoryInfoMaxCombo"
mixin="font"
bind__text="value: score.maxComboText"
text="align: center; color: #FAFAFA; wrapCount: 22; baseline: top; lineHeight: 36; width: 1"
position="0 -0.28 0"></a-entity>
</a-entity>
<a-timeline id="victoryTimeline">
</a-timeline>