<div>
-<h1 id="documentation-du-projet-svganimation">Documentation du projet SVGAnimation</h1>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+<script type="text/javascript" src="../SVGAnimation.js"></script>
+<script type="text/javascript" src="../SVGPlayerOne.js"></script>
+<script type="text/javascript">
+ function charge(i,p,a,b,t) {
+ var anim = new Animation(i,p,a,b,t);
+ anim.loopOnload();
+ }
+</script>
<p><strong>Participants :</strong> Chupin Maxime, Sarlat Jean-Michel.</p>
<p><strong>Interface du dépôt Git :</strong> <a href="http://melusine.eu.org/syracuse/G/git/?p=svganimation.git;a=summary" class="uri">http://melusine.eu.org/syracuse/G/git/?p=svganimation.git;a=summary</a></p>
<p>L'objectif est de développer, en particulier, du code Javascript afin de présenter des animations de fichiers SVG produits, en particulier, par MetaPost. Ce développement n'étant pas tout à fait prédéterminé, il sera constitué à partir de l'exploration de différents scénarios de présentation de ces animations et des modes de construction des fichiers SVG.</p>
<h2 id="installation">Installation</h2>
+<p>Le fichier <code>SVGAnimation.js</code> (que l'on supposera dans le répertoire <code>js</code>) est à charger dans la page <code>html</code> en mettant les lignes suivantes :</p>
+<pre><code><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+<script type="text/javascript" src="js/SVGAnimation.js"></script></code></pre>
+<p>La librairie <code>SVGAnimation.js</code> dépend de <code>JQuery</code>, il faut donc charger charger cette bibliothèque JavaScript avant.</p>
<h2 id="lobjet-animation">L'objet <code>Animation</code></h2>
+<div id="anim1" style="margin:10px auto;padding:10px;width:660px;border:2px solid #AAA;border-radius:4px">
+<img src="../ellipsographe/svg/ellipsographe-1.svg" alt="animation1" style="width:660px;height:480px"/>
+<div id="anim1_message" class="message">
+Ellipsographe
+</div>
+<div id="anim1_boutons">
+<button onclick="charge('anim1','../ellipsographe/svg/ellipsographe-',1,91,'boutons');">
+Charger l'animation
+</button>
+</div>
+</div>
<h3 id="les-paramètres">Les paramètres</h3>
<h2 id="les-players">Les <em>players</em></h2>
<h3 id="svgplayerone.js"><code>SVGPlayerOne.js</code></h3>
<a href="javascript:tdmgauche();">←</a> <b>Sections</b> <a href="javascript:tdmdroite();">→</a>
</div>
<ul>
- <li><a href="#documentation-du-projet-svganimation">Documentation du projet SVGAnimation</a><ul>
<li><a href="#installation">Installation</a></li>
<li><a href="#lobjet-animation">L'objet <code>Animation</code></a><ul>
<li><a href="#les-paramètres">Les paramètres</a></li>
<li><a href="#svgplayerone.js"><code>SVGPlayerOne.js</code></a></li>
<li><a href="#svgplayerbuttons.js"><code>SVGPlayerButtons.js</code></a></li>
</ul></li>
- </ul></li>
</ul>
</div>
<div style="clear:both"></div>
\ No newline at end of file