問題タブ [easeljs]

HTML5 ゲームにイーゼル js を使用しています。

クラスのメソッド内から onClick を呼び出していますが、イベント オブジェクトが「this」オブジェクトを上書きしているため、他のクラス メソッドまたは変数にアクセスできなくなりました。たとえば、次のようなものがあります（明らかに、これは実際のコードではなく、簡単な図です）：

したがって、これを実行すると、detectClick メソッドでこれがイベント オブジェクトになるため、未定義のアラートが表示されます。

では、このメソッド内から元のテキストを呼び出すにはどうすればよいでしょうか?

どうもありがとう

私は現在、textjsで生成されたテキストオブジェクトにグラデーションを追加する方法を探しています。

ユーザーが背景をドラッグしてxy平面上を無期限に移動できるEaselJSを使用して、2Dキャンバスベースのアプリに取り組んでいます。背景が繰り返しタイルであることを除いて、Google マップを考えてみてください。

動きのコードは非常に単純で、次のようになります。

いずれかの軸で 32678px (2^15) に達するまで、すべてが期待どおりに機能します。ブラウザによって発生する動作は異なりますが、最初に発生するポイントは同じです。

Firefox では、1 ではなくピクセルの大きな塊 (~100) が突然シフトします。その後、65538 (2^16+2) で再び発生し、おそらくそれ以降になりますが、私はそれを目撃していません。トラブルポイントの後、ドラッグは予想通りスムーズに続きますが、シフトしたままです.

Chrome では、効果はより劇的です。描画が途切れて、32768 のページ全体で幅 100 ピクセルの背景の「ストライプ」が繰り返され、再描画時に修正されません。

奇妙なことに、EaselJS の数値はこの問題を反映していません。コンテナの変換行列の唯一の変更は、txortyが 1 ずつ増加することです。他の行列は変更されません。EaselJSはすべての数値を正しく取得しているようです。

誰でもこの問題に光を当てることができますか?

編集:
キャンバス上の非常に大きな regX/regY 座標を変換しようとするのではなく、計算された regX/regY を使用してコンテナーの一部を再描画することで、この問題を回避しました。

こんにちは、JavaScript を使用してフロア プラン エディター (MsPaint のようなもの) を作成しようとしています。優先ライブラリとして、EaselJSまたはKinetiJSを最終候補に挙げました。

これらのライブラリを使用して動的な長方形のボックス/ラインを作成する方法を知りたいです。マウスをクリックしてドラッグして（マウスボタンを押したまま）長方形を描くつもりです。したがって、四角形のサイズは、マウスをドラッグした距離によって異なります。

どんな助けでも大歓迎です。fabrisJsやpaperJsのような他のライブラリがより良い代替手段になると誰かが感じた場合、私はこれらのライブラリのソリューションにもオープンです。

easelJSを使用して作成したIpadWebアプリがあります。「onPress」を使用している要素を押すと、IPADのデバッグコンソールで次のエラーが発生します。

エラーが発生しました。これは、ローカルまたはクロスドメイン画像を使用したキャンバスピクセルデータの読み取りに関するセキュリティ制限が原因である可能性があります。

これはデスクトップでは機能しますが、iPadのサイトにアクセスすると機能しません。私は外部画像を使用していません（すべての画像は私のサイトにローカルです）それが役立つ場合、それらはSVG画像です。

私は iPhone 開発者で、Spritesheets をしばらく使用しています。iOS では、スプライトシートの画像サイズを「2 のべき乗」(1024x2048 など) に最適化する必要があります。これは、これらのブロックにメモリが割り当てられ、他の画像解像度があまり最適化されないためです。

私の質問 - このロジックはすべてのプラットフォームに適用できますか? 私は現在、EaselJS を使用して HTML5 でスプライトシートを使用しています。「2 乗」のサイズ制約を使用する方がよいのか、任意のサイズを使用する方がよいのかを知りたいです。

学校の授業用に、easeljs ライブラリを使用して簡単なゲームを作成し、javascript を学習しています。私が作成したヒットテストを使用して、ターゲットを指しているときに小さなアニメーションを表示することで、十字線がプレーヤーにフィードバックを与えるようにしたいと考えています。

ただし、十字線がターゲットに触れると、アニメーション (十字線の​​中央を指す 2 つの小さな三角形) が最初のフレームで止まっているように見えます。

これが私のコードの一部です。これらの関数の両方をティッカー関数内に配置しました。関数は本来の機能を果たします (console.log にメッセージを送信して確認しました) が、変数「hitTestControle」が true に設定されるとすぐにアニメーションがリセットされると思います。すべてのコードを確認したい場合は、「ゲーム」へのリンクを次に示します: http://athena.fhict.nl/users/i279907/achtergrond/achtergrond.html

PS: 私が使用したこのヒットテストにも何か問題があるようです。

BitmapAnimationを取得し、ステージ上を特定の速度で移動し、目的地に到達したら別のループアニメーションに移動できるようにするメソッドを追加するために、requirejsモジュールを作成しました。

私が抱えている問題は、gotoAndPlayが呼び出されてからステージ上で何かが起こるまでにかなりの遅れがあることです。gotoAndPlayを呼び出すメソッドをconsole.loggedしましたが、アニメーションがそれほど速く変更されない場合、ログはすぐに発生します。

これが私の抽象オブジェクトです：

編集：これはクロムにのみ影響するようです-ie9とfirefox17は問題ありません

編集：abstractcharacterを拡張する代わりに次のコードを使用すると、問題や遅延なしに再生されます

HTML5/JSゲームの開発を始めたいです。そして、これらの2つのフレームワークLimeJSとCreateJS＆EaselJSが表示されます。どちらがいいですか？これらの2つのフレームワークの経験がある人はいますか？そして、ドキュメントはどうですか？