サンプルアニメーション

Flash Flex


rotationXを使用すると簡単に３Ｄ表現ができるのでラクチンすね。
http://moeten.info/maidcafe/?m=photogallery

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="715" height="400" backgroundAlpha="1" backgroundGradientAlphas="[1,1]" backgroundGradientColors="[0xffffff,0xcccccc]"
    verticalScrollPolicy="off" horizontalScrollPolicy="off" creationComplete="hts.send()"
    >
<mx:Script>
<![CDATA[
import flash.net.navigateToURL;
import mx.effects.easing.*;
]]>
</mx:Script>
<mx:Parallel id="myAnim">
    <mx:Fade alphaFrom="0" alphaTo="1" duration="2000"/>
    <mx:AnimateProperty property="rotationX" fromValue="180" toValue="-15" easingFunction="Back.easeOut" duration="2000" />
    <mx:AnimateProperty property="rotationY" fromValue="180" toValue="15"  easingFunction="Back.easeOut" duration="2000" />
</mx:Parallel>
<mx:Parallel id="myAnim2">
</mx:Parallel>
<mx:HTTPService id="hts" url="http://moeten.info/maidcafe/?m=api&amp;type=photo" resultFormat="e4x" result="{myAnim.play([tl]);}"/>
    <mx:Image x="-57" y="31" source="@Embed('photo1.png')" creationCompleteEffect="Iris"/>
    <mx:Image x="227" y="-22" source="@Embed('photo2.png')" creationCompleteEffect="Iris"/>
    <mx:Image x="365" y="-70" source="@Embed('photo3.png')" creationCompleteEffect="Iris"/>
    <mx:Image x="-12" y="15" source="@Embed('nano.png')" creationCompleteEffect="Iris"/>
    <mx:Image x="10" y="10" source="@Embed('title.PNG')" creationCompleteEffect="Zoom"/>
<mx:TileList id="tl" width="410" height="230"  rowHeight="55" columnWidth="55" dataProvider="{hts.lastResult.item}" selectionColor="0xffffff"
    x="240" y="119" backgroundAlpha="0.5" alpha="0"
    rotationY="15" rotationX="-15" dropShadowEnabled="true" dropShadowColor="0x000000" backgroundColor="0xffffff">
    <mx:itemRenderer>
        <mx:Component>
            <mx:Image source="{String(data.image).replace('150.jpg','50x50.jpg')}" width="50" height="50" toolTip="{data.shopname}{data.title}" showEffect="Fade"
                click="{ navigateToURL(new URLRequest( 'http://moeten.info/maidcafe/?m=s&amp;id=' + data.sid + '&amp;d=photo' ) )}"/>
        </mx:Component>
    </mx:itemRenderer>
</mx:TileList>
<mx:Image x="10" y="334" source="@Embed('maisuu.png')" creationCompleteEffect="Iris" visible="false"/>
</mx:Application>