博客园_随机博客

碎片4

2012-01-30T11:30:00Z

1.又一年过去了，感觉这一年收获不是很多；

2.买了相机研究了下摄影，然后拍的时间也不多；

3.拿了驾照，然后就没上过路了；

4.工作内容有一些小改变；

5.又经历了一次修炼；

本文链接

PhoneGap开发环境搭建

2011-12-28T13:31:00Z

项目中要用PhoneGap开发，了解了下基本规则，记录一下，以备后查。(只针对Android平台)

一、安装

在安装PhoneGap开发环境之前，需要先安装以下框架：

1.Java SDK

2.Eclipse

3.Android SDK

4.ADT Plugin

5.PhoneGap

说明：

1.Java SDK直接下载安装即可，没什么可说的，安装不了就是人品问题了;

2.Eclipse 也是直接下载安装，建议为classic版的;

3.Android SDK和ADT Plugin安装完成后，重启eclipse进入Window->Android SDK Manager进行选择要安装的Android开发框架进行安装

4.PhoneGap包不用安装，直接解压。

二、第一个PhoneGap项目

1.在eclipse中新建Android Project，名字神马的随便取吧；

2.在项目的目录下，建两个文件夹：

/libs

/assets/www

3.进入将刚刚下载并解压的PhoneGap包里Anroid目录，我们需要的资源都在这个目录下。

将phonegap-x.x.x.js这个js文件(具体名称视当时下载的版本而定)copy到/assets/www目录下,

把phonegap.jar文件copy到/libs目录下。

再把xml目录copy到android项目的res目录下。

4.在/assets/www下建立index.html文件，内容看起来像这样：

<!DOCTYPE HTML>

<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="phonegap-x.x.x.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>

5.将以下权限配置的xml内容copy到AndroidManifest.xml文件中：

<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.GET_ACCOUNTS" />

6.将以下内容添加到AndroidManifest.xml文件的activity标签中:

android:configChanges="orientation|keyboardHidden

7.AndroidManifest.xml最后看起来会像这样：

8.在刚刚新建的Android Project中找到libs目录并在phonegap-x.x.x.jar上点击右键，选择 Build Path->Add to Build Path

9.最后再修改下src下的Java主文件：

1)添加import com.phonegap.*;

2)将类改成继承为DroidGap;

3)删掉import android.app.Activity;

4)把setContentView()这行替换为super.loadUrl("file:///android_asset/www/index.html");

5)最后看起来就像这样：

然后就可以试着运行一下，成功的话会出现Hello World的界面。

三、PhoneGap Plugin

PhoneGap的插件机制其实就是一个android类导出为jar文件，然后再被PhoneGap的项目引用，再通过js来调API：

1.创建一个Android Project;

2.打开Java主文件，将继承的类改为Plugin;

3.引入以下类：

import com.phonegap.api.Plugin;

import com.phonegap.api.PluginResult;
import com.phonegap.api.PluginResult.Status;

4.重写父类的execute方法：

public PluginResult execute(String action, JSONArray data, String callbackId) {

PluginResult pr=null;
     if(action.equals("method1")){
         pr=new PluginResult(Status.IO_EXCEPTION,"method1");
   }else if(action.equals("method2")){
         pr=new PluginResult(Status.OK,"method2");
        }

     return pr;
   }

其中，第一个参数action可以作为分类调用时的类型，我们就可以用该参数来实现多方法功能。

返回的PluginResult实例可以通过状态Status类型的控制来描述当前结果的执行状态。

最后，代码看起来可能像这样：

5.将该类导出为jar(在类文件上右键->Export->JAR File)

6.回到之前创建的PhoneGap项目中，按上面添加jar包的方法再将该jar添加到工程中。

7.在/res/xml/plugins.xml文件中添加以下内容：

name是你在调用时要使用的类名，value是类在jar包中的全路径

8.最后再打开assets/www/index.html文件，写入类似于这样的内容：

人品没问题的话，这样就能run起来了。。。。。。。

PHP文件POST类

2011-11-30T13:07:00Z

