問題タブ [preloadjs]

私はモバイル ゲームを開発していますが、グラフィックスが重いため、すべてを 1 つの画像アトラスに入れることができず、複数のアトラスを使用しています。PreloadQueue を使用してすべてのリソースをロードします。これにより、各クライアントからサーバーに多くのヒットが発生します。また、1 つの大きな「データ」ファイルではなく、すべてのファイルをロードすると、追加の遅延が発生します。

すべてのアトラスを 1 つの「データ」ファイルにパックし、PreloadQueue で一度にロードできれば、より良いと思います。次に、それを解凍/分割して、現在使用しているものと同じように使用します。

1. すべてのデータを 1 つのファイルにまとめる方法はありますか?
2. もしそうなら、unack 操作は 2 倍のメモリといくらかの CPU リソースを消費する可能性があるため、クライアントのパフォーマンスに影響を与えることはありません。

CreateJS/PreloadJS で画像をプリロードしようとしています。これらの画像は、画像を id や class などの属性に置き換えます。JQuery を使用して画像を置き換えると、これらの属性がすべて失われます。

画像をプリロードし、後でページに画像を表示する適切な方法は何ですか?

誰でも助けてください。継承パターンに基づいたこの本のチュートリアルに従っています: https ://books.google.co.uk/books?id=UpiJAwAAQBAJ&pg=PR4&lpg=PR4&dq=beginning+html5+games+with+ createjs Cordova は、iOS と Android にインストールしようとしています。インストールは問題ないようですが、画像を引き延ばさずに（すべてのデバイスで）画面に合わせる方法がわかりません。ステージ (キャンバス) のサイズを変更してコンテナーをフロートする必要があることを読みましたが、このサンプルでそれを行う方法がわかりません。誰か助けてください。以下に、うまくいけば問題を説明するプロジェクトからサンプルを抽出しました。これについて何か助けていただければ幸いです....

索引.html

Testgame.js

MainMenu.js

Android の PreloadJS (0.6.2) の新しいバージョンで問題が発生しました。問題は、これを使用してスプライトシート json をロードしたいことです:

そして、それは機能していません！削除する"type": "spritesheet"と機能しますが、希望どおりにロードされません。バージョン 0.6.1 にロールバックすると、正常に動作します。

誰かが同じ問題を抱えていますか？

編集：デスクトップでも発生します。

PreloadJS を使用してスプライトシートをロードしています。

コードは Animate CC から生成されたもので、次のとおりです。

アドレスlocalhost/webにアプリケーションがあり、JQuery getScript メソッドを使用してファイルをダウンロードします。ダウンロードが完了すると、JQuery が js ファイルを実行し、init メソッドを呼び出していくつかのパラメーターを渡します。その中には、このファイルのアセットである basePath があります。

basePath スプライトシートは次のとおりです。

ローカルホスト/ウェブ/アクティビティ/1/

スプライトシートの同じ場所にある、この読み込みコードを含む js ファイル

B02A10.js

画像 / B02A10_Canvas_atlas_.json

画像 / B02A10_Canvas_atlas_.png

json ファイルは正しくダウンロードされますが、そのアドレスが LoadQueue クラスのコンストラクターの最後の basePath と同じではないため、png ファイルは見つかりません。

あなたの住所は次のようになります。

localhost/web/images/B02A10_Canvas_atlas_.png

basePath の最後のアドレスを使用してイメージをダウンロードするための引数または設定はありますか?

ありがとうございました。

編集

ネットワークフィルター画像はこちら。basePath を使用して正しいパスに到達すると、イメージがダウンロードされます。しかし、彼は私のアプリケーションの 1 つを使用して、再び値を下げようとします。ここでエラーが発生します。ブラウザで実行すると、画像は存在しません。

basePath が正しくダウンロードされたイメージ。

イメージ ベースのアプリケーション パス

私は、結果に応じて 30 の小さなビデオ ファイルの 1 つをトリガーするゲームに取り組んでいます。ユーザーが操作した直後にビデオを再生する必要があるため、理想的には、ビデオをプリロードしてすぐに使用できるようにしたいと考えています。

PreloadJS を追加し、必要なすべてのアセットをキューに入れました。

インスペクターの [ネットワーク] タブを見ると、ロード画面で 20 MB のビデオがすべて転送されているのがわかります。

ただし、クリップを再生するときは、メモリから再生するのではなく、クリップを再ダウンロードしているようです...

ファイルがダウンロードされると、それらはブラウザのキャッシュに残り、同じ src でファイルをロードしようとすると、ダウンロードされたアセットのプールからプルされると思いましたが、これはそうではないようですそうなる...

ページに 30 個のビデオ プレーヤーを追加せずに、ダウンロードしたファイルをメモリに保持する方法を教えてください。

ありがとう！

ゲル

すべてのゲーム アセットは、ゲーム レベルに従って分割されます。したがって、ユーザーがレベル #1 をプレイしている間、次のレベルがバックグラウンドで読み込まれます。

しかし、プリロードがアクティブな場合、スプライトには奇妙な動作があります。スプライトはより速く再生されます。

ここにテストケースがあります: http://cjstest.comlu.com/index.html

1. 「再生」ボタンをクリックします。16 FPS の速度で移動する四角形が表示されます。
2. 「L2のロード」ボタンをクリックします。rect がより速く動き始めたことに気付くでしょう。

次にswfobject、通常のファイルパスを使用して使用します'/swf/ball.swf'。現在、プリロードは行われませんが、毎回リロードされます。

どのように変更すればよいですか？

PreloadJs を使用して SpritSheet をロードします。

IOS APPの場合、デフォルトの UIWebView コンポーネントの代わりに WKWebView コンポーネントを実装するcordova-plugin-wkwebview-engineを使用します。

ただし、file:// プロトコルから XHR を使用することはまだできません。

LoadQueue のパラメーターを XHR を使用しないように変更しましたが、一部のコンテンツでは XHR が JSON のように機能する必要があります。