简明现代魔法 -> HTML超文本标记语言 -> 一个好玩的HTML5塔防小游戏

一个好玩的HTML5塔防小游戏

2011-06-17

先说明,如果你的浏览器不支持HTML5,那么就无法看到这个游戏。所以请使用Firefox、Chrome等浏览器看本页。该游戏支持ff,chrome,ie9,safari。ie6,7,8就不支持了,你懂,其余的没测试过,理论上支持html5的浏览器都能用。

说明:每种塔都可以升级到3级,升级的价格与本身建造相同,卖掉的话就是总额的一半。

  1. 第一种塔:升级到3级,有小偷功能,每攻击一次会偷取1块钱。
  2. 第二种塔:减速攻击,3级时可以同时减速两个。
  3. 第三种塔:多重攻击。攻击多个目标。
  4. 第四种塔:穿刺攻击,攻击一条线上,攻击力最高。
  5. 第五种塔:秒杀攻击,有一定几率把敌人秒杀。

选择地图,然后按开始游戏吧!

本次用到了5个canvas画布标签:

  1. map:用于绘制背景地图,基本上画上一次就不会重画。
  2. main:用于绘制敌人与子弹,因为这两个基本上会一直变,需要一直重画。
  3. tower:用于绘制塔,塔基本上画上去后,不会动,最多也是会给擦出。
  4. select:用于绘制塔的选择区域,攻击范围等,会根据用户的操作而进行重画画布。
  5. info:用于绘制游戏的基本数据信息,会跟据金钱分数关卡等数据而变化。

bug 肯定也有,比如Chrome有时右边的图片出不来。不过还是能把塔拖出来。

来源:http://www.cnblogs.com/floyd/archive/2011/06/18/2084289.html

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们