最近学着写点PHP，写了个文件POST的类，可以很蛋疼地在服务器端POST文件到另一台服务器上……

<?php
    class SingleFileSender{

        private $headers=array();
        private $boundary="";
        private $postData="";

        /**
         * @param {Array} $url参数集
         *                 {String} path
         *                 {String} host
         **/
        private $urlParams=array();

        function __construct($url){
            $this->updateURLParams($url);
            $this->initHeaders();
        }

        /**
         * 设置发送的header
         * @param {String} $key
         * @param {String} $value
         */
        public function setHeader($key="",$value=""){
              $this->headers[$key]=$value;
        }

        /**
         * POST发送数据
         * @param {Array} $datas
         *                     array(
                                array(
                                      "postName"=>"pic",
                                      "fileName"=>"/data/a.text",
                                      "file"=>"file content",
                                    "type"=>"text/plain"
                                      ),
                                  array(
                                      "name"=>"text1",
                                      "value"=>"text1's content"
                                      )
                              ));
         **/
        public function post($datas=array()){
            $ret="";
            $this->updateBoundary();
            $postData=$this->getPostData($datas);

            $this->headers["Content-Type"]="multipart/form-data; boundary=".$this->boundary;
            $this->headers["Content-Length"]=strlen($postData);

            $sendContent = $this->getHeaderStr($this->headers)."\r\n".$postData;

            //echo $sendContent;

            $fp = fsockopen($this->urlParams["host"], 80, $errno, $errstr, 30);

            if (!$fp) {
                $ret="$errstr ($errno)<br/>\n";
            } else {
                fwrite($fp, $sendContent);
                while (!feof($fp)) {
                    $ret.=fgets($fp, 128);
                }
                fclose($fp);
            }

            return $ret;
        }

        /**
         * 初始化header
         *
         */
        private function initHeaders(){
            $this->headers["Accept"]="*/*";
            $this->headers["Connection"]="Keep-Alive";
            $this->headers["Host"]=$this->urlParams["host"];
        }

        /**
         * 更新boundary
         */
        private function updateBoundary(){
            $this->boundary="BOUNDARY".microtime(true)*10000;
        }

        /**
         * 获取要post的数据
         * @param {Array} $datas
         * @return {String} $ret
         */
        private function getPostData($datas=array()){
            $ret="";
            $fileData=array_shift($datas);

            $ret="--".$this->boundary."\r\n".
                    'Content-Disposition: form-data; name="'.$fileData["postName"].'"; filename="'.$fileData["fileName"]."\"\r\n".
                    "Content-Type: ".$fileData["type"]."\r\n\r\n".
                    $fileData["file"]."\r\n";

            foreach($datas as $k => $v){
                $ret.="--".$this->boundary."\r\n".
                    'Content-Disposition: form-data; name="'.$v["name"]."\"\r\n\r\n".
                    $v["value"]."\r\n";
            }

            $ret.="--".$this->boundary."--\r\n";

            return $ret;
        }

        /**
         * 更新URL参数
         * @param {String} $url
         */
        private function updateURLParams($url){
            if(preg_match('/^http\:\/\/([^\/]+)\/?(.*)/',$url,$rets)){
                $rets[1] && $this->urlParams["host"]=$rets[1];
                $rets[2] && $this->urlParams["path"]=$rets[2];
            }
        }

        /**
         * 将header数组转化为String
         * @param {Array} $headerArr
         * @return {String} $ret
         */
        private function getHeaderStr($headerArr=array()){
            $ret="POST /".$this->urlParams["path"]." HTTP/1.1\r\n";

            foreach($headerArr as $k=>$v){
                $ret.="$k: $v\r\n";
            }

            return $ret;
        }
    }
?>

使用示例：

<?php
    include "SingleFileSender.php";

    $fileName="1.jpg";
    $handle = @fopen($fileName, "r");
    $file=fread($handle,filesize($fileName));
    fclose($handle);

    $sfs=new SingleFileSender("http://localhost/upload.php");

