問題タブ [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 投票する
5 に答える
7842 参照

javascript - Tweenjsを使用した色のアニメーション

最近EaselJに切り替えましたが、円の色をアニメーション化したいと思います。

私がこれまでに持っているコードはこれです:

しかし、それは機能しません。アニメートするのに適切なプロパティは何ですか?

0 投票する
3 に答える
995 参照

javascript - イメージがキャンバスに表示されない

これは私のHtmlです

そして、それは私のjsです。

画像は 1024 x 576 なので、フルスクリーンにする必要があります。オリジナルは 2048 x 576 です。最後まで背景が左にスライドして繰り返すようにする予定でした。

私の質問は、キャンバスに画像が表示されないのはなぜですか。

全くの初心者なので、安易な質問で申し訳ありません。

PS: HTML を検査すると、エラーは表示されず、画像が読み込まれていることが表示されます。それはただ..描かれていない..だと思います。もう数時間ここで立ち往生しているので、イライラしています。

動作するコードを見つけました

ちなみに、このコードは他の誰かの仕事なので、私は信用しません。

これは完全に機能するようです。しかし、一度削除する bg = new Image(); bg.src = "img/bg.png"; bg.onload = setBG; と、機能しなくなります。

0 投票する
3 に答える
1440 参照

javascript - easeljsハイパーリンク

Easeljs-ハイパーリンク。

easeljsスクリプトから:別のWebサイトにハイパーリンクするにはどうすればよいですか?たとえば、onClickEvent発生すると別のウィンドウが開きます。私の場合は、IDを別のページに送信し、IDにSQLリクエストを送信して詳細を確認します。

どんなサンプルでも素晴らしいでしょう。

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

javascript - SpriteSheetの不透明度と背景を持つEaselJ

単純な問題があります。現在、スプライトシートとeaselJSを使用してスプライトとアニメーションを作成していますが、背景を表示できるように、白いピクセル(文字の周囲)をクリアにしたいです。ピクセルごとに実行できると思いますが、コストがかかりすぎます。前もって感謝します

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

javascript - 画像がランダムにクロス ディゾルブする、easel.js を使用した 10x10 の画像グリッドの作成

Easel.js を使用して簡単に作成したいものを作成できますが、まだ初心者です。各画像がランダムな間隔で別のペアの画像にクロス ディゾルブする 10X10 の画像グリッドを作成したいだけです。

誰かが私に同様の例を指摘できますか、代わりにjavascriptのみを使用してこれをハードコーディングする必要がありますか?

最終的にはこれらの画像をサーバーからロードしますが、最初に、サーバーの ajax 呼び出しなしで動作するデモが必要です。画像をローカルにロードするだけです。

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

javascript - Easeljs の HitTest と hitRadius

これは私のコードです:

hitTest では、次のコードを使用します。

問題: プレイヤーがモンスターの下にいるとき、「HIT」というメッセージが表示されますが、プレイヤーがモンスターの下にいるときではなく、モンスターにヒットするたびに機能させたいと考えています。Player と Monster の両方の regX と regY で遊んでいますが、うまくいかないようです。誰でも解決策を知っていますか?

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

javascript - javascript easelJs onPress イメージサークルを拡大

JavaScript と Easeljs lib と createjs を使って作業しているので、助けが必要です。私のプログラムはいくつかの円を描き、それらを色で塗りつぶします。また、ティッカーを使用して移動し、if ステートメントを使用してウィンドウの壁から跳ね返っています。円は動的に作成され、円の量は毎回異なります。

次に、円を押すと円が拡大する機能を実装する必要があります。30 ミリ秒ごとに半径が +1px 大きくなるはずです。私はそれを行う方法がわかりません。1.これにはonPressを使用しますか?どのコールバックを使用する必要がありますか?また、マウスが離されて円の成長が停止するかどうかを確認するにはどうすればよいですか? 2. circlesArray から circleObject を削除する必要がありますか、それともステージから削除して再度描画するだけで十分ですか? 私は助けを切望しています, 誰かが私にいくつかの手がかりを与えることができればうれしいです!

あいさつ T

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

javascript - CreateJS / EaselJS 特定のサイズの形状で奇妙なパフォーマンス

私は現在ゲームを開発しています。それは、ドラッグできる大きなタイル マップを使用し、キャラクターと一緒にすばやく移動します。

問題 JSFiddle の例の単純なバージョンを作成しました

各タイルはShapeであり、キャッシュされます。すべての形状はコンテナ内入り、コンテナはカメラの位置に基づいて移動します。

特定のズーム レベルで fps が異常に低下することに気付きました。ズームは、形状のサイズを調整するだけです。

ズームを調整すると、私が何を意味するかがわかります。

クロム

ズーム 1 = 良い fps
ズーム 3 = 悪い fps
ズーム 5 = 良い fps

このフレーム レートの問題の原因は何ですか?

これをcreatejsコミュニティフォーラムにも投稿したことに注意してください。
コミュニティの質問

これがjsfiddleの例のコードです

HTML

JS

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

html - ループeaseljsでキャンバスにアクセス

HTML5プログラミングにeaseljsを使用しています。私の例では、3つのキャンバスがあります(can1、can2、can3はこれらの3つのキャンバスのステージであり、ループを使用してそのキャンバスに画像をロードする必要があります

例えば:

"can"+jが機能していません。j.addChildが関数エラーではないことを示しています。これにアクセスする方法は?

ありがとう、
sathya

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

html5-canvas - easelJSIE9ビットマップが読み込まれません

イーゼルJSを使用してIE9でビットマップをレンダリングするのに問題があります。他のすべてのブラウザは画像を正常にレンダリングしますが、IE9キャンバスは空白です。非表示のdivに画像をプリロードしようとしましたが、それでも機能しません。これが私のコードです、助けてください!