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

发布于 2019-07-20 22:08:36 字数 2482 浏览 1574 评论 0

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

简单示例

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)

部分游戏案例

相关链接

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

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

列表为空,暂无数据

关于作者

JSmiles

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

0 文章
0 评论
84935 人气
更多

推荐作者

待"谢繁草

文章 0 评论 0

战皆罪

文章 0 评论 0

子英

文章 0 评论 0

爱的十字路口

文章 0 评论 0

孤者何惧

文章 0 评论 0

xi霄xi

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击“接受”或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。