在同一网站上单独使用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>

希望这会有所帮助。