Skip to content

Commit

Permalink
install & build steps
Browse files Browse the repository at this point in the history
  • Loading branch information
ngokevin committed Sep 15, 2016
1 parent 51b45af commit d6d22b2
Show file tree
Hide file tree
Showing 17 changed files with 582,951 additions and 508,842 deletions.
46 changes: 24 additions & 22 deletions components/animation/examples/basic/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -18,31 +18,33 @@
</script>
</a-assets>

<a-box id="top-plate" height="0.2" position="0 2.5 0"
animation__height="property: geometry.height; dir: alternate; dur: 200; loop: true; to: 0.18"></a-box>
<a-entity id="container" position="0 0 -4">
<a-box id="top-plate" height="0.2" position="0 2.5 0"
animation__height="property: geometry.height; dir: alternate; dur: 200; loop: true; to: 0.18"></a-box>

<a-cylinder id="piston" color="#F55" radius="0.1"
animation__scale="property: scale; dir: alternate; dur: 200;
easing: easeInSine; loop: true; to: 1.2 1 1.2"
animation__color="property: color; dir: alternate; dur: 1000;
easing: easeInSine; loop: true; to: #5F5"
animation__yoyo="property: position; dir: alternate; dur: 1000;
easing: easeInSine; loop: true; to: 0 2 0">
</a-cylinder>
<a-cylinder id="piston" color="#F55" radius="0.1"
animation__scale="property: scale; dir: alternate; dur: 200;
easing: easeInSine; loop: true; to: 1.2 1 1.2"
animation__color="property: color; dir: alternate; dur: 1000;
easing: easeInSine; loop: true; to: #5F5"
animation__yoyo="property: position; dir: alternate; dur: 1000;
easing: easeInSine; loop: true; to: 0 2 0">
</a-cylinder>

<a-box id="bottom-plate" height="0.2" position="0 -0.5 0"></a-box>
<a-box id="bottom-plate" height="0.2" position="0 -0.5 0"></a-box>

<!-- Orbiters. -->
<a-entity template="src: #orbiter" data-orbitradius="1" data-easing="linear"
position="0 0.3 0"></a-entity>
<a-entity template="src: #orbiter" data-orbitradius="2" data-easing="easeInCubic"
position="0 0.6 0"></a-entity>
<a-entity template="src: #orbiter" data-orbitradius="1.2" data-easing="easeOutSine"
position="0 0.9 0"></a-entity>
<a-entity template="src: #orbiter" data-orbitradius="1.8" data-easing="easeInOutBounce"
position="0 1.2 0"></a-entity>
<a-entity template="src: #orbiter" data-orbitradius="1.5" data-easing="easeInBack"
position="0 1.5 0"></a-entity>
<!-- Orbiters. -->
<a-entity template="src: #orbiter" data-orbitradius="1" data-easing="linear"
position="0 0.3 0"></a-entity>
<a-entity template="src: #orbiter" data-orbitradius="2" data-easing="easeInCubic"
position="0 0.6 0"></a-entity>
<a-entity template="src: #orbiter" data-orbitradius="1.2" data-easing="easeOutSine"
position="0 0.9 0"></a-entity>
<a-entity template="src: #orbiter" data-orbitradius="1.8" data-easing="easeInOutBounce"
position="0 1.2 0"></a-entity>
<a-entity template="src: #orbiter" data-orbitradius="1.5" data-easing="easeInBack"
position="0 1.5 0"></a-entity>
</a-entity>

<!-- Lights. -->
<a-light type="ambient" color="#333"></a-light>
Expand Down
Loading

0 comments on commit d6d22b2

Please sign in to comment.