L4cd.Net 简单工作

第5届 FLASH开发者交流会暨FLASH CAMP 2010

L4CD.NET — Thu, 02 Sep 2010 15:02:46 +0800

第5届的《FLASH开发者交流会暨FLASH CAMP 2010》将于9月18日在上海举行~
历届的开发交流会都为FLASH爱好者提供了各类FLASH相关的主题讲座与讨论~
这一届也不例外~
#Adobe 平台技术
#程序接口的另类理解与使用 (小S主讲~推荐之)
#Flash Media Server 开发经验谈
#Flash RIA的可用性

除了上面这些精彩的主题外~~
此届还加入了麻球大赛的相关主题
#麻球大赛优秀作品介绍
#麻球参赛游戏蛛蛛冒险的开发与设计经验分享
#麻球参赛游戏DNF，梦幻塔防，吖凡哒哒技术与美工经验分享

分别是关于麻球网(Mochi Media)平台的介绍与参赛游戏的经验介绍~
对麻球网(Mochi Media)平台有兴趣的FLASHER千万别错过~

活动地址:http://www.wedoswf.com/events/1
直接报名:http://www.wedoswf.com/events/1/join

墙外~

L4CD.NET — Mon, 19 Jul 2010 13:14:32 +0800

经过昨晚一晚的粪战~
终于把博客搬到了墙外~
访问地址依然不变~
不过以后只能用l4cd.net为主域名~
其它子域名将自动重定向至此~

速度不是很理想~
不过相对G~F~W~下的空间提供商~
至少以后没了敏感词的烦恼~
希望不会在不久的某一天被和谐掉~

BitmapText,美术字处理方案

L4CD.NET — Sat, 17 Jul 2010 23:37:24 +0800

游戏开发中..常常需要显示特殊的美术字体..
像经验数字~扣血扣蓝~倒计时等~
像一般的基于字体的美术字~只需要嵌入字体即可~
但像下面这类纯手工的美术字~

处理起来就没有这么方便..

常见的方案一般为截取相应位置的bitmap数据..
然后重新拼成需要的内容..再显示之~

效果如下(可在下方的输出框内输出数字试试)：

第一行的数字是不忽略透明空白,第二行则是忽略透明空白,对比一下应该就能明白了

下面是源码..代码很简单..我就不多说了..

package
{
	import flash.display.Bitmap;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.text.TextField;
	import flash.text.TextFormat;

	import net.l4cd.display.BitmapText;

	[SWF(backgroundColor="#FFFFFF",width="550",height="200")]

	/**
	 * BitmapTextExample
	 * @author l4cd
	 * @website http://l4cd.net
	 */
	public class BitmapTextExample extends Sprite
	{
		[Embed(source="number.png")]
		private var BitmapTextClass:Class;

		private var bt1:BitmapText;
		private var bt2:BitmapText;
		public function BitmapTextExample()
		{
			//不忽略透明空白
			bt1 = new BitmapText((new BitmapTextClass as Bitmap).bitmapData,50,50,0,false,"0123456789");
			addChild(bt1);
			bt1.x = 20;
			bt1.y = 10;

			//忽略透明空白
			bt2 = new BitmapText((new BitmapTextClass as Bitmap).bitmapData,50,50,0,true,"0123456789");
			addChild(bt2);
			bt2.x = 20;
			bt2.y = 80;

			bt1.text = "152443004";
			bt2.text = "152443004";

			graphics.beginFill(0xCCCCCC);
			graphics.drawRect(0,150,550,50);

			var txt:TextField = new TextField();
			txt.defaultTextFormat = new TextFormat("宋体",12);
			txt.background = true;
			txt.backgroundColor = 0xFFFFFF;
			txt.multiline = false;
			txt.border = true;
			txt.borderColor = 0xCCCCCC;
			txt.type = "input";
			txt.width = 200;
			txt.height = 16;
			txt.x = 20;
			txt.y = 165;
			txt.restrict = "0-9";
			txt.text = "152443004";
			addChild(txt);
			txt.addEventListener(Event.CHANGE,_txtChanged);
		}

		private function _txtChanged(e:Event):void
		{
			bt1.text = bt2.text = e.target.text;
		}
	}
}

net.l4cd.display.BitmapText源码

