ActionScript

ActionScriptで透過ビットマップのロールオーバーを判定。

2011.06.15 / Labs

マウスのロールオーバー時に、ビットマップの透過ではない部分でのみ判定をする方法です。
通常ビットマップのマウス判定には矩形エリア全体が対象になるので、透明PNGの透明部分でも判定されてしまいます。
それを回避する方法として、マウスのイベントリスナーを使うのではなく、マウス座標上にあるビットマップのピクセル色が透明かどうかを測定して、判定をするようにしています。
サンプルはこちら

package {
	
	import flash.display.Bitmap;
	import flash.display.BitmapData;
	import flash.display.PixelSnapping;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.events.MouseEvent;
	
	public class Main extends Sprite {
		
		public function Main() {
			var target:Sprite = new Sprite();
			
			//ライブラリ内の「Cloud」ビットマップクラス（透過PNG）インスタンスを作成
			var bitmap_data:BitmapData = new Cloud();
			var bitmap:Bitmap = new Bitmap(bitmap_data, PixelSnapping.NEVER, true);
			target.addChild(bitmap);
			stage.addChild(target);
			setBitmapRollOverOut(target, bitmap_data, targetOverTest, targetOutTest);
		}
		
		//ロールオーバー時
		private function targetOverTest(target:*):void {
			target.buttonMode = true;
			target.alpha = 0.5;
		}
		
		//ロールアウト時
		private function targetOutTest(target:*):void {
			target.buttonMode = false;
			target.alpha = 1;
		}
		
		//引数にロールオーバー時、ロールアウト時の関数を渡します
		private function setBitmapRollOverOut(target:Object, bitmap_data:BitmapData, rolloverFunction:Function, rolloutFunction:Function):void {
			var color:uint = 0;
			target.addEventListener(Event.ENTER_FRAME, targetOverEnter);
			
			function targetOverEnter(event:Event):void {
			
				//マウス位置のビットマップの（アルファ値を含む）ピクセル色を測定
				color = bitmap_data.getPixel32(target.mouseX, target.mouseY);
				
				//ビットマップが透明でなければロールオーバー関数を実行
				if (color != 0) {
				
					//ロールオーバー関数の実行を一度だけにするため、一旦エンターフレームを解除します
					//同時にロールアウトのエンターフレームを再開します
					target.removeEventListener(Event.ENTER_FRAME, targetOverEnter);
					target.addEventListener(Event.ENTER_FRAME, targetOutEnter);
					rolloverFunction(target);
				}
			}
			
			function targetOutEnter(event:Event):void {
			
				//マウス位置のビットマップの（アルファ値を含む）ピクセル色を測定
				color = bitmap_data.getPixel32(target.mouseX, target.mouseY);
				
				//ビットマップが透明だったらロールアウト関数を実行
				if (color == 0) {
				
					//ロールアウト関数の実行を一度だけにするため、一旦エンターフレームを解除します
					//同時にロールオーバーのエンターフレームを再開します
					target.addEventListener(Event.ENTER_FRAME, targetOverEnter);
					target.removeEventListener(Event.ENTER_FRAME, targetOutEnter);
					rolloutFunction(target);
				}
			}
		}
	}
}

