ActionScript（AS3）やFlexを勉強しようと思ってはじめた日記

Phase01（ActionScript 3.0による数学・物理学表現[入門編]から）

AS3, Flex | 12:11 |

• インスタンス名がでてくるので迷った
  • このソースでは、sがインスタンス名
• Pointというオブジェクトがあるのか
• Timerを初めて使った
  • 33は、33ミリ秒
  • 33ミリ秒毎に、loopメソッドを実行している

phase01.xml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:comp="*" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<comp:Phase01>
	</comp:Phase01>
</mx:Application>

Phase01.as

package
{
	import flash.events.MouseEvent;
	import flash.events.TimerEvent;
	import flash.geom.Point;
	import flash.utils.Timer;
	import models.Circle;
	import mx.core.UIComponent;

	public class Phase01 extends UIComponent{
		public var obj:Array;
		public var timer:Timer;
		public var rollovered:Boolean;

		public function Phase01():void{
			obj = new Array();
			for(var i:Number=0; i<10; i++){
				obj.push(new Circle());
			}

			for(var j:Number=0; j<obj.length; j++){
				obj[j].create();
				obj[j].x = 100;
				obj[j].y = 100;
				//obj[j].addEventListener(MouseEvent.MOUSE_OVER, onOver);
				//obj[j].addEventListener(MouseEvent.MOUSE_OUT, onOverOut);
				addChild(obj[j]);
			}

			var s:Circle = new Circle();
			s.create();
			s.x = 100;
			s.y = 100;
			s.addEventListener(MouseEvent.MOUSE_OVER, onOver);
			s.addEventListener(MouseEvent.MOUSE_OUT, onOverOut);
			addChild(s);

			timer = new Timer(33);
			timer.addEventListener(TimerEvent.TIMER, loop);
			timer.start();
		}

		public function onOver(event:MouseEvent):void{
			rollovered = true;
		}

		public function onOverOut(event:MouseEvent):void{
			rollovered = false;
		}

		public function loop(event:TimerEvent):void{
			for(var i:Number=0;i<obj.length;i++){
				var koko:Point = new Point();
				if(rollovered){
					if(i == 0){
						koko.x = 100 + 80;
						koko.y = 100;
					}else{
						koko.x = obj[i-1].x + 80;
						koko.y = obj[i-1].y;
					}
				}else{
					if(i == 0){
						koko.x = this.stage.stageWidth + 140;
						koko.y = this.stage.stageHeight/2  -140;
					}else{
						koko.x = obj[i-1].x;
						koko.y = obj[i-1].y;
					}
				}
				
				obj[i].x += (koko.x - obj[i].x)/8;
				obj[i].y += (koko.y - obj[i].y)/8;
			}
		}
	}
}

models/Circle.as

package models
{
	import flash.display.Sprite;

	public class Circle extends Sprite{
		public var s:Sprite = new Sprite();
		
		public function Circle():void {
		}

		public function create():void {
			s.graphics.lineStyle(1,0xff0000);
			s.graphics.beginFill(0xffffff);
			s.graphics.drawCircle(0, 0, 50);
			s.graphics.endFill();
			addChild(s);
		}

	}
}

ENTER_FRAMEについて

Flex, AS3 | 11:01 |

「CBCNET > Dots & Lines > 寺井周平 > 土日Flashのススメ(6)：サムネイルメニューについて考える」を読んで、そうそうこれがしたかった、と思いFlexで書いてみました。何となく動くのですが、書きつつ気になったことがあります。それは、「Event.ENTER_FRAME」です。

Flexとか、ActionScript3で、フレームの扱いってどうするんだろう？とだいぶ気になりました。おそらく、アニメーションの時には必要になるんだろうなあ。

特に、on_mouseしている間、というイベントはどうやってとろうか。悩みました。そこで、使ったのが、Enter_Frameだったりしました。

参考

• 404 Error - Not Found
• no title

fscroll.as

