srifqi.github.io/experiment/genetic_algorithm.html

73 lines
3.2 KiB
HTML

<!DOCTYPE html>
<html lang="en" dir="ltr">
<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">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Experiments",
"item": "https://srifqi.github.io/experiment/"
}, {
"@type": "ListItem",
"position": 2,
"name": "Genetic Algorithm"
}]
}
</script>
</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><a href="localoutlierfactor.html">LOF (Statistics)</a></li>
<li><a href="dip_contrast_enhancement.html">Contrast Enhance</a></li>
<li><a href="dip_edge_detection.html">Edge Detection</a></li>
<li><a href="dip_smoothing.html">Image Smoothing</a></li>
<li><a href="dip_grey_transform.html">Grey Transform</a></li>
<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" rel="noopener">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" rel="noopener">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" title="The experiment"></iframe>
</section>
</main>
</body>
</html>