一个拼图游戏的DEMO

这游戏也很简单,也就是想自己练练算法了。这里只是个DEMO,但主要部分都包括了。主要是因为对界面设计实在头疼,再者做练习嘛,而且是被别人做得不爱做了的游戏,就没弄得那么完整了。

其实对于高手来说,拼图游戏只算是小菜了。我不是高手,也许我的方法不是最优的,但绝对是原创的,相信还是能给一些正在学习中的朋友一些帮助。过些天整理一个小教程出来吧,到时连源码一起发。

源码及教程

解决FLASH中链接被当做弹窗拦截的问题

不知有没有朋友碰到过这类的问题,在某些浏览器中,点击FLASH中的链接会被当做弹窗给拦截屏蔽掉。而也许有些朋友一直都没碰到过这个问题。其实这只是一个小小的习惯性问题。

其实以前我也都没有注意到这点,在FLASH中做链接的时候,往往都用on(press){}来触发,而这正是造成这个问题的原因,改为on(release) {}就没事了。同样,在AS3中用CLICK事件来触发的话,也会碰到被拦截的问题,推荐采用MOUSE_DOWN或者MOUSE_UP。但还有的朋友说,已经这样做了但还是被拦截,那就没办法了,采用终极招式吧,在FLASH的上面浮动一个等大的A标签,当然还需要填充透明GIF在里面,这样才能在IE中触发点击区域,把链接直接写到这个A标签就好了,其实现在有蛮多大站也都采用这种方法的呢。

一道看似简单的面试题

曾经做过一么一题面试题,大体上的要求是这样的:一个新闻列表,日期要紧随标题之后,标题太长时可以自动隐藏,但日期要显示完整。

e69caae591bde5908d

就这么个题目,看起来似乎很简单,但做起来似乎就没那么简单了。因为这里要求是时间紧随标题之后,如果是时间右对齐的话,相信大多数人片刻就能搞定。有兴趣的朋友不妨先不看下面的源码,自己做做试试。

因为日期是跟在标题后面的,所以这里要用内联标签,但这会在自动隐藏标题的时候出现问题。最后,想到了一种特殊的处理方法。外框的宽度比如说是300px,那么就把ul的宽度定为240px,然后通过绝对定位把日期从文档流中拖出,这时当标题达到ul的宽度的时候将之隐藏,而日期因为浮动而跟随其后,就达到所要的效果了。

PS:原来没有考虑到opera的兼容,现已修正,不过用了hack,暂时没想到好方法了。

提示:你可以先修改部分代码再运行。

全兼容的标准三级菜单

首先,说明一下这不是纯CSS的,如果要用纯CSS实现的话要用到很多[if IE 6]的判断,感觉页面的标签很乱,个人不太喜欢。说到底还是因为这万恶的IE6,基本上问题都是出在这里,本例用的是JS,但也用了一个[if IE 6]的判断,用来在IE6下改变标签的class。虽然是用了JS,但页面结构却清爽得多。

可能有些朋友见过,原本是在一个国外网站上看到的,不过写得有点复杂,我简化了一下,帖上来。

提示:你可以先修改部分代码再运行。

AS3中JSON的基本应用实例

最近发现有不少通过“AS3 json”关键词搜索过来的朋友,可见还是有很多朋友对这方面关注的。不过现下有关AS3 JSON的文章是少之又少,网上搜索到的基本上也都是那同样的几篇文章转来转去罢了,也包括我之前那篇,也没什么例子。相信会让很多初学的朋友看得云里雾里的,其实我也觉得奇怪,json其实也算蛮简单的,怎么就没人写篇好的教程呢。废话就不多说了,希望转载的朋友能注明一下出处,谢了。

首先,你需要有一个JSON的类库,建议去下载adobe官方提供的产品外类库:as3corelib。类库的使用就不多说了,大家应该都知道。

先说说获取数据。可以这么说,只要你懂AS3与XML的交互,那么就一定能懂JSON,因为两者几乎是一样的,你唯一需要做的只是了解一下JSON的格式。例如下面这个JSON的例子,就像XML一样,你可以通过任何动态页面来生成这个格式,也可以通过静态的甚至TXT来读取也行。

1
2
3
4
[{"name":"Hans","age":"32"},
{"name":"John","age":"12"},
{"name":"Zaki","age":"34"},
{"name":"Dr. Cox","age":"88"}]

AS中的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
package {
 import com.adobe.serialization.json.JSON;
 
 import flash.display.Sprite;
 import flash.events.Event;
 import flash.net.URLLoader;
 import flash.net.URLRequest;
 
 public class getJSON extends Sprite {
  public function getJSON() {
   var loader:URLLoader = new URLLoader();
 
   loader.load(new URLRequest( "http://127.0.0.1/json.php" ));//这里是你要获取JSON的路径
   loader.addEventListener(Event.COMPLETE, decodeJSON);
  }
  private function decodeJSON(evt:Event):void {
   var persons:Array = JSON.decode( URLLoader( evt.target ).data );
   //在这里,就可以通过操作数组来应用数据了,很方便
   for (var i=0; i<persons.length; i++) {
    trace( persons[i].name );
   }
  }
 }
}

是不是很简单呢?在这里我们只用到了decode()这个方法,其实JSON类库要用的也只有两个方法,另一个就是马上要用到的encode()。大家可以理解为编码与解码。发送数据的代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
package {
 import com.adobe.serialization.json.JSON;
 
 import flash.display.Sprite;
 import flash.events.Event;
 import flash.net.*;
 
 public class sendJSON extends Sprite {
  public function sendJSON() {
   var arr : Array = new Array({"name":"Hans","age":"32"},{"name":"John","age":"12"},{"name":"Zaki","age":"34"},{"name":"Dr. Cox","age":"88"});//这里是要发送的数据,可以直接写,也可以是由其他方法生成,不过要注意格式。
   sendjson( arr );
  }
  private function sendjson( a : Array ):void {
   var jsonString : String = JSON.encode(a);
 
   var urlVariables:URLVariables = new URLVariables();
   urlVariables.json = jsonString;
 
   var urlRequest:URLRequest = new URLRequest(http://127.0.0.1/json.php); //这里是接收数据的动态页。
   urlRequest.method = URLRequestMethod.POST;
   urlRequest.data = urlVariables;
 
   //其实到这已经结束了,下面的XML只是测试结果而已。
   var urlLoader:URLLoader = new URLLoader();
   urlLoader.addEventListener(Event.COMPLETE, onURLLoaderCompleteEvent);
   urlLoader.load(urlRequest);
  }
  private function onURLLoaderCompleteEvent( evt : Event ):void {
   var xml:XML = new XML(evt.target.data);
   trace(xml);
  }
 }
}

一个仿FLASH自带的取色器

我已经想不起来当初是为什么要做这么个东东了,本来是想做成一个封装类或是组件可以方便地调用取色器。但是却弄得不完美,隔了这么久了也没心思重新弄过了。虽然FLASH自带有取色器组件,不过在体积上这个要轻巧许多。调用其实还算方便,可以供学习者参考一下。

源文件:color.rar