在 Animate CC 上添加预加载器

Posted

技术标签:

【中文标题】在 Animate CC 上添加预加载器【英文标题】:Adding Preloader on Animate CC 【发布时间】:2016-06-28 06:22:00 【问题描述】:

我是 Adob​​e Animate 的新手。在 Adob​​e Animate CC 中创建画布时,是否可以添加预加载器以加载图像资源?和 Animate CC 发布了 html 和 js 后在 html 文件中插入 loadqueue 类的方法一样吗?

【问题讨论】:

【参考方案1】:

基本上,您会创建两个要加载的清单 - 一个带有用于预加载器的资产,另一个带有其余资产。 首先加载预加载器所需的资产,在舞台上添加预加载器,然后开始加载其余资产并更改“进度”事件的预加载指示器。

一种方法是在 Animate CC 中的一个文件夹中创建 2 个项目(我们称它们为 preloader.flacontent.fla)。发布时,您将获得每个项目的 js 文件和 html 文件以及图像和声音的共享文件夹。 您接下来要做的是打开为 preloader 创建的 html 文件并粘贴 content.html 中的一些代码,其中包括导入 js 文件和加载清单。 如果一切顺利,打开 preloader.html 会先加载预加载器,然后将其添加到 stage,加载其余资产(同时指示进度),并在完成后添加下一个屏幕。

【讨论】:

【参考方案2】:

在 Animate CC 的 15.2 发行版中添加了对 HTML5 画布的预加载器支持。它允许您选择和设置一个 GIF 文件作为预加载器,所有的处理都是自动处理的。

详情请看这里: https://helpx.adobe.com/animate/using/whats-new.html#preloader

https://helpx.adobe.com/content/help/en/animate/using/creating-publishing-html5-canvas-document.html#main-pars_header_1987795350

【讨论】:

以上是关于在 Animate CC 上添加预加载器的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 vue-resource 在表单提交上添加预加载器和成功消息

等待页面加载后再显示内容(使用预加载程序屏幕)

Cocos Creator 加载和切换场景(官方文档摘录)

在 React 应用程序中添加预加载器

如何使用猫鼬以编程方式在节点服务器上仅预加载一次 MongoDB 文档

将文本添加到固定预加载器