package {

import flash.display.Bitmap;

import flash.display.BitmapData;

import flash.display.PixelSnapping;

import flash.display.Sprite;

import flash.events.Event;

import flash.events.MouseEvent;

public class Main extends Sprite {

public function Main() {

var target:Sprite = new Sprite();

//ライブラリ内の「Cloud」ビットマップクラス（透過PNG）インスタンスを作成

var bitmap_data:BitmapData = new Cloud();

var bitmap:Bitmap = new Bitmap(bitmap_data, PixelSnapping.NEVER, true);

target.addChild(bitmap);

stage.addChild(target);

setBitmapRollOverOut(target, bitmap_data, targetOverTest, targetOutTest);

}

//ロールオーバー時

private function targetOverTest(target:*):void {

target.buttonMode = true;

target.alpha = 0.5;

}

//ロールアウト時

private function targetOutTest(target:*):void {

target.buttonMode = false;

target.alpha = 1;

}

//引数にロールオーバー時、ロールアウト時の関数を渡します

private function setBitmapRollOverOut(target:Object, bitmap_data:BitmapData, rolloverFunction:Function, rolloutFunction:Function):void {

var color:uint = 0;

target.addEventListener(Event.ENTER_FRAME, targetOverEnter);

function targetOverEnter(event:Event):void {

//マウス位置のビットマップの（アルファ値を含む）ピクセル色を測定

color = bitmap_data.getPixel32(target.mouseX, target.mouseY);

//ビットマップが透明でなければロールオーバー関数を実行

if (color != 0) {

//ロールオーバー関数の実行を一度だけにするため、一旦エンターフレームを解除します

//同時にロールアウトのエンターフレームを再開します

target.removeEventListener(Event.ENTER_FRAME, targetOverEnter);

target.addEventListener(Event.ENTER_FRAME, targetOutEnter);

rolloverFunction(target);

}

function targetOutEnter(event:Event):void {

//マウス位置のビットマップの（アルファ値を含む）ピクセル色を測定

color = bitmap_data.getPixel32(target.mouseX, target.mouseY);

//ビットマップが透明だったらロールアウト関数を実行

if (color == 0) {

//ロールアウト関数の実行を一度だけにするため、一旦エンターフレームを解除します

//同時にロールオーバーのエンターフレームを再開します

target.addEventListener(Event.ENTER_FRAME, targetOverEnter);

target.removeEventListener(Event.ENTER_FRAME, targetOutEnter);

rolloutFunction(target);

}

ActionScriptで方向キー操作のメモ。

2011.05.15 / Notes

ActionScript

ActionScriptで方向キーが押された時のイベントのメモです。

import flash.events.KeyboardEvent;

stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyPress);

function onKeyPress(event:KeyboardEvent):void {
	switch (event.keyCode) {
		case 38: break; //up
		case 40: break; //down
		case 37: break; //left
		case 39: break; //right
	}
}

import flash.events.KeyboardEvent;

stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyPress);

function onKeyPress(event:KeyboardEvent):void {

switch (event.keyCode) {

case 38: break; //up

case 40: break; //down

case 37: break; //left

case 39: break; //right

}

ステージにイベントリスナーをかけて、方向キーが押された時に関数を実行します。

ActionScriptでXMLを操作するときのメモ。

2011.03.29 / Notes

ActionScriotでXMLを操作する際に、よく使うメソッドのメモです。

var xml:XML =
<root>
	<item id="1">
		<name>test1</name>
		<url>www.example1.com</url>
	</item>
	<item id="2">
		<name>test2</name>
		<url>www.example2.com</url>
	</item>
	<item id="3">
		<name>test3</name>
	</item>
</root>;

//一つ目（0番目）の「item」ノード内の「name」ノードの内容を取得
trace(xml.item[0].name)
//test1

//二つ目の「item」ノードの「id」属性を取得
trace(xml.child("item")[1].@id)
//2

//「item」ノードの数を取得
trace(xml.item.length());
//3

//「item」ノード内の「url」ノードの数を取得
trace(xml.item..url.length());
//2

//一つ目（0番目）の「item」ノードの二つ目（1番目）のノード名を取得
trace(xml.item[0].child(1).name());
//url

//「item」ノード内の「name」ノードの内容が「test1」の「url」ノードの内容を取得
trace(xml.item.(name == "test1").url);
//www.example1.com

//「item」ノード内の「id」属性が「2」の「url」ノードの内容を取得
trace(xml.item.(@id == 2).url)
//www.example2.com

//三つ目（2番目）の「item」ノードに「url」ノードの有無をブール値で取得
trace(xml.item[2].hasOwnProperty("url"));
//false

var xml:XML =

<root>

<url>www.example1.com</url>

</item>

<url>www.example2.com</url>

</item>

</item>

</root>;

//一つ目（0番目）の「item」ノード内の「name」ノードの内容を取得

trace(xml.item[0].name)

//test1

//二つ目の「item」ノードの「id」属性を取得

trace(xml.child("item")[1].@id)

//2

//「item」ノードの数を取得

trace(xml.item.length());

//3

//「item」ノード内の「url」ノードの数を取得

trace(xml.item..url.length());

//2

//一つ目（0番目）の「item」ノードの二つ目（1番目）のノード名を取得

trace(xml.item[0].child(1).name());

//url

//「item」ノード内の「name」ノードの内容が「test1」の「url」ノードの内容を取得

trace(xml.item.(name == "test1").url);

//www.example1.com

//「item」ノード内の「id」属性が「2」の「url」ノードの内容を取得

trace(xml.item.(@id == 2).url)

//www.example2.com

//三つ目（2番目）の「item」ノードに「url」ノードの有無をブール値で取得

trace(xml.item[2].hasOwnProperty("url"));

//false

整数を指定桁数に合わせて0で埋めるスクリプト。

2011.01.16 / Notes

PHP、JavaScript、ActionScriptそれぞれで、整数を指定桁数に合わせて0で埋めるスクリプトのメモです。
いずれの場合も一つ目の引数に対象となる整数、二つ目の引数に桁数を渡しています。
JavaScriptとActionScriptは型指定の有無の違いだけで、同じスクリプトで動作します。

PHP

<?php
$result = convertNum(1234, 5);//01234

function convertNum($num, $figures) {
	$str = sprintf("%0".$figures."d", $num);
	return $str;
}
?>

<?php

$result = convertNum(1234, 5);//01234

function convertNum($num, $figures) {

$str = sprintf("%0".$figures."d", $num);

return $str;

}

JavaScript

var result = convertNum(1234, 5);//01234

function convertNum(num, figures) {
	var str = String(num);
	while (str.length < figures) {
		str = "0"+str;
	}
	return str;
}

var result = convertNum(1234, 5);//01234

function convertNum(num, figures) {

var str = String(num);

while (str.length < figures) {

str = "0"+str;

}

return str;

}

ActionScript

var result = convertNum(1234, 5);//01234

function convertNum(num:uint, figures:uint):String {
	var str:String = String(num);
	while (str.length < figures) {
		str = "0"+str;
	}
	return str;
}

var result = convertNum(1234, 5);//01234

function convertNum(num:uint, figures:uint):String {

var str:String = String(num);

while (str.length < figures) {

str = "0"+str;

}

return str;

}

ActionScriptで年月日を取得。

2011.01.09 / Notes

ActionScriptで年月日を取得して表示する際のメモです。

var date:Date = new Date();
var days:Array = new Array();
var today:String = new String();
days = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];
today = date.fullYear+"/"+(date.month+1)+"/"+date.date+"("+days[date.day]+")";
trace(today);//2011/1/9(sun)

var date:Date = new Date();

var days:Array = new Array();

var today:String = new String();

days = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];

today = date.fullYear+"/"+(date.month+1)+"/"+date.date+"("+days[date.day]+")";

trace(today);//2011/1/9(sun)

月は0（1月）から11（12月）で、曜日は0（日曜日）から6（土曜日）の値を返します。