問題タブ [preloadjs]

次のコード スニペットに問題があります

IE9 では動作しません。IE9 の XMLHttpRequest の問題に関連していると思います。これを修正するために PreloadJS を設定するにはどうすればよいですか?

ありがとう。

そこで、HTML5 でいくつかのゲームを作成しました。ゲームは、preloadJS ライブラリの loadgame 関数を使用して 5 分ごとに変更されます。gameID は、ロードする新しいゲームのファイル名です。インターネットが非常に遅い場合、イベントがトリガーされず、次のゲームが読み込まれません。

preloadJS および soundJS ライブラリが webM および webA のビデオ/オーディオ ファイルの使用をサポートしているかどうかを尋ねたいと思います。これらの使用に問題があるためです。

私のコードのサンプル:

上記のサンプルでは、​​2 つWebAudioSoundInstanceのオブジェクト (mp3 および ogg ファイル用) と 1つのオブジェクト ( AbstractSoundInstanceweba ファイル用) が作成されます。weba が音声ファイルとして認識されていないか、何らかの理由で soundJS オブジェクトの作成に失敗しているようです。

このような単純な html5 オーディオ タグを使用すると正常に動作します

私は、soundJS と preloadJS の両方にバージョン 0.6.1 を使用し、最新の Google Chrome リリースを使用しています。

モジュールのロード、特にCreateJSのようなライブラリのロードにRequireJSを使用するのは初めてです。SoundJS で PreloadJS を使用したかったのです。RequireJS を介して SoundJS を適切にロードしましたが、今のところ問題はありません。私が問題を抱えているのは PreloadJS です。この方法でロードします:

デバッガーを実行すると、PreloadJS オブジェクトに、PreloadJS の一部ではないと思われるこのプロパティがあることがわかります。プロトタイプが正しいかどうかも確認しましたが、プロトタイプとしてオブジェクトを使用しています。

私は他に何を逃したのですか？また、次のように PreloadJS をシムしようとしました。

しかし、私はまだそれらのプロパティを持つオブジェクトを取得しています。RequireJS が必要なので、しっかりしたプリローダーを使用して SoundJS を使用できます。RequireJS で PreloadJS を使用する記事が見つからないので、何か間違ったこと、型にはまらない、文書化されていないことをしていると確信しているので、助けていただければ幸いです。

Preload JS を使用して画像をロードしています。ただし、これらの画像の一部は、CSS で背景画像として挿入する必要があります。ただし、これは機能しません。

「背景」を $('.main').css('background-image', 'url(' + img + ')'); に渡すと、HTML は "background-image: url( http://127.0.0.1:8080/undefined );" です。

私の問題は、画像をプリロードし、その ID を介して取得し、CSS Background Image に書き込むことです。どうすればいいですか？

イベントを調べると、パスは blob:http%3A//127.0.0.1%3A8080/3694c430-db8f-4543-a85e-9d1b9e8da50d だけです

画像を CSS に入れると、二重に読み込まれていることがわかります。CSS 画像が読み込まれ、PreloadJS がそれらを再び読み込みます。

私は、HandleFileLoad のイベントをたどることで動作するようにしました。ID を取得してから event.result.currentSrc を挿入しますが、多くのコードを繰り返す必要があります。

しかし、背景に押し込む画像がたくさんある場合、これは理想的ではありません。

どんな助けでも大歓迎です。

以下は私のコードです。

IE9 と IE11 の両方で動作する、使用する PreloadJS のバージョンを把握しようとしています。使用しているバージョン (0.6.1 と NEXT) に応じて、ブラウザで異なるエラーが発生します。コードはGitHub ReadMeから直接取得されます。

IE11 で 0.6.1 を使用すると、ロードしようとする画像に対して次のエラーが発生します。

NEXT の使用は期待どおりに機能します。ただし、IE9 で NEXT を使用すると、次のエラーが発生します。

..そして縮小されていない NEXT から:

Internet Explorer のすべてのバージョン (少なくとも 9、10、11) で動作する PreloadJS バージョンはありますか?

私のプロジェクトはサーバーからロードされます。preloadjs を使用して画像をロードし、それを使用してビットマップを作成しています。画像が読み込まれた後、新しい createjs.Bitmap(path); を使用してビットマップを作成できます。firfox を使用している場合、Chrome を使用している場合は使用できません。クロムの場合、次を使用する必要があります: new createjs.Bitmap(loader.getResult("idOfTheImage")); // ローダーは LoadQueue オブジェクトです

注: 上記は Chrome と Firefox の両方で機能します。

パスだけを使用するとFirefoxでは機能するのにChromeでは機能しない理由を知りたいです。

複数の画像を 1 つのスプライト画像としてマージする必要があります。これらの画像は一部のアニメーションの一部ではなく、単に別の静止画像です。

Createjs/EaselJS でどうにかロードする必要がありますが、スプライト シート データの json のテンプレートがわかりません。

すべての検索結果は、スプライト アニメーションの作成方法を示していますが、アニメーションは必要ありません。ID による静止画像だけです。

誰でもこれを達成する方法の例を提供できますか?