three-js example

<three-js id="threeJs">
    <three-stats id="stats" show></three-stats>
    <tween-js></tween-js>
    <three-js-scene name="main" active pickable>
      <three-directionalLight color="0xffdddd" castShadow shadowDarkness="0.4" pos="[500,200,300]"> </three-directionalLight>
      <three-ambientLight color="0xffffff" intensity="0.5"> </three-ambientLight>
      <shadow-plane up=[0,1,0]> </shadow-plane>
      <mirror-plane up=[0,1,0] resolution=1024> </mirror-plane>
    </three-js-scene>
    <three-js-scene name="helpers" active>
        <axis-helper> </axis-helper>
        <grid-helper up=[0,1,0]> </grid-helper>
    </three-js-scene>
    <three-js-viewport name="perspective" id="perspectiveView" class="perspectiveView">
      <three-js-combinedCamera pos="[200,200,100]" orientation="diagonal" up=[0,1,0]></three-js-combinedCamera>
      <three-js-orbitControls cameraUp=[0,1,0] autoRotate="{{autoRotate}}" autoRotateSpeed="10"> </three-js-orbitControls>
    </three-js-viewport>
</three-js>