<!--Code Ninjas | Jackson Hagood--> <!DOCTYPE html> <html lang="en"> <head> <title>Animation</title> <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> <link rel="icon" href="images/icon.png"> <style> </style> </head> <body> <div class="sidenav"> <a href="functions.html"><h2>GDP Functions</h2></a> <br> <h2><a href="position.html">Position</a></h2> <h2><a href="rotation.html">Rotation</a></h2> <h2><a href="scale.html">Scale</a></h2> <h2><a href="collision.html">Collision</a></h2> <h2><a href="appearance.html">Appearance</a></h2> <h2><a href="timers.html">Timers</a></h2> <h2><a href="animation.html">Animation</a></h2> <ul id="contents"> <li><a href="#frameindex">.frameIndex()</a></li> <li><a href="#animation">.animation()</a></li> <li><a href="#incrementanimation">.incrementAnimation()</a></li> </ul> <h2><a href="attributes.html">Attributes</a></h2> <h2><a href="miscellaneous.html">Miscellaneous</a></h2> </div> <div name="Animation"> <!--done--> <h1>Animation</h1> <div class="item"> <!--done--> <a name="frameindex"> <h3>.frameIndex()</h3> <p>The function .frameIndex() will change the frame of a given object. The function can also be used to return the current frame of an item. The function takes in a single parameter, that being the desired frame.</p> <pre><code>object.frameIndex(1); //changes 'object' to frame 1</code></pre> <h4>See Further:</h4> <ol class="more"> <li>Dojo Practice</li> </ol> </a> </div> <br> <div class="item"> <!--done--> <a name="animation"> <h3>.animation()</h3> <p>The function .animation() will set the frame of an object. The function take in one parameter: the object's desired frame name.</p> <pre><code>object.animation("default"); //changes 'object' to frame 'default'</code></pre> <h4>See Further:</h4> <ol class="more"> <li>Meteors Deluxe</li> </ol> </a> </div> <br> <div class="item"> <!--done--> <a name="incrementanimation"> <h3>.incrementAnimation()</h3> <p>The function .incrementAnimation() will change the frame of an object by 1. The function takes in no parameters</p> <pre><code>object.incrementAnimation(); //changes the frame of 'object' by 1</code></pre> <h4>See Further:</h4> <ol class="more"> <li>Meteors Deluxe</li> </ol> </a> </div> </div> </body> </html>