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