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

Question

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)

部分游戏案例

相关链接

• Github地址：https://github.com/rezoner/CanvasQuery
• 项目地址：http://canvasquery.com/
• Playgroundjs 地址：http://playgroundjs.com/