-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
27 lines (27 loc) · 1.53 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
<html>
<head>
<script src="https://aframe.io/releases/0.7.0/aframe.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/aframe-particle-system-component.min.js"></script>
<script src="https://unpkg.com/aframe-text-geometry-component@^0.5.0/dist/aframe-text-geometry-component.min.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<img id="snowTexture" src="snow10_d.jpg">
<audio src="Jingle_Bells.ogg" autoplay preload>
<a-asset-item id="mountainsOfChristmasFont" src="mountains-of-christmas.json"></a-asset-item>
<a-asset-item id="snowman" src="snow-man.dae"></a-asset-item>
<a-asset-item id="tree" src="tree.dae"></a-asset-item>
<img id="face" src="face.jpg">
</a-assets>
<a-entity position="0 2.25 -15" particle-system="preset: snow"></a-entity>
<a-sky color="#ddd"></a-sky>
<a-plane src="#snowTexture" height="100" width="100" rotation="-90 0 0" repeat="50 50"></a-plane>
<a-entity position="-3.5 3 -4" material="color: red" text-geometry="value: Merry Christmas, Anna!; font: #mountainsOfChristmasFont"></a-entity>
<a-entity position="0 2 -4" scale="0.5 0.5 0.5" material="color: red" text-geometry="value: (look behind you!); font: #mountainsOfChristmasFont"></a-entity>
<a-collada-model src="#snowman" position="0 0 -4"></a-collada-model>
<a-collada-model src="#tree" position="-2 0 -4"></a-collada-model>
<a-image src="#face" rotation="0 0 90" position="0 2 2"></a-image>
</a-scene>
</body>
</html>