Projects

Saturday, 18 August 2007 12:08 Written by Erik Lembke

It was just an idea... now it is nearly done! As I promised a few days ago I worked on the animation library. The concept was hard to get but I think and hope you'll like it. There are several libraries which helped me to get this version online. Here's a little sneak preview of the current development state. Updates will also follow soon.

I just created 7 effects based on the originals. Below the demo I put a sample code of the effect "Reflection". Currently the file has no visual preloader (e.g. progressbar) or user control but will be available in the final version.

Sample effect: "Reflection"

<effect name="reflection">
 <parameters>
 <duration default="2"/>
 <easing default="easeInOutQuad"/>
 </parameters>  
 
 <setup>
 <object name="plane1" width="[scene.@width]" height="[scene.@height]" visible="false" index="0" rectangle="0,0,[bitmap.@width],[bitmap.@height]" reflection="true"/>
 <object name="plane2" width="[scene.@width]" height="[scene.@height]" x="[scene.@width]/2" z="-1500" rotationY="90" visible="false" index="1" rectangle="0,0,[bitmap.@width],[bitmap.@height]" reflection="true"/>
 </setup>
 
 <animation>
 <init>
 <camera zoom="10" z="-4900" sort="true"/>
 <object name="plane1" visible="true"/>
 <object name="plane2" visible="true"/>
 </init>
 
 <tween>
 <object name="plane1">
 <bezier x="-[scene.@width]/2" z="7000" rotationY="-45"/>
 <end x="-[scene.@width]/2" z="-1500" rotationY="-90"/>
 </object>
 <object name="plane2">
 <bezier x="[scene.@width]/2" z="7000" rotationY="45"/>
 <end x="0" z="0" rotationY="0"/>
 </object>
 </tween>
 
 <end>
 <object name="plane1" visible="false"/>
 </end>
 </animation>
 </effect>