escultura

forked from anonymous's block: fresh block

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <title>escultura</title>
  <meta name="description" content="Cursor Handler - A-Frame School">
  <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
  <script src="https://npmcdn.com/aframe-animation-component@3.0.1"></script>
  <script src="https://npmcdn.com/aframe-event-set-component@3.0.1"></script>
  <script src="https://npmcdn.com/aframe-layout-component@3.0.1"></script>
  <script src="https://npmcdn.com/aframe-template-component@3.1.1"></script>
  <script src="handle-events.js"></script>

</head>

<a-entity id="container" position="0 0 -4">
       <a-torus-knot id="torus" color="green" arc="150" p="2" q="7" radius="3" radius-tubular="0.1"></a-torus-knot>
      
      <a-entity template="src: #orbiter" data-orbitradius="4" data-easing="linear" position="1 0.8 0" data-girox="0" data-giroz="360"></a-entity>
      <a-entity template="src: #orbiter" data-orbitradius="2.4" data-easing="linear" position="0 -1.6 0" data-girox="0" data-giroz="360"></a-entity>
      <a-entity template="src: #orbiter" data-orbitradius="2.4" data-easing="linear" position="0 -1.6 0" data-girox="360" data-giroz="0"></a-entity>
      <a-entity template="src: #orbiter" data-orbitradius="2.7" data-easing="linear" position="1 0 0" data-girox="360" data-giroz="360"></a-entity>
      <a-entity template="src: #orbiter" data-orbitradius="3" data-easing="linear" position="0 1.5 0" data-girox="360" data-giroz="0"></a-entity>
      <a-entity template="src: #orbiter" data-orbitradius="2" data-easing="linear" position="0 1 0" data-girox="360" data-giroz="360"></a-entity>
    </a-entity>
   
   
    <a-plane fog  color="red" height="10" width="10" rotation="-90 0 0"  position="0 -5 0"></a-plane>

<a-light type="ambient" color="#333"></a-light>
    <a-light type="directional" position="-1 1 -0.5"></a-light>
    <a-light type="directional" position="10 0 0" intensity="1">
       <a-animation attribute="rotation"  easing="linear" dur="10000"  to="360 0 0" ></a-animation>     
    </a-light>

<a-sky src="#sky"></a-sky>
  <a-light intensity="1">
    <a-animation attribute="intensity" to="5"></a-animation>
  </a-light>

<a-camera position="0 -1 4"></a-camera>

</a-scene>
</body>

https://aframe.io/releases/0.5.0/aframe.min.js

https://npmcdn.com/aframe-animation-component@3.0.1

https://npmcdn.com/aframe-event-set-component@3.0.1

https://npmcdn.com/aframe-layout-component@3.0.1

https://npmcdn.com/aframe-template-component@3.1.1