魔塔html1006无标题,神级程序员用手机写javascript魔塔,功能一样不少!-Go语言中文社区...

6cc29ebd0299d984d3105d7b4b1d3659.gif

javascript魔塔

神级程序员用手机写HTML5/javascript魔塔,功能一样不少!

工具:手机,RE管理器,UC浏览器,DroidEdit,Ksweb,HTML5/javascript

引入css以及javascript,这两个文档是控的,都得自己敲!我喜欢把一切事情简单化,包括对于前端,javascript的学习,也有不少的方法总结,如果觉得学习困难不知道javascript该学些什么,怎么学也可以来我的javascript群570946165,既然选择了远方便只顾风雨兼程!

776960e87e24b6dbc1de18f00770e180.png

在body建立一个div容器,名为GameGroup,整个游戏内容都要放进这个容器里

接着魔塔游戏不是有属性面板么,命名为PropertyBar属性栏

然后最主要的一个游戏画面也要建一个div容器,这里命名为CanvasGroup

最后还有一个控制勇士走路的控制按钮组,我们也建立一个ControlGroup

b5b770ef350d97a4717e0cfe414688bf.png

HTML5/javascript“显示文章”功能完成了,不过框框很难看,等待某美工做框框中

49223a0e878689881159340ab16fbfbf.png

javascript地图数据处理

c73daa437ef32f7950fcb26b8db45c11.png

javascript提示功能,比如获得钥匙,杀死怪物,打开门

ebb3bfcd9b79204a0fb6defaf67a5ded.png

javascript对话框制作

5cc04da8c03683372dc51875ffef8e43.png

怪物伤害计算

def96ae87a7a67ac79e5f5523fcd048f.png

javascript写商店

2795af37edcf3d45aef499fc001e4b1f.png

存档机制

78f58a1b04968581143c34345814c1f4.png

整体写完还要优化各种bug才能达到第一张图所示的效果,当然在手机上写javascript代码非常费时间的,最麻烦的是对于地图数据的处理,坐标点很麻烦,非常佩服javascript厉害的人,原生javascript的利用其实对于小白学习者来说还停留在很浅,简单的运用,而随着前端技术的革新,对于javascript的要求也越来越高,现在考javascript会做特效已经是找不到工作了,如果觉得学习困难不知道javascript该学些什么,怎么学也可以来我的javascript群570946165,如果想找到好点的前端工作,那么必须深入的学习原生javascript,比如设计模式,跨域,封装插件等等!

需要更多HTML5/javascript学习视频/特效,项目源码,敬请关注!

内容索引:脚本资源,HTML,网页游戏,魔塔   运行方法:进入 src 或 build 目录,用浏览器(如IE9)打开 td.html 即可运行。   请注意,IE8不能运行本游戏,你必需按以上要求运行。   相关的技术说明:   1.游戏完全使用 HTML5 / JavaScript / CSS 实现,没有用到 Flash、SilverLight 等技术。   2.这一个版本没有用到图片,游戏中的所有物品都是使用 HTML5 画出来的。   3.这一个版本部分地方为 IE9 做了专门的优化,可正常运行在 IE9 下。   脚本及资源目录说明:   /build 压缩后的可发布的文件   /screenshorts 屏幕截图   /src 源码   /css 样式表   /js JavaScripts 源文件   /tools 小工具、脚本      作弊方法:为方便测试,本游戏内置了几个作弊方法,如下:   1.增加 100 万金钱:[removed]_TD.cheat="money+";void(0);   2.难度增倍:[removed]_TD.cheat="difficulty+";void(0);   3.难度减半:[removed]_TD.cheat="difficulty-";void(0);   4.生命值恢复:[removed]_TD.cheat="life+";void(0);   5.生命值降为最低:[removed]_TD.cheat="life-";void(0);   在浏览器地址栏输入上面的“[removed]...;”并回车,即可实现作弊。   注意,以上作弊方法主要是为测试设计,正常游戏过程中请酌情使用,否则可能会降低游戏乐趣。   更新历史:   2010-12-29 根据网友建议,增加生命自动恢复功能(每隔 5 波生命恢复 5 点,每隔 10 波生命恢复 10 点)。调整参数,减小了激光枪的射程,增强了重机枪的威力。(v0.1.12)。   2010-12-18 添加新武器“激光枪”(v0.1.8.0)。   2010-12-12 暂停图片资源版本分支的开发,继续优化、开发圈圈版(v0.1.7.0)。   2010-11-28 第一个图片资源版本(v0.2.1.3267)。   2010-11-23 发布 圈圈版(v0.1.6.2970)。   2010-11-14 线上发布第一个版本。   2010-11-11 开始编这个游戏
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值