144 lines
7.7 KiB
HTML
144 lines
7.7 KiB
HTML
<a-asset-item id="arrowObj" src="assets/models/arrow.obj"></a-asset-item>
|
|
<a-asset-item id="backglowObj" src="assets/models/backglow.obj"></a-asset-item>
|
|
<a-asset-item id="beatObj" src="assets/models/beat.obj"></a-asset-item>
|
|
<a-asset-item id="dotObj" src="assets/models/dot.obj"></a-asset-item>
|
|
<a-asset-item id="logofrontObj" src="assets/models/logofront.obj"></a-asset-item>
|
|
<a-asset-item id="logobackObj" src="assets/models/logoback.obj"></a-asset-item>
|
|
<a-asset-item id="logofrontUObj" src="assets/models/logofront-u.obj"></a-asset-item>
|
|
<a-asset-item id="laserObj" src="assets/models/laser/laser.obj"></a-asset-item>
|
|
<a-asset-item id="laserNeonObj" src="assets/models/laserneon.obj"></a-asset-item>
|
|
<a-asset-item id="logoSparksJSON" src="assets/models/logosparks.json"></a-asset-item>
|
|
<a-asset-item id="sparksJSON" src="assets/models/sparks.json"></a-asset-item>
|
|
<a-asset-item id="mineObj" src="assets/models/mine.obj"></a-asset-item>
|
|
<a-asset-item id="mineBrokenObj" src="assets/models/minebroken.obj"></a-asset-item>
|
|
<a-asset-item id="mineParticlesJSON" src="assets/models/mineparticles.json"></a-asset-item>
|
|
<a-asset-item id="saberParticlesJSON" src="assets/models/sabercut.json"></a-asset-item>
|
|
<a-asset-item id="stageNeonObj" src="assets/models/neons.obj"></a-asset-item>
|
|
<a-asset-item id="tunnelObj" src="assets/models/tunnel.obj"></a-asset-item>
|
|
<a-asset-item id="tunnelNeonObj" src="assets/models/tunnelneon.obj"></a-asset-item>
|
|
<a-asset-item id="tutorial1Obj" src="assets/models/tutorial1.obj"></a-asset-item>
|
|
<a-asset-item id="tutorial2Obj" src="assets/models/tutorial2.obj"></a-asset-item>
|
|
<a-asset-item id="tutorial3Obj" src="assets/models/tutorial3.obj"></a-asset-item>
|
|
|
|
<audio id="confirmSound" src="assets/sounds/beatHit.ogg"></audio>
|
|
<audio id="hoverSound" src="assets/sounds/hover.ogg"></audio>
|
|
<audio id="victorySound" src="assets/sounds/victory.ogg"></audio>
|
|
<audio id="victorySong" src="assets/sounds/victorySong.ogg"></audio>
|
|
<audio id="crescendo" src="assets/sounds/crescendo.ogg"></audio>
|
|
|
|
{% for i in range(1, 11) %}
|
|
<audio id="hitSound{{ i }}" src="assets/sounds/hit{{ i }}.ogg"></audio>
|
|
<audio id="hitSound{{ i }}left" src="assets/sounds/hit{{ i }}left.ogg"></audio>
|
|
<audio id="hitSound{{ i }}right" src="assets/sounds/hit{{ i }}right.ogg"></audio>
|
|
{% endfor %}
|
|
|
|
<img id="backglowTexture" src="assets/img/backglow.png">
|
|
<img id="cursorMeshImg" src="assets/models/laser/laser.png">
|
|
<img id="downIconImg" src="assets/img/downIcon.png">
|
|
<img id="envmapTexture" src="assets/img/envMap.png">
|
|
<img id="envmapWallTexture" src="assets/img/envmapwall.jpg">
|
|
<img id="floorImg" src="assets/img/floor.png">
|
|
<img id="gridImg" src="assets/img/grid.png">
|
|
<img id="playImg" src="assets/img/play.png">
|
|
<img id="skyTexture" src="assets/img/sky.jpg">
|
|
<img id="sliceImg" src="assets/img/slice.png">
|
|
<img id="slicebtnImg" src="assets/img/slicebtn.png">
|
|
<img id="smokeTexture" src="assets/img/smoke.png">
|
|
<img id="beamImg" src="assets/img/beam.png">
|
|
<img id="wrongImg" src="assets/img/wrong.png">
|
|
<img id="missImg" src="assets/img/miss.png">
|
|
<img id="noiseTexture" src="assets/img/noise.png">
|
|
<img id="neonImg" src="assets/img/neon.png">
|
|
<img id="sparkImg" src="assets/img/spark.png">
|
|
<img id="spark2Img" src="assets/img/spark2.png">
|
|
<img id="stepbackImg" src="assets/img/stepback.png">
|
|
<img id="soundboxingImg" src="assets/img/soundboxing.png">
|
|
<img id="genresImg" src="assets/img/genres.png">
|
|
<img id="tutorialImg" src="assets/img/tutorial.png">
|
|
<img id="floorEnvImg" src="assets/img/floorenv.jpg">
|
|
<img id="floorNormalsImg" src="assets/img/floornormals.png">
|
|
|
|
<a-mixin id="slice" slice9="color: #050505; transparent: true; opacity: 0.7; src: #sliceImg; left: 50; right: 52; top: 50; bottom: 52; padding: 0.18"></a-mixin>
|
|
<a-mixin id="font" text="font: assets/fonts/Teko-Bold.json; shader: msdf; letterSpacing: 1"></a-mixin>
|
|
<a-mixin id="superKeyboardTextInput" mixin="font"></a-mixin>
|
|
|
|
<a-mixin id="beat" visible="false"></a-mixin>
|
|
<a-mixin id="beatBlock" mixin="gameoverAnimation" animation__gameover="property: components.material.material.opacity; from: 1; to: 0; startEvents: gameover"></a-mixin>
|
|
<a-mixin id="beatSign" mixin="gameoverAnimation" animation__gameover="property: components.material.material.opacity; from: 1; to: 0; startEvents: gameover"></a-mixin>
|
|
<a-mixin id="arrowBlueBeat" mixin="beat" beat="color: blue; type: arrow"></a-mixin>
|
|
<a-mixin id="arrowRedBeat" mixin="beat" beat="color: red; type: arrow"></a-mixin>
|
|
<a-mixin id="dotBlueBeat" mixin="beat" beat="color: blue; type: dot"></a-mixin>
|
|
<a-mixin id="dotRedBeat" mixin="beat" beat="color: red; type: dot"></a-mixin>
|
|
<a-mixin id="gameoverAnimation" animation__gameover="dur: 1000; easing: easeOutQuad"></a-mixin>
|
|
<a-mixin id="mine" mixin="beat" beat="type: mine"></a-mixin>
|
|
|
|
<a-mixin
|
|
id="beatScore"
|
|
mixin="font"
|
|
text="opacity: 0; wrapCount: 19; color: #AAA; width: 1.5"
|
|
animation__opacityin="property: components.text.material.uniforms.opacity.value; from: .5; to: 1; dur: 500; startEvents: beatscorestart"
|
|
animation__opacityout="property: components.text.material.uniforms.opacity.value; from: 1; to: 0; dur: 500; delay: 700; startEvents: beatscorestart"
|
|
animation__motionz="property: object3D.position.z; from: -2; to: -6; dur: 500; easing: easeOutQuart; startEvents: beatscorestart"
|
|
animation__motiony="property: object3D.position.y; to: 0.1; dur: 500; easing: easeOutQuart; startEvents: beatscorestart"
|
|
></a-mixin>
|
|
|
|
<a-mixin
|
|
id="beatScoreOk"
|
|
score-beat="type: ok"
|
|
mixin="beatScore"
|
|
text="value: OK"></a-mixin>
|
|
<a-mixin
|
|
id="beatScoreGood"
|
|
score-beat="type: good"
|
|
mixin="beatScore"
|
|
text="value: GOOD; color: #A8E3FF"></a-mixin>
|
|
<a-mixin
|
|
id="beatScoreExcellent"
|
|
score-beat="type: excellent"
|
|
mixin="beatScore"
|
|
text="value: EXCELLENT; wrapCount: 16; color: #60CCFF"></a-mixin>
|
|
<a-mixin
|
|
id="beatScoreSuper"
|
|
score-beat="type: super"
|
|
mixin="beatScore"
|
|
text="value: SUPER!; wrapCount: 13; color: #00acfc"></a-mixin>
|
|
|
|
<a-mixin
|
|
id="superCut"
|
|
supercutfx
|
|
geometry="primitive: plane; width: 3; height: 3"
|
|
material="shader: superCutFxShader; transparent: true; depthWrite: false"></a-mixin>
|
|
|
|
<a-mixin
|
|
id="wall"
|
|
geometry
|
|
material="shader: wallShader; tex: #noiseTexture; env: #envmapWallTexture; repeat: 2 2; transparent: true; side: double"
|
|
wall
|
|
saber-intersection
|
|
></a-mixin>
|
|
|
|
<a-mixin
|
|
id="beatWrong"
|
|
geometry="primitive: plane; height: 0.3; width: 0.3"
|
|
material="shader: flat; transparent: true; src: #wrongImg"
|
|
visible="false"
|
|
animation__posz="property: object3D.position.z; to: -8; startEvents: beatwrong; easing: easeOutQuart; dur: 4000"
|
|
animation__alpha="property: components.material.material.opacity; from: 1; to: 0; startEvents: beatwrong; easing: easeOutQuart; dur: 4000"></a-mixin>
|
|
|
|
<a-mixin id="beatMiss"
|
|
geometry="primitive: plane; height: 0.25; width: 0.5"
|
|
material="shader: flat; transparent: true; src: #missImg"
|
|
visible="false"
|
|
animation__posz="property: object3D.position.z; to: -8; startEvents: beatmiss; easing: easeOutQuart; dur: 4000"
|
|
animation__alpha="property: components.material.material.opacity; from: 1; to: 0; startEvents: beatmiss; easing: easeOutQuart; dur: 4000"></a-mixin>
|
|
|
|
<a-mixin
|
|
id="bigMenuButton"
|
|
mixin="slice"
|
|
slice9="src: #slicebtnImg; color: #999; width: 1; left: 70; top: 70; height: 0.2; padding: 0.1"
|
|
animation__mouseenter1="property: components.slice9.material.color; type: color; from: #999; to: #FFF; startEvents: mouseenter; pauseEvents: mouseleave; dur: 150"
|
|
animation__mouseleave1="property: components.slice9.material.color; type: color; from: #FFF; to: #999; startEvents: mouseleave; pauseEvents: mouseenter; dur: 150"
|
|
animation__mouseenter2="property: scale; from: 1 1 1; to: 1.1 1.1 1.1; startEvents: mouseenter; pauseEvents: mouseleave; dur: 150"
|
|
animation__mouseleave2="property: scale; to: 1 1 1; from: 1.1 1.1 1.1; startEvents: mouseleave; pauseEvents: mouseenter; dur: 150">
|
|
</a-mixin>
|