初心者すぎてメモる。

EaselJS

シェイプ作る

シェイプの中にグラッフィック情報を突っ込んで作る。
[html]
bigCircle = new createjs.Shape();
bigCircle.graphics.beginRadialGradientFill([“#999999″,”rgba(255,255,255,0)”],[0,1],0,0,0,0,0,100).drawCircle(0,0,100);
[/html]

グループにする

[html]
group1=new createjs.Container();
group1.addChild(bigCircle);
[/html]

ステージに配置する

[html]
stage.addChild(group1);
[/html]

ステージを再描画

[html]
stage.update();
[/html]

TweenJS

古い文献はTween….で始まってるけど今のバージョンはcreatejs.Tween…で書き始める。

ループする

[html]
createjs.Tween.get(group1,{loop:true}).to({alpha:0, visible:false}, 1000).call(handleCompleteFunc);
[/html]

ループ止める

ループ止めるにはstop…じゃなくて、上書きまたはremoveTweens(だが後者は効かなかった）
[html]
createjs.Tween.get(group1, {override:true});
[/html]

TweenJS v0.6.1 API Documentation : Tween
http://www.createjs.com/docs/tweenjs/classes/Tween.html

トゥイーンで簡単canvasアニメーション！TweenJSの使い方 | kudox.jp
http://kudox.jp/java-script/createjs-tweenjs

JS5 :HTML5向けjavascriptフレームワークのチュートリアルサイト » EaselJSで円を描いてみよう！
http://jsdoc.hotcom-web.com/wordpress/archives/65