transformations/index.html at main · allyjzhu/transformations · 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<html>
  <head>
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
    <meta name="apple-mobile-web-app-capable" content="yes">
  </head>
  <body>
    <script>
    </script>
    <a-scene loading-screen="dotsColor: white; backgroundColor: black" inspector="url: https://cdn.jsdelivr.net/gh/aframevr/aframe-inspector@master/dist/aframe-inspector.min.js">
        <a-assets>
            <a-asset-item id="rock-obj" src="object/Rock1.obj"></a-asset-item>
            <a-asset-item id="rock-mtl" src="object/Rock1.mtl"></a-asset-item>
            <a-asset-item id="acro-obj" src="object/acropolis.obj"></a-asset-item>
            <img id="image1" src="img/image1.png">
            <img id="image3" src="img/image3.png">
            <img id="image5" src="img/image5.png">
            <img id="image7" src="img/image7.jpg">
            <img id="background" src="img/Untitled-8.png">
            <img id="title" src="img/title.png">
            <img id="love" src="img/love.png">
            <img id="lovestory" src="img/lovestory.png">
            <img id="lust" src="img/lust.png">
            <img id="luststory" src="img/luststory.png">
            <img id="stroll" src="img/stroll.png">
            <img id="strollstory" src="img/strollstory.png">
            <img id="wing" src="img/wing.png">
            <img id="wingst" src="img/wingst.png">
            <img id="statement" src="img/statement.png">
          </a-assets>


    <a-entity light="type: directional; color: #00f; intensity: 0.5" position="-1 1 0"></a-entity>
    <a-entity light="type: directional; color: #f25278; intensity: 0.5" position="6 3 3"></a-entity>
      <a-entity camera="" position="22 13 -17" wasd-controls="acceleration:500" rotation="0 0 90" look-controls="" aframe-injected="" data-aframe-inspector-original-camera=""></a-entity>
      <a-obj-model src="#rock-obj" mtl="#rock-mtl" position = "12 1.2 -20" scale = "5 20 10" rotation="0 0 -90" modify-materials></a-obj-model>
      <a-obj-model src="#acro-obj" position = "2.9 13.57 -33.8" material="color: white" scale = ".035 .035 .035" rotation="0 0 0" modify-materials></a-obj-model>
      <a-sky src="#background"></a-sky>
      <a-image src="#image1" scale = " 0.7 0.7 0.7" position= "17 14 -14" width="5" height= "6.5" rotation="0 180 0"></a-image>
      <a-image src="#image3" scale = " 0.7 0.7 0.7"position= "30 14 -14" width="5" height= "6.5"rotation="0 180 0"></a-image>
      <a-image src="#image5" scale = " 0.7 0.7 0.7"position= "20 14 -23" width="5" height= "6.5"rotation="0 0 0"></a-image>
      <a-image src="#image7" scale = " 0.7 0.7 0.7"position= "32 14 -20" width="5" height= "6.5"rotation="0 90 0"></a-image>
      <a-image src="#title"  scale = " 1 1 1"position= "15 14 -16.5" width="2" height= "1"rotation="0 90 0"></a-image>
      <a-image src="#statement"  scale = " 0.5 0.5 0.5"position= "16 12.5 -17" width="5" height= "4"rotation="0 90 0"></a-image>
      <a-image src="#love"  scale = " 1 1 1"position= "23.5 12.5 -23" width="3" height= "1"rotation="0 0 0"></a-image>
      <a-image src="#wing"  scale = " 1 1 1"position= "32 12.5 -16.5" width="3" height= "1"rotation="0 270 0"></a-image>
      <a-image src="#wingst"  scale = "0.5 0.5 0.5"position= "32 15 -16.5" width="6" height= "6.5"rotation="0 270 0"></a-image>
      <a-image src="#lust"  scale = " 1 1 1"position= "26.5 12.5 -14" width="3" height= "1"rotation="0 180 0"></a-image>
      <a-image src="#luststory"  scale = " 0.5 0.5 0.5"position= "26.5 14.5 -14" width="6" height= "6"rotation="0 180 0"></a-image>
      <a-image src="#stroll"  scale = " 1 1 1"position= "20.5 12.5 -14" width="3" height= "1"rotation="0 180 0"></a-image>
      <a-image src="#strollstory"  scale = " 0.5 0.5 0.5"position= "20.5 14.7 -14" width="6" height= "6"rotation="0 180 0"></a-image>
      <a-image src="#lovestory"  scale = "0.7 0.7 0.7"position= "24.1 15.5 -23" width="6" height= "6.5"rotation="0 0 0"></a-image>


    </a-scene>
  </body>
</html>