package net.l4cd.display
{
	import flash.display.BitmapData;
	import flash.display.Sprite;
	import flash.geom.Matrix;
	import flash.geom.Point;
	import flash.geom.Rectangle;

	/**
	 * @author l4cd.net
	 * @website http://l4cd.net
	 */
	public class BitmapText extends Sprite
	{
		private var _map:Array;
		private var _chars:String = "0123456789+-.";
		private var _bitmapData:BitmapData;
		private var _height:Number;
		private var _width:Number;
		private var _blank:Boolean;

		/**
		 * @param bitmapData	位图的bitmapData对象
		 * @param width			单个字符的宽
		 * @param height		单个字符的高
		 * @param gap			输出的文字间隔
		 * @param blank			是否忽略空白
		 * @param chars			位图的字符集
		 *
		 */
		public function BitmapText(bitmapData:BitmapData,width:Number,height:Number,
				gap:Number,blank:Boolean=false,chars:String="0123456789+-.")
		{
			super();
			_bitmapData = bitmapData.clone();
			_width = width;
			_height = height;
			_blank = blank;
			_gap = gap;
			_map = [];
			if(chars)_chars = chars;
			for(var i:uint=0;i<_chars.length;i++)
			{
				var bit:BitmapData = new BitmapData(width,height,true,0);
				bit.copyPixels(_bitmapData,new Rectangle(i*width,0,width,height),new Point(0,0));
				var rect:Rectangle = bit.getColorBoundsRect(0xFF000000,0x00000000,false);
				rect.x = rect.x + i*width;
				_map[_chars.charAt(i)] = rect;
				bit.dispose();
			}
		}
		private var _text:String;
		public function get text():String
		{
			return _text;
		}
		public function set text(value:String):void
		{
			_text = value;
			_draw();
		}

		private function _draw():void
		{
			graphics.clear();
			var x:Number = 0;
			for(var i:uint=0;i

使用Google Map API(FLASH)在地图中显示你的位置

L4CD.NET — Wed, 02 Jun 2010 00:35:49 +0800

今天网上乱逛的时候..
在一个测试站点速度(http://www.speedtest.cn/)的网站下面~
用Google地图显示了访问者所在的位置...
觉得挺有意思的..

看了一下google map的flash api..
实现起来非常方便..感叹一下google map的强大..
效果如下..

流程大概这样
1.先获取访客IP,然后通过IP获取用户地理位置信息..(这一步我直接调用了http://www.webxml.com.cn/提供的接口)
2.调用ClientGeocoder.geocode获取该地理位置于google map上的集合..
3.获取第一个位置..用Map.setCenter定位地图..
4.用Map.addOverlay标注位置..
5.用Map.openInfoWindow弹出Tip提示..

code~~



	
		 0) {
							map.setCenter(placemarks[0].point, 5, MapType.NORMAL_MAP_TYPE);
							var marker:Marker = new Marker(placemarks[0].point);
							map.addOverlay(marker);
							map.openInfoWindow(placemarks[0].point, new InfoWindowOptions({title:"欢迎访问 L4cd.Net 简单工作",content: "来自<"+here+">的访客"}));
						}
					});
				geocoder.addEventListener(GeocodingEvent.GEOCODING_FAILURE,
					function(event:GeocodingEvent):void {
						trace("Geocoding failed");
						Alert.show("获取地理位置失败","L4cd.Net 简单工作");
					});

				ip.getGeoIPContext();
			}
			private var here:String;
			protected function ip_resultHandler(event:ResultEvent):void
			{
				here = event.result[1];
				geocoder.geocode(here);
			}

			protected function ip_faultHandler(event:FaultEvent):void
			{
				Alert.show("获取地理位置失败","L4cd.Net 简单工作");
			}

		]]>

其中api_key需要你自己到http://code.google.com/intl/zh-CN/apis/maps/signup.html申请一个开发用的key..
只要用google账号登陆..填写你需要使用地图服务的域名即可
当然你可以破解我的flash获取我现在用的key..不过每个key是有域名限制..so..你拿了也没用..

另外此地址为获取访客ip与地理位置的webservice..
http://webservice.webxml.com.cn/WebServices/IpAddressSearchWebService.asmx?wsdl

PS~其实把上面的flash稍稍改改..
即可改成显示当前在线用户在地图上的分布..各位兴趣可以尝试一下..

转换亮度/对比度/饱和度/色相到ColorMatrixFilter

L4CD.NET — Thu, 27 May 2010 00:49:00 +0800

在FLASH IDE里设置ColorMatrixFilter时ide会提供亮度/对比度/饱和度/色相让我们调节..
不过在纯代码中使用ColorMatrixFilter确实不是很方便..
所以之前每次都需要打开FLASH CS×调完效果后再输出matrix~

