問題タブ [easeljs]

私はEaselJSの初心者です。マトリックスを画像で機能させる方法を教えてください。私のコードの何が問題なのか教えていただけますか

例えば

ユーザーが選択ドロップダウンでさまざまなオプションを選択したり、テキストを入力したりできる、完全に自己完結型の Web アプリケーションを作成する必要があります。

私の計画は、Canvas 内でアプリ全体を作成することでした。ただし、Canvas コーディングの初心者であるため、何が可能かわかりません。

ドロップダウン選択メニュー、テキスト入力、送信ボタンの作成がすべてキャンバス要素内に含まれている場合、キャンバスの専門家が教えてくれますか?

EaselJS JavaScript ライブラリを使用して、HTML5 キャンバス要素にいくつかの画像をロードしています。

onclickそれらは完全にロードされ、配置されていますが、イベントが発生しないため、クリックできません。

私は何を間違っていますか？

私が使用しているコードは次のとおりです。

私はeaseljs JavaScriptライブラリを試しているので、青い正方形を印刷するために短いページをコーディングしました。残念ながら、Ubuntu 12.04 ホストの Chromium でテストしましたが、何も表示されません。さらに、Chromium の開発者コンソールはエラーを検出していません。

index.html

myScript.js

だから：何が問題なのですか？前もって感謝します。

(私はイーゼル 0.5.0 を使用しています)

Box2Dを使用して、ユーザーがオブジェクトをドラッグし、事前定義された場所に「固定」できる小さな世界をシミュレートしています（基本的には特定の位置に「ロック」します）。

オブジェクトをある位置にロックするためのこのコードがあります。SetPosition（またはSetTransform）を機能させることができないことを除いて、すべてが機能します。オブジェクトを（0,0）に移動するだけです。

参考までに、世界はEaselJSを使用して描画されます。

私は何が間違っているのですか？

Box2Dワールド（EaselJSを使用して描画）で（動的）オブジェクトの位置を手動で設定するための次のコードがあります。残念ながらsetTransform、このエラーを返します。

これはコードです

要素がクリック可能であることをユーザーに知らせるためにこれを行う方法はありますか？

私はeaseljsを使用していますが、関連するものは何も見つかりませんでした。

私は EaselJS を使用しており、ExplorerCanvas との下位互換性を確保したいと考えています。

これは、次のコードを使用して可能にする必要があります (こちらを参照)。

ただし、この関数にアラートを入れてコードを実行すると、関数は実行されません。

これを機能させるにはどうすればよいですか？

編集：

私が使用しているコードの簡単な例を次に示します。

この例は、ネイティブ キャンバス要素が作成および使用されるため、Chrome および IE9 で実行されます。ただし、IE8 では失敗します。

現在、phonegap を使用して Android アプリケーションを開発しています。オブジェクトを描画してアニメーション化するhtml5キャンバスがあります。Android 2.3ではうまく機能しますが、Android 4以降ではキャンバスを再描画していません。アニメーションに kinetic.js と easyel.js/tween.js の両方を使用してみましたが、これらのライブラリの両方でキャンバスがクリアされないという問題が発生しました。キャンバス上で div を表示および非表示にすることに成功しましたが、常に機能するとは限りません。これは Android 4+ 固有のバグか、html5 キャンバスのパフォーマンスを向上させるための何らかの機能であるとしか考えられません。

アニメーション中にhtml5キャンバスを強制的に再描画できるようにする、Android 4またはjavascriptで変更できる設定またはメソッドを呼び出すことができるかどうかを誰かが知っていますか?

アニメーションは、4.1 Google API エミュレーター (キャンバスのクリアと再描画) のイーゼル.js/tween.js で動作するように見えますが、4.1.1 を実行している電話では動作しないことにも注意してください。

何が起こっているのかについて、さらに調査を行いました。基本的に、アニメーションの最初の形状がアーティファクトを残しているように見えますが、これは clearRect ではクリアされません。私は小さな円に縮小している大きな円を持っています。アニメーションは引き続き発生しますが、大きな円はキャンバスで clearRect を呼び出しても影響を受けません。

easyjs ライブラリを使用して要素を再利用しようとすると、問題が発生し続けます。clone()メソッドを使用するかどうかにかかわらず、インスタンスを 1 つしか取得できず、onPress などのイベントが新しい要素に対して機能しなくなります。

複数のコンテナに同じオブジェクトを追加すると、オブジェクトがどこからでも消えます。これを回避するための回避策を見つけなければならず、コードを台無しにし、リソースを浪費しています。

ヘルプやヒントをお寄せいただきありがとうございます。