gator/explorata
gator/explorata
1
0
Fork 0
Code Pull Requests Projects Releases 1 Activity

first commit : broken evolve. fun anyway

Browse Source
This commit is contained in:
Ali Gator 2021-12-30 13:39:25 +01:00
commit 7add85cefb
2 changed files with 95 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
index.html Normal file
View File

@ -0,0 +1,25 @@
<html>
<head>
<title>Cellular automata</title>
<style>
* {
margin: 0;
padding: 0;
}
body {
/* background: rgb(159,121,30); */
/* background: linear-gradient(90deg, rgba(159,121,30,1) 0%, rgba(230,64,27,1) 34%, rgba(255,119,0,1) 100%); */
}
canvas {
background: rgb(238,174,202);
background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
}
</style>
</head>
<body>
<canvas width="500" height="500" id="canvas"></canvas>
<script src="main.js"></script>
</body>
</html>

70
main.js Normal file
View File

@ -0,0 +1,70 @@
'use strict';
const rules = {
"111": "0",
"110": "1",
"101": "0",
"100": "1",
"011": "0",
"010": "0",
"001": "0",
"000": "1"
}
function getRandomInt(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
// The maximum is exclusive and the minimum is inclusive
return Math.floor(Math.random() * (max - min) + min);
}
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
function evolve(state, acc) {
const [x, y, z, ...xs] = state;
if (!xs.length) {
return acc + x + acc[0] + acc[1]
}
else {
const rule = x + y + z;
const new_acc = acc.concat(rules[rule]);
return evolve(y + z + xs.join(""), new_acc)
}
}
function draw(state, context, acc) {
const cell_dim = 2
Object.keys(state).forEach(
function (key) {
if(state[key] == "1") {
context.fillStyle="black";
context.moveTo(key * cell_dim, acc * cell_dim)
context.fillRect(key * cell_dim, acc * cell_dim, cell_dim, cell_dim)
}
})
}
window.addEventListener("load", async function() {
const canvas = document.getElementById("canvas")
canvas.width = window.innerWidth
canvas.height = window.innerHeight
const ctx = canvas.getContext("2d")
const initial_state = [...Array(canvas.width)].map(
_=> getRandomInt(0, 2).toString()
).join("")
var new_state = evolve(initial_state, "")
var acc = 0
while(acc < canvas.width) {
draw(new_state, ctx, acc)
new_state = evolve(new_state, "")
acc++
await sleep(100)
}
})