$sfs->setHeader("Cookie","abc=123");

    echo $sfs->post(array(
            array(
                  "postName"=>"pic",
                  "fileName"=>$fileName,
                  "file"=>$file,
                  "type"=>"image/pjpeg"
                  ),
              array(
                  "name"=>"value1",
                  "value"=>"123456"
                  ),
              array(
                 "name"=>"value2",
                 "value"=>"abcdef")
          ));
?>

说明，通过url实例化对象后，支持对其header的设置。

post参数为array类型，

第一个参数为文件数据，包括postName,fileName,file,type只个参数

postName 可以让接收方知道传递的文件参数名称；

fileName 为文件名；

file 为文件的数据；

type 为文件的MIMI类型名称。

后面的参数可无限增加，为普通的post参数，以name和value的形式传入

本文链接

碎片3

2011-10-28T14:44:00Z

1.今年又遇到些事，很纠结，又修练了一次；
2.又颓废了段时间，该收收心认真做点事情了；
3.最近看书的时间少了，得好好静下心来多看点书；
4.性格还是那么地急、快，对于做事有利也有弊，得学会自我好好调节；
5.不知道激情这个东西能不能永远保留，希望它只会沉寂和起伏，不会消失；
6.上火了，口腔溃疡、长痘痘、牙疼、淋巴疼，真悲催。。。。

本文链接

websocket draft-15 服务端握手Demo的perl实现

2011-09-28T13:32:00Z

websocket这个坑爹的项目一直都在草案中，而且有时的更新变化还挺大的。目前最新的版本要先握手，信任后再发送相应数据，数据还掩码了。这次先实现了握手功能，其原理如下：

1.客端向服务器端发送类似这样的HTTP头：

        GET / HTTP/1.1
       Upgrade: websocket
       Connection: Upgrade
       Host: localhost:8000
       Sec-WebSocket-Origin: null
       Sec-WebSocket-Key: FcJ21uh+iiDs7haoaG1cKQ==
       Sec-WebSocket-Version: 8

其中

Upgrade:wesocket 描述了该信息是websocket协议，

Host:localhost:8000 这个就是请求的主机地址和端口号，

Sec-WebSocket-Version：8 是版本号，这里是8，用的chrome14作的测试

Sec-WebSocket-Key: FcJ21uh+iiDs7haoaG1cKQ== 这条是很重要的，FcJ21uh+iiDs7haoaG1cKQ==是客户端提供的握手所用的key，需要服务器端根据该key作相应计算后返回一个对应的key来完成握手，具体的计算方法马上就会说到。

2. 服务器端

服务器端接收到请求的数据后，先根据头来判断是否为websocket协议，是的话就会先作握手处理，然后再进行数据的相互发送，这里先只讨论握手，数据发送的内容下次再说了。。。。

握手步骤：

（1）服务器端获取到客户端发送过来的 Sec-WebSocket-Key 值（比如这里的 FcJ21uh+iiDs7haoaG1cKQ== ）；

（2）将获取到的key值与一个magic string “258EAFA5-E914-47DA-95CA-C5AB0DC85B11” 连接成一个新的key串 "FcJ21uh+iiDs7haoaG1cKQ==258EAFA5-E914-47DA-95CA-C5AB0DC85B11"，这个magic string为标准里给出的值，可以看作为一个唯一ID序列；

（3）将新生成的串进行SHA1编码，生成一个由多组两位16进制数构成的加密串，比如这里的 "FcJ21uh+iiDs7haoaG1cKQ==258EAFA5-E914-47DA-95CA-C5AB0DC85B11" 将生成 "11a8a543955aaf7f9a266c55b2a9cda3151cdec5"；

（4）把加密串按2位16进制数字分隔，进行base64编码生成最终的key：base64编码(11 a8 a5 43 95 5a af 7f 9a 26 6c 55 b2 a9 cd a3 15 1c de c5)；

