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