[CreateJS][HTML5][野中ゼミ]EaselJSで、マウスポインタがインスタンスにロールオーバーしたとき、指差しカーソルに変えてみましょう。ロールオーバーとロールアウトをそれぞれ扱うイベントDisplayObject.onMouseOverとDisplayObject.onMouseOutには、使うときに注意しなければならないことがあります。Shapeオブジェクトに円を描いてステージ中央に置くまず、ロールオーバーするShapeインスタンスをタイムラインに置いて、そのGraphicsオブジェクト(Shape.graphicsプロパティ)に円を描きます。script要素はつぎのコード001のとおりです(スクリプトについて詳しくは「EaselJSで図形を描く」をお読みください)。初期化の関数(initialize())は、ロード時に呼出されるものとします。インスタンスへのロールオーバーとロールアウトを捉えるEaselJSでインスタンスへのロールオーバーとロールアウトは、DisplayObject.onMouseOverとDisplayObject.onMouseOutイベントで捉えます。Stage.enableMouseOver()メソッドを呼出しておかないと、マウスポインタとインスタンスの重なりについてのイベントが起こりません。ポインタとインスタンスの重なりを調べて、イベントとしてStageオブジェクトの表示リストに送ることは負荷が高くなります。そのため、Stage.enableMouseOver()メソッドを呼出さないかぎり、イベントの発生は止めてあるのです。そこで、前掲コード001の初期化の関数(initialize())につぎのようなJavaScriptコードを加えることにします。マウスカーソルは、document.body.style.cursorプロパティで変えることができます(「マウスカーソルの形を変える」参照)。...[中略]...}このスクリプトを書き加えると、つぎのコード002のようになります。Shapeインスタンスにマウスポインタをロールオーバーすると指差しカーソルに変わり、ロールアウトすればもとに戻ります。40);stage.update();}ご参考までに、jsdo.itにサンプルを掲げました。この記事にコメントを書く記事に対するテクニカルな質問はご遠慮ください(利用規約)。0.8.0のMatrix2Dクラスにおける座標変換のメソッドの演算仕様が変わったCreateJSの新バージョンと公式サイトの新装EaselJS次期バージョンで用いられるGraphicsコマンドオブジェクト新しいCreateJSライブラリが間もなく公開EaselJS次期バージョンに備わるGraphics.commandプロパティCreateJS開発の今とこれから。