<!DOCTYPE html>
<html>
  <head>
    <title>Interactions - 11</title>
    <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-environment-component/dist/aframe-environment-component.min.js"></script>
    <script src="https://unpkg.com/aframe-event-set-component/dist/aframe-event-set-component.min.js"></script>
    <script src="../js/livecode.js"></script>
  </head>
  <body>
    <a-scene>
      <a-entity environment="preset: goldmine; dressingAmount: 20"></a-entity>

      <a-box class="links"
        id="box"
        position="0 1 -1"
        color="red"
        event-set__mouseenter="color: lightblue"
        event-set__click="color: blue"
        event-set__mouseleave="color: red"
      ></a-box>

      <a-entity id="leftHand" hand-controls="hand: left; handModelStyle: toon; color: #ffcccc"></a-entity>
      <a-entity id="rightHand"   hand-controls="hand: right;">   </a-entity>

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