JS勉強会 ―EaselJSを使ってマウスから逃げるインタラクションができるまで vol.2― | Chitep!

大体毎週金曜日の朝、@cocoponさんにJSのあれこれを教わる勉強会を開催しています。 今回、EaselJSを使用したマウスインタラクションコンテンツができたので 成果物とそれを作るまでの経緯を学習メモとしてまとめた記事vol.1の続きの記事となります。 前回は一つの円に対して、マウスが近づくと逃げつつも、元の位置に戻ろうとする動きまでを実装しました。 >> 別ウインドウで見る 今回はそれにさらに手を加えて、より参考としているサイトの動きに 近づけていきたいと思います。 STEP5: 円周上にランダムに並べる 前回一つの円だけだったものを、ドーナツのような形になるように並べてみました。 >> 別ウインドウで見る function Circle(opt_options){ var defaults = { color: 'white', defaultX: 0, defaultY: 0,