-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·92 lines (72 loc) · 8.54 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
<script src="https://rawgit.com/mayognaise/aframe-gif-shader/master/dist/aframe-gif-shader.min.js"></script> <script src="//cdn.rawgit.com/donmccurdy/aframe-extras/v1.17.0/dist/aframe-extras.min.js"></script>
<script type="text/javascript" src="script/aframeinit.js"></script>
</head>
<body>
<a-scene shadows antialias="true">
<a-sky src="texture/panorama.jpg"></a-sky>
<a-entity class="floor">
<a-plane material="src:url(texture/floor.png);" crossorigin="anonymous" position="0 0 0" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="50 0 0" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="-50 0 0" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="100 0 0" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="-100 0 0" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="0 0 -50" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="50 0 -50" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="-50 0 -50" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="100 0 -50" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="-100 0 -50" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="0 0 -100" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="50 0 -100" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="-50 0 -100" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="100 0 -100" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="-100 0 -100" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="0 0 -150" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="50 0 -150" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="-50 0 -150" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="100 0 -150" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
<a-plane material="src:url(texture/floor.png);"crossorigin="anonymous" position="-100 0 -150" height="50" width="50" rotation="-90 0 0" shadow="cast: true; receive: true"></a-plane>
</a-entity>
<a-entity position="0 0 -30" >
<a-entity position="-10 5 0" height="30" rotation="10 190 -20" obj-model="obj: models/dolphin.obj;" material="shader:gif;src:url(dolphin-gifs/tenor.gif);" shadow="cast: true;" crossorigin="anonymous"
></a-entity>
<a-entity position="10 5 0" height="30" rotation="-10 190 20" obj-model="obj: models/dolphin.obj;" material="src:url(dolphin-gifs/globe.png);" shadow="cast: true;" crossorigin="anonymous"></a-entity>
<a-entity position="0 5 0" height="10" rotation="5 190 0" obj-model="obj: models/dolphin.obj;" material="shader:gif;src:url(dolphin-gifs/watersparkle.gif);" shadow="cast: true;" crossorigin="anonymous"></a-entity>
</a-entity>
<a-entity position="0 0 -50" >
<a-entity position="-10 8 0" height="30" rotation="10 190 -20" obj-model="obj: models/dolphin.obj;" material="shader:gif;src:url(dolphin-gifs/bubble.gif);" shadow="cast: true;" crossorigin="anonymous"></a-entity>
<a-entity position="10 15 0" height="30" rotation="-10 190 20" obj-model="obj: models/dolphin.obj;" material="shader:gif;src:url(dolphin-gifs/lines.gif);" shadow="cast: true;" crossorigin="anonymous"></a-entity>
<a-entity position="0 3 3" height="10" rotation="5 190 3" obj-model="obj: models/dolphin.obj;" material="shader:gif;src:url(dolphin-gifs/fur.gif);" shadow="cast: true;" crossorigin="anonymous"></a-entity>
</a-entity>
<a-entity position="0 0 -40" >
<a-entity position="-12 3.5 5" height="30" rotation="13 190 -50" obj-model="obj: models/dolphin.obj;" material="shader:gif;src:url(dolphin-gifs/blob.gif);" shadow="cast: true;" crossorigin="anonymous"></a-entity>
<a-entity position="10 1 0" height="30" rotation="-2 190 20" obj-model="obj: models/dolphin.obj;" material="shader:gif;src:url(dolphin-gifs/wut.gif);" shadow="cast: true;" crossorigin="anonymous"></a-entity>
<a-entity position="0 12 0" height="10" rotation="6 190 8" obj-model="obj: models/dolphin.obj;" material="src: dolphin-gifs/transgrid.png;transparent: true" shadow="cast: true;" crossorigin="anonymous"></a-entity>
</a-entity>
<a-entity position="0 0 -20" >
<a-entity position="1 1 0" height="30" rotation="-2 190 20" obj-model="obj: models/dolphin.obj;" material="shader:gif;src:url(dolphin-gifs/glitch.gif);" shadow="cast: true;" crossorigin="anonymous"></a-entity>
<a-entity position="0 12 5" height="10" rotation="6 190 8" obj-model="obj: models/dolphin.obj;" material="shader:gif;src:url(dolphin-gifs/wrap.gif);" shadow="cast: true;" crossorigin="anonymous"></a-entity>
</a-entity>
<a-entity position="0 0 -70" >
<a-entity position="1 1 0" height="30" rotation="-2 190 20" obj-model="obj: models/dolphin.obj;" material="shader:gif;src:url(dolphin-gifs/jazz.gif);transparent: true" shadow="cast: true;" crossorigin="anonymous"></a-entity>
<a-entity position="0 12 5" height="10" rotation="6 190 8" obj-model="obj: models/dolphin.obj;" material="shader:gif;src:url(dolphin-gifs/nerd.gif);transparent: true" shadow="cast: true;" crossorigin="anonymous"></a-entity>
</a-entity>
<a-entity class="columns">
<a-entity position="-70 0 -100" rotation="0 -95 0" obj-model="obj: models/OldColumn.obj;" shadow="cast: true;" material="src: texture/OldColumn01_part_01.jpg" crossorigin="anonymous"></a-entity>
<a-entity position="70 0 -100" rotation="0 -95 0" obj-model="obj: models/OldColumn.obj;" shadow="cast: true;" material="src: texture/OldColumn01_part_01.jpg" crossorigin="anonymous"></a-entity>
</a-entity>
<a-entity class="sonic">
<a-entity position="0 -5 -140" rotation="0 0 0" obj-model="obj: models/Sonic.obj;" shadow="cast: true;" material="src: texture/OldColumn01_part_01.jpg" scale="2.5 2.5 2.5" crossorigin="anonymous"></a-entity>
</a-entity>
<a-entity light="type: point; castShadow: true; color: rgba(255,0,0,0.5);" position="-70 150 -50" ></a-entity>
<a-entity light=" type: point; castShadow: true; color: rgba(0,0,255,0.5);" position="70 150 -50"></a-entity>
<a-entity light="type: ambient; color: rgba(255,255,255,0.1)" ></a-entity>
<a-entity camera look-controls wasd-controls="acceleration: 500" position="0 5 5">
</a-entity>
</a-scene>
<script type="text/javascript" src="script/canScript.js"></script>
</body>
</html>