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>
    <meta name="description" content="Women In Virtual Reality And Film"> 
    <title>Women In Virtual Reality And Film</title>
    <script src="https://aframe.io/releases/0.3.2/aframe.js"></script>
  </head>
  <body>
    <a-scene>
      <a-box position="0 0 -5"></a-box>
      <a-box color="red" position="1.7 0 -5"></a-box>
      <!-- Step 1 : Add another cube on the left with a black color -->
      <!-- Step 2 : Change the white cube to a yellow color -->
      <!-- Done? See what you did? If it doesn't look familar and local then you didn't really finish ;)
​
            to appreciate in your VR headset click to the top right black arrow
            open that new window in your Cardboard
​
            Only see the white and red cube in your phone?
                  Then you are loading the demo, make sure to load your OWN address (no tigikaw in it)
            -->
      <a-box color="blue" position="0 0 5"></a-box>
      <!-- Bonus Step : Can you see that cube? If not take a minute to wonder why -->       
      <a-sky color="lightblue"></a-sky>
    </a-scene>
  </body>
</html>
​
<!-- want to cheat? Have a look at https://aframe.io/docs/primitives/a-cube.html -->
​
​
​
      <!-- Even more... :
​
​
cubes are nice but... a bit square. Let's be a bit creative
recreate the current room we are in with... other objects just like cubes.
Those simple objects are called primitives because they are, well, you get it.
You won't do anything mind blowing with them but BUT it's enough to start.
​
So you know <a-box> with it's position and color.
Do you know <a-cone>, <a-cylinder>, <a-plane>
or even <a-ring>, <a-sky>, <a-sphere>, <a-torus> ?
​
Use all those primitives, change they color, position but also sizes (hint scale).
​
Done? See what you did? Well this is now your room, try it in VR.
​
Just to be sure, a room needs walls, floor, ceiling then furnitures, at least.
-->   
​
​
​
<!-- 
more to explore
​
example of video 
<a-video src="http://vatelier.net/MyDemo/AframeDiscovery/assets/test.mp4" width="16" height="9" position="0 0 -20"></a-video>
​
example of 360 photo 
<a-sky src="https://ucarecdn.com/8f8f2f1d-3f0c-422b-80f5-3eb659e6d723/" crossorigin="">
​
even more to explore, you can do so socially!
http://fabien.benetou.fr/WorkshopICONOctober2016/Social
​
-->   
​
​
 
​
Output

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

Dismiss x
public
Bin info
Utopiahpro
0viewers