読者です 読者をやめる 読者になる 読者になる

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

Flex Flash10


ちょっとでも簡単にオブジェクトの中心で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>