help.html

<!doctype html>
<html lang=en-US>
    
    
    <head>
        <link href="css/awsome/css/font-awesome.min.css" rel=stylesheet>
        <link href="css/style.min.css" rel=stylesheet type="text/css">
        <script src="js/script.min.js" type="text/javascript"></script>
        <title>Lights Out Game (Help)</title>
         <meta name="description" content="Lights Out, Linear Algebra Game ;-), The goal of the puzzle is to switch all the lights off, preferably in as few button presses as possible"/>
        <meta property="og:title" content="Lights Out" />
        <meta property="og:site_name" content="http://www.lightsout.ir"/>
        <meta property="og:description" content="Lights Out, Linear Algebra Game ;-), The goal of the puzzle is to switch all the lights off, preferably in as few button presses as possible" />
        <meta property="og:image" content="http://www.lightsout.ir/lightsout/images/og-icon.png" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
        <link rel="manifest" href="manifest.json" />
        <link href="images/favicon/4.png" rel="shortcut icon">
        <link href="images/favicon/1.png" rel="-touch-icon">
        <link href="images/favicon/2.png" rel="apple-touch-icon" sizes="72x72">
        <link href="images/favicon/3.png" rel="apple-touch-icon" sizes="114x114">
    </head>
    
    
    <body itemscope itemtype="http://schema.org/WebPage">
        <div id="particles-js" itemprop="particleSection"> </div>
        <div class="siteWrapper" id="siteWrapper" itemprop="mainContentOfPage">
        <h1 id="game_name" style="color:black;" itemprop="siteName">Lights Out Game</h1>
        <div class="header" itemprop="siteMenu">
            <button onclick="redirect(7);" class="reset" id="game" title="Lightsout Game">Game</button>
            <button onclick="redirect(6);" class="reset" title="Support Game">Support</button>
        </div>
        
        <div align="center" itemprop="animationSection">
        <img src="images/help.gif" alt="Lights Out Animation" class="help_image">
        </div>
        <div class="help" itemprop="helpSection">
        <h4><span><i class="fa fa-video-camera" aria-hidden="true"></i>&nbsp;<a href="http://video.lightsout.ir">Tutorial</a>&nbsp;<i class="fa fa-video-camera" aria-hidden="true"></i></span></h4>
        <h2>Lights Out</h2>
            <hr/>
        <p>The game consists of a 5 by 5 grid of lights. When the game starts, a random number or a stored pattern of these lights is switched on. Pressing any of the lights will toggle it and the four adjacent lights. The goal of the puzzle is to switch all the lights off, preferably in as few button presses as possible.

If a light is on, it must be toggled an odd number of times to be turned off. If a light is off, it must be toggled an even number of times (including none at all) for it to remain off. Several conclusions are used for the game's strategy. Firstly, the order in which the lights are pressed does not matter, as the result will be the same. Secondly, in a minimal solution, each light needs to be pressed no more than once, because pressing a light twice is equivalent to not pressing it at all.</p>
        <h2>Light chasing  </h2>
        <hr/>
        <p>"Light chasing" is a method similar to Gaussian elimination which always solves the puzzle (if a solution exists), although with the possibility of many redundant steps. In this approach, rows are manipulated one at a time starting with the top row. All the lights are disabled in the row by toggling the adjacent lights in the row directly below. The same method is then used on the consecutive rows up to the last one. The last row is solved separately, depending on its active lights. Corresponding lights (see table below) in the top row are toggled and the initial algorithm is run again, resulting in a solution</p>
        <h2>Shortcuts</h2>
            <hr/>
        <table class="hint_table">
            <tr>
                <th>Action</th>
                <th>Key</th>
            </tr>
            <tr>
                <td>Hint</td>
                <td>h</td>
            </tr>
            <tr>
                <td>Reset</td>
                <td>r</td>
            </tr>
        </table>    
        <h2>Hint Table </h2>
            <hr/>
        <table class="hint_table" itemprop="hintTable">
            <tr>
                <th >Bottom</th>
                <th >Top</th>
            </tr>
            <tr>
                <td>O---O</td>
                <td>OO---</td>
            </tr>
            <tr>
                <td>-O-O-</td>
                <td>O--O-</td>
            </tr>
            <tr>
                <td>OOO--</td>
                <td>-O---</td>
            </tr>
            <tr>
                <td>--OOO</td>
                <td>---O-</td>
            </tr>
            <tr>
                <td>O-OO-</td>
                <td>----O</td>
            </tr>
            <tr>
                <td>-OO-O</td>
                <td>O----</td>
            </tr>
            <tr>
                <td>OO-OO</td>
                <td>--O--</td>
            </tr>
        </table>
        <h2>Mathematics</h2>
            <hr/>
            <p>If you LOVE  math, look at this <a href="files/olson-paper-revised.pdf" style="text-decoration:underline;">paper</a> from Olson and  Turning Lights Out with Linear Algebra ;-)</p>
        <h2>Reference
            <hr/>
        
        </h2>
        <a href="https://en.wikipedia.org/wiki/Lights_Out_(game)">Lights Out (game)</a>
        <p>Track-1 : A New Beginning - <a href="http://Bensound.com">Bensound.com</a></p>
        <p>Track-2 : Happiness - <a href="http://Bensound.com">Bensound.com</a></p>
        <p>Track-3 : Buddy - <a href="http://Bensound.com">Bensound.com</a></p>
        <p>Track-4 : Cute - <a href="http://Bensound.com">Bensound.com</a></p>
        <p>Track-5 : Tenderness - <a href="http://Bensound.com">Bensound.com</a></p>
        </div>
       <div id="login-footer" itemprop="siteFooter">
            <p >&nbsp; Designed With  ❤️ </p>
        </div>
        </div>
        <script src="js/particles.min.js"></script>
         <script src="js/app.min.js"></script>
     <!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-108153378-1', 'auto');
ga('send', 'pageview');

</script>
<!-- End Google Analytics -->   
    </body>


</html>