Doodle.js，为Canvas而生的Sprite类库

Doodle.js的创造者为Billy Lamberta，他在博客中说道：

"使用 HTML Canvas元素给我带来了很多乐趣，但是它的drawing命令实在是太‘基础’了，你必须不断的处理一些“低层次”的细节，这也是我为什么想创造这样一个库的原因。

Doodle.js 是一个用来在页面上绘制图形的JavaScript库，与Canvas相互配合，能创造一个轻便，灵活，实用的绘图工具。

这次的发布只是0.1版本，Bug的出现是在所难免的。我在Chrome, Firefox 3.0.8以及IE 8（using excanvas）上都尝试过，Doodle.js是完全开源的。

• doodle-0.1.js (37k)
• doodle-0.1.min.js (23k)
• github project

示例：

var r = 5;
 var a = 0;
 var frame = 0;
 
 dot.loop(function(obj) {
              obj.modify({x:circle_x(a),
                          y:circle_y(a),
                          fill:random_color() });
 
              frame += 1; //update frame count
              a += 10; //update angle rotation
              r += 0.3; //update radius
 
              if(a % 15 == 0){ dot.fill = '#000000'; }
              else{ dot.fill = random_color(); }
 
              //clear canvas every 800th frame, reset radius
              if(frame % 800==0){oo.canvas().clear(); r = 5;}
 
          }, 0, '48fps'); //loop indefinitely at 48 frames/sec

 

还有很多demo：

• Spiral Pattern (canvas)
• Some Bouncy Balls (有一点物理)
• Girl Comin’ to Get Ya (使用图片 — no IE, sorry)
• Hearts a Flutter 自定义形状)
• Marbles in Space (模拟 3D)

"