（5）将最终生成的key以Sec-WebSocket-Accept:key值整合到返回头中返回给客户端（该例子的key计算结果为 EailQ5Var3+aJmxVsqnNoxUc3sU=）：

    　　　　　　　　HTTP/1.1 101 Web Socket Protocol Handshake
    　　　　　　　　Upgrade: websocket
    　　　　　　　　Connection: Upgrade
   　　　　　　　　Sec-WebSocket-Accept: EailQ5Var3+aJmxVsqnNoxUc3sU=
    　　　　　　　　WebSocket-Origin: localhost
   　　　　　　　　WebSocket-Location: ws://localhost:8000

服务端应答后就完成了这一次的握手，完整代码如下：

#!perl -w
use strict;

use IO::Handle;
use Socket;
use Digest::SHA1 qw(sha1 sha1_hex sha1_base64);
use MIME::Base64;

my $buff;
my $port=8000;
my $host='localhost';
my $packhost=inet_aton($host);
my $address=sockaddr_in($port,$packhost);
my $msg="";
my $magicString="258EAFA5-E914-47DA-95CA-C5AB0DC85B11";
my $serverKey="";

sub getClientKey{
    my $ret="";
    if($_[0]=~m"Sec-WebSocket-Key: ([^\s]*)"s){
        $ret=$1;
    }else{
        #print "no matched";
    }

    $ret=~s/\s//g;
    return $ret;
}

sub formatSHA1Hex{
    my $ret="";
    my $len=length($_[0]);
    my $i;

    for($i=0;$i<$len;$i+=2){
        $ret.=chr(oct("0x".substr($_[0],$i,2)));
    }

    return $ret;
}

socket(SERVER,AF_INET,SOCK_STREAM,getprotobyname('tcp'));
bind(SERVER,$address);
listen(SERVER,10);

while(1){
    accept(CLIENT,SERVER);
    sysread(CLIENT,$buff,1000);
    $serverKey=encode_base64(formatSHA1Hex(sha1_hex(getClientKey($buff).$magicString)));
    print "$buff\n";

    $msg="HTTP/1.1 101 Web Socket Protocol Handshake\r\n".
            "Upgrade: websocket\r\n".
            "Connection: Upgrade\r\n".
            "Sec-WebSocket-Accept: ".$serverKey."\r\n".
            "WebSocket-Origin: $host\r\n".
            "WebSocket-Location: ws://$host:$port\r\n\r\n";

    CLIENT->autoflush(1);
    syswrite(CLIENT,$msg);
    close CLIENT;
}
close SERVER;
exit 1;

为了让代码尽量简单，省去了websockt协议验证之类的细节部分，只列出了核心功能。而且此次只实现了握手部分，而且比较简单，数据相互通信的部分看哪天又闲得蛋疼的时候再写了。。。

本文链接

w3ctech 2011 北京站(组图)

2011-08-27T16:09:00Z

2011-08-27T16:09:00Z2011-08-27T16:09:00Z随机http://www.cnblogs.com/Random/

门前的牌子

大厅

一推低价技术书籍

会场

嘉宾席

人渐渐到齐

准备工作

w3c中国区负责人安琪第一个演讲

焦峰同学分享了浏览器兼容性的相关问题

石川同学分享的是JQuery的相关内容

摄影哥

微博大屏幕，有亮点哦。。。

MBP啊有木有～～～

貘大现场提问

外籍男主持，据说是央视国际频道天气预报的主持。。。专业啊。。

新浪微博的吴侃同学分享bigpipe开发方式

winter大大分享的主题是JS in JS

于是当时整个场面被winter hold住了……

现场提问，这哥们发型很帅。。。

偶上墙了。。。。

旁边的同学中奖了。

小合照

晚餐

本文链接

工作四周年纪念

2011-07-30T16:02:00Z

2007.07.31 - 2011.07.31

继续加油。

本文链接

利用bigpipe机制实现页面模块的异步渲染

2011-06-29T16:43:00Z

