私たちは、FirefoxOS マーケットプレイス向けのパッケージ化された html5 ゲームに取り組んでいます。
ゲームを開始する前に黒い画面が表示されることを除いて、ゲームは審査に合格しています。レビュー担当者は、この黒い画面が非常に長い間表示されると述べました. ゲーム ラッパーは、ゲームを表示する前にすべてのアセットを読み込もうとしていると思います。
問題は、私たちのゲームには、ゲーム アセットの一部をロードする内部ローダーが既にあるということです。FirefoxOS パッケージ化された html5 アプリに、ゲームにすべての読み込みを行わせるように指示して、プリローダーが機能するようにする方法を知っている人はいますか?
フランベも使っています。何かを表示する前に、少なくとも index.html、flambe.js (flambe プロジェクト ローダー)、もちろん main-html.js ファイル (実際のゲーム コード) をロードする必要があります。その時点から、他のアセットを読み込んで実際のプリローダーを表示できますが、それにも時間がかかる可能性があります。FillSprites を使用すると、時間が短縮されます。
しかし、私が主に行っているのは、キャンバスの上に単純な CSS3 アニメーション (ローダー) を追加することです。この html 要素に特定の id を与え、「実際の」プリローダーを表示するのに十分な量をロードしたら、この CSS ローダー アニメーションを DOM から削除します。これにより、プリローダーを非常に高速に表示したり、必要に応じてもう少し設計されたプリローダーをロードしたりできます。