問題タブ [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 - EaselJSでDisplayObjectの幅と高さを見つける方法
'tfContainer'の寸法を確認するにはどうすればよいですか?
tf.getMeasuredWidth()とtf.getMeasuredLineHeight()を使用できることはわかっていますが、もっと一般的なアプローチを使用したいと思います。その上、正確な測定値は返されません。
javascript - xfl で GradientEntry を使用するには?
これは、gradientEntry を使用して形状を色で塗りつぶす必要がある xfl ファイルの関連部分です。上記のマトリックス値は、グラデーションの開始座標と終了座標を取得するのに何らかの形で役立つと思われます。開始座標と終了座標を抽出する方法を知っている人はいますか? 少し前に、EaselJS Matrix 2D クラスを decompose 関数で使用して同様のことを行い、スケーリング、回転、傾斜、平行移動 (変位) を決定しました。
私がやろうとしているのは、キャンバスを使用して HTML 5 で xfl 画像を描画することです。
私はプログラミングに少し慣れていないので、私の質問はうまく定式化されていないかもしれません! 申し訳ありません。
javascript - Chrome でキャンバスのクロスドメインの問題をデバッグするにはどうすればよいですか?
EaselJS (を使用getImageData()
) でヒット テストを実行しようとすると、chrome でクロスドメイン リクエスト エラーが発生します。
奇妙なことに、私はローカル サーバーを実行しており、すべての画像はこの localhost:3000 から提供され、適切にレンダリングされます。
Chrome の Dev Tools を使用して問題を特定するにはどうすればよいですか? すべての画像、html、および JS は:3000/
、[リソース] タブにグループ化されています。次にチェックする項目は何ですか?
events - Easeljs コンテナー イベント リスナー
Container を作成し、onPress 関数をアタッチして、Child としてステージに追加します。
その後、ステージをクリアし (そのような子はもう存在しません)、更新します。
しかし、onPressはまだ機能しています。
javascript - easeljs が Android 2 で動作しない
RaphaelJS でジグソー パズルを作成しましたが、Android 2x では動作しないことがわかりました。これは、デフォルト ブラウザーでの SVG サポートが Android 3x バージョン以降でしか利用できないためです。
このため、ジグソー パズルを作成できるように、ドラッグ アンド ドロップ機能を備えた適切な HTML5 Javascript ライブラリの代替品を探していました。EaselJS は非常に有望に見えますが、その Web サイトhttp://createjs.com/#!/EaselJS/demos/dragdropでドラッグ アンド ドロップ デモを再生しようとすると動作せず、Android ブラウザに赤いブロックしか表示されません。 .
Android 2.x 環境で動作する適切な JS ライブラリを特定するのを手伝ってもらえますか?
-前もって感謝します
javascript - CreateJS/EaselJS フレームワークのアニメーション コールバック
とにかく、EaselJs フレームワークでアニメーション コールバックを行う方法はありますか? 基本的に、アニメーションシーケンスが終了するたびに通知を受け取りたいです。
html - APIのようなフラッシュを使用するcanvashtml5フレームワークはありますか?
私はキャンバスアプリに取り組んでおり、ビットマップ、ライン、グループを作成し、クリックイベントを管理できる必要があります。
私は試した:
- キネティック-v3.9.6.js
- easeljs-0.4.2.min.js
これらは非常に優れたツールですが、ビットマップと行のグループの幅を取得する方法がありません。これを想像してください:
これは機能しません。
現在、easeljs-0.4.2.min.jsをハッキングしてこれを実現することを検討しています。これは、as3 / as2の単純なコードを移植するための良い出発点であるためですが、これが良いアイデアかどうかはわかりません。
Flashが表示オブジェクトを実装する方法が本当に気に入っているので、ツールをご存知の場合はお知らせください。
javascript - EaselJSでムービークリップの現在の位置(フレーム)を取得するにはどうすればよいですか?
フェードインしてからフェードアウトするMovieClipがあります。このムービークリップの途中のマークを見つけて一時停止したいと思います。ただし、EaselJSでは、ムービークリップの現在のフレーム位置を取得する方法が見つかりません。これは可能ですか?
次のようなことをしたいのですが。
誰かが私に上記を達成する方法についていくつかの提案やアイデアを提供できますか?
ありがとう!
javascript - EaselJS でスプライト シートを読み込む
EaselJS は初めてなので、ソース zip ファイルにパッケージ化されている「Simple Sprite Sheet」の例のコードを使用しました。スプライト シートを読み込んで再生しようとしていますが、最初のフレームしか表示されません。
イベントを登録していないため、ティッカー関数は必要ないと思います。インスタンス 1 から再生しているだけです。フレームとキャンバスはどちらも同じサイズで、アニメーションは , で置き換えるanimate.gotoAndPlay("instance1");
と再生されanimate.play("instance1");
ますが、ループします。助言がありますか?前もって感謝します。
javascript - EaselJS - FPS が異なる 2 つのキャンバスを持つ
スプライト シートを使用して EaselJS と 2 つのアニメーション インスタンスを試しており、同じ z インデックスを持つ異なる位置にある 2 つの別々のキャンバスを使用しています。それらはレイヤー化されていません。私が今持っているのは、それぞれ異なるステージとスプライト シートを持つ 2 つの EaselJS 関数です。instance1 は DOM ロード後に jQuery で起動され、instance2 は jQuery で mouseenter/mouseleave イベントで起動されます。
EaselJS:
テスト中に、各関数で定義された FPS で実行する代わりに、instance1 が 10FPS で実行されることがわかりました。jQuery では、instance1 の FPS が instance2 の FPS を自動的に変更します。個別の FPS を保持するために、各インスタンスに異なるティッカーを適用する方法はありますか? 前もって感謝します。