trex-evolution/index.html at master · DV-Hackers/trex-evolution · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
  <head>
      <meta charset="UTF-8" />
      <!-- Third party libraries -->
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.min.js"></script>

      <script src="./js/util/Matrix.js"></script>
      <script src="./js/util/NeuralNetwork.js"></script>

      <script src="./js/genetics/Brain.js"></script>
      <script src="./js/genetics/Population.js"></script>

      <script src="./js/game/trex.js"></script>
      <script src="./js/game/obstacle.js"></script>
      <script src="./js/game/bird.js"></script>
      <script src="./js/game/world.js"></script>

      <script src="./js/graphics.js"></script>

      <script src="./js/seedPop.js"></script>
      <script src="./js/simulation.js"></script>
      <script src="./js/index.js"></script>
      <link rel="stylesheet" type="text/css" href="./css/index.css">
  </head>
  <body>
    <h1 id="title">Trex Evolution!</h1>
    <div id="desc">
        This project demonstrates neuroevolution in the browser by training agents to become masters at the
        popular <a href="http://www.trex-game.skipser.com/" target="_blank">Google Chrome Dino Runner</a> game. Built by
        members of the Diablo Valley College Computer Science Club, <a href="http://www.dvhackers.com" target="_blank">DVHackers</a>.
        <br>
        <br>
        In the simulation, trexes contain brains (neural networks) that control their decision to jump or duck when faced
        with obstacles. After each trex dies in a generation, they are rated on their final score and a new generation is
        created with higher scoring trexes being more likely to reproduce.
        <br>
        <br>
        <a href="https://github.com/DV-Hackers/trex-evolution" target="_blank">Check out the source code here!</a>
        <br>
        <br>
    </div>
    <div class="stats">
        <div class="stat">
            <div class="stat-name">Score:&nbsp;</div>
            <div id="score">0</div>
        </div>
        <div class="stat">
            <div class="stat-name">Iteration:&nbsp;</div>
            <div id="iteration">0</div>
        </div>
    </div>
  </body>
</html>