srifqi.github.io/experiment/genetic_algorithm.html
Muhammad Rifqi Priyo Susanto a829c0bf05 Add Web Vibration API and Genetic Algorithm entry
They are added to the list of experiments.
Their links are also added in other pages.
2020-08-22 08:00:00 +07:00

52 lines
2.4 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 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">Refresh for new initial gene pool</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>