Flexで簡単にオブジェクトの中心で3D回転させる方法


ちょっとでも簡単にオブジェクトの中心で3D回転できないかと考えてたら
「verticalCenter="0" horizontalCenter="0」を使えばできるんじゃないかなって思ってやってみたら出来たので紹介です。
こんな感じ
http://moeten.info/flex/20091108_easy3D/bin-release/main.html

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    enterFrame="myTimer()" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #A7A7A7]">
<mx:Script>
<![CDATA[
private function myTimer():void{
    myCanvas.rotationX = this.mouseY;
    myCanvas.rotationY = this.mouseX;
}
]]>
</mx:Script>
<mx:DropShadowFilter id="dsf" blurX="14" blurY="14" color="0x000000" distance="0" />
<mx:GlowFilter id="gf" blurX="8" blurY="8" color="0xffffff" strength="10" />
<mx:Canvas id="myCanvas" x="300" y="300" width="1" height="1" clipContent="false">
    <mx:Image verticalCenter="0" horizontalCenter="0" source="bg.png" filters="{[gf,dsf]}" />
</mx:Canvas>
</mx:Application>