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>
  <head>
    <title>VR workshop, script to manipulate the experience</title>
    <meta name="description" content="VR workshop, first script to manipulate the experience">
    <script src="https://aframe.io/releases/0.5.0/aframe.js"></script>
  </head>
  <body>
    <a-scene>
      <a-assets>
        
      </a-assets>
      
    <a-entity position="0 1.8 4" camera id="camera" look-controls="enabled: true">
      <a-cursor color="white"></a-cursor>
    </a-entity>
      
    <a-sky id=background src="" color="lightblue" cross-origin=""></a-sky>
      
    <a-plane position="0 2 3" color="#dbd7d7" visible="false" id="loadingPlane">
      <a-animation begin="firstanimation" attribute="scale" to="0 0 0" dur="3000"></a-animation>
    </a-plane>
    
    </a-scene>
 
    <script>
      
      var number_of_cubes = 2;
      
      var scene = document.querySelector('a-scene');
      if (scene.hasLoaded) {
        run();
      } else {
        scene.addEventListener('loaded', run);
      }
      function run () {
        for (var i=0;i<number_of_cubes;i++){
          var node = document.createElement("a-box");
          scene.appendChild(node);
          node.setAttribute("position","0 "+i*2+" 0");
        }
      }
      
      // note that this should become a proper AFrame component
    </script>
  </body>
</html>
​
Output

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

Dismiss x
public
Bin info
Utopiahpro
0viewers