mirror of
https://github.com/wassname/metacar.git
synced 2026-10-29 13:20:39 +08:00
100 lines
3.7 KiB
HTML
100 lines
3.7 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Metacar: A reinforcement learning environment for self-driving cars in the browser.</title>
|
||
<link rel="icon" href="/public/img/icon.png">
|
||
<link rel="stylesheet" href="/public/css/general.css">
|
||
<link href="https://fonts.googleapis.com/css?family=Tajawal" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
|
||
<header>
|
||
<div class="header_container">
|
||
<h1><a href="/">Metacar</a></h1>
|
||
<a href="https://github.com/thibo73800/metacar"><img src="/public/img/github-logo.png" /></a>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="canvas_container">
|
||
<!--
|
||
You just have to add a div with an ID as bellow and include the js to start
|
||
using metacar.
|
||
-->
|
||
<div class="canvas" id="canvas"></div>
|
||
</div>
|
||
|
||
<div class="body_container">
|
||
<h2>Metacar</h2>
|
||
<h3>A reinforcement learning environment for self-driving cars in the browser.</h3>
|
||
<pre><code data-language="javascript"> const env = new metacar.env("canvas", metacar.level.fullCity);<br> env.load();</code></pre>
|
||
<p>
|
||
Learn how to start with metacar by reading the <a href="https://github.com/thibo73800/metacar">documentation</a>.
|
||
</p>
|
||
|
||
<br><br><br>
|
||
<h3>Check out examples of algorithm create with <b>metacar</b></h3>
|
||
<br><br><br>
|
||
|
||
<div class="level_link_box" style="height: 300px;">
|
||
<a href="/level0.html"><img class="floatleft" src="/public/img/level0.png" /></a>
|
||
<h4>
|
||
<br><a href="/level0.html">Q-learning with table</a>
|
||
</h4>
|
||
<p>
|
||
In this example, the goal is to demonstrate a simple working example of reinforcement learning
|
||
algorithm using the metacar environment. You can check out
|
||
<a href="/level0.html">the demo</a> or take a look at the <a href="#">medium tutorial</a>.
|
||
</p>
|
||
</div>
|
||
|
||
|
||
<div class="level_link_box" style="height: 298px;">
|
||
<a href="/level1.html"><img class="floatright" src="/public/img/level1.png" /></a>
|
||
<h4>
|
||
<br><a href="/level1.html">Policy Monte carlo</a>
|
||
</h4>
|
||
<p>
|
||
|
||
Example of policy gradient algorithm based on Monte Carlo exploration.
|
||
The neural network is build using <a href="http://js.tensorflow.org">tensorflow.js</a>. Check out <a href="/level1.html"> the demo</a>.
|
||
<br><br>
|
||
</p>
|
||
</div>
|
||
|
||
<div class="level_link_box" style="height: 312px;">
|
||
<a href="/level2.html"><img class="floatleft" src="/public/img/level2.png" /></a>
|
||
<h4>
|
||
<br><a href="/level2.html">Full control</a>
|
||
</h4>
|
||
<p>
|
||
This level is not solved yet (working on it). However, You can <a href="https://github.com/thibo73800/metacar/blob/master/CONTRIBUTE.md">contribute</a> to the project by solving it and share your implementation!<br><br>
|
||
<br><br>
|
||
</p>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="level_link_box" style="height: 261px;">
|
||
<a href="/editor.html"><img class="floatright" src="/public/img/editor.png" /></a>
|
||
<h4>
|
||
<br><a href="/editor.html">Create your own level!</a>
|
||
</h4>
|
||
<p>
|
||
|
||
Metacar lets you edit your own level using the <a href="/editor.html">the editor</a>.
|
||
Also, you’re more than welcome to <a href="https://github.com/thibo73800/metacar">contribute</a> to the project.
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.7.1/pixi.min.js"></script>
|
||
<script src="/dist/metacar.min.js"></script>
|
||
|
||
<script type="text/javascript" src="/public/js/index.js"></script>
|
||
</body>
|
||
</html>
|