問題タブ [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 - Tweenjsを使用した色のアニメーション
最近EaselJに切り替えましたが、円の色をアニメーション化したいと思います。
私がこれまでに持っているコードはこれです:
しかし、それは機能しません。アニメートするのに適切なプロパティは何ですか?
javascript - イメージがキャンバスに表示されない
これは私のHtmlです
そして、それは私のjsです。
画像は 1024 x 576 なので、フルスクリーンにする必要があります。オリジナルは 2048 x 576 です。最後まで背景が左にスライドして繰り返すようにする予定でした。
私の質問は、キャンバスに画像が表示されないのはなぜですか。
全くの初心者なので、安易な質問で申し訳ありません。
PS: HTML を検査すると、エラーは表示されず、画像が読み込まれていることが表示されます。それはただ..描かれていない..だと思います。もう数時間ここで立ち往生しているので、イライラしています。
動作するコードを見つけました
ちなみに、このコードは他の誰かの仕事なので、私は信用しません。
これは完全に機能するようです。しかし、一度削除する
bg = new Image();
bg.src = "img/bg.png";
bg.onload = setBG;
と、機能しなくなります。
javascript - easeljsハイパーリンク
Easeljs-ハイパーリンク。
easeljsスクリプトから:別のWebサイトにハイパーリンクするにはどうすればよいですか?たとえば、onClickEvent
発生すると別のウィンドウが開きます。私の場合は、IDを別のページに送信し、IDにSQLリクエストを送信して詳細を確認します。
どんなサンプルでも素晴らしいでしょう。
javascript - SpriteSheetの不透明度と背景を持つEaselJ
単純な問題があります。現在、スプライトシートとeaselJSを使用してスプライトとアニメーションを作成していますが、背景を表示できるように、白いピクセル(文字の周囲)をクリアにしたいです。ピクセルごとに実行できると思いますが、コストがかかりすぎます。前もって感謝します
javascript - 画像がランダムにクロス ディゾルブする、easel.js を使用した 10x10 の画像グリッドの作成
Easel.js を使用して簡単に作成したいものを作成できますが、まだ初心者です。各画像がランダムな間隔で別のペアの画像にクロス ディゾルブする 10X10 の画像グリッドを作成したいだけです。
誰かが私に同様の例を指摘できますか、代わりにjavascriptのみを使用してこれをハードコーディングする必要がありますか?
最終的にはこれらの画像をサーバーからロードしますが、最初に、サーバーの ajax 呼び出しなしで動作するデモが必要です。画像をローカルにロードするだけです。
javascript - Easeljs の HitTest と hitRadius
これは私のコードです:
hitTest では、次のコードを使用します。
問題: プレイヤーがモンスターの下にいるとき、「HIT」というメッセージが表示されますが、プレイヤーがモンスターの下にいるときではなく、モンスターにヒットするたびに機能させたいと考えています。Player と Monster の両方の regX と regY で遊んでいますが、うまくいかないようです。誰でも解決策を知っていますか?
javascript - javascript easelJs onPress イメージサークルを拡大
JavaScript と Easeljs lib と createjs を使って作業しているので、助けが必要です。私のプログラムはいくつかの円を描き、それらを色で塗りつぶします。また、ティッカーを使用して移動し、if ステートメントを使用してウィンドウの壁から跳ね返っています。円は動的に作成され、円の量は毎回異なります。
次に、円を押すと円が拡大する機能を実装する必要があります。30 ミリ秒ごとに半径が +1px 大きくなるはずです。私はそれを行う方法がわかりません。1.これにはonPressを使用しますか?どのコールバックを使用する必要がありますか?また、マウスが離されて円の成長が停止するかどうかを確認するにはどうすればよいですか? 2. circlesArray から circleObject を削除する必要がありますか、それともステージから削除して再度描画するだけで十分ですか? 私は助けを切望しています, 誰かが私にいくつかの手がかりを与えることができればうれしいです!
あいさつ T
javascript - CreateJS / EaselJS 特定のサイズの形状で奇妙なパフォーマンス
私は現在ゲームを開発しています。それは、ドラッグできる大きなタイル マップを使用し、キャラクターと一緒にすばやく移動します。
問題 JSFiddle の例の単純なバージョンを作成しました
各タイルはShapeであり、キャッシュされます。すべての形状はコンテナ内に入り、コンテナはカメラの位置に基づいて移動します。
特定のズーム レベルで fps が異常に低下することに気付きました。ズームは、形状のサイズを調整するだけです。
ズームを調整すると、私が何を意味するかがわかります。
クロム
ズーム 1 = 良い fps
ズーム 3 = 悪い fps
ズーム 5 = 良い fps
このフレーム レートの問題の原因は何ですか?
これをcreatejsコミュニティフォーラムにも投稿したことに注意してください。
コミュニティの質問
これがjsfiddleの例のコードです
HTML
JS
html - ループeaseljsでキャンバスにアクセス
HTML5プログラミングにeaseljsを使用しています。私の例では、3つのキャンバスがあります(can1、can2、can3はこれらの3つのキャンバスのステージであり、ループを使用してそのキャンバスに画像をロードする必要があります
例えば:
"can"+jが機能していません。j.addChildが関数エラーではないことを示しています。これにアクセスする方法は?
ありがとう、
sathya
html5-canvas - easelJSIE9ビットマップが読み込まれません
イーゼルJSを使用してIE9でビットマップをレンダリングするのに問題があります。他のすべてのブラウザは画像を正常にレンダリングしますが、IE9キャンバスは空白です。非表示のdivに画像をプリロードしようとしましたが、それでも機能しません。これが私のコードです、助けてください!