今天终于受不了FLASH IDE的打开速度~~
借用fl.motion包下的AdjustColor写了一个简单的工具~
操作方法:
1.单击输入框输入相应的值(除了色相为-180~180外,其它均为-100~100);
2.按住输入框左右移动鼠标调整值..这个跟CS4/5操作一样..
3.选中"Orz"..将在自动将Matrix数组的各个值自动保留一位小数...(只是为了美观)..
4.点击"更换"更新预览图~需要fp10支持~

注:输出少了一个[]号~应该是
new ColorMatrixFilter([1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0]);
今晚回去再改~20100527~已修正~

转换的代码都是现成的..几句即可~

var aj:AdjustColor = new AdjustColor();
aj.brightness = int(brightness.text);
aj.contrast = int(contrast.text);
aj.hue = int(hue.text);
aj.saturation = int(saturation.text);
_loader.filters = [new ColorMatrixFilter(aj.CalculateFinalFlatArray())];

其中AdjustColor类请到
\Common\Configuration\ActionScript 3.0\projects\Flash\src\fl\motion
下获得~~

FLASHCS5中应用RSL共享库~

L4CD.NET — Sun, 23 May 2010 01:13:25 +0800

用过flex的童鞋应该都用过或了解过rsl...
它可以在我们电脑硬盘里缓存经验证的swz共享库文件...
当你的项目使用到相应的库时..就不需要重新下载..
并且不怕受浏览器清除缓存影响..因为fp会将它们存在硬盘上..

现在我们在cs5中也可以应用rsl技术...
cs5中新增了fl.rsl包..

我们可以使用它进行swf库(未经验证~)或swz库(经验证)的加载...

下面的例子中..我们尝试加载flex 3.5 sdk中的framework_3.5.0.12683.swz..
并调用mx.formatters::DateFormatter进行对日期的格式化操作..
当打开flash后你可能会看到加载进度..

或者什么都看不到就已经提示加载成功(因为你可能曾经加载过framework_3.5.0.12683.swz,而且fp已经帮你缓存于硬盘当中...)
~~注:正常浏览需要fp10.1~只因fl.rsl包需要fp10.1支持(在flash上点击右键可查看你的fp版本)~~
刚刚重装了fp9..依然可以正常访问..验证中..

这里有几点需要说明一下...
1.当你只加载swf的库时,直接使用RSLInfo即可..代码如下

var rsl:RSLPreloader = new RSLPreloader(this);//这里的this为文档类,不传留空亦可~
var info:RSLInfo = new RSLInfo();
info.addEntry("framework_3.5.0.12683.swf");//这里的第二个参数可设置一个跨域文件路径~下方的加载SWZ的代码同理
rsl.addRSLInfo(info);
rsl.start();

2.当你需要加载SWZ的库时..需要使用SWZInfo.并且需要注意的时..SWZInfo的构造函数中..需在提供你请求加载的SWZ的"摘要(digest)"
该digest将验证你下载的SWZ文件是否正确~~
而digest是一个 SHA-256 哈希字符串值..
如果你使用flex的话可以直接使用SHA256.computeDigest(bytes)获取...
另外提醒一下..
这里的bytes并不是framework_3.5.0.12683.swz的bytes~而是framework_3.5.0.12683.swf的bytes~
这里很重要喔~~(ps:试了很久才试出来~汗一个~帮助没写清楚)..
那么详细代码如下:

var rsl:RSLPreloader = new RSLPreloader(this);
//3c82b2a2455b252b8595fd0113249aa19d7e8bdd516b2f6ea43244aa6d543d58为framework_3.5.0.12683.swf的SHA-256值~
var info:SWZInfo = new SWZInfo("3c82b2a2455b252b8595fd0113249aa19d7e8bdd516b2f6ea43244aa6d543d58");
info.addEntry("framework_3.5.0.12683.swz");
rsl.addRSLInfo(info);
rsl.start();

3.当我们加载SWZ时...fp会优先用摘要(digest)从你的电脑硬盘里查找有没有相应的swz文件..
如果你确保swz文件存在...你甚至可以这么写..

var rsl:RSLPreloader = new RSLPreloader(this);
var info:SWZInfo = new SWZInfo("3c82b2a2455b252b8595fd0113249aa19d7e8bdd516b2f6ea43244aa6d543d58");
info.addEntry("");
rsl.addRSLInfo(info);
rsl.start();

FP将一样返回加载成功...

