ホーム > タグ > hsl

hsl

Canvas 軌跡にパーティクル

wonderfl fork第2弾。

canvas11
html(別ウインドウ)

マウスに追随するオブジェクトとパーティクルオブジェクトの
クラスはばっさりと簡略化した。

毎描画毎に表示オブジェクトを格納した配列を更新している。
この辺はaddChild/removeChildライクに出来るようなライブラリ作ったら
ActionScripterは幸せになれるかな。
visibleとかscaleとかをASライクに使える疑似Spriteクラスとか。

ちなみに今日は破の発売日らしいのでこんなのも作った。

canvas11_2
html(別ウインドウ)

CSS3ではhslで直接色を指定できる!ので
上記の実装は超簡単。

h+=10;
var col='hsla('+h+',100%, 50%,1)';
context.strokeStyle  =col ;
if(h == 360){
	h = 0;
}

こんな感じ。

あー破が見てぇ。けどオレは劇場版BOXセット var.3Dが出るまで我慢するんだw

参考
http://wonderfl.net/c/ybeh

Home > Tags > hsl

Search
Feeds

Return to page top