<html>

<head>

<title>NodeBox | Evolution - mutation</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8">

<meta http-equiv="imagetoolbar" content="no" />

<meta name="description" content="" />

<meta name="keywords" content="NodeBox, Evolution - mutation" />

<link rel="canonical" href="https://www.nodebox.net/code/Evolution_-_mutation" />

<link type="text/css" rel="stylesheet" media="screen" href="/media/css/nbar.css">

<script type="text/javascript" src="/code/js/pop.js"></script>

<script type="text/javascript" src="/code/js/confirm.js"></script>

<link href="/code/css/default.css" rel="stylesheet" type="text/css" />

<link href="/code/css/print.css" rel="stylesheet" type="text/css" media="print" />

</head>

<body id="body">

<div class="nbar">

<ol>

<li><a class="node" href="/code/Home">NodeBox 1<span class="nbar-arrow"></span></a>

<ol class="nbar-dropdown">

<li><a href="/">Homepage</a></li>

<li><a href="/node/">NodeBox 3<small>Node-based app for generative design and data visualization</small></a></li>

<li><a href="/opengl/">NodeBox OpenGL<small>Hardware-accelerated cross-platform graphics library</small></a></li>

<li><a href="/code/Home">NodeBox 1<small>Generate 2D visuals using Python code (Mac OS X only)</small></a></li>

</ol>

</li>

<li><a class="gallery" href="/gallery/">Gallery</a></li>

<li><a class="documentation" href="/code/Tutorial">Documentation</a></li>

<li><a class="forum" href="http://support.nodebox.net/discussions">Forum</a></li>

<li><a class="blog" href="/blog/">Blog</a></li>

</ol>

</div>

<div id="all">

<div id="header_and_navigation">

<div id="header">

<a href="/code/Home"><img id="header_image" src="/code/g/header-small.jpg" width="800" /></a></div>

<div id="title">

<a href="/code/Home"><h1>NodeBox</h1>

<strong><em>Create visual output with Python programming code</em></strong>

</a></div>

<div id="contextual">

<div id="languages">

</div>

<div id="search">

<form id="sf" method="get">

<input type="text" id="q" name="q" value="" />

<a href="javascript:document.getElementById('sf').submit();">GO</a>

</form>

</div>

</div>

<div id="navigation">

<div id="navigation_public">

<a href="/code/Home">Home</a>

<a href="/code/Download">Download</a>

<a href="/code/Reference">Reference</a>

<a href="/code/Tutorial">Tutorial</a>

<a href="/code/Library">Library</a>

<a href="/code/Gallery">Gallery</a>

<a href="/code/About">About</a>

</div>

</div>

</div>

<div id="content">

<div id="nodebox-link">

<a href="/code/Home"><img src="/code/g/transparent.gif" /></a>

</div>

<div class="inside">

<h3>Evolution - mutation</h3>

<p>As programming projects grow bigger and time grows shorter things can often get messy. The Evolution project was basically coded and shrink-wrapped in a single week. Likely, bugs are hiding away in the more unpolished parts of the code.</p>

<p>One of the more interesting bugs was uncovered when the creatures that spawned from the factory started running wild. Things with a single flipper or two heads were happily reproducing in the background memory. Look at the creature below: it has the tentacles of one of its ancestors but they got positioned all wrong. Moreover, the thing has grown some extra tentacles of another type!</p>

<p><br /></p>

<p><span class="media"><img src="/code/data/media/evolution-mutation.jpg" width="623" height="445" alt="" /></span>

</p>

<p><br /></p>

<p>We never defined a sort of symmetry in the genetic recombination code, so when two ancestors were mixed of which one had four flippers and the other two, <em>three</em> flippers became an option for the child. Since the factory code didn't know how to handle an uneven amount of flippers, it started attaching them to the wrong places and adding other stuff to fill in the gaps in the DNA.</p>

<p>It's very hard to check the programming code for these kinds of things... evolution can't be constrained it seems!</p>

<p><a href="/code/Evolution">Back to main page</a></p>

</div>

</div>

<div id="footer">

Last modified: Jan 19 2007 | &copy; 2004-2012 <a href="http://www.emrg.be/" class="noexternal">Experimental Media Research Group</a>

</div>

<img src="/code/g/footer.jpg" style="border:0" class="footer" width="800" height="334" />

</div>

<script>

try{e=document.getElementsByTagName("span");for(i=0;i<e.length;i++){if(e[i].className=="header_image"){src=e[i].getElementsByTagName("img")[0].src;document.getElementById("header_image").src=src;break;}}}catch(e){}

</script>

</body>

</html>