top of page

Pop Quiz #6

A-Frame, Glitch, and VR

<!DOCTYPE html>
<html>
  <head>
    <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>

    <script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js"></script>

    <script src="inflate.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-assets>
        <a-asset-item
          id="4"
          src="https://cdn.glitch.global/54584f4c-d35a-4c30-88d7-2a0764794de7/4?v=1646945684610"
        ></a-asset-item>
      </a-assets>
      <a-entity
        gltf-model="#4"
        position="-2 1 -4"
        animation-mixer="loop : true"
        scale="0.7 0.7 0.7"
        rotation="0 280 0"
      ></a-entity>

      <a-assets>
        <a-asset-item
          id="5"
          src="https://cdn.glitch.global/54584f4c-d35a-4c30-88d7-2a0764794de7/5?v=1646946863898"
        ></a-asset-item>
      </a-assets>
      <a-entity
        gltf-model="#5"
        position="8 .5 .5"
        animation-mixer="loop : true"
        scale="0.7 0.7 0.7"
        rotation="0 285 0"
      ></a-entity>
      <a-assets>
        <a-asset-item
          id="6"
          src="https://cdn.glitch.global/54584f4c-d35a-4c30-88d7-2a0764794de7/6?v=1646946864982"
        ></a-asset-item>
      </a-assets>
      <a-entity
        gltf-model="#6"
        position="8 1 -4"
        animation-mixer="loop : true"
        scale="0.7 0.7 0.7"
        rotation="0 230 0"
      ></a-entity>

      <a-sphere
        material="src:https://cdn.glitch.global/54584f4c-d35a-4c30-88d7-2a0764794de7/Rock1?v=1646946703695"
        scale="0.7 0.7 0.7"
        position="4 0 -3"
        radius=".5"
        color="#808487"
      ></a-sphere>
      <a-sphere
        material="src:https://cdn.glitch.global/54584f4c-d35a-4c30-88d7-2a0764794de7/Rock2?v=1646946704748"
        position="4 0 -2"
        radius=".5"
        color="#666a6c"
      ></a-sphere>
      <a-sphere
        material="src: https://cdn.glitch.global/54584f4c-d35a-4c30-88d7-2a0764794de7/Rock3?v=1646946703695"
        scale="1 0.7 0.4"
        position="5 0 -3"
        radius=".5"
        color="#747b78"
      ></a-sphere>

      <a-sphere
        material="src: https://cdn.glitch.global/54584f4c-d35a-4c30-88d7-2a0764794de7/Rock1?v=1646946703695"
        scale="0.7 0.7 0.7"
        position="-2 0 -3"
        radius=".5"
        color="#808487"
      ></a-sphere>
      <a-sphere
        material="src: https://cdn.glitch.global/54584f4c-d35a-4c30-88d7-2a0764794de7/Rock3?v=1646946703695"
        scale="0.7 1 0.7"
        position="-2 0 -2"
        radius=".5"
        color="#666a6c"
      ></a-sphere>

      <a-sphere
        material="src:https://cdn.glitch.global/54584f4c-d35a-4c30-88d7-2a0764794de7/Rock3?v=1646946703695"
        position="-1 0 -2"
        radius=".5"
        color="#747b78"
      ></a-sphere>

      <a-sphere
        material="src:https://cdn.glitch.global/54584f4c-d35a-4c30-88d7-2a0764794de7/Leaves?v=1646946593252"
        position=".5 6 -3"
        radius="1.5"
        color="#42692f"
      ></a-sphere>
      <a-cylinder
        material="src: https://cdn.glitch.global/54584f4c-d35a-4c30-88d7-2a0764794de7/Tree?v=1646946481182"
        position=".5 3 -3"
        radius="0.5"
        height="5"
        color="#663300"
      ></a-cylinder>

      <a-sphere
        material="src: https://cdn.glitch.global/54584f4c-d35a-4c30-88d7-2a0764794de7/Leaves?v=1646946593252"
        position="-3 4 -3"
        radius="1.5"
        color="#42692f"
      ></a-sphere>
      <a-cylinder
        material="src: https://cdn.glitch.global/54584f4c-d35a-4c30-88d7-2a0764794de7/Tree?v=1646946481182"
        position="-3 2 -3"
        radius="0.5"
        height="5"
        color="#663300"
      ></a-cylinder>

      <a-plane
        material="src:https://cdn.glitch.global/54584f4c-d35a-4c30-88d7-2a0764794de7/Grass?v=1646943984468"
        position="0 0 -4"
        rotation="-90 0 0"
        width="10"
        height="10"
        color="#567d46"
      ></a-plane>
      <a-plane
        material="src:https://cdn.glitch.me/54584f4c-d35a-4c30-88d7-2a0764794de7/Water?v=1646946419275"
        position="10 0 -4"
        rotation="-90 0 0"
        width="10"
        height="10"
        color="#005493"
      ></a-plane>
      
        <a-assets>
    <video id="SkyVideo" autoplay loop="true" src="https://cdn.glitch.global/54584f4c-d35a-4c30-88d7-2a0764794de7/SkyVideo?v=1646944186009"> </video>
  </a-assets>
      
      <a-videosphere src="#SkyVideo"></a-videosphere>

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

bottom of page