ActionScript

外部SWFファイルからフォントの埋め込み。

2011.01.02 / Labs

ActionScriptで外部のSWFファイルに登録してあるフォントを、動的に埋め込む方法です。
初めにフォント情報をリンケージとして登録するためのSWFを作成します。
新規でflaファイルを作成して、ライブラリパネル上で右クリックから表示されるコンテクストメニューで「新しいフォント…」を選択します。

フォント名を入力して、埋め込みたいフォントと文字を選択します。
ここでのフォント名は後から参照することはないので、自由な名称で構いません。

続いて「ActionScript」タブからリンケージの「アクションスクリプト用に書き出し」にチェックを入れて、クラス名を入力します。
このクラス名は埋め込みの際にActionScriptから参照します。

これでライブラリパネルに、リンケージとしてフォントが登録されました。
この状態でSWFファイルを書き出して、ファイル名を「fonts.swf」としておきます。

次に、作成した外部SWFを読み込み、フォントを埋め込むActionScriptファイルを作成します。
下記のようなスクリプトを記述します。

package {
	
	import flash.display.Loader;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.net.URLRequest;	
	import flash.system.ApplicationDomain;
	import flash.text.AntiAliasType;
	import flash.text.Font;
	import flash.text.TextField;
	import flash.text.TextFormat;

	public class Main extends Sprite {
			
		public function Main() {
			var loader:Loader = new Loader();
			loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
			loader.load(new URLRequest("fonts.swf"));
		
			function onComplete(event:Event):void {
				var domain:ApplicationDomain = loader.contentLoaderInfo.applicationDomain;
				var HelveticaRegular:Class = domain.getDefinition("HelveticaRegular") as Class;
				var field:TextField = new TextField();
				var format:TextFormat = new TextFormat();
				var helvetica_regular:Font = new HelveticaRegular();
				Font.registerFont(HelveticaRegular);
				format.font = helvetica_regular.fontName;
				field.defaultTextFormat = format;
				field.embedFonts = true;
				field.antiAliasType = AntiAliasType.ADVANCED;
				field.text = "Font embedded via external swf file.";
				stage.addChild(field);
			}
		}
	}
}

