-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
35 lines (34 loc) · 1.96 KB
/
index.html
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
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<title>Snake AI - A neural network and neuro-evolution using Liquid Carrot</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<img style="height:50px;" src="images/liquid-carrot-logo-white-font.png " alt="Liquid carrot logo">
<div id="wrapper">
<h1 style="color: white; text-align: center; font-size: 40px"><br/>Snake game using Liquid Carrot an AI library<br/></h1>
<p style="font-size: 20px; text-align:center; color:white;"><br/>This is an awesome example of how AI can work apply to a Snake game, in this game we are
using <strong><a style="color:whitesmoke " href="https://liquidcarrot.io/"> Liquid Carrot's</a></strong> NEAT library, which stands for
"NeuroEvolution of Augmenting Topologies". If you want to know how it works, click <strong><a style="color:whitesmoke " href= "https://github.com/liquidcarrot/carrot/wiki/How-to-build-a-Snake-AI-in-Javascript-using-Liquid-Carrot" > here</a></strong>
<br/><br/>
</p>
<div id="chart"></div>
<div id="status">
<p style="color: white" >Generation 👪<br><span id="generation">0</span></p>
<p style="color: white">Highest score 🙆<br><span id="highest-score">0</span></p>
</div>
</div>
<script src="https://liquidcarrot.io/carrot/cdn/0.3.0/carrot.js"></script>
<script src="lib/p5.min.js"></script>
<script src="lib/frappe-charts.min.iife.js"></script>
<script src="src/constants.js"></script>
<script src="src/snake.js"></script>
<script src="src/food.js"></script>
<script src="src/game.js"></script>
<script src="src/runner.js"></script>
<script src="src/main.js"> </script>
<p style="text-align: end; font-size: 20px"> <a href="https://github.com/liquidcarrot/example.snake.AI">GitHub Repository</a>, made with ♥ by LC! <br/><br/></p>
</body>
</html>