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>Discovering lights</title>
    <script src="https://aframe.io/releases/0.5.0/aframe.js"></script>
  </head>
  <body>
    <a-scene>
      <!-- 
A light was added replacing the 2 default lights. Unfortunately it's broken we can't see the color anymore! Please fix the light (and make at least one lightbulb joke with your neighbour)
            -->
      <a-box color="grey" scale="10 0.01 10"></a-box>
      <a-box color="blue" position="-1.7 0 -2"></a-box>
      <a-box color="blue" position="0 0 -2"></a-box>
      <a-box color="blue" position="1.7 0 -2"></a-box>
      <a-entity light="type: directional; color: #FFF; intensity: 0.0" position="-1 2 2"></a-entity>
      
      <a-light type="directional" intensity="0.1" position="0 0 0" rotation="-90 0 0" target="#directionaltarget">
    <a-entity id="directionaltarget" position="-10 0 -10">
      <a-animation attribute="position" to="-10 0 -10" from="-10 0 -10" dur="5000" direction="alternate" repeat="indefinite"></a-animation>
    </a-entity>
</a-light>
      <!-- ... you really made the joke? If not you can't go to the next step.
OK now that you fixed one light fix the other. Once it is done find a way to make the light oscillate from left to right (hint, most of the code is already there). You will then see the blue cubes on the left then right change intensity per face.
-->
      
    </a-scene>
  </body>
</html>
<!-- want to cheat? Have a look at https://aframe.io/docs/0.5.0/components/light.html -->
 
​
 
​
Output

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

Dismiss x
public
Bin info
Utopiahpro
0viewers