package
{
	import flash.display.*;
	import flash.events.Event;
	import flash.events.MouseEvent;
	import flash.geom.*;
	import mx.core.UIComponent;
	import mx.events.*;

	public class FScroll extends UIComponent
	{			
			public var s:Sprite     = new Sprite();
			public var left:Sprite  = new Sprite();
			public var right:Sprite = new Sprite();
			
			public var speed:Number = 0;
			
			public var fillType:String = GradientType.LINEAR;
			public var colors:Array = [0x000000, 0xffffff];
			public var alphas:Array = [1, 1];
			public var ratios:Array = [0x00,0xff];
			public var matr:Matrix = new Matrix();
			public var spreadMethod:String = SpreadMethod.PAD;
			
			public function FScroll():void
			{
				this.setup();
			}

			public function setup():void
			{
				matr.createGradientBox(2000, 20, 0, 0, 0);
				s.graphics.beginGradientFill(fillType, colors, alphas, ratios, matr, spreadMethod);
				//s.graphics.beginFill(0xffffff);
				s.graphics.drawRect(0,0,2000,200);
				s.graphics.endFill();
				addChild(s);
			
				left.graphics.beginFill(0x000000,0.5);
				left.graphics.drawRect(0,0,100,200);
				left.graphics.endFill();
				addChild(left);

				right.graphics.beginFill(0x000000,0.5);	
				right.graphics.drawRect(0,0,100,200);
				left.graphics.endFill();
				addChild(right);

				// event
				addEventListener(Event.ENTER_FRAME,postionSetUp);
				left.addEventListener(MouseEvent.MOUSE_OVER,leftRollOver);
				left.addEventListener(MouseEvent.MOUSE_OUT,rollStop);
				right.addEventListener(MouseEvent.MOUSE_OVER,rightRollOver);
				right.addEventListener(MouseEvent.MOUSE_OUT,rollStop);
			}

			private function postionSetUp(event:Event):void
			{
				right.x = parent.width - 100;
			}

			private function onEnterFrame(event:Event):void
			{
				if((s.x >= 0) && (speed > 0)){
					speed = 0;
				}

				if( (Math.abs(s.x) >= (Math.abs(s.width - stage.stageWidth))) && (speed < 0) ){
					speed = 0;
				}
				
				s.x = s.x + speed;
				//trace(Math.abs(s.x));
			}

			private function leftRollOver(event:Event):void
			{
				speed = -20;
				addEventListener(Event.ENTER_FRAME, onEnterFrame);				
			}

			private function rightRollOver(event:Event):void
			{
				speed = 20;
				addEventListener(Event.ENTER_FRAME, onEnterFrame);				
			}

			private function rollStop(event:Event):void
			{
				speed = 0;
			}
	}
}

はてなフォトライフの画像を表示してみる（8）crossdomain.xml

Flex | 07:52 |

いつのまにか、cossdomain.xmlの対策がされたような？

• http://f.hatena.ne.jp/crossdomain.xml

というわけで、表示できなくなってしまいました。残念。

ここはやはり、Flickrがいいのかな。もう少し調べてみよう。

Flex builder 3がインストールできない→できた！

Flex | 08:09 |

届いたので、お試し版をアンインストールして、DVDからインストール。

すると、アップデートが実行され...お試し版の方が新しかったためか、アップデート失敗。

とりあえず、アプリケーションを起動させると、お試し期間終了のお知らせがでます。

シリアルナンバーをいれろ、と。ええ...どうしたらいんだ？

追記

DVDのパッケージの裏に書いてあったよ！

わかりにくい...。

1時間ぐらい困っていたのに。

お試し期間終了ということで

Flex | 22:18 |

注文してみました。Amazonでパッケージ版を買うことにしました。

Flex4が気になった言えば、気になったんですが、買わないとしばらくの間Flexに触らない期間が出来てしまう方が怖かったです。せっかく覚えてきているのですし、ここで買わないと、ものに出来ない気がしたので。