/
menuDesktop.html
43 lines (37 loc) · 3.85 KB
/
menuDesktop.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html>
<head>
<title>Menu Desktop Tetris VR</title>
<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/donmccurdy/aframe-extras/v4.1.2/dist/aframe-extras.min.js"></script>
<script src="https://rawgit.com/feiss/aframe-environment-component/master/dist/aframe-environment-component.min.js"></script>
<script src="https://unpkg.com/super-hands@^3.0.1/dist/super-hands.min.js"></script>
<script src="js/menu.js"></script>
<script src="https://github.com/wmurphyrd/aframe-super-hands-component/tree/master/examples/build.js"></script>
</head>
<body>
<a-scene environment="grid:dots;dressingColor:#f5bb56;groundTexture:walkernoise;shadowSize:10.01;groundColor:#fbbb4b;groundColor2:#f2a65f;groundYScale:30;skyColor:#f3f702;horizonColor:#02f2e2;active:true;seed:11;skyType:gradient;lightPosition:0.5 1 0;fog:0.8;flatShading:false;dressingAmount:500;dressingScale:0.04;dressingVariance:0.2 0.1 0.2;dressingOnPlayArea:0;gridColor:#239893;preset:yavapai" preset-switcher="" id="environment" sound="src: #tetris; on: mouseenter; loop: true; volume: 0.05; rolloffFactor: 0" position="0 0 -1.087">
<a-entity class="environment" position="0 50 0" light="intensity:0.6;color:#f9fb80;groundColor:#fbbb4b;type:hemisphere"></a-entity>
<a-entity class="environment" position="0.5 1 0" light="shadowCameraLeft:-10.01;shadowCameraBottom:-10.01;shadowCameraRight:10.01;shadowCameraTop:10.01;intensity:0.6"></a-entity>
<a-entity rotation="-90 0 0" class="environmentGround environment" scale="1 1 30" shadow="cast:false;receive:false"></a-entity>
<a-entity class="environmentDressing environment" visible="false"></a-entity>
<a-sky radius="200" theta-length="110" class="environment" geometry="" material="npot:false;shader:gradientshader;topColor:#f3f702;bottomColor:#02f2e2"></a-sky>
<a-entity id="stars" visible="false"></a-entity>
<audio id="tetris" src="assets/tetris.mp3" crossorigin="anonymous"></audio>
<audio id="button" src="assets/button.wav" crossorigin="anonymous"></audio>
<a-image src="assets/logo.png" position="0 14 -20" width="30" height="8"></a-image>
<a-mixin id="pointer" super-hands="colliderEvent: raycaster-intersection;
colliderEventProperty: els;
colliderEndEvent:raycaster-intersection-cleared;
colliderEndEventProperty: clearedEls;">
</a-mixin>
<a-entity mixin="pointer" raycaster="showLine: true; objects: .boton, .botonBack, a-link" sphere-collider="objects: a-box, a-plane" oculus-touch-controls="hand: right" oculus-go-controls></a-entity>
<a-entity mixin="pointer" raycaster="showLine: true; objects: .boton, .botonBack, a-link" sphere-collider="objects: a-box, a-plane" oculus-touch-controls="hand: left"></a-entity>
<a-entity mixin="pointer" raycaster="showLine: true; objects: .boton, .botonBack, a-link" sphere-collider="objects: a-box, a-plane" cursor="rayOrigin: mouse"></entity>
<a-plane id="botonBack" botonback = "color:black; position: -15 9 -10; rotation: 0 0 0; width: 4; height: 1; text: RETURN" clickable sound__mouseenter="src: #button; on: mouseenter; poolSize: 2"></a-plane>
<a-box id="standard" boton="color:#383D4E; position: -8 4 -10; rotation: 0 0 5; width: 6; height: 2; text: STANDARD" clickable sound__mouseenter="src: #button; on: mouseenter; poolSize: 2"></a-box>
<a-box id="colors" boton="color:#383D4E; position: 0 4 -10; rotation: 0 0 5; width: 6; height: 2; text: COLORS" clickable sound__mouseenter="src: #button; on: mouseenter; poolSize: 2"></a-box>
<a-box id="obstacles" boton="color:#383D4E; position: 8 4 -10; rotation: 0 0 -5; width: 6; height: 2; text: OBSTACLES" clickable sound__mouseenter="src: #button; on: mouseenter; poolSize: 2"></a-box>
</a-scene>
</body>
</html>