2012-03-08
canvasとjavascriptで幾何学的なアニメーション
学生の頃、幾何学的なアニメーションをFlashで作ってたことがあって、それを今、html5のcanvasとjavascriptで再現してみた。
dot dance 01 - jsdo.it - Share JavaScript, HTML5 and CSS
ちょっとしたコードでいろんなアニメーションのパターンが出てくるのが楽しいのよね。
そもそも作り始めたときの元ネタはこちら。ジョン・ウィットニー。
今回作成にあたって参考にしたのはこちらのサイト。
HTML5 の canvas でアニメーションさせてみる - 1ka2ka.com
Permalink | コメント(0) | トラックバック(0) | 02:17 
トラックバック - http://d.hatena.ne.jp/hsksnote/20120308/1331227048
リンク元
- 110 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=13&ved=0CDMQFjACOAo&url=http://d.hatena.ne.jp/hsksnote/20120308/1331227048&ei=U_ZpT4XDFuPPmAXule2dCQ&usg=AFQjCNHUhm9GypccNa5XTT_oTE62mgFNng&sig2=YYmI_fBh70gCqcRvbrMH7Q
- 47 http://www.google.co.jp/url?sa=t&rct=j&q=javascript canvas アニメーション&source=web&cd=9&ved=0CGMQFjAI&url=http://d.hatena.ne.jp/hsksnote/20120308/1331227048&ei=Z-6DT83WAu6gmQXj9LHFBw&usg=A
- 30 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=20&ved=0CGoQFjAJOAo&url=http://d.hatena.ne.jp/hsksnote/&ei=XeFlT-6KDOTrmAWoqf2tCA&usg=AFQjCNHg32szlnAfbtzDW8g5HIM1fNqhUA&sig2=nYpSxpjM6dIoDQut2IFUng
- 28 http://www.google.co.jp/url?sa=t&rct=j&q=canvas アニメーション&source=web&cd=15&ved=0CF8QFjAEOAo&url=http://d.hatena.ne.jp/hsksnote/20120308/1331227048&ei=DzqnT4HHHe_tmAXWwszhBA&usg=AFQjCNHUhm
- 22 http://htn.to/CEMZxx
- 18 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=3&cts=1331403041866&ved=0CD4QFjAC&url=http://d.hatena.ne.jp/hsksnote/?of=3&ctbs=lr:lang_1ja&ei=lJlbT8LcIerSmAWvue2wDw&usg=AFQjCNHyDye8E83-47PmCOvFOpu3-hJg0Q
- 17 http://www.google.co.jp/url?sa=t&rct=j&q=javascript+canvas+アニメーション&source=web&cd=3&ved=0CD8QFjAC&url=http://d.hatena.ne.jp/hsksnote/20120308/1331227048&ei=wr-iT6X8HomtiQfqsID0CA&usg=AFQjC
- 14 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&frm=1&source=web&cd=1&ved=0CF8QFjAA&url=http://d.hatena.ne.jp/hsksnote/20120308/1331227048&ei=QoTLT4jfDvGWmQX7w8CCDw&usg=AFQjCNHUhm9GypccNa5XTT_oTE62mgFNng&sig2=MfhMtaXp_3oG791Z19ebhg
- 14 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=6&ved=0CFEQFjAF&url=http://d.hatena.ne.jp/hsksnote/20120308/1331227048&ei=ScKDT5OPB-rWmAW19JDVBw&usg=AFQjCNHUhm9GypccNa5XTT_oTE62mgFNng&sig2=DZ2QHqVxwl_7eroFn6lUOA
- 12 http://t.co/Rtb1JKmt
