原创js版 3D坦克大战

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

 

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

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

 

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

 

原创js版 3D坦克大战_第1张图片

 

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

 

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

 

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

 

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

 

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

 

原创js版 3D坦克大战_第2张图片

 

3、输入玩家名称

 

原创js版 3D坦克大战_第3张图片

 

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

 

原创js版 3D坦克大战_第4张图片

 

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

 

原创js版 3D坦克大战_第5张图片

 

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

 

原创js版 3D坦克大战_第6张图片

 

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

 

原创js版 3D坦克大战_第7张图片

 

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

 

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

 

1、地形起伏

 

2、障碍禁止通过

 

3、坦克细节

 

4、场景完善

 

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

你可能感兴趣的:(JavaScript,js坦克大战,坦克对战,threejs坦克大战,坦克大战)