Utilisation des animations Edge CSS3 séparément sur le même site web

Question

Je regarde dans les animations CSS3 ces jours-ci et j'espérais pouvoir utiliser le personnage de ce site: http://andrew-hoyer.com/experiments/walking/ Pour créer une simple animation de poinçonnage.

Je me demandais si vous aviez des idées sur la manière d'inclure plusieurs projets de bord dans la même page Web?

Ceci est mon projet jusqu'à présent: http://www.filedropper.com/dumy3

Fondamentalement, ce que j'espère faire, c'est créer les animations à bord, les inclure dans un site Web normal et commencer / arrêter les animations à l'aide de JavaScript à l'extérieur.

J'espère que ça a du sens :)

Answer 1

Si vous regardez l'API Adobe Edge, il décrit comment combiner plusieurs compositions en une seule page. http://www.adobe.com/devnet-docs/edgeanimate/API/Current/index.html

Il n'y a actuellement aucun outil d'automatisation pour le faire.Cela signifie que vous devez faire ces changements vous-même.Il s'agit d'altérer le fichier HTML pour référencer les différentes compositions que vous allez utiliser.

Vous ajoutez les précharges:

<!--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-->

alors assurez-vous que chaque composition a une scène:

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

J'espère que cela aide.