aframe-holidays/index.html at master · GA-FrontEnd-Projects/aframe-holidays · GitHub

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
<html>
  <head>
    <script src="https://aframe.io/releases/0.7.0/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-particle-system-component@1.0.x/dist/aframe-particle-system-component.min.js"></script>
    <!-- <script src="/skydive-system.js"></script> -->
  </head>
  <body>
    <a-scene>
      <a-assets>
        <a-asset-item id="menorah" src="menorah/scene.gltf"></a-asset-item>
        <a-asset-item id="tree" src="tree/scene.gltf"></a-asset-item>
        <a-asset-item id="christmas-tree" src="christmas_tree/scene.gltf"></a-asset-item>
        <a-asset-item id="gift" src="gift/scene.gltf"></a-asset-item>
      </a-assets>

      <a-gltf-model src="#menorah" scale=".005 .005 .005" position="-2 0 -5"></a-gltf-model>
      <a-gltf-model src="#christmas-tree" scale=".03 .03 .03" position="6 1.750 -6"></a-gltf-model>
      <a-gltf-model src="#christmas-tree" scale=".03 .03 .03" position="-3 1.750 -9"></a-gltf-model>
      <a-gltf-model src="#christmas-tree" scale=".03 .03 .03" position="3 1.750 -4"></a-gltf-model>
      <a-gltf-model src="#christmas-tree" scale=".03 .03 .03" position="4 1.750 -2"></a-gltf-model>
      <a-gltf-model src="#christmas-tree" scale=".03 .03 .03" position="2 1.750 -1"></a-gltf-model>
      <a-gltf-model src="#christmas-tree" scale=".03 .03 .03" position="7 1.750 -7"></a-gltf-model>
      <a-gltf-model src="#christmas-tree" scale=".03 .03 .03" position="3 1.750 -5"></a-gltf-model>

      <a-gltf-model src="#gift" scale=".004 .004 .004" position="1 0 -4"></a-gltf-model>
      <a-gltf-model src="#gift" scale=".004 .004 .004" position="-3 0 -4"></a-gltf-model>

      <a-camera position="0 0 0" wasd-controls rotation="0 0 0" look-controls></a-camera>

      <a-entity position="0 2.25 -5" particle-system="preset: snow; color: #555; particleCount: 2000"></a-entity>

      <a-plane position="0 0 -4" rotation="-90 0 0" width="400" height="400" color="#FFF"></a-plane>
      <a-sky color="#00AAFF"></a-sky>
    </a-scene>
  </body>
</html>