問題タブ [easeljs]

私は easlejs + phonegap を使用して HTML5 ゲームに取り組んでおり、キャンバス上でクリック/タッチ/マウスダウンするたびに画面が点滅するという問題が発生しています。

以下は、問題をテストし、それが easlejs に関連しているかどうかを確認するために作成した非常に単純なコードです。コードからわかるように、easlejs とは関係なく、単なる html5/phonegap の問題です。

選択なしの CSS スタイルも試してみましたが、運が悪かったことがわかります。

Easeljs ライブラリを使用しています。google chromeのマウスイベントが機能しないことを除いて、firefoxとie9ではすべてが正常に機能し、このエラーが発生しました。

確かに何らかの方法で達成する必要があるとは思いませんが、方法がわからないので、助けていただければ幸いです;) EaselJSを使用して、HTML5キャンバスでビデオを次のようにレンダリングしています:

HTML

Javascript

Javascriptコードにあまり注意を払わないでください...私は覚えている私の実際のコードの基本に合成しました。多くのチュートリアルで指定されている EaselJS の通常の方法でビデオをレンダリングしていると言うのは単なる参考です。したがって、このスニペットは機能しない可能性がありますが、アイデアは得られます。私の実際のコードは完璧に動作します!

ビデオのすべてを再生するのではなく、ビデオの 1 フレームだけをレンダリングする方法を知っているかどうかを知りたいだけです。

私は自分のアプリケーションに多くのキャンバスを使用していますが、必要なすべてのビデオ (6 つのビデオ、6 つのキャンバス) をレンダリングすると、超低速ではないにしても、アプリの速度が少し低下します。指定されたビデオのプレビジュアライゼーション (数秒) または 1 つのフレームだけをレンダリングしたいだけです。私はすでに多くの機能コードを実行しているので、EaselJS で実行する必要があります =)

誰かが私を啓発してもらえますか?? どうもありがとう =)

EaselJS を使用する場合、大量のアニメーション化されたビットマップ (すべて同じスプライトシートに基づく) を使用すると、少し問題が発生するようです。ステージでこれらを一度に 2 つ実行する場合はまったく問題ありませんが、それらを動かしながら同時により多くの数を実行すると (30 から 40 程度から開始)、それらが発生し始めます」約 10 fps の場合でも、かなりちらつきます。

これらの線に沿って、影やその他のものは使用していません。アニメーション化されたビットマップを使用して移動するだけです。

このパフォーマンスを向上させるための良いアドバイスはありますか?

HTML5キャンバスを使用しています。キャンバスに画像（BitmapImages）を追加しましたが、これらのビットマップ画像に簡単なツールチップを追加したいと思います。

これは可能ですか？もしそうなら、誰かが私がこれを達成する方法を教えて/見せてもらえますか？

違いがあるかどうかはわかりませんが、EaselJSフレームワークも使用しています...

これが私が現在持っているものの例です：

このコードはテストしていませんが、基本的にビットマップイメージが作成され、ステージに追加されます。ビットマップ画像に簡単なツールチップを追加したいのですが、どうやらうまくいかないようです:(

どんな助けでも大歓迎です。

乾杯、ジョン。

これは、一部はEaselJSの問題であり、一部は物理/アニメーションプログラミングの質問です。

EaselJS zipファイルに含まれている例を調べて、EaselJSを学習しようとしています。今、私はSimpleTransformの例（http://bit.ly/LebvtV）を見ています。ここでは、ロボットが回転して背景にフェードインし、前景に向かって拡張します。この効果は本当にクールだと思います。それを実現する方法を学びたいと思います。しかし、私がこのコードのセットに来たとき、私は失われました：

（EaselJSに慣れていない場合、tick（）は各ティックのアクションを指示する関数であり、その間隔はsetFPSで設定されます。したがって、FPSを20に設定した場合、tick（）はそのステートメントを20回実行します。ちょっと。私は信じています。そしてここのbmpはロボット画像を指すビットマップオブジェクトです。）

私は数学の魔法使いになったことがありませんが、基本は理解しています。setTransformに渡される値が時間とともに変化するように、角度変数angle += 0.025;を増やすために使用されていることがわかります。しかし、なぜa）0.025が使われているのか理解できません。b）（Math.sin（angle）* 360）および（（value）/ 360）+ 0.25の意味、およびc）値がsetTransformに渡されるだけでなく、2（value / 2）で除算される理由。

ここでこれを説明するのは難しいかもしれませんが、どんな助けでもありがたいです。実際、私が初心者で、最初に物理学を勉強する必要があると誰かが思った場合、誰かが私に頼るリソース（book / url）を教えてくれれば幸いです。

前もって感謝します。

イーゼルjsとjQueryでゲームを作っています。複数の押されたキーを同時に処理したいと思います。1 つのキーに対して次のようなコードがあります。

しかし、回転と前進を同時に行うにはどうすればよいでしょうか。

ここの誰かがEaseljsを使用したパンの良い例を持っていますか？私は実際に、約5200x7400の大きなキャンバス内でボールをアニメートしています。キャンバスを含むdivを使用してボールを画面の中央に配置し、オーバーフロースクロールに設定してから、関数を使用してのとをtick()設定できます。scrollTopscrollLeft<div>

scrollTopAndroid 4.0で自分のサイトを使おうとすると機能しないため、純粋なキャンバスを使用してこれを実行したいと思いますScrollLeft。

EaselJSで画像を回転させると、0,0ポイントを中心に回転します。どのように移動しますか？Ty！ラス

html5キャンバスで透視画像変換を行うことは可能ですか? 現在 EaselJS を使用していますが、必要なソリューションが見つかりません。