アニメーションでっす。


Flexで簡単なアニメーションでっす。
WipeRight,Iris,Rotate,Fadeが面白いですよ。
http://moeten.info/maidcafe/?m=aboutiphone

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    verticalScrollPolicy="off" horizontalScrollPolicy="off" backgroundAlpha="1" backgroundColor="0xffffff"
    layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #FFFFFF]" width="715" height="480"
    click="navigateToURL(new URLRequest( 'http://moeten.info/maidcafe/iphone.php' ) )"
    >
<mx:Script>
<![CDATA[
    import flash.net.navigateToURL;
import mx.effects.easing.*;
]]>
</mx:Script>
<mx:Parallel id="myAnimTitle" startDelay="0">
    <mx:Fade alphaFrom="0" alphaTo="1" duration="1000"/>
    <mx:Move yFrom="0" yTo="62" duration="1000"/>
</mx:Parallel>
<mx:Parallel id="myAnim" startDelay="800">
    <mx:Fade alphaFrom="0" alphaTo="1" duration="1000"/>
    <mx:Move yFrom="0" yTo="42" duration="1000"/>
</mx:Parallel>
<mx:Parallel id="myAnim2" startDelay="800">
    <mx:Fade alphaFrom="0" alphaTo="1" duration="1000"/>
    <mx:Move yFrom="440" yTo="419" duration="1000"/>
</mx:Parallel>
<mx:Parallel id="myAnimThum1" startDelay="2000">
    <mx:Fade alphaFrom="0" alphaTo="1"/>
    <mx:WipeRight duration="1000"/>
</mx:Parallel>
<mx:Parallel id="myAnimThum2" startDelay="3000">
    <mx:Fade alphaFrom="0" alphaTo="1"/>
    <mx:WipeRight duration="1000"/>
</mx:Parallel>
<mx:Parallel id="myAnimThum3" startDelay="4000">
    <mx:Fade alphaFrom="0" alphaTo="1"/>
    <mx:WipeRight duration="1000"/>
</mx:Parallel>
<mx:Parallel id="myAnimImage" startDelay="5400">
    <mx:Fade alphaFrom="0" alphaTo="1" duration="700"/>
</mx:Parallel>
<mx:Parallel id="myAnimUrl" startDelay="5700">
    <mx:Fade alphaFrom="0" alphaTo="1" duration="1000"/>
    <mx:WipeRight/>
</mx:Parallel>
<mx:Parallel id="myAnimGoogle" startDelay="6500">
    <mx:Fade alphaFrom="0" alphaTo="1" duration="1000"/>
    <mx:Rotate angleFrom="360" angleTo="0" easingFunction="Back.easeOut" duration="1000"/>
</mx:Parallel>
    <mx:Image x="0" y="0" source="@Embed('image.jpg')" creationCompleteEffect="myAnimImage" alpha="0"/>
    <mx:Image x="0" y="10" source="@Embed('url.png')" creationCompleteEffect="myAnimUrl" alpha="0"/>
    <mx:Image x="460" y="295" source="@Embed('google.png')" creationCompleteEffect="myAnimGoogle" alpha="0"/>
    <mx:Image x="27" y="42" source="@Embed('iphone.png')" creationCompleteEffect="myAnim" alpha="0"/>
    <mx:Image x="27" y="419" source="@Embed('iphoneshadow.png')" creationCompleteEffect="myAnim2" alpha="0"/>
    <mx:Image x="237" y="62" source="@Embed('title.png')" creationCompleteEffect="myAnimTitle"/>
    <mx:Image x="47" y="112" source="@Embed('thum1.jpg')" creationCompleteEffect="myAnimThum1" alpha="0"/>
    <mx:Image x="47" y="112" source="@Embed('thum2.jpg')" creationCompleteEffect="myAnimThum2" alpha="0"/>
    <mx:Image x="47" y="112" source="@Embed('thum3.jpg')" creationCompleteEffect="myAnimThum3" alpha="0"/>
</mx:Application>