Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!doctype html>
<html>
  <!-- OK so you decided that all this wasn't enough, welcome to the next level of difficulty
         we do not even know how to do that so... best of luck ;)  -->     
  <head>
    <title>Learning A-frame with VRLab Brussels third workshop</title>
    <script src="https://rawgit.com/aframevr/aframe/dev/dist/aframe.min.js"></script>
    <script>
     console.log('registering...');
     AFRAME.registerComponent('myposition', {
 schema: { type: 'vec3' },
  update: function () {
    var object3D = this.el.object3D;
    var data = this.data;
    object3D.position.set(data.x, data.y, data.z);
  }
});
      </script>
  </head>
  <body>
    <a-scene>
      <!-- ... -->      
      <a-cube color="green" myposition="2 0 -2"><a-cube>
      <!-- That's all folks! If you already finished all that 
              head back to http://vrlab-brussels.info/wiki/FifthWorkshopQuest/FifthWorkshopQuest#Part2 for more !
            -->
      
    </a-scene>
  </body>
  <!-- Proud of your result? Tweet it to @VRLabBrussels or email it to fabien@vrlab-brussels.info -->
  <!-- Thanks in advance, we will the happily share it back to other participants! -->
</html>
<!-- want to cheat? Check https://github.com/ngokevin/aframe-component-boilerplate -->
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
Utopiahpro
0viewers