在 Animate CC 上添加预加载器
Posted
技术标签:
【中文标题】在 Animate CC 上添加预加载器【英文标题】:Adding Preloader on Animate CC 【发布时间】:2016-06-28 06:22:00 【问题描述】:我是 Adobe Animate 的新手。在 Adobe Animate CC 中创建画布时,是否可以添加预加载器以加载图像资源?和 Animate CC 发布了 html 和 js 后在 html 文件中插入 loadqueue 类的方法一样吗?
【问题讨论】:
【参考方案1】:基本上,您会创建两个要加载的清单 - 一个带有用于预加载器的资产,另一个带有其余资产。 首先加载预加载器所需的资产,在舞台上添加预加载器,然后开始加载其余资产并更改“进度”事件的预加载指示器。
一种方法是在 Animate CC 中的一个文件夹中创建 2 个项目(我们称它们为 preloader.fla 和 content.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 在表单提交上添加预加载器和成功消息