package {

import flash.display.Loader;

import flash.display.Sprite;

import flash.events.Event;

import flash.net.URLRequest;

import flash.system.ApplicationDomain;

import flash.text.AntiAliasType;

import flash.text.Font;

import flash.text.TextField;

import flash.text.TextFormat;

public class Main extends Sprite {

public function Main() {

var loader:Loader = new Loader();

loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);

loader.load(new URLRequest("fonts.swf"));

function onComplete(event:Event):void {

var domain:ApplicationDomain = loader.contentLoaderInfo.applicationDomain;

var HelveticaRegular:Class = domain.getDefinition("HelveticaRegular") as Class;

var field:TextField = new TextField();

var format:TextFormat = new TextFormat();

var helvetica_regular:Font = new HelveticaRegular();

Font.registerFont(HelveticaRegular);

format.font = helvetica_regular.fontName;

field.defaultTextFormat = format;

field.embedFonts = true;

field.antiAliasType = AntiAliasType.ADVANCED;

field.text = "Font embedded via external swf file.";

stage.addChild(field);

}

上記はドキュメントクラスとして記述した場合の例です。

var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
loader.load(new URLRequest("fonts.swf"));

var loader:Loader = new Loader();

loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);

loader.load(new URLRequest("fonts.swf"));

初めに作成した外部SWFファイルを読み込みます。

var domain:ApplicationDomain = loader.contentLoaderInfo.applicationDomain;
var HelveticaRegular:Class = domain.getDefinition("HelveticaRegular") as Class;

1 2	var domain:ApplicationDomain = loader.contentLoaderInfo.applicationDomain; var HelveticaRegular:Class = domain.getDefinition("HelveticaRegular") as Class;

外部SWFファイルにリンケージとして登録したフォント（クラス）を利用可能にするために「ApplicationDomain」を登録します。
フォントクラス「HelveticaRegular」として登録します。

Font.registerFont(HelveticaRegular);

1	Font.registerFont(HelveticaRegular);

先ほど登録したフォントクラスを、グローバルフォントに登録します。

format.font = helvetica_regular.fontName;

1	format.font = helvetica_regular.fontName;

フォントクラスから作成したオブジェクトをもとに、テキストフォーマットにフォント名を指定します。

field.embedFonts = true;

1	field.embedFonts = true;

フォントの埋め込みを有効にします。

field.antiAliasType = AntiAliasType.ADVANCED;

1	field.antiAliasType = AntiAliasType.ADVANCED;

フォントクラスから埋め込みの際のテキストフィールドは、アンチエイリアスが「NORMAL」の状態で、あまりきれいではないので「ADVANCED」に変更します。

オブジェクト、配列の反復処理。

2010.05.29 / Notes

ActionScriptでオブジェクト、または配列の要素を繰り返し処理のメモです。
繰り返しの処理にはfor-in文、for each-in文があります。それぞれの違いは生成する要素が、for-in文ではキーを生成して、for each-in文では値を生成します。

var object:Object = new Object();
object[0] = "りんご";
object[1] = "ばなな";
object["integer"] = 10;
object["array"] = new  Array("test1", "test2");

//キーを生成
for (var key:* in object) {
	trace(key);
}

//値を生成
for each (var value:* in object) {
	trace(value);
}

var object:Object = new Object();

object[0] = "りんご";

object[1] = "ばなな";

object["integer"] = 10;

object["array"] = new Array("test1", "test2");

//キーを生成

for (var key:* in object) {

trace(key);

}

//値を生成

for each (var value:* in object) {

trace(value);

}

それぞれの出力は次のようになります。

//for-inの場合
0
1
array
integer

//for each-inの場合
りんご
ばなな
test1,test2
10

//for-inの場合

array

integer

//for each-inの場合

りんご

ばなな

test1,test2

キーと値の両方を扱いたい場合には、for-in文でキーを生成して、キーから値を呼び出します。

for (var key:* in object) {
	trace(key);
	trace(object[key]);
}

for (var key:* in object) {

trace(key);

trace(object[key]);

}

ActionScriptでフルスクリーン表示のメモ。

2010.05.15 / Notes

ActionScriptでフルスクリーン表示のためのスクリプトのメモです。
ステージの原点と左上にして、ウィンドウサイズの変化による拡大縮小は無効の設定です。
ウィンドウ（ステージ）がリサイズされた際に「resizeWindow」を実行します。

import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.Event;

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.addEventListener(Event.RESIZE, resizeWindow);

function resizeWindow() {
	//ウィンドウがリサイズされた際の処理
}

import flash.display.StageAlign;

import flash.display.StageScaleMode;

import flash.events.Event;

stage.scaleMode = StageScaleMode.NO_SCALE;

stage.align = StageAlign.TOP_LEFT;

stage.addEventListener(Event.RESIZE, resizeWindow);

function resizeWindow() {

//ウィンドウがリサイズされた際の処理

}

ActionScriptでイメージのスライス。

2010.03.01 / Labs

ActionScriptで読み込んだ一枚の画像を、グリッド状にスライスする方法です。
サンプルはこちら

package {
	
	import flash.display.Bitmap;
	import flash.display.BitmapData;
	import flash.display.Loader;
	import flash.display.LoaderInfo;
	import flash.display.PixelSnapping;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.geom.Point;
	import flash.geom.Rectangle;
	import flash.net.URLRequest;	
	import caurina.transitions.Tweener;
	import caurina.transitions.properties.DisplayShortcuts;  
	DisplayShortcuts.init();  
	
	[SWF(width="800", height="600", frameRate="30", backgroundColor="0xffffff")]

	public class Main extends Sprite {
		
		public function Main() {
			
			//スライス元のイメージを読み込み
			var loader:Loader = new Loader();
			var info:LoaderInfo = loader.contentLoaderInfo;
			loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onLoaded);
			loader.load(new URLRequest("image.jpg"));
			
			//読み込みが完了したとき
			function onLoaded(event:Event):void {
				var bmd_base:BitmapData = new BitmapData(info.width, info.height, true);
				var param:Object = new Object();
				bmd_base.draw(loader);
				
				//X軸・Y軸の分割数と、ピースの横幅・縦幅
				param.x = 8;
				param.y = 6;
				param.w = 100;
				param.h = 100;
				
				//Y軸のループ
				for (var i:uint = 0; i < param.y; i++) {
					
					//X軸のループ
					for (var j:uint = 0; j < param.x; j++) {
						var place:Sprite = new Sprite();
						var rect:Rectangle = new Rectangle(param.w*j, param.h*i, param.w, param.h);
						var bmd:BitmapData = new BitmapData(param.w, param.h, true);
						var bm:Bitmap = new Bitmap();
						
						//元のイメージから切り抜き
						bmd.copyPixels(bmd_base, rect, new Point());
						bm.bitmapData = bmd;
						bm.pixelSnapping = PixelSnapping.NEVER;
						bm.smoothing = true;
						
						//ピースの原点を左上から中心に移動
						bm.x = -param.w/2;
						bm.y = -param.h/2;
						place.x = param.w*j+param.w/2;
						place.y = param.h*i+param.h/2;
						
						place.addChild(bm);
						stage.addChild(place);
						
						//透明度、スケールを、それぞれ0から100％にアニメーション
						Tweener.addTween(place, {alpha:0, _scale:0});
						Tweener.addTween(place, {delay:((param.y*i)+j)*0.1, time:0.5, alpha:1, _scale:1});
					}
				}
			}
		}
	}
}

