在同一網站上分別使用Edge CSS3動畫

Question

這些天，我正在研究CSS3動畫，我希望可以使用以下站點中的角色： http : //andrew-hoyer.com/experiments/walking/來創建簡單的穿孔動畫。

我想知道您是否對如何在同一網頁中包含多個邊緣項目有任何想法？

到目前為止，這是我的項目： http : //www.filedropper.com/dummy3

基本上，我希望做的是在Edge中創建動畫，將其包含在普通網站中，並在外部使用JavaScript啟動/停止動畫。

希望有道理:)

Answer 1

如果您查看Adobe Edge API，它概述了如何將多種合成組合到一頁中。 http://www.adobe.com/devnet-docs/edgeanimate/api/current/index.html

當前沒有自動化工具可以執行此操作。 這意味着您必須自己進行這些更改。 這是更改html文件以引用要使用的各種合成的問題。

因此，您添加了預加載：

<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8" src="composition_one_edgePreload.js"></script>
<script type="text/javascript" charset="utf-8" src="composition_two_edgePreload.js"></script>
<!--Adobe Edge Runtime End-->

然后確保每個合成都有一個階段：

<div id="stageOne" class="EDGE-1010101"></div>
<div id="stageTwo" class="EDGE-8338338"></div>

希望這可以幫助。