h5填色小游戏

所属分类:其他-游戏

 3432  13  查看评论 (1)
h5填色小游戏 ie兼容10

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

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

主要是基于HGAME。js编写的

HGame.js 是内置了多个对象

animate对象

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

Object2D 2D对象 

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

canvas 对象

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

source对象 

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

代码的大概思路:

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

相关插件-游戏

2048小游戏

jQuery 2048小游戏界面简洁大方,代码注释全。
  游戏
 2383  17

html5 小游戏,可创建关卡(原创)

一种普通过关的小游戏,对于稍微了解js的小伙伴可以轻松更改和创建新的关卡,关卡设置请看代码 352 ~ 367 行。
  游戏
 6905  53

js+Html5捕鱼达人

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

h5贪吃蛇动画

h5画布,贪吃蛇简单动画
  游戏
 12166  32

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币

    彳亍。 0
    2018/6/5 19:55:20
    大神!!! 在下跪拜 能加个练习方式 详细的给我说一说吗 回复
取消回复