使用HTML5制作简单的RPG游戏

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

  近年来游戏引擎越来越多,相关资料也愈加丰富,使得游戏开发的门槛不再那么高了。特别是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

posted @ 2016-09-24 14:57  逐影  阅读(9600)  评论(5编辑  收藏  举报