<!DOCTYPE html>
<html>
  <head>
    <title>MultiSrc - 02 - All</title>
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
    <script src="https://cdn.rawgit.com/elbobo/aframe-multisrc-component/b6d23310/dist/0.3/aframe-multisrc-component.js"></script>
    <script src="../js/livecode.js"></script>
  </head>
  <body>
    <a-scene background="color:lightblue">
      <a-assets>
        <img
          id="head-right"
          src="https://raw.githubusercontent.com/jorgecardoso/aframe-course-resources/master/papercraft/character370/head-right.png"
        />
        <img
          id="head-left"
          src="https://raw.githubusercontent.com/jorgecardoso/aframe-course-resources/master/papercraft/character370/head-left.png"
        />
        <img
          id="head-top"
          src="https://raw.githubusercontent.com/jorgecardoso/aframe-course-resources/master/papercraft/character370/head-top.png"
        />
        <img
          id="head-bottom"
          src="https://raw.githubusercontent.com/jorgecardoso/aframe-course-resources/master/papercraft/character370/head-bottom.png"
        />
        <img
          id="head-front"
          src="https://raw.githubusercontent.com/jorgecardoso/aframe-course-resources/master/papercraft/character370/head-front.png"
        />
        <img
          id="head-back"
          src="https://raw.githubusercontent.com/jorgecardoso/aframe-course-resources/master/papercraft/character370/head-back.png"
        />
      </a-assets>

      <a-box
        position="0 1.6 -3"
        multisrc="srcs:#head-right,#head-left,#head-top,#head-bottom,#head-front,#head-back"
      >
      </a-box>
    </a-scene>
  </body>
</html>