终于要在项目中用bigpipe了，在模块较多的页面中，bigpipe的优化的效果还是不错的。
下面说说bigpipe的实现原理：
   bigpipe基于HTTP/1.1 支持的chunked编码，可以由浏览器接收到服务器发送的chunked块后，立即解析该块代码。因为chunked编码使消息主体成块发送，每块有自己的大小指示器，在所有的块之后会紧接着一个可选的包含实体头域的尾部。这种编码充许发送端能动态生成内容，并能携带能让接收端判断消息是否接收完整的有用信息。
   每块的大小指示器chunk-size为16进制数字字符串，块编码以大小为0的块结束，紧接着是trailer(尾部)，trailer以一个空行终止。
   如下图：

图中蓝框区域所示该http响应为chunked编码
   图种红框部分为每一个chunked块，其中比如第一个块的14a就是这个块的大小指示器chunk-size，紧接着的就是块的内容。在最后一个内容块后面会增加一个大小为0的块，以标志所有块结束，所以真实的块数量会比可见的内容块数量多一个。

   点击以下地址可以查看该实例，可以明显地看到每一行的延迟输出。
   <chunked块输出实例>(写完博文后发现我那破空间没支持chunked编码，大家拿源码自己在本地运行吧╮(╯▽╰)╭)
   <源代码>

   大家可以看到，在PHP中，是通过flush()语句来将缓冲区里的数据实时发送到请求端，实现起来并不复杂。

   ok，那么我们如何来通过chunked编码块的这个特性来实现页面元素的异步渲染呢?是由服务器端输出分块的内容，其实就是一段<script>标签内容，<script>标签添加到页面后，会由标签内的js代码来作页面模块渲染的控制，请看以下示例：

    <chunked块模块渲染>（╮(╯▽╰)╭）

<源代码>

通过该示例大家可以大致了解bigpipe机制的基本过程，而且还可以通过自己写框架来包装，使该机制更加完善。不过本文就起个简单的原理介绍的作用，大家了解了实现方式后可以自己玩就行了。。嘿嘿。。

本文链接

贝塞尔曲线

2011-05-27T13:56:00Z

贝塞尔曲线是一个由确定点来生成曲线路径的方程，最初由法国工程师皮埃尔·贝塞尔用来作汽车的主体设计，该方程还可以用来生成动画的插值公式。

贝塞尔曲线方程如下：

其中:
n是阶数，一阶的时候是线性方程，阶数=确定点的个数-1;
i是表示所有点的序列索引，即P0,P1,P2……;
P表示点的坐标(x,y);
t表示时间自变量，并且介于0,1之间，可以等于0和1;

通过该方程，我们可以写出求某个时刻的点坐标函数：

其中参数points为所有的点,t为时刻，
arrangement是求排列组合的函数，可以在完整代码中看到。

这样我们可以在拥有多个点的序列后，再通过t的变化，就可以求出所有点组合成的贝塞尔曲线图形了：

for (i = 0; i < 1; i += 0.001) {
drawPoint.apply(this, bezier(points,i));
}

完整代码及演示(需要在支持canvas的浏览器中运行)：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>bezier demo</title>
</head>
<body>
<div style="width:800px;height:600px;background-color:#fac0c0;">
<canvas id="screen" width="800" height="600">骚瑞，您的浏览器不支持canvas</canvas>
</div>
<script type="text/javascript">
var screen=document.getElementById("screen"),
context=screen.getContext("2d"),
points=[];
function getXY(node){
var x=0,
y=0;
if (node.offsetParent) {
while (node.offsetParent) {
x += node.offsetLeft;
y += node.offsetTop;
node = node.offsetParent;
}
}
else {
node.x && (x += node.x);
node.y && (y += node.y);
}
return [x,y];
}
function drawPoint(x,y,c,b) {
!b && (b=2);
context.fillStyle=c || "red";
context.fillRect(x,y,b,b);
}
function bezier(points,t){
var i,
n=points.length-1,
x=0,
y=0;
function fn(p,n,i,t){
return arrangement(n,i)*p*Math.pow(1-t,n-i)*Math.pow(t,i);
}
for(i=0;i<n+1;i++){
x+=fn(points[i][0],n,i,t);
y+=fn(points[i][1],n,i,t);
}
return [x,y];
}
function factorial(n){
if(isNaN(n) || n<=0 || Math.floor(n)!==n){
return 1;
}
var s=1;
while(n){
s*=n--;
}
return s;
}
function arrangement(n,r){
return factorial(n)/(factorial(r)*factorial(n-r));
}
screen.addEventListener("click",function(event){
var i,
point=getXY(this),
x=event.clientX-point[0]+(document.documentElement.scrollLeft || document.body.scrollLeft),
y=event.clientY-point[1]+(document.documentElement.scrollTop || document.body.scrollTop);
points.push([x,y]);
context.clearRect(0,0,screen.width,screen.height);
context.beginPath();
//points
for(i=0;i<points.length;i++){
drawPoint(points[i][0],points[i][1],"blue",4);
}
//bezier
for (i = 0; i < 1; i += 0.001) {
drawPoint.apply(this, bezier(points,i));
}
//line
if(points.length==1){
context.moveTo(points[0][0],points[0][1]);
}else if (points.length>1){
for(i=0;i<points.length;i++){
context.lineTo(points[i][0],points[i][1]);
}
context.lineWidth=0.2;
context.stroke();
context.closePath();
}
},true);
</script>
</body>
</html>

