游戏DEMO分享:【简单跑酷--JS版】---Lv.1

首先真的很感谢LayaAir引擎 作为一个AS3开发者 上手很爽 作为一个JS开发者也不必烦恼,这是为什么呢?因为layaAir支持javascript啊·~~ 天了噜的~~~~
之前看了官网的打飞机实战开发 确实是造福全社会了~~ 建议看此教程之前 可以优先看下官网的打飞机实战

先来张游戏截图吧~~(哦对了 游戏的UI是从别的游戏抄过来的 请素材作者不要怪罪 善哉 善哉·~)

QQ图片20160722104909.png


PS:每一段教程都会上传响应的代码 教程结束时会分享给大家整个源码包~~ 
(其实下面有二维码 大家扫一扫 可以用PC打开也能看到源码的)



//=======================  游戏二维码 =======================


run_game.png




//=======================  漂亮的分割线 =======================
(他们说分割线 两边的等号数量要相等,否则不严谨~~  汗~~~~)


首先介绍一下这个游戏的开发初衷


  • 通过一个简单的小游戏 熟悉layaAir的一些api
  • 顺便测试一下性能(其实这个游戏测试不出啥性能 因为laya已经帮忙优化很6了~~)
  • 熟悉一下layaAir开发小游戏的方式和代码的写法
  • 分享 哈哈

 


好了 废话不多说 先简单说一下 我们这次开发这个简单跑酷要做些啥功能呢


 
  • 玩家
  •   跑动动画
  •   玩家可以二段跳
  •   腾空飞行
  • 道具
  •   普通的积分道具
  •   加速道具
  •   腾空体力药剂道具
  • 体力和能量
  •   玩家是不能一直腾空飞行的 需要一个体力来控制
  •   玩家捡到加速道具 通过能量条来控制 加速的时间
  • 游戏得分
  • 滚动的背景
  • 随机的小动物 增加游戏乐趣
  • 对象池的使用

 


针对以上功能 那我们可以简单的对整个游戏开始划分模块了


  • Config 配置文件 例如游戏的一些简单数据
  • Loading 必须要有的 用来加载资源的
  • GameInfo 游戏介绍(不介绍的话 一会不知道咋玩)
  • Background 背景 (如果游戏一团黑色 估计玩的玩家心里阴影很大的说。。嘿嘿)
  • Floor 地板 (既然是跑酷 那就得有跑酷的地板)
  • MapFloor 地板地图(用来控制和监听所有地板的状态)
  • Player  玩家 (没玩家还玩个球~~~)
  • Item 物品
  • Hp 血条(包括体力条和能量条)
  • Npc 电脑(也就是随机的小动物)
  • GameOver 游戏结束

 PS:laya有自己的对象池回收方法 这里就不做扩展了


这样一看 思路是不是很清晰了? 这个游戏虽然比较微小 但是不管什么游戏开发 在前期我们先想一下游戏里面有哪些东西是可以独立成模块的 这样不但可以先了解游戏的构造 同时可以为后期的开发减少不必要的麻烦
到目前为止 我们大致知道接下来要如何开发了~ 


下一节 将开始我们的简单跑酷开发之旅~~~
(如果有说得不对的地方 请朋友多多指出 大家互相学习交流)


 
已邀请:

hekuanlaya

赞同来自: fifteenbao 魏佳探

感谢您的无私分享,我根据你的教程做了一个小小的改动,线上demo是  http://118.89.31.177/  ,源代码代码在https://github.com/510850111/Lolo-Horizon  

Monica - 知识达人

赞同来自:

首先很感谢您的分享,试完了一下,很赞!(*^__^*) 嘻嘻……

cuixueying

赞同来自:

谢谢,很详细,游戏很有趣,咱们的源码包还没放吧O(∩_∩)O~~~\(≧▽≦)/~

yung

赞同来自:

赞,写成教程就好了,惠及后人。

jj940620231

赞同来自:

我想拜你为师!!

HummerMan

赞同来自:

膜拜大神,^_^

buckeye

赞同来自:

不错,感谢分享

jiessie

赞同来自:

源码在哪呀

jacksing888

赞同来自:

这里的链接全部都404了 难道是撤了吗?谁之前有下载了源码的 可以发我学习下吗

faith_leaf

赞同来自:

太监了....

knight

赞同来自:

还有连接吗

li305263

赞同来自:

兄弟~求源码~学习学习

蜗牛

赞同来自:


  • <div>fs</div>

jlike521

赞同来自:

boss_icon.jpg

3D 游戏 略粗 欢迎 指点

颠沛流离

赞同来自:

二维码打不开了

要回复问题请先

商务合作
商务合作