package {

import flash.display.Bitmap;

import flash.display.BitmapData;

import flash.display.Loader;

import flash.display.LoaderInfo;

import flash.display.PixelSnapping;

import flash.display.Sprite;

import flash.events.Event;

import flash.geom.Point;

import flash.geom.Rectangle;

import flash.net.URLRequest;

import caurina.transitions.Tweener;

import caurina.transitions.properties.DisplayShortcuts;

DisplayShortcuts.init();

[SWF(width="800", height="600", frameRate="30", backgroundColor="0xffffff")]

public class Main extends Sprite {

public function Main() {

//スライス元のイメージを読み込み

var loader:Loader = new Loader();

var info:LoaderInfo = loader.contentLoaderInfo;

loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onLoaded);

loader.load(new URLRequest("image.jpg"));

//読み込みが完了したとき

function onLoaded(event:Event):void {

var bmd_base:BitmapData = new BitmapData(info.width, info.height, true);

var param:Object = new Object();

bmd_base.draw(loader);

//X軸・Y軸の分割数と、ピースの横幅・縦幅

param.x = 8;

param.y = 6;

param.w = 100;

param.h = 100;

//Y軸のループ

for (var i:uint = 0; i < param.y; i++) {

//X軸のループ

for (var j:uint = 0; j < param.x; j++) {

var place:Sprite = new Sprite();

var rect:Rectangle = new Rectangle(param.w*j, param.h*i, param.w, param.h);

var bmd:BitmapData = new BitmapData(param.w, param.h, true);

var bm:Bitmap = new Bitmap();

//元のイメージから切り抜き

bmd.copyPixels(bmd_base, rect, new Point());

bm.bitmapData = bmd;

bm.pixelSnapping = PixelSnapping.NEVER;

bm.smoothing = true;

//ピースの原点を左上から中心に移動

bm.x = -param.w/2;

bm.y = -param.h/2;

place.x = param.w*j+param.w/2;

place.y = param.h*i+param.h/2;

place.addChild(bm);

stage.addChild(place);

//透明度、スケールを、それぞれ0から100％にアニメーション

Tweener.addTween(place, {alpha:0, _scale:0});

Tweener.addTween(place, {delay:((param.y*i)+j)*0.1, time:0.5, alpha:1, _scale:1});

}

photo by : chantrybee

Tweenerでテキストを一文字ずつ表示。

2010.02.21 / Notes

ActionScriptのライブラリ「Tweener」を使って、テキストを一文字ずつ表示する方法です。
サンプルはこちら

package {
	
	import flash.display.Sprite;
	import caurina.transitions.Tweener;
	import caurina.transitions.properties.TextShortcuts;  
	TextShortcuts.init(); //テキストショートカットを初期化

	public class Main extends Sprite {
		
		public function Main() {
			var types:String = "Tweenerを利用すると、簡単にテキストを一文字ずつ表示することができます。";
			
			//2秒間でtypesのテキストを一文字ずつ表示
			Tweener.addTween(text_field, {time:2, _text:types, transition:"linear"});
		}
	}
}

package {

import flash.display.Sprite;

import caurina.transitions.Tweener;

import caurina.transitions.properties.TextShortcuts;

TextShortcuts.init(); //テキストショートカットを初期化

public class Main extends Sprite {

public function Main() {

var types:String = "Tweenerを利用すると、簡単にテキストを一文字ずつ表示することができます。";

//2秒間でtypesのテキストを一文字ずつ表示

Tweener.addTween(text_field, {time:2, _text:types, transition:"linear"});

}

Tweener Documentation