js版 3D坦克大战 V0.4

 

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

 

在 3D坦克大战 V0.3 基础上，增加了双方基地，以二战时期的美国和德国旗帜区分，另外解决了曲线进行过程中画面跳动的问题。

 

上周未更新是因为上周三考驾照科三、科四，顺利拿到驾照，哈哈。

 

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

 

测试地址 使用新版的chrome浏览器访问  http://www.upopen.cn/

 

 

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

 

------------ 13-11-05 --------------

 

1、新增 双方基地旗帜 

 

 

2、修复 曲线进行时 画面跳动问题

 

 

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

 

1、音效

 

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

 

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

 

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

 

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

 

3、炮弹禁止穿墙

 

4、加载效果 [ CSS3 实现 ]

 

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

 

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 显示名称血量

评论

13 楼 逐行分析JS源代码 2014-10-28  

例子站点 已经更新到 www.upopen.cn，希望大家多多支持，后续会添加一些其它 范例

12 楼 逐行分析JS源代码 2013-11-06  

moonyang 写道

我昨天进入的时候发现，攻击对方无效啊。

这个是我失误了，V0.4重新设置了坦克行动轨迹，导致声音、攻击都无效了，我现在正在重构下代码，下周二更新补上

配置环境，主要设置如下

1、安装下 NodeJs

2、安装 express

3、在你解压的目录下 通过 cmd 执行 Npm install，这样的目的是安装 pageson.json里的依赖

通常上面三个顺利完成，就可以运行了

4、通过cmd在解压后的目录里执行 node app.js

这样打开 127.0.0.1就可以了

你看下上面是哪个步骤出的问题

11 楼 moonyang 2013-11-06  

楼主，为什么我配置好了页面打不开呢，还有请问你用的什么工具开发的，谢了。

10 楼 moonyang 2013-11-06  

我昨天进入的时候发现，攻击对方无效啊。

9 楼 逐行分析JS源代码 2013-11-05  

高军威 写道

我这 特麽 卡

又开起来了，可以了，下周更新的时候，我优化下

8 楼 逐行分析JS源代码 2013-11-05  

高军威 写道

我这 特麽 卡

第一次出现这么卡的问题，或许是进的人太多，或者这次同步坦克位置的方式效能不行，我先停掉服务，过一会再重新开启，看来是要优化一下代码了。随着功能的增加，实时传送的数据也大了很多。

7 楼 afeiod 2013-11-05  

testsssssssssssssss

6 楼 高军威 2013-11-05  

我这 特麽 卡

5 楼 逐行分析JS源代码 2013-11-05  

star385 写道

为何没有把入口的html打包？

入口的html指什么？ 示例站点列表页？

4 楼 star385 2013-11-05  

为何没有把入口的html打包？

3 楼 dsjt 2013-11-05  

膜拜一下大神

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

yanmingeye 写道

牛人，能不能分享一下代码给我啊  QQ962589149

附件里 tank.rar (6.1 MB) 就是

1 楼 yanmingeye 2013-11-05  

牛人，能不能分享一下代码给我啊  QQ962589149