关于本作

游戏介绍

本游戏是一款另类塔防游戏。本作以三国这段历史为题材,提供了从颍川之战到官渡之战。官渡之战到夷陵之战。夷陵之战到五丈原之战等15个关卡。在每一个关卡中,你会控制一名三国武将与出现的敌军进行交战以此保护你的主公;同一时候。你还能够召唤出你的友军,与你并肩作战。
除此之外,本作还提供了人物对话,以及火计、水攻等计谋。使游戏可玩度更高。

操作说明

游戏中,你仅仅须要点击屏幕左右两側,使你扮演的角色左右移动,当敌军进入你的攻击范围后会自己主动攻击。

你还能够通过点击下方的人物头像进行召唤队友。其它的操作就请各位玩家自己摸索吧~

技术相关

与此前同样。本作依然是HTML5和Javascript作为开发语言。

并且使用了HTML5游戏引擎lufylegend.js。

在公布exe运行程序时。使用的是NW.js。

下面会给出两款库件的官方地址,以及文档及教程地址:

lufylegend.js官方地址:https://lufylegend.com/lufylegend
lufylegend.js文档地址:http://lufylegend.com/api/zh_CN/out/index.html

NW.js官方地址:http://nwjs.io/
NW.js打包教程:http://blog.menglifang.org/2015/04/16/nw-js-package/

游戏截图

游戏中的基本界面

游戏中的战场

对话与计谋

游戏下载

因为文件过大。所以我把它保存到新浪微盘里了
下载地址:http://vdisk.weibo.com/s/ushEc4hVGHFoZ
English Homepage:http://wyh.wjjsoft.com/sanguo_td.html

后记

本来打算制作为一款手机端APP的,哪知道因为Canvas渲染效率本身就不高,再加上界面元素过多和一開始就没重视优化等因素,最后仅仅有公布到PC端了。为了做得正式一点,所以就用NW.js把游戏打包成exe运行文件。

所以你能够发现,游戏里的非常多界面设计处处都在考虑手机端。

比方说游戏里的button就都做得非常大。以方便手机端玩家点击。

这款游戏做了大致有3个月左右。实质上。游戏主体部分早在寒假(大约是春节后的几天)里就已经完毕了。后来要上学了,所以进度就慢下来了。除此之外。因为后期功能须要拓展和界面须要美化,又引出了很多bug。所以进度就更慢了。最后要做的就是关卡编辑和人物编辑。及编辑关卡脚本和人物攻击、体力等数据。这个工作量就非常大了,并且不如拓展功能和美化界面那样有趣。为了途方便,我直接用json作为游戏的脚本,比方说。某一关卡的脚本节选:

{name : lang.place.SHOU_CHUN,id : "shou_chun",location : {x : 520,y : 380},backgroundMusicIndex : 2,background : "shou_chun_bg",backgroundOffset : {y : -120},backgroundHiddenWidth : 150,characters : {ours : {lord : "cao_cao",player : "zhang_fei",friends : ["guan_yu","liu_bei","sun_shang_xiang","sun_quan","soldier1"]},enemies : {1 : ["soldier1","soldier1","soldier1","soldier1"],2 : ["soldier1","soldier1","soldier1","soldier2","soldier2"],3 : ["han_jin","soldier1","soldier1","soldier2","soldier2"],......},rouse : ["ji_ling"]},events : {round : [{value : 1,instructions : [{name : "addTalk", param : "1"}]},......],......},talks : {1 : [{speaker : "cao_cao",side : "ours",content : lang.talk.SHOU_CHUN_1_0},{speaker : "liu_bei",side : "ours",content : lang.talk.SHOU_CHUN_1_1},{speaker : "zhang_fei",side : "ours",content : lang.talk.SHOU_CHUN_1_2}],......},unlockLevelList : ["xia_pi"],initialMoney : 400,......}

这仅仅是节选,整个脚本可能会比这个长一倍左右。

再加上没有制作关卡编辑方面的工具。所以纯手工写起来肯定是不大舒服的。只是还好,做了一个人物编辑器。所以在人物编辑方面还是省了不少力气的。

讲到这儿,我不禁想起了“衣沾不足惜,但使愿无违”这诗句,或许游戏本身能够称得上“衣不沾”,但是我的初衷还是没有完毕呐——并没有作为一款手机游戏公布,而是成为了一款本地游戏——所以说也就“愿有违了”。

不得不再次吐槽一下HTML5的效率啊,咋比我解一道数列的题还要慢呢……
只是令人欣慰的是。游戏终究还是公布了~

支持

假设你发现了游戏中的bug或者希望參与游戏的开发与測试,你通过下面方式联系我。

邮箱:wangyuehao1999@gmail.com
新浪微博:@Yorhom

最后。欢迎各位来玩我的游戏~


欢迎大家继续关注我的博客

转载请注明出处:Yorhom’s Game Box

http://blog.csdn.net/yorhomwang

