-
Notifications
You must be signed in to change notification settings - Fork 8
/
unmapped.html
103 lines (92 loc) · 5.02 KB
/
unmapped.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
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Unmapped - VISA</title>
<meta name="description" content="Digital museum">
<link rel="stylesheet" href="css/scene.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/donmccurdy/[email protected]/dist/aframe-extras.min.js"></script>
<script src="js/aframe-environment-map-component.min.js"></script>
<script
src="https://unpkg.com/[email protected]/dist/aframe-environment-component.min.js"></script>
</head>
<body>
<div class="UI">
<h1>IV: Unmapped</h1>
<p>Use <span>W A S D</span>to navigate the scene. </p>
<a href="index.html">
< Back</a>
|
<a href="about.html">About</a>
</div>
<a-scene device-orientation-permission-ui="enabled: false" environment="
preset: tron;
ground: flat;
groundColor: #43a9ff;
skyColor:#f230ff;
horizonColor: #ffffff;
dressing: none;
grid: 2x2;
gridColor: #f230ff">
<!-- Asset Loader -->
<a-assets>
<!-- Load Sound -->
<audio id="sound" src="sounds/neverland.mp3"></audio>
<img id="andrew-texture" src="images/">
<img id="jordan-texture" src="images/Jordan_Window.jpg">
<img id="erik-texture" src="images/Gallery-View5.png">
<img id="hossein-texture" src="images/sphere3.png">
<img id="eddy-texture" src="images/Zachary_Lum_02.png">
<img id="mayra-texture" src="images/mayra.png">
<img id="brainstorm-texture" src="images/brainstorm.png">
<img id="brandi-texture" src="images/gallery7.png">
<img id="normal" src="images/metal-normal.jpeg">
<!-- <img id="stephen-texture" src="images/"> -->
</a-assets>
<!-- Add Light -->
<a-entity light="type: ambient; intensity:0.5; color: #ffffff;" position="0 0 0">
</a-entity>
<!-- Add Camera -->
<a-entity id="mouseCursor" cursor="rayOrigin: mouse" raycaster="objects: .clickable"></a-entity>
<a-entity camera look-controls wasd-controls position="0 5 0" raycaster="objects: .clickable">
</a-entity>
<!-- Load Sounds -->
<a-sound src="#sound" autoplay="true" position="0 0 0" loop="true" volume="10"></a-sound>
<!-- Load Models -->
<a-icosahedron class="clickable" id="Jordan" radius="3" position=" 0 10 -8" rotation="0 90 0"
src="#jordan-texture" normal-map="#normal" roughness="0"
animation__mouseenter="property: rotation; to: 0 -90 0; startEvents: mouseenter; dur: 500"
animation__mouseleave="property: rotation; to: 0 90 0; startEvents: mouseleave; dur: 500">
</a-icosahedron>
<a-icosahedron class="clickable" id="Mayra" radius="3" position=" 6 10 -8" rotation="0 90 0"
src="#mayra-texture" normal-map="#normal" roughness="0"
animation__mouseenter="property: rotation; to: 0 -90 0; startEvents: mouseenter; dur: 500"
animation__mouseleave="property: rotation; to: 0 90 0; startEvents: mouseleave; dur: 500">
</a-icosahedron>
<a-icosahedron class="clickable" id="Eddy" radius="3" position=" 0 4 -8" rotation="0 90 0" src="#eddy-texture"
normal-map="#normal" roughness="0"
animation__mouseenter="property: rotation; to: 0 -90 0; startEvents: mouseenter; dur: 500"
animation__mouseleave="property: rotation; to: 0 90 0; startEvents: mouseleave; dur: 500">
</a-icosahedron>
<a-icosahedron class="clickable" id="Erik" radius="3" position=" -6 4 -8" rotation="0 90 0" src="#erik-texture"
normal-map="#normal" roughness="0"
animation__mouseenter="property: rotation; to: 0 -90 0; startEvents: mouseenter; dur: 500"
animation__mouseleave="property: rotation; to: 0 90 0; startEvents: mouseleave; dur: 500">
</a-icosahedron>
<a-icosahedron class="clickable" id="Brainstorm" radius="3" position=" 6 4 -8" rotation="0 90 0"
src="#brainstorm-texture" normal-map="#normal" roughness="0"
animation__mouseenter="property: rotation; to: 0 -90 0; startEvents: mouseenter; dur: 500"
animation__mouseleave="property: rotation; to: 0 90 0; startEvents: mouseleave; dur: 500">
</a-icosahedron>
<a-icosahedron class="clickable" id="Brandi" radius="3" position=" -6 10 -8" rotation="0 90 0"
src="#brandi-texture" normal-map="#normal" roughness="0"
animation__mouseenter="property: rotation; to: 0 -90 0; startEvents: mouseenter; dur: 500"
animation__mouseleave="property: rotation; to: 0 90 0; startEvents: mouseleave; dur: 500">
</a-icosahedron>
</a-scene>
<!-- Click Function -->
<script>
</script>
</body>