下面是上边的flash的完整代码...
直接往CS5里贴即可...

import fl.rsl.*;
import fl.rsl.RSLPreloader;
import fl.events.*;
import flash.utils.getDefinitionByName;
import flash.text.TextField;
import flash.display.SimpleButton;
import flash.events.MouseEvent;
//code by l4cd.net

var button:SimpleButton;
button.enabled = false;
button.alpha = 0.5;
button.addEventListener(MouseEvent.CLICK,_test);
function _test(e:MouseEvent):void
{
	if(!button.enabled)return;
	var DateFormatter:Class = getDefinitionByName("mx.formatters::DateFormatter") as Class;
	var format:Object = new DateFormatter();
	format.formatString = "YYYY年MM月DD日 HH/NN/SS";

	var txt:String = 'Class: mx.formatters::DateFormatter';
	txt += '\nFormatString: YYYY年MM月DD日 HH/NN/SS';
	txt += "\nOutput: "+format.format(new Date());
	txt += "\nby: l4cd.net";
	output.text = txt;
}

var output:TextField;
output.background = true;
output.backgroundColor = 0xeeeeee;

var rsl:RSLPreloader = new RSLPreloader(this);
var info:SWZInfo = new SWZInfo("3c82b2a2455b252b8595fd0113249aa19d7e8bdd516b2f6ea43244aa6d543d58");
//这里的地址改成相应的地址~~
info.addEntry("http://www.l4cd.net/rsl/framework_3.5.0.12683.swz","http://www.l4cd.net/crossdomain.xml");
rsl.addRSLInfo(info);
rsl.addEventListener(RSLEvent.RSL_LOAD_COMPLETE,_rslComplete);
rsl.addEventListener(RSLEvent.RSL_PROGRESS,_rslProgress);
rsl.addEventListener(RSLErrorEvent.RSL_LOAD_FAILED,_rslFailed);
rsl.start();
function _rslProgress(e:RSLEvent):void
{
	var txt:String = "Framework_3.5.0.12683.swz loading...";
	txt += '\n	.rslsLoaded = ' + e.rslsLoaded;
	txt += '\n	.rslsFailed = ' + e.rslsFailed;
	txt += '\n	.rslsTotal = ' + e.rslsTotal;
	txt += '\n	.bytesLoaded = ' + e.bytesLoaded;
	txt += '\n	.bytesTotal = ' + e.bytesTotal;
	output.text = txt;
}
function _rslComplete(e:RSLEvent):void
{
	button.enabled = true;
	button.alpha = 1;
	output.text = "framework_3.5.0.12683.swz loaded!\n点下面的按钮进行测试!";
}
function _rslFailed(e:RSLErrorEvent):void
{
	output.text = "Framework_3.5.0.12683.swz\n"+e;
}

TIMER中delay设置过大的问题..

L4CD.NET — Fri, 07 May 2010 16:05:34 +0800

今天同事遇到一个问题...
在swf中使用timer做倒计时..
然后给timer设置了一个很大的值后..
调用timer.start()后.会立刻发出TimerEvent.TIMER_COMPLETE事件...

于是测试了一下..确实有这个问题...
测试代码如下:

btn1.addEventListener(MouseEvent.CLICK,_btnClick);
btn2.addEventListener(MouseEvent.CLICK,_btnClick);
function _btnClick(e:MouseEvent):void
{
	var timer:Timer = new Timer(e.target==btn1?(int.MAX_VALUE*int.MAX_VALUE):2000,1);
	timer.addEventListener(TimerEvent.TIMER_COMPLETE,_complete);
	output.text = "button click...";
	output.appendText("\ntimer.delay > "+timer.delay);
	timer.start();
}

output.background = true;
output.backgroundColor=0xEEEEEE;

function _complete(e:TimerEvent):void
{
	e.target.addEventListener(TimerEvent.TIMER_COMPLETE,_complete);
	output.appendText("\n"+e.toString());
}

下面是FLASH

点左边的按钮时..会立刻抛出complete
点右边的按钮是..就正常等待2秒钟..

查了一下api..好像没发现有提到timer的delay有限制..
自己试了一下~~临界点大概在int.MAX_VALUE附近..
刚发现不同的电脑的临界点不一样..所以改成了int.MAX_VALUE*int.MAX_VALUE..基本上全挂掉
而且不是固定值..有时候一个不会出错的值 ~~再试一下又出错了~
不知道是fp的问题还是说是window的问题
无解中...

gotoAndStop的BUG~

