javascrpt canvas

javascript 比较常用的一些函数。

Math.random(); 返回一个 [0,1) 的数。

需要延迟执行某个函数。 setTimeout("youfunction()",300);

setInterval(); 使用和 setTimeout() 差不多。 javascript 的 prototype 还是很常用的。应该专门去学习一下。 程序中主要用到的是 canvas 画图。或者更主要的是这个框架的结构。 tmp = new createjs.Container(); Container() 中可以装一些小组件。比如  tmp = createjs.Shape(); 还有 graphics类中可以花 circle,rect. 也就是画图形。具体可以看 createjs 的API。里面有详细的说明。 createjs.Bitmap();

这是我的一个 randomShuffle 算法。

// random shuffle a list;
function randomShuffle(lst){
     var tp,idx;
     for(var i = 1; i < lst.length; i++){
          idx = genRandom(lst.length-i);
	  tmp = lst[idx];
          lst[idx] = lst[lst.length-i];
          lst[lst.length-i] = tmp;
    }
 }

canvas 画直线也是需要学习一下的。什么 moveto, lineto 之类的，并且还要用到 setStroke 之类的API。

具体的不太清楚了，需要的话，去看下 createjs 的API 吧。

另一个主要的内容就是 canvas 做动画了。根据我的理解，做动画之前，首先要理解需要动起来的东西的属性 都有哪些，首先最基本的就是 x,y坐标了，这个简单，就是位置吗。位置变了不就动起来了吗。另外还有透明度。 alpha。处理这个还有 rotation. 就是角度啊，角度的变换可以产生旋转的效果，不就是动画吗？另外呢，还要 清楚锚点这个概念了。这些东西是通过 regX 和 regY 来设置的，我来这样解释吧，首先，一个图像移动的时候， 我们可以讲它抽象成一个点，这个点就是通过 regX 和 regY 来设置的呢，一般情况下，我们将这个点设置在图形 的中间，那么可以这样。 regX = pic.getBounds().width; regY = pic.getBounds().height; 这样就搞定了，表现 就是图像中心的那个点的 x y 就代表了图形的 x，y这样你就可以确定图形的位置了。

其实上面这些还是需要你慢慢理解一下的，位置这个概念还是很重要的，锚点，并且 x，y 都是相对于 parent 的 坐标系的，这个也是需要理解一下的。

好像 这个月也就学到了这些东西。其他的记起来再写吧。