HTML5另类塔防游戏 -《三国战线》公布相关推荐

  1. HTML5另类塔防游戏 -『三国战线』发布

    关于本作 游戏介绍 本游戏是一款另类塔防游戏.本作以三国这段历史为题材,提供了从颍川之战到官渡之战,官渡之战到夷陵之战,夷陵之战到五丈原之战等15个关卡.在每个关卡中,你会控制一名三国武将与出现的敌军 ...

  2. html塔防游戏,HTML5 版塔防游戏

    HTML5 版塔防游戏来自老杰的博客,本人很喜欢这款游戏.就转载到苏岳宁博客里,希望更多的朋友看到试玩这款TD游戏吧!下面是游戏进行时的截图: 下文来自老杰的博客: ---------------- ...

  3. HTML5 塔防游戏分享

    使用 HTML5 开发的塔防游戏. 作者语:我比较喜欢塔防类的游戏,前段时间非常流行的植物大战僵尸就属于塔防游戏.最近看到有人用 HTML5 写出了很多非常有趣的作品,我忍不住也尝试了一番,于是有了这 ...

  4. HTML5塔防游戏——《三国塔防》 - Yorhom's Game Box

    HTML5塔防游戏--<三国塔防> 游戏介绍: <三国塔防>是一款基于HTML5和Javascript的2D塔防游戏.游戏中除了塔防游戏中原本的一些基本功能,还加入了武将单挑, ...

  5. 《三国塔防游戏》隐私政策》隐私政策

    三国塔防游戏尊重和保护利用用户的隐私所有的服务.为了向您提供更准确,更人性化的服务,将三国塔防游戏使用和披露按照本隐私政策您的个人信息. 但是三国塔防游戏将是一个高度的勤勉,审慎义务对待这些信息.除本 ...

  6. 三国塔防游戏android源码

    三国塔防游戏android源码 三国塔防游戏源码,这个游戏源码比较完整的,因为上传有20M限制,把代码工程包分开了,主文件是TFGame,其他res大家按照安卓包加进去就行,欢迎下载并交流 ,大家可以 ...

  7. IOS塔防游戏《坦克对大炮》的开发设计记录

    IOS塔防游戏<坦克对大炮>的开发设计记录 引子 游戏已经在App Store上线几个月了,一直很想写点什么记录一下.真要写的时候,却又发现无从下笔没啥好写的.在2012年进入IOS,对于 ...

  8. 你的时间是如何被谋杀的?---由一款塔防游戏引发的思考

    你的时间是如何被谋杀的? ---由一款塔防游戏引发的思考 文/LL 之前一段时间花了很长时间来玩了一个 Mac OS平台下的塔防游戏<iBomber Defense Pacific>,为此 ...

  9. 手机h5像素_塔防游戏:全民主公H5,最好玩的塔防游戏

    小编带你发现精彩好玩的游戏! 今天小编推荐的这款游戏叫<全民主公H5>, 本公众号持续更新, 小编将搜罗全网人气最高,最热门的小游戏大全, 仙侠游戏,武侠游戏,魔幻游戏,塔防游戏,SLG策 ...

最新文章

  1. Bootstrap4+MySQL前后端综合实训-Day10-AM【实训汇报-下午返校、项目代码(7个包+7个Html页面)】
  2. 美国WH在明尼苏达州最大光伏阵列完工
  3. window7 MySql Cluster数据库集群配置
  4. mysql 如何添加索引_MySQL如何创建一个好索引?创建索引的5条建议【宇哥带你玩转MySQL 索引篇(三)】...
  5. 虚拟机Ubuntu蓝屏闪屏解决方法
  6. Bash语言的学习笔记~(legacy)
  7. Python爬虫抓取 python tutorial中文版,保存为word
  8. 用segnet训练我自己的数据,实验笔记1——改变图片大小
  9. python mysql到处excel
  10. 关联规则算法Apriori的学习与实现
  11. Unity 隐藏鼠标
  12. java删除文件夹下的所有文件和文件夹
  13. 【C#】RestSharp踩坑日记
  14. 年轻导演的创业之路-杨立坤
  15. flutter-dart语言类型后加问号
  16. python基础学习--猜拳游戏
  17. 如何查找qq邮箱的服务器地址
  18. 跨平台flutter- window与Android Studio环境配置
  19. 不礼让行人怎么抓拍的_不礼让行人百分百抓拍吗?不礼让行人如何申诉成功
  20. 我以为自己MySQL够牛逼了,直到被腾讯面试官狠狠抽了两巴掌

热门文章

  1. 力扣 2281. 巫师的总力量和 前缀和的前缀和
  2. 财务规划是什么,财务规划有什么作用,RFP课程有财务规划原理吗
  3. ubuntu绑定usb设备以及摄像头端口地址(编号)
  4. 使用jTessBoxEditorFX制作自己的字库
  5. Dart const常量构造函数详解
  6. 聚合支付的优势哪些?
  7. leapmotion使用之一-如何用leapmotion代替鼠标简单操作
  8. 罗永浩:锤子起死回生在 2017,现在是抢手“香饽饽儿”
  9. URLs(页面地址)
  10. (附源码)计算机毕业设计SSM职业高中智慧教学系统