资讯频道 → Web前端
阅读更多

13顶
0踩

Web前端

原创新闻 Doodle.js，为Canvas而生的Sprite类库

2009-06-17 11:14 by 副主编 zly06 评论(1) 有7924人浏览
OO

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

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是完全开源的。

示例：

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：

"

 

 

来自: lamberta
13
顶
0
踩
评论 共 1 条 请登录后发表评论
1 楼 fejay 2009-06-18 10:20
不错，很酷

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics