クラウド環境の利用がスタンダードになりつつある昨今、Web I/Fを通して対話的にクラウド環境構築できることは当然ですが、もっとビジュアルにクラウド環境が構築できればいいなと思い、SDN(Software Defined Networking)もどきのUIをHTML5のCanvasを利用してデモプログラムを作成してみることにしました。このシリーズは3回に分けて公開します。 利用した環境 EaselJS0.7.0 IIS7.5(Web Serverならなんでも可) ブラウザはChrome 作成する流れ 固定の文字と画像をStage上に配置する 配置した画像に対してEventListenerを定義する 固定画像をmousedownイベントでコピーを作成し、clickイベント(マウスボタンアップ)時に有効範囲であれば図形を追加し、範囲外であればドラッグ中の図形を削除する 緑のエリア内の図形をダブ