問題タブ [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.
canvas - EaselJS:マウスクリックで図形の塗りつぶしの色を変更
EaselJSでの作業に苦労しています。基本的に、単純なグリッドを作成し、選択した実際の要素を強調表示します。
実際の要素のグラフィックスプロパティのクローンを作成し、塗りつぶしの色を変更してからステージを更新しようとしましたが、新しいグラフィックスプロパティを認識しなかったように、白い要素しか取得できません。
助けてくれてありがとう。
javascript - Easel.js stage.clear()が機能しない
非常に単純な概念ですが、機能していないようです。これが私のコードです:
単純なもの-何も起こりません。ドキュメントは役に立ちません。
google-chrome - Bitmapを使用したビデオがChromeで機能しない-EaselJS
HTML5プロジェクトにeaselJSを使用している場合
、問題は、
を使用してEaselJSステージに追加しようとすると、正常に読み込まれて再生されるビデオ要素を配置したことです。
IE9では正常に動作し、ビデオは再生されますが、Chromeでは再生されません。
Chromeでは、ビデオ要素の実際のビデオは正常に再生されますが、canvas
jquery-mobile - jqueryモバイルスライダーでeaseljsシンボルを制御する
createjsとjquerymobileは初めてです。これは簡単な質問かもしれませんが、私はそれを行う方法がわからず、オンラインで答えを見つけられませんでした。
CreateJS用のFlashツールキットを使用してキャンバスオブジェクトを作成しました。jQueryMobileスライダーで制御したい。
これは私のhtmlコードです:
制御したいインスタンスの名前はsquareB1で、そのタイムラインには6つのフレームがあります。以下のコード全体のフラグメントを参照してください。スライダーには6つの値があり、同じフレーム数であることに注意してください。
次に、jQueryで次のようなことをしています。これは別のJSファイルの一部です。
私の質問は、スライダーを使用してキャンバスオブジェクトのインスタンスの特定のフレームに移動する方法です。
どんな答えにも感謝します!
ipad - iPadのSafari - 画像のサイズ変更
SafariのiPadでeaseljsを使用しています。
問題は、各フレームのサイズを幅に
設定する
と、最大30フレームのスプライトがあることですフレームから幅まで、実際に取得するのは800 * 30/4で、最終的にサイズを同じ400 * 30/2に縮小するため、このスプライトを幅
のキャンバスにレンダリングすると、
何ができるかピクセル化されますか?400x225
400*30
400*30/2
retina display
800x550
600
javascript - 新しい画像をスプライト シート アニメーションに呼び出しますか?
アニメーションを作成し、それを複数のスプライト シートに変換しました。次のコードで 1 つのスプライトが問題なく動作しています。
私が今やりたいことは、現在のスプライト シートが IF ステートメントがある "240" に達したら、別のスプライト シートを呼び出すことです。つまり、アニメーションをループする代わりに、別の画像を呼び出して、同じ機能を (その画像で) 再度実行します。私はこれに対する答えを見つけようとして悪夢を見ていますが、それは非常に単純なことだと思わずにはいられません。
javascript - Easeljs とのオブジェクト プロトタイプの干渉
次のような小さなヘルパー関数を設定していました。
次のように呼び出されます。
ご覧のとおり、単純なコンストラクターとして機能します。ただし、EaselJS で使用すると、具体的SpriteSheet()
にはUncaught TypeError: Cannot call method 'slice' of undefined
. 問題が発生する場所を示すコードのスニペットを次に示します。
では、(おそらく) Easel との衝突を引き起こさない、このような Object プロトタイプを作成するためのより良い方法はありますか? それとも全体的により良い方法ですか?(ネイティブ?)。ありがとう。
javascript - EaselJS でぼやけた半透明の円を描く
このような形を描きたい: HTML5 キャンバスにぼやけた円を描くには? EaselJsを使用しているキャンバス上。基本的な描画を行いますが、ぼやけた半透明の円が必要です。イーゼルでこれを実現する他の方法はありますか?
イーゼルなしでぼやけた円を処理しようとすると、何か問題がありますか?
button - イーゼルのボタン
私はJavaScriptを学んでいます(Windows 8 UI用のゲームを作成しようとしています)。
そして、これは私のeaseljsのボタンですが、このコードも(あまりにも)醜いと思います。ボタンは、すべてのボタン状態の 1 つの 3x テクスチャを使用して、mouseEvents でテクスチャを変更する必要があります。
この目的のための他の解決策はありますか?
使用:
ボタンコード:
javascript - TextureAtlasingとEaselJの使用
EaselJSにはスプライトを管理する素晴らしい方法があることは知っていますが、それを簡単にすることさえ可能ですか?
次のリンクは、テクスチャアトラスを使用するように私を説得しました:http://www.altdevblogaday.com/2012/09/17/building-an-html5-game-dont-shrug-off-atlases/
私がこれをそんなにひどく欲しがる理由はほとんどありません:
- Flash CS6のスプライトシートの生成機能により、TextureAtlasをすぐに使用できるようになります
- ロード時間を改善します
- 帯域幅を節約
- より良い開発時間
これを開始する方法がわかりません。助けていただければ幸いです。