-
Notifications
You must be signed in to change notification settings - Fork 69
/
quest-portal-2.html
93 lines (70 loc) · 2.44 KB
/
quest-portal-2.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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html>
<head>
<title>A-Frame: Quest controller movement</title>
<meta name="description" content="Moving around an A-Frame scene with Quest touch controllers.">
<script src="js/aframe-master-v1.3.0.js"></script>
<script src="js/aframe-environment-component.js"></script>
<script src="js/controller-listener.js"></script>
<script src="js/player-move.js"></script>
<script src="js/raycaster-graphics.js"></script>
<script src="js/raycaster-controller-grabber.js"></script>
<script src="js/camera-fade.js"></script>
<script src="js/link-extras.js"></script>
</head>
<body>
<script></script>
<a-scene environment="preset: forest;" renderer="antialias: true;">
<a-assets>
<img id="gradient" src="images/gradient-fade.png" />
<img id="portalBorder" src="images/border-rainbow-edge.png" />
<!-- 360 image for portal preview -->
<img id="previewDefault2" src="images/spherical/default-2.jpg">
</a-assets>
<a-sky
color = "#001337">
</a-sky>
<a-entity id="player" position="0 0 0" player-move>
<a-camera
camera-fade-in="active: true;"
camera-fade-out>
</a-camera>
<a-entity
visible="true"
id="left-controller-entity"
oculus-touch-controls="hand: left"
controller-listener="hand: left">
</a-entity>
<a-entity
visible="true"
id="right-controller-entity"
laser-controls="hand: right"
raycaster="objects: .raycaster-target, .environmentGround;"
raycaster-graphics="beamImageSrc: #gradient; beamLength: 1;"
raycaster-controller-grabber
controller-listener="hand: right">
</a-entity>
</a-entity>
<!-- portal -->
<a-link
position="0 1.6 -10"
href="quest-portal-1.html"
title="Home"
image="#previewDefault2"
link-extras>
</a-link>
<!--
<a-entity
id="textArea"
position="0 1.5 -1.9"
geometry="primitive: plane; width: 3; height: auto"
material="color: #444444; transparent: true; opacity: 0.80;"
text="anchor: center; baseline: center; wrapCount: 40;
transparent: true; opacity: 0.90; color: #8888FF;
value: \n Debug messages here. \n"
>
</a-entity>
-->
</a-scene>
</body>
</html>