forked from jgbarah/aframe-playground
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
56 lines (47 loc) · 2.11 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
<html>
<head>
<script type="text/javascript" src="bundle.js"></script></head>
<body>
<a-scene>
<a-assets>
<img id="molinos" src="molinos-bw.jpg">
<img id="soil" src="soil.jpg">
<img id="bands" src="bands.jpg">
<img id="window" src="window.jpg">
<a-asset-item id="urjc" src="urjc.obj"></a-asset-item>
<a-asset-item id="car" src="auto/scene.gltf"></a-asset-item>
</a-assets>
<a-curvedimage position="-2 1.5 -4" src="#window" height="9.0" radius="10" theta-length="120"
rotation="0 100 0" scale="0.8 0.8 0.8"></a-curvedimage>
<a-box position="3.5 1 -3" rotation="0 90 0" scale="2 2 2" src="#molinos">
<a-animation attribute="position" to="5.5 1 -5" direction="alternate" dur="4000"
repeat="indefinite"></a-animation>
</a-box>
<a-sphere position="-2 1.25 -5" radius="1.25" src="#soil"></a-sphere>
<a-cylinder position="1 1.25 -3" radius="0.5" height="2.5" src="#bands"></a-cylinder>
<a-plane position="0 0 -4" rotation="-90 0 0" width="10" height="4" repeat="4 2" src="#soil"></a-plane>
<a-text value="Just a simple test" color="red"
position="-3.5 0.5 -2" rotation="-45 30 0" scale="2.5 2.5 2.5" font="Roboto-msdf.json"></a-text>
<a-entity position="-1 1 -9" obj-model="obj: #urjc"
material="color: green" scale="0.1 0.1 0.2">
<a-animation attribute="rotation" dur="10000" fill="forwards"
to="0 360 0" repeat="indefinite">
</a-animation>
</a-entity>
<a-entity position="-2 2 -9" gltf-model="#car"
scale="0.01 0.01 0.01">
<a-animation attribute="rotation" dur="10000" fill="forwards"
to="0 360 0" repeat="indefinite">
</a-animation>
</a-entity>
<a-sky color="grey"></a-sky>
<a-light type="ambient" color="white"></a-light>
<a-light type="point" intensity="1" position="-2 2 2"></a-light>
<a-entity position="-3 2 1" rotation="0 -25 0">
<a-camera>
<a-cursor></a-cursor>
</a-camera>
</a-entity>
</a-scene>
</body>
</html>