flashの「HTML5 Canvas」で未定義のプロパティーエラー

flashつかってさくさく快適canvas♪
と思っていたら、ボタンのイベントリスナーの付与の部分ですこしはまったのでメモ。

1フレームでスタートボタン
2フレームでメインループに入り3種類のボタンを配置したら、3っつめのボタンで必ず以下のエラーが。
Uncaught TypeError: Cannot read property ‘addEventListener’ of undefined
しかも、この3っつめのボタンのエラーの為、1フレーム目のスタートボタンすら反応しない・・・orz

3っつめのボタンのインスタンス名が読み込まれていない感・・・
で、ここはしょうがないので、パブリッシュで生成されたjsを見てみると。

なぜか、3っつめのボタンの定義が書いていない(T_T
しょうがないので、自分でボタンの定義を書く・・・

 this.btn_choki = new lib.btn1();
 this.btn_choki.setTransform(335.5,336.4,1,1,0,0,0,55,24);
 new cjs.ButtonHelper(this.btn_choki, 0, 1, 1);

すると、ちゃんと動きました。

でも、パブリッシュするたびにこのバグが出るのは辛い。
ボタンの設置の手順が悪かったのかな?
いままでflashでコンテンツ作る時のように煩雑に気軽に作ってしまっていたから?

まだまだ新しいメニューの「HTML5 Canvas」だし、
癖を知る為にもObjの設置の手順を見直してみようと思います。

後日談
ボタンインスタンスをボタン毎に作ったらキチンと登録されました。
使い回し厳禁なのかな??

関連記事