問題タブ [easeljs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1738 参照

javascript - TextureAtlasingとEaselJの使用

EaselJSにはスプライトを管理する素晴らしい方法があることは知っていますが、それを簡単にすることさえ可能ですか?

次のリンクは、テクスチャアトラスを使用するように私を説得しました:http://www.altdevblogaday.com/2012/09/17/building-an-html5-game-dont-shrug-off-atlases/

私がこれをそんなにひどく欲しがる理由はほとんどありません:

  • Flash CS6のスプライトシートの生成機能により、TextureAtlasをすぐに使用できるようになります
  • ロード時間を改善します
  • 帯域幅を節約
  • より良い開発時間

これを開始する方法がわかりません。助けていただければ幸いです。

0 投票する
2 に答える
1241 参照

easeljs - easeljs-モーダルダイアログボックス?

どうすればこれを実装できますか?何かアドバイスはありますか?

0 投票する
1 に答える
1830 参照

jquery - jQuery を使用してキャンバス グラフィックを DOM 要素として参照する

jQuery で HTML5 キャンバス要素に描画されたグラフィックを参照することはできますか? ベクトル座標の配列を含むオブジェクトを反復処理する EaselJS 用に私が書いた関数を次に示します。

coords オブジェクトは、数百のポイントで次のようになります。

そしてステージ:

クリック/タッチ イベントのレンダリングされた形状にリスナーを追加できますが、Bootstrap Popover や niceScroll などのプラグインで使用するために、各グラフィックを DOM 要素として参照できるようにしたいと考えています$(shape1).popover('show');。私は積極的に解決策に取り組んできましたが、成功していません。どんな助けも大歓迎です!

0 投票する
1 に答える
2149 参照

javascript - Easeljs - socket.io と nodejs のスムーズなアニメーション

サーバー側で socket.io (nodejs) を使用し、クライアント側でイーゼル js を使用してマルチプレイヤー ゲームを開発しています。今までは非常に単純で、canvas 要素の上に四角形を移動すると、位置の更新がサーバーに送信され、位置がクライアントにブロードキャストされました。socket.io のルーム機能で処理される 2 人のユーザーのみが互いに対戦できるため、トラフィックは問題になりません。描画とゲームループはイーゼルjsで実現されています。

私が抱えている問題は、他のプレイヤーにとって動きがあまりスムーズではないことです。位置の更新は非常に高速です (ヒットの衝突などには十分です) が、もちろん、サーバー経由で位置の更新を取得したプレイヤーにとってはそれほどスムーズではありません。

アニメーションをスムーズにするにはどうすればよいですか? 現在、新しい Container クラスを作成し、次のようにコンテナーの位置を更新しています

0 投票する
1 に答える
2529 参照

javascript - EaselJS、Canvas、ビットマップ画像の品質が低く、登録ポイントが機能しない

作業中のプロジェクトでEaselJSを使い始めたばかりで、ビットマップクラスに少しこだわっています。キャンバス/ステージに3000 x 4000の画像を追加し、ユーザーが拡大縮小して回転できるようにします。主に次の関数を使用しています。

これは、登録ポイントを除いてすべて機能します。関数に与えられる数値は画像の幅/高さの半分なので、良いはずです。しかし、回転はまだ中心からではありません。

また、このビットマップまたはステージの品質を向上させる方法を探しています。ビットマップを0.2に拡大縮小すると、画像はまったく表示されず、大きなブロック/ピクセルの束だけが表示されます。

誰かがここで私を助けてくれることを願っています、

前もって感謝します

0 投票する
1 に答える
1055 参照

javascript - 動作しないeaseljsマウスイベントを選択します

ここで何が間違っているのかわかりませんが、一部の選択されたマウスイベント(ドラッグアンドドロップ、onclick、onpress)が機能しません。ただし、onDoubleClickは機能します。これが私がしていることです。

.jsファイル

.htmlファイル

私はローカルサーバーでこれを使用しているので、リモートサーバーでこの同様の動作を引き起こすサーバーセキュリティの問題は当てはまりません(私は思います)。みんな、私はここで困惑しています。あなたの助けは非常に高く評価されます。ありがとう。

0 投票する
1 に答える
5930 参照

image - キャンバス クロス ドメイン ピクセル エラー

html5 キャンバスでこの問題が発生しています。EaselJS を使用して画像を読み込みます。

http://www.createjs.com/Docs/EaselJS/Bitmap.html

しかし、マウスを動かした瞬間から、画像の親コンテナーに何らかの種類のマウス イベント (onClick、onMouseOver、onMouseOut) を追加すると、EaselJS は次のエラーをスパムします。

キャッチされない例外: エラーが発生しました。これは、ローカルまたはクロスドメインのイメージでキャンバス ピクセル データを読み取る際のセキュリティ制限が原因である可能性が最も高いです。

IIS サーバーで実行されており、取得したイメージは他のドメインからのものです。--disable-web-security を使用して Chrome で動作させることができます。でも、それは避けたほうがいいです。

プロキシ スクリプトがこれを修正するのに役立つ可能性があることについて読んだことがありますが、ここでそれを実装する方法が正確にはわかりません。

修正のための提案はありますか?

編集:解決しました!シンプルなasp.netプロキシスクリプトを使用してこれを解決しました

http://www.sharepointjohn.com/aspnet-proxy-page-cross-domain-requests-from-ajax-and-javascript/

私はこれから始め、同僚の助けを借りて、この .ashx ファイルにたどり着きました:

0 投票する
0 に答える
1468 参照

javascript - イーゼルで成長する花の効果を作成することは可能ですか?

easyjs を使用してタッチ デバイス用の html5 ゲームを作成しようとしています。私が実現しようとしている効果の 1 つは、プレイヤーが画面を上にスワイプすると、花が動的に (ランダムに) 成長し、蝶がとまるようにすることです。

それをイーゼルjsで行うことは可能ですか? ありがとう。

例:

http://onecm.com/projects/canopy/

http://www.openrise.com/lab/FlowerPower/

0 投票する
1 に答える
849 参照

javascript - EaselJS ライブラリを使用した Firefox での動作が遅い

同じ FPS レートを維持しているにもかかわらず、この単純なボール移動コードが IE と Chrome ではスムーズに実行され、Firefox では遅く見える理由を知りたいです。

すべてのブラウザで同じスムーズな動きを実現するにはどうすればよいですか?