問題タブ [easeljs]

私は、何千ものベクトルを継続的に描画する EaselJS プログラムに取り組んでいます。言うまでもなく、しばらくするとパフォーマンスが低下します。Flash でこれを解決するには、ベクターの背後にビットマップを作成し、定期的にベクターをそのビットマップに描画して、表示リストから削除します。

すべてのピースが整っているように見えますが、EaselJS でこれを行うのに問題があります。空の Bitmap() を作成し、Container() の内容をそこに描画するにはどうすればよいですか?

マウスとベクトルに関連するすべての情報をHTMLキャンバス要素に多忙に実装した後、EaselJSに切り替えました。

私はEaselJSに慣れてきました、そしてそれは本当にきちんとしています。私は特にコンテナが好きで、それらが埋め込まれた形状を描くのがいかに簡単かを示しています。ただし、たとえば、マウスオーバーで形状の色の変更を実装する方法がわかりません。赤から緑に色を変える長方形のような単純なもの。

コンテナから図形を削除して、新しい色で新しい図形を作成する必要がありますか？

さらに複雑なことに、ある形状が別の形状を部分的に遮っている場合、たとえば円の内側の正方形の場合、onMouseOverは、正方形の上にあるときに円に登録されません。これを回避する方法はありますか？

乾杯

編集：これは私の円を描くために使用するベクトルの例です

beginFillに新しい色を渡す簡単な方法はありますか？そこで変数を使用できますか？getは1回だけ実行されますかcircle.graphics...、それともへの呼び出しがあるたびに実行されstage.update()ますか？

1.) EaselJS と呼ばれるキャンバス API を見つけました。これは、描画する各要素の表示リストを作成する素晴らしい仕事をします。それらは基本的に、キャンバス上 (1 つのキャンバス上) で個別に認識可能なオブジェクトになります。

2.) 次に、http: //simonsarris.com/ で、ドラッグ アンド ドロップを実行できるこのチュートリアルについて見ました。これは、非表示のキャンバスの概念を使用して選択します。

3.) そして 3 番目のアプローチ、実用的なアプローチhttp://www.lucidchart.com/は、まさに私が達成しようとしているものであり、基本的にすべての形状を別のキャンバスに配置し、それらを配置するために使用します。膨大な量のキャンバスがあります。

問題は、 http://www.lucidchart.com/で見られるインタラクティブなネットワーク図を実現する最も簡単な方法は何かということです。

副次的な質問は、キャンバス上に配置してテキスト入力を取得するか、LucidChart のように複数のキャンバス (テキストをレンダリングするためのもの) を使用してテキスト入力を取得する方が良いかということです。

EaselJs ライブラリを使用してタッチ アニメーションを実装しています。

ローカル フォルダーから画像を読み取ると、onPress のように、すべてのマウス イベントが正常に機能します。

しかし、次のような URL から画像ソースを選択すると: http://www.visionale.net/wp-content/uploads/cool-accessories-car.jpg

onPress などのマウス イベントが機能しなくなります。

たとえば、ライブラリからドラッグアンドドロップして、画像リンク「img/x.jpg」をインターネットからの任意のリンクに変更してみてください。

HTML5キャンバスのAPIとしてEaselJSを使用しています。

次のコードに気づきました。

...次の行を生成します：

太さを1に設定しましたが、線はまだぼやけています。スナップショットでズームインすると、実際に3ピクセルを占めていることがわかります。キャンバスが2つのピクセルの間に点を描くところを読んだと思います。そのため、実際には両方のピクセルが色付けされます。また、ポイントを描画する場所をピクセル幅の半分だけシフトして、ピクセル全体に配置する必要があります。

アプリケーションには鮮明な画像が必要です。アドバイスしてください。

要素をキャンバスに描画し、ユーザーがクリックしてドラッグしてサイズを変更できるようにしようとしています。私はこれを Kinetic JS ライブラリで実装しましたが、私の開発チームは Easel JS に移行しています。

Kinetic ライブラリを使用したコードを次に示します。

これは十分に機能します。

Easel JS でここまでやってみましたが、このコードは何もしません。キャンバスは完全に空白です。次の方法がわからないことに気付きました。

• マウス イベントを呼び出します。ここでは、このチュートリアルのように、それらを DOM 要素にアタッチしようとしています。
• リサイズ機能をどこに設定するか -- 別の機能? tick() 関数内で呼び出されますか?
• マウス座標をつかむ

それほど難しいことではないことを私は知っており、助けていただければ幸いです。

スプライトアニメーションを処理するためにeaselJSを使用してHTML5RPGゲームを作成しようとしています。矢印キーを任意の方向に押すと、キャラクターはアニメーションを再生しません。代わりに、アニメーションをループする代わりに、フレーム0に戻って停止するように見えます。

必要なのは、キーが押されている間ループを継続するアニメーションです。代わりに、キャラクターがフレームに引っかかってしまいます。

これが私がこれまでに持っているゲームです、私が実験していて、まだHTML5を学んでいるので、それは本当に混乱です。 http://cloudrealms.com/dev/

これが私が使用しているコードです：

アローキーキャプチャ：

私のダニには、HandleInput（）という関数があります。コードは次のとおりです。

知りたいのは、矢印キーを押している間にプレーヤーのスプライトをアニメーション化するにはどうすればよいですか？

Aptana 3 で Easeljs js ライブラリを取得しようとしています (Web プロジェクトとして)。プロジェクト内のファイルをドラッグしました (ファイルはインデックス化されています)。ライブラリをコード アシストとして認識しません。外部 js ライブラリが sdocml を作成する唯一の方法はありますか (そうであれば、ジェネレーターはありますか?)、またはコード アシストを取得する他の方法はありますか?

スプライトシートの各フレームを取得しようとしていますが、取得し続けるのは最初のフレームだけです。コードは次のとおりです。

私はこれをフィドルに貼り付けますが、画像にはクロスドメインの問題があります。

JavaScript と Haxe の両方が初めてなので、これは簡単な答えかもしれませんが、Haxe には EaselJS 用の GoogleCode の externs ポートがあることを発見しましたが、それらは古く、以前のバージョンに対応しています。コンパイル時にエラーが発生した場合は修正できましたが、新しい変数と関数名をすべて把握していないことにまだ気をつけています。

私の質問は: EaselJS のような大規模な JS ライブラリの extern を生成する簡単な方法はありますか?