L4CD.NET — Fri, 23 Apr 2010 18:14:22 +0800

再提一个gotoAndStop的BUG..
也是最近项目中遇到的问题...

先看下结构图

在movieClip层中..分别创建了十个MC..放在了十个帧当中..
每个mc的里有以下的代码

trace("我是放在第n帧上的MC");//其中n为自身所在舞台的帧号..
(root as MovieClip).output("我是放在第n帧上的MC");//此处只是为了显示在界面上所以加了代码..可以忽略..

然后code层的第一帧加上了跳转代码

txt.text = "准备执行gotoAndStop(10)\n\n";
gotoAndStop(10);

然后运行..你会发现outpu窗口会输出以下内容:

//准备执行gotoAndStop(10)
//
//我是放在第1帧上的MC
//我是放在第2帧上的MC
//我是放在第3帧上的MC
//我是放在第4帧上的MC
//我是放在第5帧上的MC
//我是放在第6帧上的MC
//我是放在第7帧上的MC
//我是放在第8帧上的MC
//我是放在第9帧上的MC
//我是放在第10帧上的MC

效果看这里(点击"再来一次"将跳到随机的帧....)

杯具就这么发生了..
明明代码执行的 "gotoAndStop(10);" 跳转到第10帧..
可第十帧前的帧里的MC里的代码全执行了一篇.....

从而大概可以认为..
fp在执行gotoAndStop的时候..
不是直接进行的跳转..
而是快速的访问了经过每一帧...
然后到达目标帧里停止~~~
可前面的帧里的元件都被创建了...然后又删除了..里边的代码也杯具的被执行了

真是灰常的郁闷...

附上代码...
Note: There is a file embedded within this post, please visit this post to download the file.

Flash Player 10.1的BUG~

L4CD.NET — Thu, 22 Apr 2010 17:58:44 +0800

这两个月一直让Flash的BUG搞得要死不活的...

这里提一个FP10.1的BUG..
而且也是跟中文有关系...

一切原由是因为这里
扩展TextField,合理计算中文字符长度

在private function input(e:TextEvent):void的函数里
使用了selectionBeginIndex和selectionEndIndex
获取用户在操作前的选择位置.. 以便进行文本替换...
这个方法一直用得好好的
从fp9到fp10
从activex到plugin
但最近开始..时常有用户反应输入时出现问题..
后来发现出现问题的用户都升级到了10.1版本的播放器..

排查后发现..问题就出在selectionBeginIndex和selectionEndIndex这两个属性

在FP10.1下..
"输入中文"时
selectionBeginIndex的索引是操作后的索引...而不是操作前的索引

FP10.1下的"输入英文"或"粘贴中文"均纷纷表示无这样的情况..
FP10和FP9也表示与自己无关...

详情看DEMO

在上方的输入框中..
尝试"输入中文","输入英文","粘贴中文"
然后看看下方的文本框..
(假设每次都是输入框都是空的,每次操作一个字符)
你会发现除了"输入中文"输出为1外..
其它操作将输出0

说明了在"输入中文"时..selectionBeginIndex为操作后的索引...
BUG~~郁闷的BUG~~

20100509更新:
发现只有个别输入法会有这样的情况..如QQ五笔/拼音
用王码五笔一切都正常..
另外用上述的输入法..
调用e.preventDefault();将无效~而且会出现奇怪的黄色选中..

关于自定义事件中override clone的问题

L4CD.NET — Thu, 22 Apr 2010 11:57:39 +0800

今天群里讨论起自定义事件中clone是否有必要...
可能有些的朋友认为..
我又不需要复制event对象..
或者clone根本没用...

对于这个问题..
其实as3内部在进行dispatchEvent转发的时候...
会自动调用event.clone()的方法复制一个新的实例进行派发..
如果你的自定义事件没有重写clone..那行接收到的转发事件的类型实际为Event...

我们看下下面的例子

点击左边的"CloneEvent"按钮..下方将正常显示自定义事件的属性值..
点击右边的"NoCloneEvent"按钮...将会报错..Event不存在data属性..

先看下flash的结构

点击按钮里分别派发各自的事件..
然后由Group接收到后再转发出去..
由Main接收到后显示事件里的data属性...

由于NoCloneEvent并没有override clone..所以转发时已经成了Event事件..
Main获取data属性时就报错了...

所以要写自定义事件时..还是建议override clone..

表达能力太差....8知道有没说清楚...
各位可以下载上面flash的代码看下...
Note: There is a file embedded within this post, please visit this post to download the file.