(root)/chaos : 1 : index.html

<?php $fb_user = $facebook->require_add(); ?>

<div>

<script language="javascript">

var sq = 7

var sq2 = sq

var max_x = 84

var max_y = 56

var x = 36

var y = max_y / 2

var grid = new Array(max_y)

var counter = 0

var movx = 0

var movy = 0

var html = ""

for (i=0; i<=max_y; i++) { grid[i] = new Array(max_x)

}

for (cy=0; cy<=max_y; cy++) { for (cx=0; cx<=max_x; cx++) { grid[cy][cx] = 0

html = html+"<div id='x"+cx+"y"+cy+"' style='position:absolute; top:"+cy*sq+"px; left:"+cx*sq+"px; width:"+sq2+"px; height:"+sq2+"px; z-index:1; background-color:#FFFFFF'></div>"

}

}

function MoveSnake() { document.getElementById("grid").style.top = y*sq

document.getElementById("grid").style.left = x*sq

}

function odd(value) { var binary = value.toString(2); if (binary.charAt(binary.length - 1) == "1") { return false;}

else { return true;}

}

function Logic() { if (grid[y][x] == 0) { grid[y][x] = 1

id = "x"+x+"y"+y

document.getElementById(id).style.backgroundColor = "#000000"

if (counter == 0) {movy = -1; movx = 0}

if (movy == -1) { movy = 0; movx = -1

} else { if (movx == -1) { movx = 0; movy = 1

} else { if (movy == 1) { movx = 1; movy = 0

} else { if (movx == 1) { movx = 0; movy = -1

}

}

}

}

x = x + movx

y = y + movy

} else { grid[y][x] = 0

id = "x"+x+"y"+y

document.getElementById(id).style.backgroundColor = "#3B5998"

if (movy == -1) { movy = 0; movx = 1

} else { if (movx == -1) { movx = 0; movy = -1

} else { if (movy == 1) { movx = -1; movy = 0

} else { if (movx == 1) { movx = 0; movy = 1

}

}

}

}

x = x + movx

y = y + movy

}

MoveSnake()

counter = counter + 1

document.form1.counter.value = counter

}

html = html+"<div id='grid' style='position:absolute; background-color:#000FFF; z-index:2; width:"+sq+"px; height:"+sq+"px;'></div>"

html = html+"<div style='position:absolute; top:"+sq2+"px; left:"+sq2+"px; z-index:2;'><form name='form1'><input id='counter' name='counter' type='text' value='0' style='font:Arial; font-size:12px; font-weight: bold; color:#000000; background-color:#0000000;'/></form></div>"

document.write(html)

setInterval("Logic()",1)

</script>

 

</div>

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">

</script>

<script type="text/javascript">

_uacct = "UA-2645625-6";

urchinTracker();

</script>

<br/><br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<p>The experiment above consists of the following rules:</p>

<li> If the square is white/blue - move forward 1 space & rotate 90 degrees left.  Reset.

<li> If the square is black - move forward 1 space & rotate 90 degrees right. Reset.

 

<p> It's amazing to that with just these simple rules such chaos can emerge.

<p> Watch carefully around the 10,000 mark.. something quite strange happens.