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

js版 3D坦克大战 V0.6

阅读更多

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

 

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

3D坦克大战 V0.5 基础上,本次增加了一个有趣的功能,

新功能:1、手机控制通过坦克。当输入好玩家名称后出现坦克驾驶提示时,页面会出现一个二维码(如图一),手机在联网的情况下,扫描二维码,手机会打开一个页面,上面一个矩形坦克图标(如图二),手机水平方向的前后、左右转动大于10度时,可控制坦克前后左右进行或转向。手指点击页面,可发射炮弹

2、对代码效率略有更新,但目前玩家较多的情况下依然会较迟钝,如果出现卡钝情况,可过段时间,再进入

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

 

图一

JS 3D坦克大战

 

图二

JS3D坦克大战

 

图三 、这样表示前进并右转

JS3D坦克大战

 

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

------------ 13-12-03 V.6 --------------

1、手机扫描坦克页面的二维码,通过手机的转动控制坦克

 

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

JS3D坦克大战

------------ 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 显示名称血量
*/ 日夜

  • 大小: 62.2 KB
  • 大小: 4.5 KB
  • 大小: 5.6 KB
3
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics