h5小游戏天火决

所属分类:其他-游戏

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->完成开发

相关插件-游戏

js版单机斗地主

js版单机斗地主,代码注释全,学习必备。
  游戏
 8256  50

js+Html5捕鱼达人

js和HTML5实现网页版捕鱼达人游戏
  游戏
 18756  154

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

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

HTML5射击鸭子小游戏

HTML5射击小游戏
  游戏
 4571  18

讨论这个项目(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

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

    回复
取消回复