【ResDevKit】Adobe Animate H5动画开发常见问题

注意点

1. An HTML5 Canvas项目里，不要使用 滤镜，发光效果；如需这种效果，则在外部做好导成图片，导进An里；

2. An HTML5 Canvas项目里，慎用打组效果，如果用的过多，会导致资源滥用，性能下降；并且发布时勾选 “导出文档为纹理” 的话，太多打组的话，软件会发布很长时间，或者直接发布不出来，卡死；打组不能层级嵌套太深，最多只保留一层，不允许2层3层或者以上。

3. An里如新建Canvas项目，需要关闭 舞台-高级设置-使用高级图层的功能；（PS：如需用到此功能，另说；）

   

4. 如果在An里做系列图（比如一组按钮），导出的外部图片，必须宽高保持一致，别每张图的宽高都不一样，显得不专业；

5. 外部资源（图片，视频，音频等）命名不能有中文，特殊字符，必须是英文或者字母开头；

6. 动画播到时间轴到最后一帧时，要记得去除多余的帧数。像下面的是绝对错误的操作！

   

7. An HTML5 Canvas项目里，如果做电路流动效果，不要使用引导层的做法；
   正确做法：使用关键帧补间动画的方法；
   如下图用法是错误的：

   

8. An HTML5 Canvas项目里，导入的声音不要放在第一帧，应该从第二帧开始，第一帧设为空白帧（PS：如果声音放在第一帧，声音资源先加载好，图文动画的资源还没加载好的话，声音就立即播放，声音和图片速率就不匹配了）；
   下图是错误用法：

   

9. 移动端An H5动画，如果有尺寸很大的图片素材，比如1920x1080，但是动画里只用到图片的一小部分，比如 300x300，图片其他部分都无用的话，最好把这个图片裁切好，再放到动画里。 慎用：直接做个遮罩，把多余的图片隐藏；这种做法，会增加最后成品的大小，影响性能。PS：如果原图片素材尺寸只是稍微超过一点，为了制作方便，可以使用遮罩的方法，如果尺寸超出很大，绝对禁止使用这种方法。

10. 滚动条组件，绝不允许直接在元件外部进行缩放，如下图，是错误操作：

    

    如果要修改滚动条高度，正常做法是：在滚动条组件内部调整 track 元件的高度，然后按照规则，移动arrowUp，arrowDown等元件贴合track。

11. Animate H5动画 常规发布设置

    

12. 如果只做移动端，不考虑PC端：动画资源大小，最好不超过5M；视频资源文件大小也别太大，如果太大，可以做成连续的资源；

常见问题

1. 问题：

   

   解决方案：

   ①这个动画用的02的模板，未删除02的旧配置，删除这个

   ②使用最新svn对应的html发布模板，重新发布动画；

2. 问题：
   菜单动画，有的按钮点击失效；
   解决方案：
   ①检查菜单动画里按钮命名；
   ②检查课件配置config.xml里menuItem是否和菜单里一一对应；
   ③检查菜单动画里，这个代码是否配置正确；

   

3. 问题：
   这种带二级页面的动画，点击出现 无页面 或者报错；
   解决方案：
   ①动画模板是否用对（PS：动画模板编号是否用对，别用旧的模板，参照问题1）；
   ②二级页面路径填写的是否正确；
   ③如下图，红线处是没有逗号的；

   

4. 问题：
   有的动画交互功能失效？
   解决方案:
   ①动画的html发布模板是否正确？
   ②动画里面需要交互的MC或者Button的实例名是否添加？是否添加正确？

   ③动画里面需要交互的MC或者Button，需要第一帧就存在，如果需要隐藏效果，就设置 Alpha 或者 是否可见 的设置。

5. 问题：
   有的动画片头声音，mp4无法播放，图片无法显示？
   解决方案:
   ①命名不能有中文，特殊字符，必须是英文或者字母开头；

6. 问题：

   Uncaught ReferenceError: jQuery is not defined

   

   原因：

   1. 可能是 cdn失效；
   2. 可能是 本地相关代码丢失；

   解决方案：
   两种方法

   1. 源文件改下发布设置，用最新的插件，重新发布；

   2. 不修改源文件，搜到到所有用cdn的文件，手动替换为本地文件；

   1	COPY https://code

   

   把红框的部分替换

   先把h5lib文件夹复制到content文件夹下，和h5code同级目录。

   content文件夹下

1级动画页面，参考目录 ，换为

1

../h5lib/libs/jquery-2.2.4.min.js

2级动画页面，参考目录 ，换为

1

../../../h5lib/libs/jquery-2.2.4.min.js

frame文件夹下

frame.js

1

../content/h5lib/libs/jquery-2.2.4.min.js

displayText.js

1

../../../content/h5lib/libs/jquery-2.2.4.min.js

注意，如果搜到createjs，或者报错是 createjs未定义之类的，则替换为

content文件夹下

1级动画页面 换为

1

../h5lib/libs/createjs-2015.11.26.min.js

2级动画页面 换为

1

../../../h5lib/libs/createjs-2015.11.26.min.js