A-Frame Course - Source of /examples/1600-proximity-01.html

<!DOCTYPE html>
<html>
   <head>
      <title>Animations - Easings</title>
      <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
         <script src="https://unpkg.com/aframe-proxemic-component@0.0.17/dist/aframe-proxemic-component.min.js"></script>
     <script src="../js/livecode.js"></script>
   </head>
   <body>
      <a-scene background="color:lightblue">

        <a-box proximity-sensor="distance: 2" position="-1 1.6 -3" color="#ff0000" 
                animation="property: position; dur: 2000; from: -1 1.6 -3; to: -1 1.6 -10;  startEvents: proximityenter;" >
         </a-box>        

        <a-box proximity-sensor="distance: 1" position="1 1.6 -3" color="#ff0000" 
                animation="property: rotation; dur: 2000; to: 0 360 0; startEvents: proximityexit" >
         </a-box>

        <a-camera >
          <a-cursor></a-cursor>
        </a-camera>

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