cfe65e718d
Resume, restart, and edit buttons are added. Editable settings are population size, generation limit, target string, and building blocks. Change const to var.
52 lines
2.5 KiB
HTML
52 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Genetic Algorithm - Experiments - srifqi</title>
|
|
<meta charset="utf-8">
|
|
<meta name="author" content="srifqi">
|
|
<meta name="description" content="An example of genetic algorithm in action">
|
|
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
|
|
<link rel="stylesheet" href="/main.css">
|
|
</head>
|
|
<body style="border: 0; max-width: 100%;">
|
|
<header><h1>Genetic Algorithm Experiment</h1></header>
|
|
<main>
|
|
<nav>
|
|
<ul class="left-menu">
|
|
<li><div><a href="/">Home</a></div></li>
|
|
<li><div><a href="./">Experiments</a></div><ul>
|
|
<li class="active"><a href="genetic_algorithm.html">Genetic Algorithm</a></li>
|
|
<li><a href="vibration_test.html">Web Vibration API</a></li>
|
|
<li><a href="addition_game.html">Addition Game</a></li>
|
|
<li><a href="negative_lens.html">Negative Lens</a></li>
|
|
<li><a href="positive_lens.html">Positive Lens</a></li>
|
|
<li><a href="waterdrop.html">Waterdrop</a></li>
|
|
<li><a href="drive_a_car.html">Drive A Car</a></li>
|
|
</ul></li>
|
|
<li><div><a href="/minetest.html">Minetest</a></div></li>
|
|
<li><div><a href="/library.html">Libraries</a></div></li>
|
|
</ul>
|
|
</nav>
|
|
<section style="max-width: calc(100% - 16px);">
|
|
<aside>
|
|
<table>
|
|
<thead>
|
|
<tr><th colspan="2">Genetic Algorithm</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><th>Type</th><td>Simulation</td></tr>
|
|
<tr><th>Date</th><td><time datetime="2020-08-20">20 August 2020</time></td></tr>
|
|
</tbody>
|
|
</table>
|
|
</aside>
|
|
<p>This was created because I want to create a basic implementation of <a href="https://en.wikipedia.org/wiki/Genetic_algorithm" target="_blank">genetic algorithm</a>. I have seen things like this before, but I forget about the original web page.</p>
|
|
<p>There are 25 individuals in each generation. Each new generation is created from top 5 individuals. No individual lives past its generation.</p>
|
|
<p>You can control and edit initial configuration by clicking "Edit environment" button or you can read <a href="https://github.com/srifqi/srifqi.github.io/blob/master/experiment/bare/genetic_algorithm.html" target="_blank">its source code</a> and try to modify it yourself!</p>
|
|
<p><span class="italic">What if you use other target words?</span></p>
|
|
<p><a href="bare/genetic_algorithm.html" target="_blank">open in new window</a></p>
|
|
<iframe style="width: 600px; height: 500px;" src="bare/genetic_algorithm.html"></iframe>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|