确保内容可以在限时环境中投放的最佳方式？

Question

我目前正在开发一款需要使用图片的HTML / Javascript游戏。用户有一定的时间来回答问题。我要问的是下载和缓存文件并确保它们准备就绪的最佳方法是什么？我正在寻找AppCache吗？

Answer 1

您需要延迟游戏循环的执行，直到加载所有必需的资产。希望您的代码已经足够模块化以实现此目的。

当下载了位于图像元素src的资源时，浏览器将触发事件。使用此事件，您可以创建基本的预加载解决方案：

var img = new Image();

img.onload = function() {                             
    console.log('Image loaded!');
};

img.src = '/images/my-image.jpg';

展开此解决方案以迭代所有资产。加载后，请调用开始游戏循环的代码。

有许多预建解决方案可供选择：

• http://www.createjs.com/#!/PreloadJS
• http://thinkpixellab.com/pxloader/
• https://github.com/nandastone/precook-backbone