Files
junisaber/src/index.html

68 lines
3.3 KiB
HTML
Raw Normal View History

2018-07-18 20:48:45 +02:00
<!DOCTYPE html>
<html>
<head>
<title>Supersaber</title>
2018-09-12 11:35:20 -07:00
<script src="vendor/aframe.effects.js"></script>
2018-07-18 20:48:45 +02:00
<script src="build/build.js"></script>
</head>
<body>
2018-09-12 11:35:20 -07:00
<a-scene
bind__beat-loader="challengeId: challenge.id; difficulty: challenge.difficulty"
bind__song="challengeId: challenge.id; isPlaying: !menu.active && !challenge.isLoading"
bind__song-preview-system="selectedChallengeId: menuSelectedChallenge.id"
console-shortcuts
2018-09-18 02:52:07 -07:00
effect-bloom="strength: 0.7"
2018-09-12 11:35:20 -07:00
proxy-event="event: menuchallengeselect; to: #searchResultsContainer, #menuDifficulties"
2018-09-12 14:08:11 -07:00
search
2018-09-13 18:49:11 -07:00
stage-colors="blue"
fog="color: #a00; density: 0.035; type: exponential">
2018-07-18 20:48:45 +02:00
<a-assets timeout="10000">
2018-09-12 14:08:11 -07:00
<!-- Stage -->
2018-09-13 18:32:45 -07:00
<a-image id="backglowTexture" src="assets/img/stage/backglow.png"></a-image>
<a-image id="floor" src="assets/img/stage/floor.png"></a-image>
2018-09-12 14:08:11 -07:00
<a-image id="skyTexture" src="assets/img/stage/sky.jpg"></a-image>
<a-image id="smokeTexture" src="assets/img/stage/smoke.png"></a-image>
<a-asset-item id="backglow-obj" src="assets/models/backglow.obj"></a-asset-item>
<a-mixin id="laser" laser geometry="height: 300; depth: 0.16; width: 0.16" materials="neon"></a-mixin>
2018-07-21 10:21:30 +02:00
<audio id="hoverSound" src="/assets/sounds/hover.ogg"></audio>
2018-09-13 18:32:35 -07:00
<audio id="introSong" src="/assets/sounds/introSong.ogg" autoplay></audio>
2018-07-21 10:21:30 +02:00
<img id="gridImg" src="assets/img/grid.png">
2018-07-18 20:48:45 +02:00
<img id="playImg" src="assets/img/play.png">
<img id="sliceImg" src="assets/img/slice.png">
2018-07-21 10:21:30 +02:00
<a-mixin id="raycaster" raycaster="objects: [raycastable]; far: 2"></a-mixin>
2018-08-13 21:13:23 -07:00
<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="textFont" text="font: assets/fonts/Teko-Bold.json; shader: msdf; letterSpacing: 1"></a-mixin>
2018-07-18 20:48:45 +02:00
</a-assets>
2018-09-14 12:58:41 -07:00
<a-entity id="container">
2018-09-12 14:08:11 -07:00
{% include './templates/stage.html' %}
2018-07-18 20:48:45 +02:00
{% include './templates/gameUi.html' %}
{% include './templates/menu.html' %}
</a-entity>
<a-entity id="cameraRig">
<a-entity id="camera" position="0 1.6 0.5" camera look-controls wasd-controls></a-entity>
2018-08-13 21:13:23 -07:00
<a-entity id="leftHand"
2018-09-14 10:55:19 -07:00
saber-controls="hand: left"
2018-08-13 21:13:23 -07:00
proxy-event__pause="event: menudown; to: a-scene; as: pause"
proxy-event__pauserifta="event: abuttondown; to: a-scene; as: pause"
proxy-event__pauseriftb="event: bbuttondown; to: a-scene; as: pause"
bind__saber-controls="bladeEnabled: !menu.active"></a-entity>
2018-08-13 21:13:23 -07:00
<a-entity id="rightHand"
2018-09-14 10:55:19 -07:00
saber-controls="hand: right"
2018-08-13 21:13:23 -07:00
proxy-event__pause="event: menudown; to: a-scene; as: pause"
proxy-event__pauseriftx="event: xbuttondown; to: a-scene; as: pause"
proxy-event__pauserifty="event: ybuttondown; to: a-scene; as: pause"
2018-09-18 00:35:42 -07:00
bind__saber-controls="bladeEnabled: !menu.active"
bind__line="visible: menu.active"></a-entity>
2018-07-18 20:48:45 +02:00
</a-entity>
2018-07-21 10:21:30 +02:00
<a-entity id="mouseCursor" mixin="raycaster" cursor="rayOrigin: mouse" debug-cursor
2018-08-24 12:56:39 -07:00
bind__raycaster="enabled: !inVR" raycaster="far: 20"></a-entity>
2018-07-18 20:48:45 +02:00
</a-scene>
</body>
</html>