UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

h5小游戏天火决

所属分类：其他-游戏

 28535  332  查看评论 (13)
分享到微信朋友圈
X
h5小游戏天火决 ie兼容10
 查看演示  立即下载

h5小游戏天火决各个js的介绍:

发布时间：2018-1-7 21:22

HGAME.js提供了一个游戏的基本类型下面进行简单介绍:

HGAME.animate 动画对象 该对象  (具体可以查看源码不懂的评论问)

提供了方法

  • action 每一间隔帧调用的函数 

  • lastAction 最后一帧调用的函数

  • aSecondAction 每过一秒调用的函数

HGAME.Object2D 基本的2D对象 后面的扩展类都会通过继承他来继承 提供基本属性 x,y,w,h (具体可以查看源码不懂的评论问)

HGAME.canvas 与HGAME.Object2D相似只是一个是img节点一个dom节点  (具体可以查看源码不懂的评论问)

HGAME.source 资源对象 该对象  (具体可以查看源码不懂的评论问)

提供方法 

  • loadedSource 主动加载资源方法

  • loaded 加载资源完成

  • loadCall 每一次加载资源就会调用该函数

HGAME.camera 镜头对象 该对象提供作色的方法 绘制 (具体可以查看源码不懂的评论问)

HGAME.collision 碰撞对象 该对象 (具体可以查看源码不懂的评论问) 目前只内置了矩形与矩形的碰撞,没有内置 矢量碰撞,圆形碰撞,旋转碰撞等形式;

提供方法 

  • test 测试两个对象是否碰撞到了

objProto.js提供了一个游戏的扩展类型 下面进行简单介绍:

HGAME.userObj提供了一个用户操作对象的原型 该对象提供了 (该对象通过继承HGAME.Object2D而来) (具体可以查看源码不懂的评论问)

  • isSkyfire 技能天火决

  • createTHJ 创建天火决的子弹方法

  • SXJ 技能碎心决

  • changeFrame 改变帧 让人物看起来像在走

  • moveLeftRight 左右移动方法

  • moveTopBottom 跳跃和下落加速方法

  • colFunDx 检测碰撞地形

  • changeCamera 改变镜头

  • changeHurt 攻击的动画

  • A 提供平A方法

  • say 提供漂浮文字方法

  • getGoods 获取物品触发函数

HGAME.dxElevator 电梯地形类 该对象提供了改变地形的y 和 x的方法

HGAME.Object2DMonster 2D怪物类型 该对象通过继承HGAME.userObj 而来  (具体可以查看源码不懂的评论问)

  • moveLeftRight 通过重写userObj对象的方法

  • colHurt 碰撞到user对象将伤害user该方法

  • patrol 该方法提供巡逻 左右的巡逻类型

  • monA 怪物的平A 通过调用userObj进行触发

  • moveLeft02 怪物左移动行为为BOSS添加的方法

  • moveRight 怪物右移动行为 为BOSS添加的方法

  • znHT 智能转头 为BOSS添加的方法 

  • behavior 行为

HGAME.Bullet 子弹类型  该对象通过继承HGAME.userObj 而来  (具体可以查看源码不懂的评论问)

  • colFun 碰撞到不同类型进行不同的处理

HGAME.Goods 物品类型 该对象通过继承HGAME.Object2D 而来  (具体可以查看源码不懂的评论问)

  • colMethod 用户对象碰撞到该物品进行的一些处理

HGAME.sayObj 对话框类型 该对象通过继承HGAME.canvas 而来  (具体可以查看源码不懂的评论问)

  • transition 过度方式

objProto.js提供了一个游戏的解释引擎 下面进行简单解释：

该js解释了data.js的每一个配置项 实例化了data.js 的配置对象 具体的请查看源码吧 注释还是很多的 (具体可以查看源码不懂的评论问)

这里就说一个简单的思路 创建3个计时器 一个计时器控制整个游戏的流程 剩下的两个计时器控制着整个游戏的帧的改变 这个帧表示的图片上的

然后通过创建一个加载对象进行加载data.js里面的个个配置项 然后进行解释并添加到镜头对象里面 进行render

然后启动个个计时器

algorithm.js 提供了一个游戏的算法 具体的请查看源码吧 注释还是很多的 (具体可以查看源码不懂的评论问)

该js提供了一个贝塞尔曲线的算法

data.js 提供了一个游戏的基本数据 具体的请查看源码吧 注释还是很多的 (具体可以查看源码不懂的评论问)

游戏开发流程介绍:

收集素材->处理素材->构造扩展对象objProto->编写start.js解释引擎->配置data.js->处理一些流程bug->完成开发

相关插件-游戏
查看更多

贪吃蛇

 jquery贪吃蛇
  游戏
 28859  288

html5 canvas简易版捕鱼达人游戏源码

 html5利用canvas写的一个js版本的捕鱼，有积分统计，鱼可以全方位移动，炮会跟着鼠标移动，第一次打开需要鼠标移出背景图，再移入的时候就可以控制炮的转动，因为是用的mouseover触发的。
  游戏
 40029  365

H5小游戏疯狂猜图

 直接下载后代开代码内部有详细说明
  游戏
 28168  309

移动端口红机见缝插针纯前端

 某宝爆款的口红机、微信热门小游戏见缝插针，代码注释全！
  游戏
 29504  379

讨论这个项目（13）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    御风只为飞翔 0
    2018/3/8 10:38:14
    很强,源码看不懂,可怜我还是个小白 回复
    №?嵇№ 0
    2018/2/23 17:38:44
    老哥，没有普攻啊。
        辉0
        2018/2/23 20:36:20
        j键是发射普通飞镖
    回复
    最终还是输给备注 0
    2018/2/9 13:20:48
    就是按一下1把人杀光然后就是个跳坑游戏
    回复
    风继续吹 0
    2018/1/22 9:40:52
    ！ 0
    2018/1/16 2:47:14

    我摁遍所有键没发现  ，天火决 和  碎心决！我忍住去翻你源码的冲动！来问下你：该怎么发出这两个决？

        辉0
        2018/1/16 10:31:53

        大键盘1 和大键盘2啊 就是字母键盘上面的数字

    回复
    浮生过半 0
    2018/1/10 15:46:11

    我就问你怎么跳坑

        辉0
        2018/1/10 18:07:28

        很难 我测试过的可以跳过去 要加速 

    回复
    ?著于我?的?著ベ 0
    2018/1/9 17:20:12
    厉害了这三个字发不出去 回复
    嘴角的无奈丶 0
    2018/1/7 22:18:41

    有bug，跳到第二个坑后就跳不出来了

        辉0
        2018/1/8 9:02:59

        这是故意设置的 我靠

        嘴角的无奈丶0
        2018/1/8 19:13:13

        え... 我还能说什么...

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复