ちょっとFlash10でテキストの回転をしてみたよ。
ちょっとFlash10でテキストの回転をしてみました。
こんな感じ
http://moeten.info/flex/20081016_fp10Test/bin-release/test08.html
ソースはこちら
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="800" height="600" backgroundGradientColors="[0xffffff,0x999999]" creationComplete="init()"> <mx:Script> <![CDATA[ import caurina.transitions.Tweener; private var textArr:Array; private function init():void{ //テキスト集合配列 textArr = new Array(); //キャンバスをクリア clearmyUI(); //文字を一文字ずつゲットして作成配置 for( var i:int = 0 ; i < myText.text.length ; i ++ ){ var text:myLabel = new myLabel(); text.text = myText.text.charAt(i); textArr[i] = text; myUI.addChild( text ); Tweener.addTween( text ,{ scaleX:1, scaleY:1, alpha:1, x:16 * i , y:this.height/2, z:0, rotationX:0, rotationY:0, rotationZ:0, time:1, delay:1, transition:"easeInOutCubic" }); Tweener.addTween( text ,{ rotationX:360, rotationY:360, rotationZ:360, time:1, delay:2+0.05*i, transition:"easeInOutCubic" }); //なんとなく背景にもテキストを置いておく var text:myLabel = new myLabel(); text.blendMode = "multiply"; text.text = myText.text.charAt(i); textArr[i] = text; myUI.addChild( text ); } } //キャンバスクリア private function clearmyUI():void{ var len:int = myUI.numChildren; while( len -- ){ myUI.removeChildAt(0); } } ]]> </mx:Script> <mx:UIComponent id="myUI" width="100%" height="100%"/> <mx:Canvas x="10" y="10" width="309" height="44" dropShadowColor="0x000000" dropShadowEnabled="true" backgroundAlpha="0.8" backgroundColor="0xffffff" cornerRadius="5" borderColor="0x999999" borderStyle="solid" borderThickness="2"> <mx:Button x="241" y="8" label="ボタン" click="init()"/> <mx:TextInput id="myText" x="9" y="8" width="224" enter="init()" text="http://d.hatena.ne.jp/haru-komugi/"/> </mx:Canvas> </mx:Application>
myLabel.mxml
<?xml version="1.0" encoding="utf-8"?> <mx:Label xmlns:mx="http://www.adobe.com/2006/mxml" width="32" height="42" fontSize="12" color="0x000000" x="{Math.random()*parent.height}" y="{Math.random()*parent.width}" rotationX="{Math.random()*360}" rotationY="{Math.random()*360}" rotationZ="{Math.random()*360}" scaleX="5" scaleY="5" alpha="0.2" creationCompleteEffect="Fade" removedEffect="Fade" > </mx:Label>