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

js版 3D坦克大战 V0.3

阅读更多

 技术新Q群:435485569

欢迎体验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.199.29.66:8080 【使用阿里云服务器,尚未试过压力测试,或许有时会打不开,另进去后如未发现其它玩家,可以打开两个网页,相互观摩】

 

   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
分享到:
评论
1 楼 yan127422_1 2013-10-21  
牛人啊,我都不知道three.js能写出这样的效果,楼主有没有相关的教程分享一下

相关推荐

Global site tag (gtag.js) - Google Analytics