Category Archives: Actionscript

AS3でマスクにぼかしをかける方法

備忘録です。AS3でマスクにぼかしをかけるコードです。
結構、簡単ですが、よく忘れるので。。

import flash.filters.BlurFilter;
var filter = new flash.filters.BlurFilter;
filter.blurX = 50;/*ぼかすレベル*/
filter.quality = 2;/*画質のクオリティ*/
マスクMC.filters =[filter];

マスクをかけるMC.mask = マスクMC;
マスクをかけるMC.cacheAsBitmap = true;

BlurFilterって結構使えるんですよね。細かいTipsなどはまたタイミングあれば投稿します。

blog.ao-design

[AS3.0] イベント処理 (CLICK)

AS3.0では、イベント処理が大きく変わったようで、addEventListener()メソッドで登録しておいて、
後ほど、呼び出す形になっています。

square.addEventListener(MouseEvent.CLICK, onClick); // MC squareにマウスイベントを登録

function onClick(event:MouseEvent):void{       // 処理を登録。
	trace("Clickされました。");
	}

上記ソースをクラス定義すると

package {
	import flash.events.MouseEvent;
	import flash.display.MovieClip;

	public class ClickEventSample1 {
		var my_mc:MovieClip;

		function ClickEventSample1(mc:MovieClip) {
			my_mc = mc;
			my_mc.buttonMode = true;
			//CLICKイベントの登録
			my_mc.addEventListener(MouseEvent.MOUSE_UP, onClick);
		}
		//処理を登録
		function onClick(event:MouseEvent):void {
			trace("Clickされました。");
		}
	}
}

flaをasファイルを同階層において


ClickEventSample1(/*MC名*/)

で呼び出す形ですが、このクラス内の構造がいまいち分かっていません。
明日は、ここを調べようと。

blog.ao-design

[AS3.0] Tweensyを少し試す。

Tweensyの基本的なものを試してみました。
Tweenerでも出来ることで、簡単なものだけですが、AS3にも慣れようと。。
しかし、いまいちクラスの概念というかパッケージとかの概念がまだ理解できてないので、
勘で直に書いてますが。。w
あと、マウスカーソルの変化もついでに試してます。
true falseはカーソルの意味です。

import com.flashdynamix.motion.Tweensy;
import com.flashdynamix.motion.*;
import fl.motion.easing.*;

bt_true.addEventListener(MouseEvent.CLICK, clickTest, false, 0, true);
bt_false.addEventListener(MouseEvent.CLICK, clickTest, false, 0, true);

bt_true.buttonMode = true;	// 指カーソルにする設定

function clickTest(event:MouseEvent):void
{
	var tween:TweensyGroup = new TweensyGroup();
	tween.scaleTo(square, 3.5, 1, Bounce.easeOut);		// 拡縮の設定
	tween.colorTo(square, 0xCC0000,2);			// 色の変更設定
	tween.rotateTo(square, 180, 0.8);			// 回転設定
	Tweensy.to(square, {y:155}, 1, Bounce.easeOut);		// 移動設定

	//戻るアニメーション
	Tweensy.to(square, {y:-80}, 1, Bounce.easeIn,1.8);
	tween.scaleTo(square, 1, 2, Bounce.easeOut,1.8);
	tween.rotateTo(square, -45, 0.8,Bounce.easeOut,1.8);
	tween.colorTo(square, 0xCCFF33,2,Bounce.easeOut,2);
}

あと、ムービークリップにマウスイベントを登録しても指カーソルにならないようなので、
buttonMode = true;で左側は指カーソルにしてます。
[AS3]に慣れようと、とりあえず書いてみた所もあるので、かなり不格好なソースですがご了承ください。。
Tweensyに関しましては、kanariia.com blogさんがかなり詳しく書かれていますので
そちらを参考にしたほうが、良いかと思います。

参考記事
[tweensy]tweensyについてググる、tweensyについて知る
[tweensy]いろいろ試してみる:onComplete、YOYO、TweensySquence
[tweensy]いろいろ試してみる:TweensyGroupで特殊プロパティをトゥイーン
Tweensy

blog.ao-design

Tweener イベント プロパティ一覧

Tweenerのイベント・プロパティ一覧の備忘録

【イベント】
onComplete: 完了時に呼び出し
onError: エラー
onOverwrite: 上書き
onStart: 開始時
onUpdate: 更新時
delay: 何秒後に始めるか

【プロパティ】
彩度
_saturation
_dumbSaturation

スケール
_scale

明度
_brightness
_tintBrightness


_color

ブラー
_Blur_blurX
_Blur_blurY
_Blur_quality

グロー

_Glow_alpha
_Glow_blurX
_Glow_blurY
_Glow_color
_Glow_color_r
_Glow_color_g
_Glow_color_b
_Glow_inner
_Glow_knockout
_Glow_quality
_Glow_strength

fladdictさんで、作成されている拡張クラスを追加するとさらにプロパティが追加されます。
Tweener拡張で、MovieClipをMatrixで超変形をできるようにした
この拡張クラスはかなり強力。。絶対座標で位置指定できるのいいなぁ。

blog.ao-design

[AS3.0] Tweensy ライブラリ

tweensy

昨日、AS3でTweenerを試してみたと書いたのですが、さらに軽量かつ高機能なライブラリ
tweensyがリリースされているではないですか。。
まだ試してはいないですが、面白そうです。
詳しくは下記URLまで。

Tweensy

[AS3]トゥイーンライブラリ Tweensyをちょっと試す

blog.ao-design

[AS3.0] Tweenerクラスを使う。

最近、やっと重い腰を上げて、AS3を本格的に勉強し始めたのですが、とりあえずAS2.0で出来ていた事を
できるようにしようと、Tweenerクラスを使ってみました。
まず始めにGoogle CodeのDownloadから
AS3.0用のTweenerクラスをダウンロード。バージョンはいくつかありますが、最新のものでいいかと思います。
ダウンロードしたファイルをローカルの適当な場所に置きます。
僕は、Macintosh HD/アプリケーション/Adobe Flash CS3/First Run/Classes/へ。
どこに置いてもFlashからクラスパスを通せばいいので、構わないのですが、上記フォルダなら分かりやすいので
クラスはそこに置いたほうがいいかと思います。

後は、Flashを起動し新規ファイル(AS3.0)を開きます。
その後、ファイル→パブリッシュ設定→Actionscript 3.0の横の設定をクリック→クラスパス横の+をクリック→
クラスパスを通します。横のターゲットアイコンをクリックすると参照できます。

書き方はいたって簡単。

import caurina.transitions.Tweener;
Tweener.addTween(square, {x:300, y:200, transition:"easeOutElastic", time:4});

importで先ほどのクラスファイルの中からTweenerを読み込みます。
Tweener.addTween(mc名, {x:移動先x座標, y:移動先y座標, transition:”モーションの種類”, time:秒数});

これは、AS2.0でも重宝しておりました。
イージングの種類 transitionはコチラから。
もちろん、移動以外にも色やアルファ、フィルタなどのプロパティもあります。
AS3.0ってクラスが多いみたいだし色々試したいです。

blog.ao-design

Flash マウスカーソルを変えないプロパティ

リンクボタンなどマウスオーバー時にマウスカーソルが指にならないようにする為の設定。
このプロパティはなぜかやたらと忘れて探すのがメンドクサイのでメモ。

useHandCursor = false;

tureで通常状態。

blog.ao-design

乱数発生 

めちゃくちゃ簡単な演算子だけど、備忘録に。笑
-10から10までの乱数のうち、-4から4までを発生させないもの。

 r = Math.floor(Math.random()*10)+1
 if (r < 5) {
   r -= 11;
 }

blog.ao-design

AS3 ライブラリよりシンボルを読み込む

AS3でライブラリよりシンボルを読み込む場合、attachMovieではなくaddChildを使います。AS2では、シンボルを作成しリンゲージ属性で、識別子を付けて、読み込んでいましたが、

AS2の場合

//識別子 = sampleMcの場合
_root.attachMovie( "sampleMc" , "sampleMc" , 10 );

AS3では、attachMovieの変わりにaddChildを使います。
AS3の場合


// クラス名 = sampleMcの場合
addChild(new sampleMc);

ちなみにaddChildした後、使わなくなったインスタンスはremoveChild(インスタンス名)で削除しておいたほうがいいです。

blog.ao-design

[AS2.0] fusekit 備忘録 プロパティ

FusekitのShortCuts クラスのプロパティ

・alphaTo — 透過値
・colorTo — 色の変化
・rotateTo – 回転
・scaleTo – _xscale と _yscale をトゥイーン。
・sizeTo – 拡大縮小
・slideTo – 移動のトゥイーン
・fadeIn – _visible プロパティを trueに、その後、_alpha を100へ。
・fadeOut – _alpha を0にし、その後、 _visible プロパティを false に。

モーションのタイミング
・easeIn
・easeOut
・easeInOut

モーションのタイミングの後に、下記をつける。
“easeInBack” のように。

アクション
・Back
・Bounce
・Quad
・Expo
・Circ
・Cubic
・Quart
・Quint
・Sine
・Elastic

他にも色々ありますが、よく使うものを備忘録に。

blog.ao-design