ActionScript3.0,バネの動き、応用

サイト内検索

2008年9月11日 02:55

ちょっと前の慣性を持った動きの応用で、四角形の四隅にマウスイベントを持たせて、ドラッグで引っ張られて戻るとき「ボヨヨン」なバネの動き。
今回はクラス分け。

『MyPoint.as』、『PointEvent.as』、『BasicSpring.as』の3ファイル。
先にスプライトをインスタンス化しておいて、それをコンテナにした上で、1フレーム目に・・・

で呼び出します。

MyPoint.as ↓↓↓↓↓↓↓↓↓

PointEvent.as ↓↓↓↓↓↓↓↓↓

package {
	import flash.display.*;
	import flash.events.Event;
	import flash.events.MouseEvent;
	import flash.geom.Point;

public class PointEvent {

private var sprite:MyPoint;
		private var base:DisplayObjectContainer;
		private var o_point:Point;
		private var spd:Number=0.5;
		private var moveX:Number=0;
		private var moveY:Number=0;

public function PointEvent(sprite:MyPoint) {
			this.sprite=sprite;
			base=sprite.parent;
			o_point=sprite.originalMyPoint;
			sprite.addEventListener(MouseEvent.MOUSE_OVER,mouseHit);
			sprite.addEventListener(MouseEvent.MOUSE_OUT,mouseHitout);
			sprite.addEventListener(MouseEvent.MOUSE_DOWN,dragStart);
			sprite.stage.addEventListener(MouseEvent.MOUSE_UP,dragStop);
		}
		private function mouseHit(event:MouseEvent):void {
			sprite.alpha=0.5;
		}
		private function mouseHitout(event:MouseEvent):void {
			sprite.alpha=1;
		}
		private function dragStart(event:MouseEvent):void {
			base.addEventListener(Event.ENTER_FRAME,xEnterFrames);
		}
		private function dragStop(event:MouseEvent):void {
			base.removeEventListener(Event.ENTER_FRAME,xEnterFrames);
			base.addEventListener(Event.ENTER_FRAME,returnEnterFrame);
		}
		private function xEnterFrames(event:Event):void {
			var globalPoint:Point=new Point(sprite.x,sprite.y);
			sprite.x+=((base.mouseX)-sprite.x)/2;
			sprite.y+=((base.mouseY)-sprite.y)/2;
		}
		private function returnEnterFrame(event:Event):void {
			var globalPoint:Point=new Point(event.target.x,event.target.y);
			moveX+=((o_point.x)-sprite.x);
			moveY+=((o_point.y)-sprite.y);
			moveX*=spd;
			moveY*=spd;
			sprite.x+=moveX;
			sprite.y+=moveY;

if (sprite.localToGlobal(globalPoint).x==o_point.x && sprite.localToGlobal(globalPoint).y==o_point.y) {
				base.removeEventListener(Event.ENTER_FRAME,returnEnterFrame);
			}
		}
	}
}

BasicSpring.as ↓↓↓↓↓↓↓↓↓

package {
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.geom.Point;

public class BasicSpring {

private var container:Sprite;
		public var sprite:Sprite;
		public var myArray:Array;

public function BasicSpring(container:Sprite) {
			this.container=container;
			sprite=new Sprite();
			container.addChild(sprite);
			init();
			sprite.x=container.stage.stageWidth/2-sprite.width/2;
			sprite.y=container.stage.stageHeight/2-sprite.height/2;
		}
		public function init():void {

var pin1:MyPoint=new MyPoint(0,0);
			sprite.addChild(pin1);
			pin1.x=getPoint(pin1).x,pin1.y=getPoint(pin1).y;
			var listener1:PointEvent=new PointEvent(pin1);
			var pin2:MyPoint=new MyPoint(100,0);
			sprite.addChild(pin2);
			pin2.x=getPoint(pin2).x,pin2.y=getPoint(pin2).y;
			var listener2:PointEvent=new PointEvent(pin2);
			var pin3:MyPoint=new MyPoint(100,100);
			sprite.addChild(pin3);
			pin3.x=getPoint(pin3).x,pin3.y=getPoint(pin3).y;
			var listener3:PointEvent=new PointEvent(pin3);
			var pin4:MyPoint=new MyPoint(0,100);
			sprite.addChild(pin4);
			pin4.x=getPoint(pin4).x,pin4.y=getPoint(pin4).y;
			var listener4:PointEvent=new PointEvent(pin4);

myArray=[pin1,pin2,pin3,pin4];
			drawGraphics();
			container.addEventListener(Event.ENTER_FRAME,xDrawEnterFrame);
		}
		private function drawGraphics():void {

sprite.graphics.clear();
			sprite.graphics.beginFill(0x666666,1);
			sprite.graphics.moveTo((myArray[0]).x,(myArray[0]).y);
			sprite.graphics.lineTo((myArray[1]).x,(myArray[1]).y);
			sprite.graphics.lineTo((myArray[2]).x,(myArray[2]).y);
			sprite.graphics.lineTo((myArray[3]).x,(myArray[3]).y);
			sprite.graphics.lineTo(myArray[0].x,myArray[0].y);
			sprite.graphics.endFill();

}
		private function getPoint(pos:MyPoint):Point {
			return pos.originalMyPoint;
		}
		private function xDrawEnterFrame(event:Event):void {
			drawGraphics();
		}
	}
}

前の詳細を見る ActionScript3.0,バネの動き、応用次の詳細を見る

Flash AS3 学習リスト

Author: 秋葉秀樹(アキバヒデキ)

DTP上がりのデザイナー
ノンプログラマー！
フリーランスのデザイナー。
IllustratorやPhotoshopを初代バージョンから使っているという事がウリ。
クリエイター育成機関などでお世話になり、先生として講義をしていたりします。

siteInformation

web creatorsに寄稿しています。 web creators 2009年10月号 web creators 2009年10月号「Flashの動き表現アイデア」特集の131ページに『画像をタイル状に分割』というタイトルの記事を執筆しました。

web creators 2009年6月号の94~ 95ページに秋葉秀樹が執筆した記事「商品カテゴリを意識してビジュアルを強調する」が掲載されました。
テーマは「MovableType 4.xデザインカスタマイズを極める（前編）」です。

web creators 2009年2月号の147ページに記事を書きました。
テーマは「独学で始めるFlash作成講座」です。

info@akibahideki.com

セミナー情報|秋葉秀樹

カテゴリ

デザイナー、秋葉秀樹のブログ

ActionScript3.0,バネの動き、応用

秋葉秀樹(アキバヒデキ)