0

我在 Adob​​e Animate CC 中创建了一个动画,我想在现有网站上使用它。

我的文件夹结构是:

- root/
  - src/
    - html.index
    - generated/
      - symbol/
        - symbol.js
        - images/
          - image.jpg

符号/文件夹的内容是通过发布我的 Animate CC 场景生成的。

在 html.index 中,我加载了 symbol.js,这样我就可以使用 Animate CC 场景,如下所示:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>main</title>

    <script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
    <script src="generated/symbol/symbol.js"></script>

然后我可以使用 createjs 创建符号场景:

stage = new createjs.Stage(canvas);
symbol = new lib.Symbol();
stage.addChild(symbol);

问题

这不起作用,因为 symbol.js 相对于 image.jpg 链接。当我打开 html.index 时,浏览器会查找“images/image.jpg”而不是“src/generated/symbol/images/image.jpg”。

如何在现有网站上使用从 Animate CC 发布的场景?请注意,我无法更改 symbol.js,因为它是由 Animate 生成的,并且每当图形艺术家更新场景并重新发布时都会更改。

4

2 回答 2

0

您只需将 src/generated/symbol 中的所有内容复制到现有网站的根目录中,并将脚本加载为“symbol.js”而不是“generated/symbol/symbol.js”。src/generated/symbol 目录结构只是您开发代码时的一种脚手架。它并不打算向您规定您的网站的最终结构需要是什么。

于 2016-03-18T13:16:40.277 回答
0

在“Publish Seetings”中,取消选中“Overwrite HTML file on publish”框。然后使用正确的文件结构编辑 Animate CC 创建的 HTML 文件。

于 2016-05-27T01:57:02.613 回答