`
逐行分析JS源代码
  • 浏览: 88568 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论
阅读更多

欢迎体验js版的 3D坦克大战。

 

实例见 http://www.upopen.cn/    

上次中国象棋游戏过后,忙了段公司项目,趁近两周的结项空档,学习 threejs,百度上的threejs搜索结果多数是 旋转的地球 及 “threejs学习笔记一”。打算通过 TANK 这样一个不断完善的示例,尽可能多的展现 threejs 的API,以便和同仁共同探讨学习。

 

    该示例后面会持续完善,每周更新,且看我们共同能把这个坦克做到什么境界

 

坦克大战

 

/*********** 已完成功能 ***********/

 

1、测试用高版本chrome浏览器 打开 112.124.49.128:3000 【使用阿里云服务器,尚未试过压力测试,或许有时会打不开】

 

   or 1、将压缩包在本地配置 nodeJs 服务,高版本的chrome浏览器打开 127.0.0.1:3000 【同上次象棋配置,如果无法配置,请留言,将对各种情况区别回复】

 

   注意:测试时如开浏览器代理会影响本示例中的 socket.io 使用

 

2、键盘 1 或 2 选择玩家角色

 

坦克大战_选择玩家角色

 

3、输入玩家名称

 

坦克大战_玩家名称

 

4、按 A / W / D / S 控制坦克行进方向

 

坦克大战_坦克行进

 

5、按 空格 或 左键 发射子弹,屏幕左下角为现存子弹,每秒补充一个空缺,中弹坦克闪红色

 

坦克大战_坦克射击

 

6、屏幕上方中间区域展示玩家 10点血量,血量用完时,点击该区域,可复活。

 

坦克大战_阵亡

 

7、按 ctrl + enter 弹出与所有玩家聊天的对话框,输入完成后 enter 发送

 

坦克大战_聊天

 

------------ 13-09-23 --------------

 

/*********** 后续需完善 ***********/

 

1、地形起伏

 

2、障碍禁止通过

 

3、坦克细节

 

4、场景完善

 

5、同时向两个方向行进时,画面跳动

  • 大小: 362.2 KB
  • 大小: 236.8 KB
  • 大小: 232.2 KB
  • 大小: 292.2 KB
  • 大小: 286 KB
  • 大小: 258.4 KB
  • 大小: 234.7 KB
2
5
分享到:
评论
3 楼 逐行分析JS源代码 2013-09-23  
congty 写道
游戏不错,就是找了半天,没看到敌人。。。。

这个说明当时没有其他人在,你可以自己打开两个页面,选择不同的角色,另外中间有一排水泥墙的是场景的正中心,你把两个坦克都开中间集合
2 楼 congty 2013-09-23  
游戏不错,就是找了半天,没看到敌人。。。。
1 楼 kingsfighter 2013-09-23  
看起来不错啊,互动性,可玩性还不错

相关推荐

Global site tag (gtag.js) - Google Analytics