Question

我在Adobe 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生成的，并且每当图形艺术家更新场景并重新发布时都会更改。

Answer 1

您只需将src / generated / symbol中的所有内容复制到现有网站的根目录中，然后将脚本加载为＆＃34; symbol.js＆＃34;而不是＆＃34;生成/符号/符号.js＆＃34;。在开发它时，src / generated / symbol目录结构只是代码的一种脚手架。它无意向您指示您的网站的最终结构需要是什么。

Answer 2

在“发布Seetings”中，取消选中“在发布时覆盖HTML文件”框。然后使用正确的文件结构编辑Animate CC创建的HTML文件。

在现有网站

2 个答案: