CanvasQuery 基于 Canvas 画布和 jQuery 的游戏开发库 - 资源分享

CanvasQuery 基于 Canvas 画布和 jQuery 的游戏开发库

发布于 2019-07-20 字数 2577 浏览 1368 评论 0

Canvas Query 是一个封装了 HTML5 Canvas 元素的 jQuery 插件,增加了很多常用的Canvas图像操作方法,特别适合游戏开发者,创建优秀的 Web 游戏。

CanvasQuery 基于 Canvas 画布和 jQuery 的游戏开发库

简单示例

cq(640, 480)
  .drawImage(image, 0, 0)
  .fillStyle("#ff0000")
  .fillRect(64, 64, 32, 32)
  .blur()
  .appendTo("body");

Playground

playground.js – out of box – mouse, keyboard, scaling, gameloop and a layer to draw on.

playground({ 
  render: function() {
    this.layer.clear("#007");
    this.layer.drawImage(this.images.cursor, this.mouse.x, this.mouse.y);
  },
  mousedown: function() {
    this.playSound("click");
  }
});

ZIP bootstrap.zip – download template using canvasquery + playground.

Playgroundjs 不再是 CanvasQuery 的一部分。它已移到一个单独的域。

运行环境测试

  • chrome, firefox (cutting edge browser experienece)
  • node-webkit (native desktop applications)
  • cocoonjs (native mobile applications)
  • nodejs (serverside)

部分游戏案例

CanvasQuery 基于 Canvas 画布和 jQuery 的游戏开发库

CanvasQuery 基于 Canvas 画布和 jQuery 的游戏开发库

CanvasQuery 基于 Canvas 画布和 jQuery 的游戏开发库

相关链接

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

猫性小仙女

文章 1 评论 0

qq_VO6LhT

文章 0 评论 0

猿舌电影

文章 0 评论 0

7556275422

文章 0 评论 0

YYQ_139

文章 0 评论 0