问题标签 [preloadjs]

我正在使用 PreloadJS 为动画加载图像。大多数时候它工作得很好，但有时单个图像（帧）仅加载到 PreloadJS 创建的 blob 中的 10%。我正在将一组文件作为清单传递给queue.loadManifest(manifestName)任何想法可能导致这种情况的原因，有什么方法可以防止它吗？谢谢。

在 IE11 中加载声音文件时遇到了一个奇怪的问题。我有大约十几个图像的清单，然后是大约 8 个声音文件。正在发生的情况是，在尝试加载声音文件时，即使对安全设置进行了最轻微修改的 IE11 版本也会挂起。没有错误，它只是挂起。有任何想法吗？

代码如下。在 Chrome、Safari、FireFox 和大多数 IE 中运行良好。只是在某些情况下，它会加载所有内容，直到发出声音，然后才停止。

我创建了一个外部清单文件，其中包含要预加载的所有资产的列表。例子：

ui-elements-json 是在 TexturePacker 中创建的包含各种 UI 元素的精灵表。我的问题是，在我创建 spritesheet 之前，实际图像不会加载：

这意味着它没有被预加载。至少我看不到它被加载到我的开发者面板中。我可以像这样手动将图像添加到清单文件中：

但这几乎就好像图像被加载了两次，我开始遇到一些性能问题。如果我在清单中添加“type”：“spritesheet”，我可以看到图像现在可以预加载，这很好，但是当我创建 Sprite Sheet 时，我收到以下错误：

“未捕获的类型错误：无法读取未定义的属性‘切片’”

这是我的精灵表 json 的简化版本。据我所知，它的格式正确。

我只需要确保我的精灵表图像是预先加载的。

有谁知道如何从 Flash CC 2015 中引用 createjs？

我一直在尝试这个 preloadJS 教程页面：

http://code.tutsplus.com/tutorials/using-createjs-preloadjs-soundjs-and-tweenjs--net-36292

但是在运行下一行时，JavaScript 控制台会抱怨 createjs 未定义：

我是 CreateJS 的新手，我正在努力掌握 CC 2015 的 HTML5 工作流程。

我有一个HTML5使用createjs和关联库的组合（通过 Flash CC 2014）。

但是，有时通过清单加载的图像在加载合成时无法显示。我曾尝试多次请求清单中的图像文件，但可惜无济于事。我曾尝试切换到精灵表，但有时精灵表图像本身无法显示！

有谁知道是否可以采取任何措施来阻止这种情况的发生？我无法切换到替代框架，必须是createjs.

提前致谢。

编辑：我正在实例化图像如下：

清单中的图像加载：

从 Flash 导出的图像特定函数（我已更改命名空间）：

当我开始使用它时：

我应该重申，这只是一个间歇性问题，我无法可靠地复制它，它有时只是不起作用。

这是我第一次在 StackOverflow 上提问。:-)

我有一个相当复杂的页面要显示，涉及要加载的 20 多个图片、4 个以上的 css、6 个以上的 javascript 文件。因为这个页面是打算在手机上显示的，所以我希望它可以预先加载（最好有进度），以改善用户体验。我正在查看一些 JS 库，例如Preload.js，但我真的想知道如何将它与我的视图结合起来。

以下是一些文件：

show.blade.php -

$page->页眉-

$page->content - 页面的一些 HTML 代码（带有许多图形）
此外，@inlcude 部分包含导航菜单所需的 css/js/html。

因此，加载所有这些位于各处的文件似乎是一团糟。有没有办法让它们干净整洁地预加载？非常感谢您提前。

我正在尝试使用 spriteSheetLoader，然后使用 queue.getResult 获取结果。

它适用于图像、声音……只是不适用于我的 spritesheet 对象。任何人都知道如何获取我的预加载精灵表？

部分代码atm

这被加载了，但是当我施放时

这将返回“未定义”，而

将返回我的图像。

有什么方法可以在我想要的任何地方加载 spritesheet（所以不是像 CreateJS 的示例中那样使用文件加载和 switch 案例）？

我的游戏的每个级别都有单独的清单文件。因此，当用户在关卡#1 上玩游戏时，关卡#2 的文件会同时使用 LoadQueue (PreloadJS) 进行预加载。

我注意到一些奇怪的行为。Stage FPS 设置为 24。但是 FPS 会在预加载下一个文件时提高（可以在视觉上注意到）。预加载文件时会达到正常的 FPS..

我如何解决它？FPS 提升至少 1.5 倍。

编辑：我正在使用 Ticker（激活 RAF）并将其设置为每秒 24 帧。此外，每个精灵都有自己的“帧速率”属性。在大多数情况下，它也设置为 24，但有时它有 16 个（每 3 帧已被剪切，因此帧速率设置为 16）。

EDIT2：这是检查问题的示例。有 2 个清单文件（用于 Level1 和 Level2）。Level1 在后台加载 level2 时启动。您可以注意到 Level1 中的精灵在更高的 FPS 上播放。当 Level2 加载完成时，它会恢复到正常的 FPS。

最好在本地下载并测试，否则当下载速度不如本地或 WiFi 时，FPS 变化不太明显。

链接：http ://www.filedropper.com/preloadjsfps

我对 PreloadJS 在 Firefox 上的行为有疑问。实际上，我很难相信以前没有其他人遇到过这个问题（找不到任何描述相同行为的人）所以也许我只是做错了什么......它在谷歌浏览器中运行得很好。

这是JS部分：

请参阅此处的示例：http: //codepen.io/Deto15/pen/KdpRdx

如果您使用 Firefox 和 Ctrl+F5 运行它，您会注意到我所描述的行为。

所以基本上我在这里做的是：

1. 在 domready PreloadJS 上预加载图像（它实际上还没有在页面上的任何地方使用。
2. 预加载完成后，红色圆圈变为绿色。
3. 在该新 div 被附加到页面之后，该 div 使用之前预加载的图像作为背景图像。

它在 Chrome 中的行为方式是图像出现在与圆圈改变颜色几乎相同的时刻——这是有道理的，因为它已被预加载。在 Firefox through 上，圆圈改变颜色，然后在图像出现之前有一段延迟 - 就好像 Firefox 再次加载它一样。

对此行为有任何解释以及解决此问题的任何方法吗？

我只是好奇，是否可以为之前使用 Flash CC HTML5 创建的 html5 文件创建加载屏幕？如果可能（我希望是这样），我该怎么做，或者您可以向我展示这样做的参考资料（我以前读过关于 preloadJS，但从不使用它）？感谢您的回复，我很抱歉我的英语不好。