论坛首页 Web前端技术论坛

js版 3D坦克大战 V0.3 - 更新V0.5

浏览 9160 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2013-10-15   最后修改:2013-11-13

测试地址:http://121.199.29.66:88/。 目前只支持新版本的的chrome浏览器,代码见附件 tank.rar.

在 3D坦克大战 V0.4 基础上,增加了坦克禁止通过水泥墙,考虑到效率问题,坦克四周放置的碰撞点较少,可能会在障碍附近看似没有阻挡却卡住,可以先将坦克按原路驶出,或按住前行,并一直按住左转,也可以转出。
增加了玩家视角切换,即通过按空格键,依次循环切换近、中、远视角。另外对代码进行了初步优化 和 简要注释,以便帮助有兴趣的玩家理清代码。

另外经测试,音效本地是可以的,而直接访问服务器上的音频却无法运行,或是服务器没有配置好,暂未查明原因。

持续完善,每周二更新,且看我们共同能把这个坦克做到什么境界

 

测试地址 http://121.199.29.66:88/

 

坦克大战

 

 

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

 

在上周的 3D坦克大战 V0.2 基础上,本周实际完成功能较少,主要增加了坦克的行进、射击、中弹的音效,另外对场景改进成山地,不过这个虽然用了大量时间,却始终没有计算出坦克如何随着山地起伏行进,所以改场景等完成再开放。这个的计算似乎蛮复杂,希望网友可以提供个思路。项目源码见附件tank.rar

 

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

 

 

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

 

------------ 13-10-14 --------------

 

1、音效

 

2、山地场景 [ 20%, 未计算出坦克在山地起伏坡道上的行进方法 ]

 

------------ 13-09-28 --------------

 

 

 

1、坦克部分细节完善 [ 特别注明:目前坦克是网上找的一个现成的dae文件,通过threeJs生成 ]

 

2、雷达 [ CSS3 实现,JS实现坐标计算 ]

 

3、炮弹禁止穿墙

 

4、加载效果 [ CSS3 实现 ]

 

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

 

1、测试用最新的chrome浏览器 打开 112.124.49.128:3000 【使用阿里云服务器,尚未试过压力测试,或许有时会打不开,另进去后如未发现其它玩家,可以打开两个网页,相互观摩】

 

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

 

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

 

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

 

3、输入玩家名称

 

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

   

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

 

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

 

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

 

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

 

1、地形起伏

 

2、障碍禁止通过

 

3、坦克击中损毁效果

 

4、场景完善

 

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

 

6、切视角

 

8、美化

  • 大小: 340.4 KB
   发表时间:2013-10-21  
看起来不错,演示地址呢?
0 请登录后投票
   发表时间:2013-10-21  
http://121.199.29.66:8080/   这个地址
0 请登录后投票
   发表时间:2013-10-21  
逐行分析JS源代码 写道
http://121.199.29.66:8080/   这个地址

  如果做到坦克世界那样,就小公牛哭小母牛-牛B死了。
0 请登录后投票
   发表时间:2013-10-23  
caizi12 写道
逐行分析JS源代码 写道
http://121.199.29.66:8080/   这个地址

  如果做到坦克世界那样,就小公牛哭小母牛-牛B死了。

我就是在向那个方向努力
0 请登录后投票
   发表时间:2013-10-29  
真的挺不错的,我之前玩腾讯的jsp坦克也挺好玩的,可以去学习一下,不过那个是二维的~
0 请登录后投票
   发表时间:2013-11-13  
测试地址:http://121.199.29.66:88/。 目前只支持新版本的的chrome浏览器,代码见附件 tank.rar.
在 3D坦克大战 V0.4 基础上,增加了坦克禁止通过水泥墙,考虑到效率问题,坦克四周放置的碰撞点较少,可能会在障碍附近看似没有阻挡却卡住,可以先将坦克按原路驶出,或按住前行,并一直按住左转,也可以转出。
增加了玩家视角切换,即通过按空格键,依次循环切换近、中、远视角。另外对代码进行了初步优化 和 简要注释,以便帮助有兴趣的玩家理清代码。
另外经测试,音效本地是可以的,而直接访问服务器上的音频却无法运行,或是服务器没有配置好,暂未查明原因。
持续完善,每周二更新,且看我们共同能把这个坦克做到什么境界
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics