0

Adobe Animate CC で作成したアニメーションを既存の Web サイトで使用したいと考えています。

私のフォルダ構造は次のとおりです。

- 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 を開くと、ブラウザは「src/generated/symbol/images/image.jpg」ではなく「images/image.jpg」を探します。

Animate CC から公開されたシーンを既存の Web サイトで使用するにはどうすればよいですか? symbol.js は Animate によって生成され、グラフィック アーティストがシーンを更新して再公開するたびに変更されるため、変更できないことに注意してください。

4

2 に答える 2

0

[公開設定] で、[公開時に HTML ファイルを上書きする] ボックスのチェックを外します。次に、Animate CC で作成された HTML ファイルを正しいファイル構造で編集します。

于 2016-05-27T01:57:02.613 に答える
0

src/generated/symbol 内のすべてを既存の Web サイトのルート ディレクトリにコピーし、スクリプトを "generated/symbol/symbol.js" ではなく "symbol.js" としてロードするだけです。src/generated/symbol ディレクトリ構造は、開発中のコードの一種の足場です。Web サイトの最終的な構造がどうあるべきかを指示することを意図したものではありません。

于 2016-03-18T13:16:40.277 に答える