Untitled

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Cover Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="cover.css" rel="stylesheet">
  </head>

  <body>

    <div class="site-wrapper" >

      <div class="site-wrapper-inner">

        <div class="cover-container" >

          <div class="masthead clearfix">
            <div class="inner">
              <h3 class="masthead-brand">Projekt 2018</h3>
              <nav class="nav nav-masthead ">
                <a class="nav-link" href="#zadatak">Zadatak</a>
                <a class="nav-link" >Teorija</a>
                <a class="nav-link" href="#implementacija">Implementacija</a>
              </nav>
            </div>
          </div>

          <div class="page-header">
            <div>
                </br></br></br></br>
                <h1 class="h1" id="zadatak">Zadatak</h1>
                <div class=row>
                <a>Zadatak projekta bio je uz pomoć neuronskih mreža i genetskog programiranja napraviti autonomne igrače (botove) za dvije logičke igre. Odabrali smo sljedeće:</br></br></a>
                </div>
                 <div class=row>
                        <div class="col h3">
                            <a href="http://theaigames.com/competitions/warlight-ai-challenge"> Warlight</a>
                        </div>
                        <div class="col h3">
                            <a href="https://2016.halite.io/rules_game.php"> Halite </a>
                        </div>
                        </div>

                    <div class=row>
                            <div class="col">
                                <img src="warlight.png" alt="Lights" style="width:100%">
                            </div>
                            <div class="col" font="">
                                <img src="halite.png" alt="Lights" style="width:100%">
                            </div>
                    </div>
                    <div class=row>
                            <div class="col">
                               Warlight je strateška igra osvajanja svijeta. U igri postoji nekoliko različitih poteza koji definiraju strategiju. Svaki igrač ima određen broj vojski koje u potezu <b style="color: #99d6ff">postavlja</b> na svoje zemlje. Kada su sve vojske postavljene, igrač definira smjer (zemlju) koju želi <b style="color: #99d6ff">napasti</b>, tj. u koju želi <b style="color: #99d6ff">premjestiti</b> vojsku. Na jednoj zemlji može biti neograničeno mnogo vojski. Svaki napad rezultira gubitkom dijela vojske za igrače. Pobjednik je onaj igrač koji uspije prije 100 krugova poraziti sve suigračeve vojske.
                            </div>
                            <div class="col" font="">
                                Nesto o Halite igrici sta ce mi fran poslat...
                            </div>

                    </div>
                                      </br></br></br>
            <div>
                <h1 class="h1">Teorija</h1>

            <div>
                <h1 class="h1" id="implementacija">Implementacija</h1>
                  <div class=row>
                		<a> </br>
							Projekt smo podijelili u nekoliko osnovnih dijelova:
                			<ol class="text-left">
                				<li>Pokretanje i modifikacija pokretača igre (engl. <i>game engine</i>)</li>
                				<li>Izrada početnih igrača</li>
                				<li>Implementacija algoritma učenja igrača</li>
                				<li>Izrada omotača (engl. <i>wrapper</i>)</li>
                			</ol></a>
                </div>

                <h4 class="h4">Warlight</h4>
                <a>Neuronska mreža korištena je za generiranje početnih igrača i za kasniju evaluaciju igrača. Nakon što se izgeneriraju početni igrači poboljšavaju se uz genetsko programiranje. Bot za ovu igricu sadrži dva stabla odluke. Jedno je za postavljanje vojski na kartu, a drugo za napade i kretanja vojski. Stabla su već kreirana tijekom evolucije igrača. Za evaluaciju poteza korištena je <a href="https://en.wikipedia.org/wiki/Q-learning">Q-learning</a> strategija. Svaki dobar potez osim sebi, poveća dobrotu nekoliko prethodnih poteza.</br>
                <a href="https://about.gitlab.com/">Link na kod.</a></br></br>
                </a>
                <h4 class="h4">Halite</h4>
                  <a>Bot koristi 2 open-source biblioteke. Prva je Neuroph koja služi kao framework za neuronsku mrežu kojom se bot koristi. Implementacija omogučava treniranje različitih modela od kojih je jedan odabran za potrebe bota. Model je moguće trenirati izvan bota te pokretati bot s drugom mrežom. Trenirati se može pomoću integrirane funkcije bota ili pomoću Neuroph Studio. Druga biblioteka je Jenetics koja nudi različite implementacije genetskih i evoluciskih algoritama te genetskog programiranja. Za potrebe bota korišteno je genetsko programiranje. Bot podržava učenje novog stabla ili igranje s nekih prethodno generiranim.</br>
                 <a href="https://github.com/M3talen/Halite-M3Bot">Link na kod.</a></br></br></br></br></br></br></br></br>
                 </a>
            </div>

          </div>

          <div class="mastfoot">
            <div class="inner">
              <p>Cover template for <a href="http://www.fer.unizg.hr/predmet/pipp">Projekt iz programske potpore.</a> </p>
            </div>
          </div>

        </div>

      </div>

    </div>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
    <script src="../../dist/js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>