Posted at

CreateJSで「あれやりたい!」集

More than 1 year has passed since last update.

CreateJS、けっこうハマりどころが多かったので参考にしたURLなどメモを残しておきます。


Retina対応したい!

この記事が参考になりました。ありがとうございます。

《CreateJSとか》canvas要素の高解像度デバイスへの対応のしかた。 - Qiita


スマホのタップに対応させたい!けどcanvas上でスクロールする場合にも対応したい!

createjs.Touch.enable(stage, false, true);

stage.preventSelection = false;

CreateJS製のCanvasに対するスマホでのタップを受け付けると、

スクロールしようとしてCanvas上を触れつつ指をスライドさせる動作を行った時にうまくスクロールされないケースがあります。

上記コードで抑制できると思いますが、タップイベントとスクロールの切り分けは複雑なようなので様子を見つつ実装してください。

参考 :

createjs.Touch.enable(stage, false, true); does not work in 0.8.0 · Issue #586 · CreateJS/EaselJS · GitHub


Tweenのアニメーションが終わったタイミングで適当な処理をさせたい!

アニメーションを記述した後に.call()の中に処理内容を書く方法が便利です。

CreateJS でのトゥイーン実装方法まとめ - ICS MEDIA


画像を中心を基準点として座標指定したい!

regX、regYに画像の中心(=widthの半分、heightの半分)を指定すると良いです。

CreateJSでcanvasに読み込んだ画像の基準点を設定する方法 - Qiita