「CreateJS」カテゴリーアーカイブ

CreateJSでMouseOver/MouseOutを使う際の注意点

ついでなんで、合間にいじってたCreateJSのマウスイベントについて。

クリックは問題なく動いたんだけど、マウスオーバー/マウスアウトがうまく行かなくて填まりました。で、結局・・・
stage.enableMouseOver()

というメソッドを使って、明示的にonMouseOverとonMouseOutを使うことを宣言しないといけないらしいです。こちらの記事(EaselJSのMouseEventを理解しよう)を参考にしました。感謝。

あと、EaselJSのバージョンが0.6.0以降は、イベントハンドラでなくイベントリスナー推奨らしいので、その関連リンクも。
Flashな人にとっては、AS2.0 >> AS3.0的な流れですね。

CreateJSはじめる際の注意点

ようやく重い腰を上げて、CreateJSを触り始めました。

とりあえず参考にしたのは、当日の講義も聴いた野中さんのこの記事。
で、記事はわかりやすいんだけど。ライブラリのバージョンが上がってるので、その辺の注意点をメモ。

walk2_mc._SpriteSheet = new SpriteSheet({images: [“sprite_sheet.png”], frames: [[0,0,167,268,0,84.5,135],[167,0,167,268,0,84.5,135],[334,0,167,268,0,84.5,135],[0,268,167,268,0,84.5,135],[167,268,167,268,0,84.5,135],[334,268,167,268,0,84.5,135]]});

この「frames」に書かれている配列の2,3番目が幅(168)と高さ(268)になります。
去年の11月に聞いて、今頃触るっていうのもアレなんですけど、記事はたくさんあるけれど、バージョンの差違で同じようにハマル人もいるかもなので、一応メモしておきます。
※easeljs:0.6.0、soundjs:0.4.1、preloadjs:0.3.0で動作確認。