A-Frame Task

by Andres Abadia

HTML

<script src="https://aframe.io/releases/1.1.0/aframe.min.js"></script>
 <a-scene>
   <a-cone position="0 0.5 -3" rotation="90 0 0" radius-bottom="0.5" radius-top="0.1" color="tomato">
   </a-cone>
   <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4">
   </a-plane>
   <a-sky color="#ECECEC"></a-sky>
 </a-scene>

JavaScript

/*
1. Please add a custom a-frame component to the html template to be able to move the 
cone entity  forwards and backwards with for example the numpad keys. (forward is 
the direction of top of the conus in our example the positive z-axis) 
2. Update the component so the movement speed can be editable in the html template. 
3. (optional) add the ability to rotate the conus 
4. (optional) rotation with the same movement behaviour as in task 1 
 
● I would like to see how the coder updated the position of the entity on user inputs like 
the keyboard. 
● optional tasks: I want to see if the coder has an understanding for relative and 
absolute coordinates.  
*/