問題タブ [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.

1013 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
0 に答える
397 参照

javascript - 複数のキャンバス?

複数の HTML5 キャンバスの制限は何ですか? オンラインの例のようにレイヤー化されていない、さまざまなサイズの複数のキャンバスを複数の場所に配置できますか?

0 投票する
0 に答える
1610 参照

javascript - easeljsで複数のスプライトシートにまたがるときの吃音アニメーション

EaselJSを使用して、ユーザーがカスタムスライダーでスクロールできるアニメーションを作成しました。10枚のスプライトシートを使用して、サイズ1924x1708の152フレームを表示します。

アニメーションは機能しますが、アニメーションがスプライトシート間を移動するたびに、非常に目立つ問題が発生します。ユーザーはスライダーの一方の端からもう一方の端まで好きなだけ速く移動できるため、画像が追いつくためにアニメーションが高速で再生されている可能性があります。ただし、カタツムリのペースでスクロールした場合にのみ、アニメーションは許容範囲内でスムーズでした。また、1424 x 1708のスプライトシートサイズは、このような高速でロードするには大きすぎる可能性があることに気付きました。そこで、画像サイズを1424 x 632（<250kb）まで小さくしましたが、改善は見られましたが、ラグはまだ残っていました。これを行うためのより最適な方法がある場合、私はそれを見ていません。このシナリオへの入力は素晴らしいでしょう。これの最終的な目標は、iPadでスムーズに実行することです。そのため、2048x2048より大きい画像サイズは飛行しません。

cssスプライトまたはjavascriptの独自のカスタムメソッドを使用してパフォーマンスを向上させることは可能ですか？

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

html - EaselJS フレームワークのテキスト

ちょっとした問題として、私は解決策を得ました！しかし、なぜそれが好きだったのですか？

まず、 label.maxWidth=40 を追加しませんでした。そして、何か驚くべきハプニングがあり、Ubuntu の firefox と chrome で動作します! それにもかかわらず、ウィンドウのクロムには何も表示されませんでした。

公式 Web サイトhttp://easeljs.com/docs/Text.htmlから maxWidth の宣言を添付します。

maxWidth - Number テキストを描画する最大幅。maxWidth が指定されている場合 (null ではない)、テキストはこの幅に収まるように圧縮または縮小されます。

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

javascript - EaselJSライブラリを使用した開発に対応する電子書籍

EaselJSライブラリを使用した開発に対応していることを示す電子書籍はありますか。インターネットを検索しましたが、見つかりませんでした。

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

javascript - Javascript onkeyup/onkeydown 入力

私は、easeljs、tweenjs、およびキャンバスのコーディングについて学ぶために、非常に単純な小さなシューティングゲームで遊んでいます。私は困惑している問題に遭遇しました。

unexpected end of inputChrome でエラーが発生し、line 1. どうしたの？

以下のコードでは、すべてのキーボード入力コードをコメントアウトしていることに注意してください。エラーは表示されなくなりました。いずれかのドキュメントのコメントを外すと。addEventListenerまたはwindow.addEventListener入力コードでエラーが再度スローされます。さらに実験を重ねた結果、イベント オブジェクトに関係があると確信しましたが、それ以上のことはわかりません。

誰かが助けてくれることを願っています!

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

javascript - カスタムイベントからjsを保護する方法

私はキャンバスとeaseljsを使用してJavascriptでゲームを書いていますが、それを保護する方法はないかと思います。たとえばstage.Addchild(index)、ステージに新しいオブジェクトを追加するために使用します。DOMを編集するだけで、新しいイベントハンドラーをアタッチして起動できます<body onclick="stage.removeChild(0)">。これにより、すべてのステージオブジェクトが1つずつ削除されます。

今後のすべてのイベントをフィルタリングして、何が発生したかを確認することを考えていました。しかし、私はそれを行う方法がわかりません、そしてそれを作るためのより良い方法があるかもしれません...正しい方向に私を向けてください...

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

html - マウスオーバー機能で画像サイズを大きくする方法

みなさん、こんにちは。html5を初めて使用します。easelJSライブラリを使用するコードを記述しました。画像を読み込んだので、さまざまなマウスイベントを試したいです。キャンバスに画像を読み込んだのですが、正常に動作しています。マウスを上に置くと画像が拡大したいのですが、なぜ機能しないのかわかりません。ここで見逃したのは私のコードです。

ありがとう

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

javascript - クリックされたオブジェクトのコピーを取得する方法

こんにちは、私は現在html5とイーゼルJSで作業しています。キャンバスと画像があります。画像をクリックするとコピーが作成され、キャンバスの他の場所をクリックすると画像が作成されます。そこにコピーされるので、キャンバスに2つの画像が残ります。画像をクリックしているのか、キャンバスをクリックしているのかを知る方法はありますか？コードを書いたので画像のコピーを作成する方法はありますが、元の画像と場所が削除されますキャンバスに画像を 1 つだけ残して、その場所に移動します

ありがとう

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

html - Easel.js>このコードの何が問題になっていますか？

このコードの何が問題になっていますか？：S..私のキャンバスは空のままです。画像のURLが正しく、画像が読み込まれます。

これは私のengine.jsファイルです：

そしてこれは私のindex.htmlファイルです：

私はeasel.js全体に不慣れで、Flashやactionscriptで何もしませんでした。私は本質的にPHP開発者なので、これは私にとってかなり大きな移行です。ドキュメント/チュートリアル/例が不足しているため、easel.jsの使用方法を学ぶのは非常に困難です。ですから、私がチェックアウトするためのポインタやリソースがあれば。シェアしてください！

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

javascript - Javascriptとコンストラクターを使用した動的変数名：EaselJSを使用して画像を複数のキャンバスに動的に複製

良い一日！コンストラクターに適用されるJavascriptの動的変数名について助けを求めるためにここにいます。予想以上に大変でした。私は多くのフォーラムやウェブページでこの問題について読んだことがありますが、私が間違っていることを見つけることができません= /

私はEaselJSと呼ばれるHTML5+Javascriptライブラリを使用していますが、私の問題はそれに関連しているのではなく、Javascript構文に関連しています！これが私の問題です。私はこのコードを手に入れました：

ここで、変数stageは、canvas id cnvsで初期化されるStageオブジェクトを割り当てています。この行（私のコードの残りの部分のコンテキストでは）は機能します！これを次のようなforを使用して1行に簡略化したいと思います。

ここにあるこのリンクは、これがどのように行われるかを再開します：eval（多くの人がそれは推奨されないと言う）とwindow（推奨）を使ってこれを行うと（forさらに単純化することなく）：

コードは引き続き機能します。しかし、引用符で囲まれたキャンバスIDを使用して同様のソリューションを実現する方法を理解することはできません。これらのコード行は失敗します：

これらの試みでは、私が必要とする正確な値を（ iなしで）渡そうとしても、それは私を助けていません!! getElementbyId=（=（=（）に必要だと思うので、引用符をバックスラッシュしています

今、私は無知です！=（これを行う方法があると確信しています。構文がわからない、参照または値によって変数を適切に呼び出す方法がわからない、わからない...助けてください私、この簡単な作業の仕方がわかりません！

たくさんありがとう=）

編集： @cHaoの提案を試してみても私もできません！シンプルに保つために、foriを1つだけに設定しました。

問題の半分は解決しましたが、最初の変数をどうするか？=/ありがとう!!!!

編集2： 詳細が要求されました！これがコピー/貼り付けの例です！これが機能するように、EaselJSと画像パスを更新するだけです！

__ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ _

編集3：解決しました！ EaselJSを使用して、同じオブジェクトで必要な数のキャンバスに1つの画像をレンダリングしたい人を参照するために、最終的なコードを投稿します。このためには、ステージ用のbitmap.clone（）メソッドと配列が必要です。私を助けてくれた@cHaoに感謝します;）次のコードはすべてのキャンバスで同じ画像をレンダリングします！必要に応じて更新してください;）


12345678910