<!--Code Ninjas | Jackson Hagood-->
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Appearance</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>
        <ul id="contents">
            <li><a href="#togglevisible">.toggleVisible()</a></li>
            <li><a href="#visible">.visible()</a></li>
            <li><a href="#fill">fill()</a></li>
        </ul>
        <h2><a href="timers.html">Timers</a></h2>
        <h2><a href="animation.html">Animation</a></h2>
        <h2><a href="attributes.html">Attributes</a></h2>
        <h2><a href="miscellaneous.html">Miscellaneous</a></h2>
    </div>
    <div name="Appearance"> <!--done-->
        <h1>Appearance</h1>

        <div class="item"> <!--done-->
            <a name="togglevisible">
            <h3>.toggleVisible()</h3>
            <p>The function .toggleVisible() will change an object's visibility. In other words, if an object is visible, .toggleVisible() will make it invisible. If an object is not visible, .toggleVisible() will make it visible. .toggleVisible() takes in no parameters.</p>
            <pre><code>object.toggleVisible();    
//changes the visibility of 'object'</code></pre>
           <h4>See Further:</h4>
            <ol class="more">
                <li>Hiding Ninja</li>
                <li>Ninja Supplies</li>
            </ol>
            </a>
        </div>

        <br>
        
        <div class="item"> <!--done-->
            <a name="visible">
            <h3>.visible()</h3>
            <p>The function .visible() sets whether or not an object is visible. The function takes in one parameter, true or false, to set the visibility. The function can also return whether an object is visible.</p>
            <pre><code>object.visible(true);    
//makes 'object' visible</code></pre>
           <h4>See Further:</h4>
            <ol class="more">
                <li>Whack a Ninja</li>
                <li>Zapper Part 1</li>
            </ol>
            </a>
        </div>

        <br>
        
        <div class="item"> <!--done-->
            <a name="fill"> 
            <h3>.fill()</h3>
            <p>The function .fill() will fill in an object with a specified color. The function makes use of hexadecimal colors to achieve this. .fill() accepts a single string containing a ‘#’ symbol, followed by the six digit hexadecimal color that the object will be filled with.</p>
            <pre><code>object.fill("#00fafa");    
    //fills in the 'object' with the color 00fafa</code></pre>
           <h4>See Further:</h4>
            <ol class="more">
                <li>Rain Catcher Part 6</li>
                <li>Color Picker</li>
                <li><a href="https://www.google.com/search?q=color+picker">RGB and Hex Picker</a></li>
            </ol>
            </a>
        </div>
        
        <!--.colorSet()-->
        
        <!--.updateParts()-->
    </div>
</body>
</html>