Html5小游戏之小小塔防

时间:2015-01-09 06:57:34
【文件属性】:

文件名称:Html5小游戏之小小塔防

文件大小:177KB

文件格式:ZIP

更新时间:2015-01-09 06:57:34

Html5小游戏 Html5塔防游戏 Html5 Html5开发 Web开发

本次用到了5个canvas画布标签! map:用于绘制背景地图,基本上画上一次就不会重画。 main:用于绘制敌人与子弹,因为这两个基本上会一直变,需要一直重画。 tower:用于绘制塔,塔基本上画上去后,不会动,最多也是会给擦出。 select:用于绘制塔的选择区域,攻击范围等,会根据用户的操作而进行重画画布。 info:用于绘制游戏的基本数据信息,会跟据金钱分数关卡等数据而变化。 该游戏支持ff,chrome,ie9,safari。ie6,7,8就不支持了,你懂,其余的没测试过,理论上支持html5的浏览器都能用。 说明:每种塔都可以升级到3级,升级的价格与本身建造相同,卖掉的话就是总额的一半。 第一种塔:升级到3级,有小偷功能,每攻击一次会偷取1块钱。 第二种塔:减速攻击,3级时可以同时减速两个。 第三种塔:多重攻击。攻击多个目标。 第四种塔:穿刺攻击,攻击一条线上,攻击力最高。 第五种塔:秒杀攻击,有一定几率把敌人秒杀。 VN9TW90XENHV7(GK5[G`4SR.jpg bug肯定也会有。。源码有注释,希望大家能看得懂,也希望能给那些跟我一样刚学习html5的人一点点帮助!有不懂,有bug,都可以直接私信,我很乐意回答! 本文是转载的,原作者是:无赖的程序员


【文件预览】:
Tower
----index.html(3KB)
----.DS_Store(6KB)
----img()
--------.DS_Store(6KB)
--------bullet.png(558B)
--------bg.png(15KB)
--------enemy.png(119KB)
--------tower.png(23KB)
--------btn.png(593B)
----js()
--------Bullet.js(5KB)
--------Map.js(353B)
--------Info.js(5KB)
--------.DS_Store(6KB)
--------Tower.js(3KB)
--------Enemy.js(5KB)
--------MapData.js(640B)
--------tools.js(2KB)
--------Game.js(5KB)

网友评论

  • 下载很多年了,挺好的,为了积分来评论
  • 可以运行,学习。
  • 很不错的html5小游戏
  • 很好的东西,代码清晰,适合学习
  • 蛮好的 值得学习
  • 挺好玩的代码清晰明了,就是游戏设计不合理
  • 不知道为什么,游戏进入之后无法放置塔
  • 很不错的游戏,有技术挑战性
  • 很不错,很实用
  • 挺好玩的代码清晰明了,就是游戏设计不合理
  • 嘿嘿 游戏挺好玩的 就是太难了 出兵好快的说 bug还没怎么发现
  • 挺好玩的代码清晰明了,就是游戏设计不合理
  • 挺好玩的代码清晰明了
  • 还不错吧,新手可以学习下
  • 非常不错啊..挺复杂的..HTML依然是个蛋疼货!
  • 我是想看看怎么做的,下下来之后觉得不错,赞个!
  • 挺好玩的代码清晰明了,就是游戏设计不合理
  • 还不错~ 不过楼主转载别人的作品 有bug我们问你也不懂的吧...
  • html5很好的学习资源,虽然游戏有点瑕疵
  • 嗯!终于 会玩了 哈哈 ,是可以用来练手的好资料!