jQuery网页坦克大战游戏(不兼容IE)
网页版的坦克大战,蛮有怀旧感的小游戏。基于jQuery开发,代码结构比较清晰,逻辑也不复杂,适合想学点前端游戏开发的朋友瞅瞅。操作基本靠键盘事件,响应也挺快的,页面交互用的是keydown
事件监听,加上.animate()
做坦克移动,效果还不错。
动画这块就是靠jQuery 的动画 API,像.animate()
和.fadeOut()
这些常用方法,能快速做出爆炸、子弹飞行这些效果,虽然不如canvas
那样自由,但胜在简单省事。
项目代码组织也算合理,用了不少$(function(){})
包裹逻辑,事件绑定用.on()
或者直接.keydown
监听,结构挺适合新手上手练习。比如:
$(document).keydown(function(e) {
switch(e.keyCode) {
case 37: // 左
// 移动逻辑
break;
case 38: // 上
// 移动逻辑
break;
}
});
兼容性方面,不支持 IE 浏览器,说白了就是懒得兼容(笑)。现代浏览器像 Chrome、Edge 都没啥问题。你要是想扩展点东西,比如加排行榜、战绩记录啥的,可以套上jQuery 的 Ajax来搞定,数据交互方便。
如果你平时就喜欢搞点小项目,或者正好在学DOM 操作、事件这类内容,这份源码还是挺值得参考的。顺便附几个相关资源:
嗯,,如果你想用jQuery搞点有趣的东西,这游戏源码算是个不错的起点,拿来练手挺合适。
下载地址
用户评论