更多贝塞尔曲线的相关知识请参考wikipedia 贝塞尔曲线

本文链接

经典格斗游戏《街头霸王》的Javascript实现

2011-04-10T16:00:00Z

　　继《天机》之后，这次又山寨了个名为《街斗霸主》的经典格式游戏《街头霸王》的模仿版Demo，花了几个月的业余时间写了这么个东西，算是对目前的技术学习的一种练习吧。

其实这种练习的结果不是很重要，主要是体会其中的过程，虽然大部分的时间是在痛苦中渡过，但也是有很多收获的，同时也暴露出很多技术方面的不足，也为以后的学习明确了一些目标。

技术方面因为考虑到大部分IE用户（而且是非IE9），所以没有用HTML5的canvas，用的div的方式处理的，这样挑战也相对大了一些，

不过确实，性能上还是不理想，IE下的表现还是比较糟糕（特别是IE6。。。恩。。。- -！）。
目前兼容IE6/7/8(理论上也兼容IE9，只是没有测试)，safari，FF3.5+(因为FF2.0/3.0不支持水平翻转的样式。。- -！)，Chrome，Opera。
自己写了一个小型框架，包括了开发流程和js类库，类库用了OOP Like的方式包了个语法糖衣，看上去还算是像个OOP的样子，不过因为为了追求“优雅”，直接扩展了function的prototype，所以不建议在其它地方使用。
框架开发的整体思路就是用PHP作后端代码合并输出，js代码里用$import去建立了各个代码文件之间的关系，然后页面引用合并js的PHP文件，该模式需要在本地建立一个web服务器才能作测试，并且需要设置hosts为 127.0.0.1 aralork

游戏说明

游戏是一个Demo版本，实现了核心的整体流程。游戏分为“单人游戏”模式、“双人对战”模式和“练习模式”三种玩法，不过其实实现都是一样，只是改改初始化的参数而已，挺坑爹的。。。

游戏只需要键盘操作，不需要鼠标，

菜单的操作是方向键移动，Enter键选择，ESC键取消；

玩家1的操作:

　　　　上：W，下：S，左：A，右：D，拳：J / K / L，腿：U / I / O

玩家2的操作:

上：↑，下：↓，左：←，右：→，拳：小键盘 1 / 2 / 3，腿：小键盘 4 / 5 / 6

这里的 ↑ ↓ ← → 代表方向键。

游戏截图

其它说明

目前游戏还有很多BUG，所以玩的时候要有心理准备，不要被怪异的情况所震惊。。。　　　　

游戏里的素材取自于CAPCOM公司的《街霸II》，版权归CAPCOM公司所有。

大家有什么问题都可以在这里回复，欢迎大家拍砖，谢谢。

游戏演示地址

完整源代码下载

更新记录

[2011.04.11 23:30]

解决Chrome下一直Loading的问题

处理了被对手逼近角落时连续攻击无法还手的问题

本文链接