Events

<three-canvas width="200" height="200" antialias="true" clear-color="#000000" default-light="true">
  <three-camera name="camera" position="0,0,8" lookAt="0,0,0"></three-camera>
  <three-sphere radius="1" color="#ffffff" map="../images/earth.jpg"></three-sphere>
</three-canvas>
<script>
  window.addEventListener('WebComponentsReady', function(e) {
    var angle = 0;
    var threeCanvas = document.getElementsByTagName('three-canvas')[0];
    var threeCamera = threeCanvas.getObjectByName('camera');
    threeCanvas.addEventListener('render', function() {
      angle += 0.01;
      threeCamera.position.set(8 * Math.sin(angle), 0, 8 * Math.cos(angle));
      threeCamera.lookAt(new THREE.Vector3());
    });
  });
</script>