-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
76 lines (61 loc) · 5.2 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello, World! • A-Frame</title>
<meta name="description" content="Hello, World! • A-Frame">
<script src="https://aframe.io/releases/latest/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-plane src="./images/forest-floor-terrain_0010_04_S_enl.jpg" rotation="-90 0 0" width="200" height="200" color="#7BC8A4"></a-plane>
<a-image src="./images/forest-floor-terrain_0010_04_S_enl.jpg" rotation="-90 0 0" width="200" height="200"></a-image>
<a-image src="./images/road.jpg" rotation="90 5 0" position="0 .001 -10" width="8" height="70" opacity=".6"></a-image>
<a-image src="./images/road.jpg" rotation="90 5 0" position="-6 .001 -78" width="8" height="70" opacity=".6"></a-image>
<a-image src="./images/bluetrees.png" position="1 1 -59" rotation="0 -30 0" width="2" height="2">
<a-animation attribute="visible" to="false" repeat="indefinite"></a-animation>
</a-image>
<a-image src="./images/bluetrees.png" position="1.25 1 -56" rotation="0 -30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="1.5 -53" rotation="0 -30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="1.75 1 -50" rotation="0 -30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="2 -47" rotation="0 -30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="2.25 1 -44" rotation="0 -30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="2.5 1 -41" rotation="0 -30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="2.75 1 -38" rotation="0 -30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="3 1 -35" rotation="0 -30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="3.25 1 -32" rotation="0 -30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="3.5 1 -29" rotation="0 -30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="4 1 -26" rotation="0 -30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="4 1 -23" rotation="0 -30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="-9 1 -59" rotation="0 30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="-8.75 1 -56" rotation="0 30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="-8.5 1 -53" rotation="0 30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="-8.25 1 -50" rotation="0 30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="-8 1 -47" rotation="0 30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="-7.75 1 -44" rotation="0 30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="-7.5 1 -41" rotation="0 30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="-7.25 1 -38" rotation="0 30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="-7 1 -35" rotation="0 30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="-6.75 1 -32" rotation="0 30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="-6.5 1 -29" rotation="0 30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="-6.25 1 -26" rotation="0 30 0" width="2" height="2"></a-image>
<a-image src="./images/bluetrees.png" position="-6 1 -23" rotation="0 30 0" width="2" height="2"></a-image>
<a-image src="./images/entrance.png" position="0 5 -20" width="20" height="10"></a-image>
<a-model src="./models/lowpolytree/tree.dae" position="-20 0 -5.5"></a-model>
<a-model src="./models/lowpolytree/tree.dae" position="-10 0 -6"></a-model>
<a-model src="./models/lowpolytree/tree.dae" position="-15 0 -15"></a-model>
<a-model src="./models/lowpolytree/tree.dae" position="7 0 -15"></a-model>
<a-model src="./models/lowpolytree/tree.dae" position="10 0 -4"></a-model>
<a-model src="./models/lowpolytree/tree.dae" position="15 0 -6"></a-model>
<a-model src="./models/lowpolytree/tree.dae" position="-20 0 -35"></a-model>
<a-model src="./models/lowpolytree/tree.dae" position="-10 0 -28"></a-model>
<a-model src="./models/lowpolytree/tree.dae" position="-15 0 -10"></a-model>
<a-model src="./models/lowpolytree/tree.dae" position="20 0 -35"></a-model>
<a-model src="./models/lowpolytree/tree.dae" position="10 0 -25"></a-model>
<a-model src="./models/lowpolytree/tree.dae" position="15 0 -30"></a-model>
<a-curvedimage src="./images/sky.jpg" radius="520" theta-length="120" position="0 -120 -2500" rotation="30 90 90" height="9000"></a-curvedimage>
<!--<a-cube position="-1 0.5 1" rotation="0 45 0" width="1" height="1" depth="1" color="#4CC3D9"></a-cube>-->
<a-sky color="black"></a-sky>
</a-scene>
</body>
</html>