h5填色小游戏

所属分类:其他-游戏

 27117  313  查看评论 (15)
分享到微信朋友圈
X
h5填色小游戏 ie兼容10

注:本地预览请用火狐浏览器,chrome浏览器需要在服务器运行

因为使用了dataimage对象 所以在查看效果的时候需要在服务器上查看 不能填色 (ie浏览器可以直接打开查看)

主要是基于HGAME。js编写的

HGame.js 是内置了多个对象

animate对象

该对象提供了动画的方法详情请查看源码有一定的注释 (不懂的可以评论回答)

Object2D 2D对象 

该对象扩展了点击的属性详情请查看源码有一定的注释 (不懂的可以评论回答)

canvas 对象

该对象提供了着色的方法 详情请查看源码有一定的注释 (不懂的可以评论回答)

source对象 

该对象提供了加载静态文件的方法(img对象需要加载完成才能绘制在canvas上)

代码的大概思路:

创建canvas对象 -> 获取资源->调用render方法绘制->绑定click事件改编img的颜色->完善用户获得颜色->新增更多的可绘制图片->完成开发

相关插件-游戏

天猫双11红包前端jQuery

天猫双11红包前端jQuery
  游戏
 36133  394

33数字华容道

华容道是古老的中国民间益智游戏,游戏规则很简单依照数字由小到大顺序依次复原1-8。
  游戏
 25226  301

HTML5 塔防游戏

HTML5 塔防游戏
  游戏
 42950  379

植物大战僵尸

html5植物大战僵尸
  游戏
 52129  591

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

    依然饭特稀 0
    2021/9/27 9:35:22
    大神,画布一直刷新为啥?
        0
        2021/10/28 15:46:15
        游戏刷新 fps
    回复
    原来也可以一直一直不解释 0
    2021/2/2 14:23:14
    V仔就是威仔 0
    2019/6/14 20:07:23
    下载下来不能使用啊
        西瓜0
        2019/6/14 21:15:03
        注意看说明,本地预览用火狐浏览器。
    回复
    弥望痕迹 0
    2019/4/2 23:06:20
    切换越多越卡顿,所有的点击事件会累加,前面的点击事件没清空
        0
        2019/4/5 15:27:02
        这是我才入门写的东西了 很早的东西了 其实你如果要用的话 只用看下是如何填充颜色的就可以了 剩下的可以自己实现 其他的可以不用看
        0
        2019/4/5 15:29:13
        撤销也比较简单 你只需要实现一个类似管道的对象 就可以了
    回复
    弥望痕迹 0
    2019/4/1 22:21:22
    大神呢?不能撤销了吗
        0
        2019/4/2 0:10:35
        没有做撤销功能
        弥望痕迹0
        2019/4/2 9:37:06
        如果要做撤销功能要怎么写呢
    回复
    弥望痕迹 0
    2019/4/1 15:35:49
    后退要怎么操作呢 回复
    ,.?&弦 0
    2018/11/15 19:44:18
    请问Object2D 这个方法具体有什么用呀? 回复
    ,.?&弦 0
    2018/11/15 19:43:22
    你好,画布好像一直都在刷新? 回复
    彳亍。 0
    2018/6/5 19:55:20
    大神!!! 在下跪拜 能加个练习方式 详细的给我说一说吗 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复