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

いつからか、大体毎週金曜日の朝、@cocoponさんにJSのあれこれを教わる勉強会を開催しています。 これまでは、クラスやthisについてなどを学び、 雰囲気で書いてきてしまっていたJavascriptを基礎からきちんと教えて頂いてきました。 今回、EaselJSを使用したマウスインタラクションコンテンツができたので 成果物とそれを作るまでの経緯を学習メモとしてまとめました。 今回の題材 気になるインタラクションデザインを集めたギャラリーサイト、 Interaction Design Galleryというのをこじんまりと運営しているのですが、 Namaleというサイトにある下記のような動き： ・ドットが円形に配置 ・マウスを近づけるとマウスから逃げる ・マウスから離れると元の位置に戻ろうとする ・元の位置と離れすぎない位置でランダムに動く をEaselJSの練習がてら、実装してみたいと思い