問題タブ [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.
javascript - TextureAtlasingとEaselJの使用
EaselJSにはスプライトを管理する素晴らしい方法があることは知っていますが、それを簡単にすることさえ可能ですか?
次のリンクは、テクスチャアトラスを使用するように私を説得しました:http://www.altdevblogaday.com/2012/09/17/building-an-html5-game-dont-shrug-off-atlases/
私がこれをそんなにひどく欲しがる理由はほとんどありません:
- Flash CS6のスプライトシートの生成機能により、TextureAtlasをすぐに使用できるようになります
- ロード時間を改善します
- 帯域幅を節約
- より良い開発時間
これを開始する方法がわかりません。助けていただければ幸いです。
easeljs - easeljs-モーダルダイアログボックス?
どうすればこれを実装できますか?何かアドバイスはありますか?
jquery - jQuery を使用してキャンバス グラフィックを DOM 要素として参照する
jQuery で HTML5 キャンバス要素に描画されたグラフィックを参照することはできますか? ベクトル座標の配列を含むオブジェクトを反復処理する EaselJS 用に私が書いた関数を次に示します。
coords オブジェクトは、数百のポイントで次のようになります。
そしてステージ:
クリック/タッチ イベントのレンダリングされた形状にリスナーを追加できますが、Bootstrap Popover や niceScroll などのプラグインで使用するために、各グラフィックを DOM 要素として参照できるようにしたいと考えています$(shape1).popover('show');
。私は積極的に解決策に取り組んできましたが、成功していません。どんな助けも大歓迎です!
javascript - Easeljs - socket.io と nodejs のスムーズなアニメーション
サーバー側で socket.io (nodejs) を使用し、クライアント側でイーゼル js を使用してマルチプレイヤー ゲームを開発しています。今までは非常に単純で、canvas 要素の上に四角形を移動すると、位置の更新がサーバーに送信され、位置がクライアントにブロードキャストされました。socket.io のルーム機能で処理される 2 人のユーザーのみが互いに対戦できるため、トラフィックは問題になりません。描画とゲームループはイーゼルjsで実現されています。
私が抱えている問題は、他のプレイヤーにとって動きがあまりスムーズではないことです。位置の更新は非常に高速です (ヒットの衝突などには十分です) が、もちろん、サーバー経由で位置の更新を取得したプレイヤーにとってはそれほどスムーズではありません。
アニメーションをスムーズにするにはどうすればよいですか? 現在、新しい Container クラスを作成し、次のようにコンテナーの位置を更新しています
javascript - EaselJS、Canvas、ビットマップ画像の品質が低く、登録ポイントが機能しない
作業中のプロジェクトでEaselJSを使い始めたばかりで、ビットマップクラスに少しこだわっています。キャンバス/ステージに3000 x 4000の画像を追加し、ユーザーが拡大縮小して回転できるようにします。主に次の関数を使用しています。
これは、登録ポイントを除いてすべて機能します。関数に与えられる数値は画像の幅/高さの半分なので、良いはずです。しかし、回転はまだ中心からではありません。
また、このビットマップまたはステージの品質を向上させる方法を探しています。ビットマップを0.2に拡大縮小すると、画像はまったく表示されず、大きなブロック/ピクセルの束だけが表示されます。
誰かがここで私を助けてくれることを願っています、
前もって感謝します
javascript - 動作しないeaseljsマウスイベントを選択します
ここで何が間違っているのかわかりませんが、一部の選択されたマウスイベント(ドラッグアンドドロップ、onclick、onpress)が機能しません。ただし、onDoubleClickは機能します。これが私がしていることです。
.jsファイル
.htmlファイル
私はローカルサーバーでこれを使用しているので、リモートサーバーでこの同様の動作を引き起こすサーバーセキュリティの問題は当てはまりません(私は思います)。みんな、私はここで困惑しています。あなたの助けは非常に高く評価されます。ありがとう。
image - キャンバス クロス ドメイン ピクセル エラー
html5 キャンバスでこの問題が発生しています。EaselJS を使用して画像を読み込みます。
しかし、マウスを動かした瞬間から、画像の親コンテナーに何らかの種類のマウス イベント (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 ファイルにたどり着きました:
javascript - イーゼルで成長する花の効果を作成することは可能ですか?
easyjs を使用してタッチ デバイス用の html5 ゲームを作成しようとしています。私が実現しようとしている効果の 1 つは、プレイヤーが画面を上にスワイプすると、花が動的に (ランダムに) 成長し、蝶がとまるようにすることです。
それをイーゼルjsで行うことは可能ですか? ありがとう。
例:
javascript - EaselJS ライブラリを使用した Firefox での動作が遅い
同じ FPS レートを維持しているにもかかわらず、この単純なボール移動コードが IE と Chrome ではスムーズに実行され、Firefox では遅く見える理由を知りたいです。
すべてのブラウザで同じスムーズな動きを実現するにはどうすればよいですか?