IT妖怪 » 妖怪作品发布

Lokoo的拼图游戏

Silver — Tue, 24 Nov 2009 07:04:35 +0000

Lokoo是个好同志，给我们分享了他练手的拼图游戏的代码
点击下载代码

安装方法：
1.解压文件
2.打开flex builder
3.”File”->”Import”->”Other”->在弹出菜单选”Existing Project Into Workspace”
4.选择刚才的解压目录导入项目
5.运行puzzleDemo.as文件

IT草民群：47388222
作者QQ：深圳_Lokoo(6818248)

代码效果如下：
puzzleDemo

IT妖怪的RSS Widget

Daniel Yang — Thu, 15 Oct 2009 01:31:48 +0000

用Dashcode做了一个简单的RSS Widget。
这样Mac用户可以实时关注IT妖怪了。

下载: IT妖怪
双击添加到Dashboard.

用Flex构建地图应用 — 利用Google Map API制作自己的地图（2）

Silver — Mon, 14 Sep 2009 15:11:08 +0000

接着上期的，这里用两个实例，给大家介绍一下Flex自定义地图制作的流程，看看是怎么从TileLayBase扩展成自定义的地图

首先是live的地图

package com.ityao.map
{
	import com.google.maps.CopyrightCollection;
	import com.google.maps.TileLayerBase;

	import flash.display.DisplayObject;
	import flash.display.Loader;
	import flash.events.IEventDispatcher;
	import flash.events.IOErrorEvent;
	import flash.geom.Point;
	import flash.net.URLRequest;

	public class LiveDituTileLayerBase extends TileLayerBase
	{
		private var serviceUrls:Array=["http://r0.tiles.ditu.live.com/tiles/r",
									   "http://r1.tiles.ditu.live.com/tiles/r",
									   "http://r2.tiles.ditu.live.com/tiles/r",
									   "http://r3.tiles.ditu.live.com/tiles/r"];
		private var serviceUrlSuffix:String = ".png?g=29";

		public function LiveDituTileLayerBase()
		{
			super(new CopyrightCollection("http://cn.bing.com/ditu/"),0,19)
		}

		private function getTileUrl(p:Point,zoom:int):String{			

			var c:Number=Math.pow(2,zoom);
			var d:Number=p.x;
			var e:Number=p.y;
			var f:String="";
			for(var g:int=0;g
然后是mapABC的地图
package com.ityao.map
{
	import com.google.maps.CopyrightCollection;
	import com.google.maps.TileLayerBase;

	import flash.display.DisplayObject;
	import flash.display.Loader;
	import flash.events.IEventDispatcher;
	import flash.events.IOErrorEvent;
	import flash.geom.Point;
	import flash.net.URLRequest;

	public class MapABCDituTileLayerBase extends TileLayerBase{

		public function MapABCDituTileLayerBase(){
			super(new CopyrightCollection("http://www.mapabc.com"),0,17)
		}

		private function getTileUrl(p:Point,zoom:int):String{
			var url:String = "http://emap" + ((p.x + p.y) % 4) + ".mapabc.com/mapabc/maptile?v=";
			url += "w2.99" ;
			url += "&x=" + p.x + "&y=" + p.y + "&zoom=" + (17-zoom);
			return url;
		}	

		public override function loadTile(tilePos:Point, zoom:Number):DisplayObject{

			var loader:Loader = new Loader();
			configureListeners(loader.contentLoaderInfo);
			var url:String = getTileUrl(tilePos,zoom);
			var tileUrl:URLRequest = new URLRequest(url);
			trace(tilePos.toString()+" z:"+zoom + " url:"+url);
			loader.load(tileUrl);
			return loader;

		}

		private function configureListeners(dispatcher:IEventDispatcher):void{
			dispatcher.addEventListener(IOErrorEvent.IO_ERROR,_secondaryLoad);
		} 

		private function _secondaryLoad(event:IOErrorEvent):void{
			//image fail to load handler
		}
	}
}

在上面的例子可以看见，其实只要重载loadTile方法就可以了，是不是非常简单？
loadTile的第一个参数是图块坐标，第二个参数是zoom的图层深度

这里有篇很好的文章和实例演示告诉你这些参数是怎么来的，

http://www.maptiler.org/google-maps-coordinates-tile-bounds-projection/
使用这两个参数，我们要针对不用的图瓦（live或mapABC）去构造图瓦的链接，从而用一块块图瓦拼接出完整的地图。
图瓦的链接是怎么获得的呢？

呵呵，可以是根据不同地图的文档说明（不过通常都很少），通常我在看一个地图的时候，用firefox进行浏览，然后打开”工具”->”页面信息”，如下图所示：


然后就发挥你的小宇宙，去猜猜那串图瓦链接怎么来的，呵呵！

我把live的猜出来了，欢迎大家补充别的链接。

用Flex构建地图应用 — 利用Google Map API制作自己的地图（1）

Silver — Sat, 12 Sep 2009 16:51:28 +0000

现在地图应用已经成为网络应用的一个大类了，各个大的网站几乎都有自己的地图产品。最出名的莫过于国外的Google Map和国内的都市圈地图，前面Daniel Yang介绍了都市圈的Flex源代码，小弟也来一个介绍Flex构建地图的系列，希望能够让大家分享到地图开发的乐趣。

不过自己毕竟不是GIS科班出身，也没从事过GIS或者地图的真正商业开发，研究地图应用开发，纯属兴趣，所以不足之处，敬请斧正:)

构建Flex地图应用，首选Google的地图API来实现，有以下原因：

支持自定义扩展地图类型
有丰富的图形标注工具
有多种数据接口
详细的文档支持

Google map API的这些特点，可以使我们快速地开发出各式各样的地图web应用，由于本帖不是替google map打广告，就不一一介绍这些特点的详细情况了，本帖更关注于第一个特点，利用Google map api来构建属于自己的地图。

或者大家会问：构建自己的地图？可以是什么样子的呢？
小弟天马行空地替大家想象了一下，我初步想大家可以构建这样的一些应用：

在专业的地图服务器里写script导出图瓦（动态或静态），然后制作自己的地图应用，最好的例子就是google地图本身
利用网络的地图图瓦资源，构造地图应用，如利用API来显示e都市的三维地图，或者如后面演示的显示别的厂商如google的对手bingo的地图，mapABC的地图等
通过修改现成的地图图瓦，来创造自己的地图。呵呵，站在巨人的肩膀上啊，例如你可以抓取google的图瓦，把上面的藏南地区全改回中文，然后发布出去
发布大型的图画作品，例如你是卖画或者什么别的艺术品，或者你要做游戏地图，可以把照片割成图瓦，挂到网上去，让大家可以在不同分辨层次下欣赏作品
协同进行艺术创作，把地图想象成大图画，大家可以在一个图画上创作，通过Map API可以进行宏观创作或者细节创作
… 更多更多好点子，欢迎在评论里面留言

首先贴一个swf，给大家看看用Google Map API来显示Live地图和MapABC地图的效果。

实现这个效果的步骤如下：

使用Flex的google map api，首先要去这里下载
注册一个api使用的key，在这个页面进行注册
创建flex项目，项目目录结构如下图所示：

前面下载的SDK里面的map_flex_1_16.swc（下载时间不同，可能版本号不一致）需要放在项目的lib目录里面去。
创建mapsample.mxml主程序，代码如下：
```
	
	
		
	
```
注意需要在程序中修改mapKey变量成为你前面注册的google map api key。
在主程序里面，我们创建了两种自定义的地图类型，并且添加了这两种类型进google地图中进行显示

定制自定义地图，如果地图的投影方法和google map一致的话，那只要继承TileLayerBase并重载里面的loadTile（加载图瓦）方法就可以了，下一篇将用live地图和mapABC地图为大家做介绍。

在线人脸检测，人脸动态视频跟踪检测

peerless — Wed, 09 Sep 2009 03:21:51 +0000

人脸识别是生物识别的一种，广义的人脸识别实际包括构建人脸识别系统的一系列相关技术，包括人脸图像采集、人脸定位、人脸识别预处理、身份确认以及身份查找等；而狭义的人脸识别特指通过人脸进行身份确认或者身份查找的技术或系统。
　而这两个例子仅仅完成了人脸的检测定位。离识别还有一段的距离，相信很快大家就可以看到相关很有意思的应用。
前些时间写的东西，也没有时间整理，贴出来让大家瞅瞅：

1.人脸检测：

测试网址：
人脸检测：http://www.cnria.org/wxl/facedetector/facedetector.html

先选择你电脑上带有人脸的照片，然后点击检测。检测成功的效果图如下：

2.视频检测:

示意网址： http://www.cnria.org/wxl/FaceDecVideo/faceDecVideo.html

程序通过摄像头程序会自动识别人脸，并给视频中的人带上眼镜。
手边没有摄像头，就不发效果图了。支持多人同时检测。

示例是基于openCV的。OpenCV是Intel公司支持的开源计算机视觉库。

希望对人脸识别志同道合的朋友一起探讨学习。

Flex版本的E都市地图

Daniel Yang — Tue, 08 Sep 2009 13:41:30 +0000

闲来无事，在06年的时候写了这个。

在硬盘了闲置了一年后，就发出来给大家乐乐。

Google Code: http://code.google.com/p/edsmap/

Demo:

Q&A:

1. 如何改成其他城市：

edsmap根本不是GIS框架，e都市也不是标准的投影。
要改成其他城市，需要知道这个城市的tile文件的命名范围。在代码里改变URL。
需要改的有：Eds3DTileContext，Eds2DTileContext。