js版 3D坦克大战 V0.5

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

 

测试地址：http://www.upopen.cn/。 目前只支持新版本的的chrome浏览器，代码见附件 tank.rar.

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

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

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

 

 

/*********** 已完成功能 ***********/
------------ 13-11-12 V.5 --------------
1、场景障碍禁止穿过
2、代码优化 及 注释
3、按空格键切近、中、远视角
4、操作说明

------------ 13-11-05 V.4 --------------
1、新增 双方基地旗帜 
2、修复 曲线进行时 画面跳动问题
------------ 13-10-14 V.3 --------------
1、音效
2、山地场景 [ 20%， 未计算出坦克在山地起伏坡道上的行进方法 ]
------------ 13-09-28 V.2 --------------
1、坦克部分细节完善 [ 特别注明：目前坦克是网上找的一个现成的dae文件，通过threeJs生成 ]
2、雷达 [ CSS3 实现，JS实现坐标计算 ]
3、炮弹禁止穿墙
4、加载效果 [ CSS3 实现 ]
------------ 13-09-23 V.1 --------------
1、测试用最新的chrome浏览器 打开 http://121.199.29.66:88/ 【使用阿里云服务器，尚未试过压力测试，或许有时会打不开，另进去后如未发现其它玩家，可以打开两个网页，相互观摩】
   or 1、将压缩包在本地配置 nodeJs 服务，安装相关依赖包，打开 127.0.0.1:8080 【同上次象棋配置，如果无法配置，请留言，将对各种情况区别回复】
   注意：测试时不要开浏览器代理，否则会影响本示例中的 socket.io 使用
2、键盘 1 或 2 选择玩家角色
3、输入玩家名称
4、按 A / W / D / S 控制坦克行进方向   
5、按 空格 或 左键 发射子弹，屏幕左下角为现存子弹，每秒补充一个空缺，中弹坦克闪红色
6、屏幕上方中间区域展示玩家 10点血量，血量用完时，点击该区域，可复活。
7、按 ctrl + enter 弹出与所有玩家聊天的对话框，输入完成后 enter 发送
/*********** 后续需完善 ***********/
*/ 地形起伏
*/ 坦克击中损毁效果
*/ 场景完善
*/ 美化
*/ 坦克颜色 
*/ alt 显示名称血量
*/ 日夜

 

评论

3 楼 ytx1988320 2013-11-13  

2 楼 逐行分析JS源代码 2013-11-13  

hzzhaohuabin 写道

服务器是node.js吗

是的，这个是用
nodeJs做服务
socket.io做通信
mongoose做数据库
threeJs 做 webGL引擎
backbone 做MVC

1 楼 hzzhaohuabin 2013-11-12  

服务器是node.js吗