很久以前就想着做一个游戏,但什么都不会又不知道从哪里开始,胡乱找来一些书籍和资料结果太深奥看不懂,无奈只能放弃。这一弃就是十多年,倥偬半生,眼看垂垂老矣,还是没能有什么成果。

  近年来游戏引擎越来越多,相关资料也愈加丰富,使得游戏开发的门槛不再那么高了。特别是HTML5游戏,只需要一个支持HTML5的浏览器就能运行,特别适合我这样的初学者。一个偶然的机会,在某著名视频网站上发现很多关于Enchant.js 这个游戏引擎的教学视频,还有一本教程叫做《HTML5 Game Programming with enchant.js》,于是抱着再不开始就晚了的心态决定使用这个引擎开发一个游戏。

  经过两个多月断断续续的开发,期间边学边做,终于做出了一个demo,不过只支持最新版的Chrome浏览器,其它浏览器经过测试都不能很好的运行,包括最新的Edge。

  演示地址如下(友情提示——游戏带有音效,请注意打开场合):

  (操作方法 W、A、S、D或方向键控制人物行走,J键确认/对话,K键取消/返回)

  demo采用的是暗雷遇敌方式,且遇敌率较低,在大地图上多走走就能碰上,某一区域能碰上Boss。

在这个区域能碰上Boss。

//

  游戏素材都是从网上找来的,并且是模仿了某一款老游戏。对于游戏画质和模式飞速发展的今天来说,这样的游戏显得有些过时了,但并不妨碍我们去探索其中的实现原理。

  demo实现了一部分RPG游戏的基本要素:

  1. 地图的绘制
  2. 游戏场景的切换
  3. 对话系统
  4. 商店/交易系统
  5. 地图/场景事件
  6. 战斗系统

  还有一部分因为时间关系没能做出来:

  1. 伙伴系统
  2. 装备/道具系统
  3. 任务系统
  4. 游戏背景、剧情
  5. 很多计算公式没能应用上
  6. 可玩性不够丰富

开发游戏实在是一个任重道远的过程,一开始确实很有挑战也能勾起兴趣,但时间一长,就会陷入到不断的功能改进、Bug测试当中,从而产生一种“feel like shit”的感觉,因此需要极大的耐心与热情。虽然只是很小的一步,但总算是跨出去了,比起之前浑浑噩噩要聊胜于无吧。

最后附上项目地址:https://troybug.github.io/SimpleRPG/index.html

参考资料:

RPG Maker VX Ace

Google

使用HTML5制作简单的RPG游戏的更多相关文章

  1. 简单3d RPG游戏 之 003 怪物AI

    游戏中,怪物会自动的往玩家所在地点走去,那需要创建一个C#脚本EnemyAI,包含两个功能: 1. 怪物旋转自己对准玩家 2. 怪物向前移动,追逐玩家 public class EnemyAI : M ...

  2. 简单3d RPG游戏 之 002 生命条(二)

    在游戏中,游戏人物的血条可能会因为受伤或吃血瓶而长度变化,所以需要将血条的长度单独提出来作为一个变量,方便直接修改数值. public float healthBarLength; 改变生命值函数如下 ...

  3. 简单3d RPG游戏 之 001 生命条(一)

    1.创建一个新项目,引用如下的包: 2.将asset里的First Person Controller拖入project作为游戏角色,将其命名为Player,将mainCamera删除,这样就是用Pl ...

  4. 简单3d RPG游戏 之 005 选择敌人

    选择一个敌人,按ctrl+d,复制出3个,调整一下它们的位置,不重叠,修改Tag为Enemy,禁用EnemyAI. 创建Targetting脚本,绑定到Player玩家对象 public class ...

  5. 简单3d RPG游戏 之 004 攻击(二)

    人物和怪物的攻击都有CD冷却,在PlayerAttack脚本中添加成员 //冷却倒计时 public float attackTimer; //CD冷却时间 public float coolDown ...

  6. 简单3d RPG游戏 之 004 攻击(一)

    功能:实现点击键盘F键,怪物血量条减少,并且假定是近战,需要对距离进行判断,距离小于一定值的时候按F才会减少怪物的血条. 新建c#脚本PlayerAttack,绑定到Player,并在unity里将敌 ...

  7. HTML5制作简单画板

    <!DOCTYPE HTML> <html lang="en-US"> <head> <title></title> & ...

  8. 如何制作一款HTML5 RPG游戏引擎——第五篇,人物&人物特效

    上一次,我们实现了对话类,今天就来做一个游戏中必不可少的——人物类. 当然,你完全是可以自己写一个人物类,但是为了方便起见,还是决定把人物类封装到这个引擎里. 为了使这个类更有意义,我还给人物类加了几 ...

  9. 如何制作一款HTML5 RPG游戏引擎——第四篇,情景对话

    今天我们来实现情景对话.这是一个重要的功能,没有它,游戏将变得索然无味.所以我们不得不来完成它. 但是要知道,使用对话可不是一件简单的事,因为它内部的东西很多,比如说人物头像,人物名称,对话内容... ...

随机推荐

  1. hdu 2147 kiki's game 组合游戏 找规律

    题目链接 题意 两人轮流将硬币从\((n,m)\)移动到\((1,1)\),每次只能向下或向左或向左下移动一格,最后无法移动者输.问先手会赢还是会输. 思路 找规律 -- P N P N P N P ...

  2. StringBuilder 字符串拼接扩容

    String str = a + b + c(a,b,c都是变量,非常量) 实际执行时,"+"操作是通过创建一个StringBuilder来操作的,即: StringBuilder ...

  3. MySql视图笔记(转载)

    1.       视图的定义 视图就是从一个或多个表中,导出来的表,是一个虚拟存在的表.视图就像一个窗口(数据展示的窗口),通过这个窗口,可以看到系统专门提供的数据(也可以查看到数据表的全部数据),使 ...

  4. SpringBoot第十一篇:SpringBoot+MyBatis+Thymelaf实现CRUD

    作者:追梦1819 原文:https://www.cnblogs.com/yanfei1819/p/10936304.html 版权声明:本文为博主原创文章,转载请附上博文链接! 引言   总结前面几 ...

  5. java文件下载导出

    前台代码: $("#btnExport").click(function(){ top.$.jBox.confirm("确认要导出房屋信息吗?","系 ...

  6. 2016北京集训测试赛(八)Problem C: 直径

    Solution 一个定理: 把两棵树用一条边练成一棵树后, 树的直径在原来两棵树的四个直径端点中产生. 放到这一题, 我们通过DP先求出大树中以每个点为根的子树中的直径, 再取每棵小树中与其他树有连 ...

  7. jquery_final

    第一章 jquery入门 1,jquery的引入 <script type="text/javascript" src="js/jquery-3.3.1.min.j ...

  8. shell 实现自动备份nginx下的站点

    shell 实现自动备份nginx下的站点 优点 实现自动备份ngnix下的所有运行的站点 自定义排除备份站点,支持三种排除 自动维护备份目录,防止备份目录无限扩大 备份压缩tar.gz格式 源码: ...

  9. 获取元素位置信息和所占空间大小(via:js&jquery)

    工作中有一个很常见的需求,hover或者click某元素后,在该元素旁边出现弹框,主要就是获取该元素的位置坐标以及元素所占区块的大小.最近工作中就遇到了,发现js和jquery的实现方法有很大的区别, ...

  10. CBIntrospector俗称:内部检查工具

    Download View Introspector   (CBIntrospector)内部检查工具是IOS和IOS模拟器的小工具集,帮助在调试的UIKit类的用户界面,它尤其有用于动态UI布局创建 ...