确保内容在有时间限制的环境中随时可用的最佳方式

Best way to make sure content is ready to serve in a time limited environment?

本文关键字：方式 最佳 环境 确保 时间      更新时间：2023-09-26

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

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

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

var img = new Image();
img.onload = function() {                             
    console.log('Image loaded!');
};
img.src = '/images/my-image.jpg';

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

有许多预构建的解决方案可用：

  • http://www.createjs.com/#/预加载JS
  • http://thinkpixellab.com/pxloader/
  • https://github.com/nandastone/precook-backbone
相关文章：