HTML5 塔防游戏分享
使用 HTML5 开发的塔防游戏。
作者语:我比较喜欢塔防类的游戏,前段时间非常流行的植物大战僵尸就属于塔防游戏。最近看到有人用 HTML5 写出了很多非常有趣的作品,我忍不住也尝试了一番,于是有了这个HTML5 版塔防游戏。
请用 IE9 / Chrome / Opera 等支持 HTML5 并且有较快的 JavaScript 引擎的浏览器来访问上面的页面。游戏很简单:怪物从地图左上角出现,前往右下角,你的任务是建造炮台或围墙,阻止怪物的前进。每当有怪物到达终点,你游戏中的生命值就会下降,如果生命值降为 0 ,游戏就输了。目前这个版本中,怪物是无穷无尽的,游戏目的就是要抵抗尽可能长的时间,将来的版本中应该会加入更多的场景或关卡。
目前这个版本中所有的物体全是用 HTML5 画出来的,包括炮台、怪物(用不同颜色和大小的圆圈代表)、子弹等,没有用到图片,因为我还没有来得及去寻找或制作合适的图片,所以,画面看起来可能比较简朴或抽象。将来的版本中我会逐步将游戏中的元素替换为更生动的图片。
这个游戏还处于测试版,问题及 bug 一定不少,如果你发现了,欢迎给我留言。不过,有一些问题受到技术或资源的限制,我不一定能较好地解决,如果遇到这样的情况,还请诸位读者理解。:-)
在线演示地址:http://www.muu.cc/html5/td/
代码下载地址:http://www.linuxidc.net/thread-1639-1-1.html
[图片]1.png
[图片]2.png
[图片]3.png
[图片]4.png
[图片]5.png
[图片]6.png
[图片]7.png
另外,为了方便测试,我也在这个游戏中准备了一些作弊“秘籍”,如下。你只需要将相应的“秘籍”代码(下文中斜体字部分)输入到浏览器地址栏并按回车,应该就能生效。
1、增加 100 万金钱:javascript:_TD.cheat="money+";void(0);
2、难度增倍:javascript:_TD.cheat="difficulty+";void(0);
3、难度减半:javascript:_TD.cheat="difficulty-";void(0);
4、生命值恢复:javascript:_TD.cheat="life+";void(0);
5、生命值降为最低:javascript:_TD.cheat="life-";void(0);
当然,“秘籍”主要是用于测试的,注意不要滥用,否则会降低游戏乐趣。:-)
网上有许多有趣的 HTML5 游戏,有一些可能与这个游戏很类似,不过这一个游戏完全是我独立完成的。目前这个版本是纯静态版本,只需将相关的 html、js、css 下载到本地电脑即可正常运行(唯一的问题是字体...)。欢迎转载,如果转载的同时能保留一个本站的链接就更好了!
最后,欢迎你试玩我写的HTML5 版塔防游戏!;-)
本文作者:oldj.net
转载于:https://www.cnblogs.com/hicjiajia/archive/2011/01/20/1940180.html
HTML5 塔防游戏分享相关推荐
- HTML5塔防游戏——《三国塔防》 - Yorhom's Game Box
HTML5塔防游戏--<三国塔防> 游戏介绍: <三国塔防>是一款基于HTML5和Javascript的2D塔防游戏.游戏中除了塔防游戏中原本的一些基本功能,还加入了武将单挑, ...
- 微信塔防小游戏开发教程,唤境引擎制作塔防游戏分享
今天带来的是塔防游戏制作攻略! 点击这里来下载工程文件, 点击这里可以下载工程中所用的素材哦~ 预览状态时敌人会从四个生成点随机生成,并且会自动寻路绕过黑色墙体走向红色终点.点击黑色墙体可以创建炮塔, ...
- 自制html5塔防游戏
这是一款由html5里的canvas和普通html元素结合的小游戏,游戏比较简单单一.主要是以建塔,防御为主.下面是游戏的一张截图: 这里是游戏的地址,直接去玩下吧:http://www.lovewe ...
- HTML5另类塔防游戏 -『三国战线』发布
关于本作 游戏介绍 本游戏是一款另类塔防游戏.本作以三国这段历史为题材,提供了从颍川之战到官渡之战,官渡之战到夷陵之战,夷陵之战到五丈原之战等15个关卡.在每个关卡中,你会控制一名三国武将与出现的敌军 ...
- html塔防游戏,HTML5 版塔防游戏
HTML5 版塔防游戏来自老杰的博客,本人很喜欢这款游戏.就转载到苏岳宁博客里,希望更多的朋友看到试玩这款TD游戏吧!下面是游戏进行时的截图: 下文来自老杰的博客: ---------------- ...
- HTML5另类塔防游戏 -《三国战线》公布
关于本作 游戏介绍 本游戏是一款另类塔防游戏.本作以三国这段历史为题材,提供了从颍川之战到官渡之战.官渡之战到夷陵之战.夷陵之战到五丈原之战等15个关卡.在每一个关卡中,你会控制一名三国武将与出现的敌 ...
- [文档和源码分享] 基于JAVA实现的塔防游戏
塔防游戏主要代表一类通过在游戏地图上装置炮塔,阻止敌人进攻的策略型游戏.本游戏是在地图上的特定地点装置多种能力不同的炮台以抵御多种怪兽的入侵.同时玩家每场战斗将拥有多种道具让玩家防守更加轻松.游戏原型 ...
- 【HMS Core案例分享】华为分析 X 江湖游戏 | 揭秘塔防游戏的增长秘籍
江湖游戏是一家集网络游戏发行.运营和服务于一体的公司,于2018年成立,是国内新兴的游戏发行商之一.江湖游戏凭借着3D欧美卡通塔防巨作<塔塔帝国>,以及诙谐幽默的<泡面三国>, ...
- (译)如何使用cocos2d制作一个塔防游戏:引子
原文链接地址:http://www.iphonegametutorials.com/2011/04/11/cocos2d-game-tutorial-how-to-build-a-tower-defe ...
最新文章
- 全国计算机等级考试题库二级C操作题100套(第68套)
- 调试LCD反被调戏了
- java 获取子线程_Java 主线程获取子线程返回结果
- C++新特性探究(十一):enum class(struct)
- python输入变量输出常量_Python输入input、输出print
- Android/Linux立即从缓冲区写入磁盘
- Python读CookBook之数据结构和算法
- 遥感影像辐射校正,地形校正等
- 开滦技师学院这个学校计算机网络专业,唐山开滦技校官网
- 邮件群发系统 php,QQ邮箱群发PHP源码
- 顺丰bsp物流下单php接口测试,golang 调用顺丰API接口测试-Go语言中文社区
- 伯努利分布、二项分布、几何分布、超几何分布、泊松分布
- PEGA(Low-Code App Builder)Describing a data object
- ERP中的制造数据结构
- 《炬丰科技-半导体工艺》SC1/SC2蚀刻后Si表面的分析
- 小米历史版本在哪下载
- nodejs学习五:sequelize数据库查询的Op方法
- 基于百度AI做内容审核
- JAVA生成二维码(一)
- C语言线程lock与unlock,锁求解关于lockunlock之后-第二个线程无法获得锁的问题
热门文章
- Excel如何快速实现四舍五入
- redis中遍历List、set集合
- 90后快递生活方式曝光;网友:谁偷窥我的生活?
- Java常用模式学习之策略模式
- lol 正在刷leetcode
- 【论文解析】Fast Adaptive Task Offloading in Edge Computing Based on Meta Reinforcement Learning
- JAVA的构造方法是什么
- 清华大学 陈鑫 计算机,我院学子在第七届海峡两岸信息服务创新大赛中获佳绩...
- word章节、图、表自动编号
- 简单爬取王者荣耀英雄图标!!!无废话,一看就会!!!