From 07920b89df298d4592650e8eb37cd305bbf9c4e8 Mon Sep 17 00:00:00 2001
From: Elijah Cohen <eli@eli173.com>
Date: Mon, 21 Nov 2022 16:34:53 -0600
Subject: [PATCH] ready to publish in some form i guess
---
README | 2 +-
basic.html | 62 +++++++++++++++++++++++++++++++++++++++++++++++++++++
icn.png | Bin 0 -> 6437 bytes
index.html | 61 +++++++++++++++++++++++++++-------------------------
life.html | 1 +
life.js | 35 +++++++++++++++++++++++++-----
minplay.js | 33 ++++++++++++++++++++++++++++
rps.js | 12 +++++++++++
8 files changed, 171 insertions(+), 35 deletions(-)
create mode 100644 basic.html
create mode 100644 icn.png
create mode 100644 minplay.js
diff --git a/README b/README
index ecbd6b6..60ddffd 100644
--- a/README
+++ b/README
@@ -23,7 +23,7 @@ Finally, the drawState method is probably the most complicated method in this cl
Finally, extend the Grid class. The constructor needs to call the super's constructor, and pass the subclass you've defined above and your desired 'default' state. There's also an optional 'step' method, which is mostly useful for cellular automata, and enables the play and pause features in the editor (and which can be useful in other contexts as well). This method determines the state of the grid which is to follow immediately from its current state. The 'clone' method from the Hex subclass may be incredibly useful here.
-And that's it. To use your new implementation in the editor, just set the variable =g= to a new instance of your grid, and replace 'basic.js' with the name of your file in 'index.html', then load up the 'index.html' in your browser.
+And that's it. There are only a couple more things to do before you can use your new implementation in the editor. First, set the variable =g= to a new instance of your grid. Then, make a copy of 'basic.html' named as you'd like, and then in that file replace 'basic.js' with the name of the file your implementation is in. With that done, you can load up the new html file in your browser and get to it!
The editor has copying and pasting features, transformation features, saving, loading, importing and exporting features, and can advance and play cellular automata.
\ No newline at end of file
diff --git a/basic.html b/basic.html
new file mode 100644
index 0000000..d73f976
--- /dev/null
+++ b/basic.html
@@ -0,0 +1,62 @@
+<!doctype html>
+<meta charset="utf-8">
+<html>
+ <head>
+ <script src="grid.js"></script>
+ <script src="cell.js"></script>
+ <script src="play.js"></script>
+ <script src="basic.js"></script>
+ <script>
+ function run() {
+ lc();
+ }
+ </script>
+ <style>
+ span {
+ margin=left: 15px;
+ }
+ input[type=number] {
+ width: 30px;
+ margin-left: 15px;
+ }
+ select {
+ margin-left: 15px;
+ }
+ #es {
+ margin-left: 15px;
+ }
+ </style>
+ <link rel="icon" type="image/png" href="icn.png"/>
+ <title>hexagonal grids</title>
+ </head>
+ <body onload="run()" style="background-color: #f8f8ff;">
+ <div class="ctrl">
+ <span>
+ <input type="button" id="step" value="step"/>
+ <input type="button" id="playpause" value="play"/>
+ <input type="range" id="tempo" value="150" min="20" max="500"/>
+ <input type="button" id="clear" value="clear"/>
+ <input type="button" id="reset" value="reset"/>
+ </span>
+ <span>
+ <input type="number" id="rad" value="9" min="1" max="30" step="1"/>
+ <input type="button" id="rot" value="rotate hex"/>
+ <input type="button" id="flp" value="flip hex"/>
+ <input type="button" id="rfl" value="reflect hex"/>
+ <input type="button" id="copy" value="copy hex"/>
+ <input type="button" id="paste" value="paste hex"/>
+ </span>
+ <span>
+ <input type="number" id="slot" value="1" min="1" max="9" step="1"/>
+ <input type="button" id="save" value="save state"/>
+ <input type="button" id="load" value="load state"/>
+ </span>
+ <span>
+ <input type="button" id="es" value="export state"/>
+ <input type="button" id="is" value="import state"/>
+ </span>
+ <details><summary></summary><span id="outzone"></span></details>
+ </div>
+ <div><canvas width="2000" height="2000" id="c"></canvas></div>
+ </body>
+</html>
diff --git a/icn.png b/icn.png
new file mode 100644
index 0000000000000000000000000000000000000000..0baa94fb8b2028efd922e128818d1cd471f287a8
GIT binary patch
literal 6437
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
UyMwP`>nGcx)wEPguiXpz56w-!MgRZ+
literal 0
HcmV?d00001
diff --git a/index.html b/index.html
index d73f976..e92ebcd 100644
--- a/index.html
+++ b/index.html
@@ -4,14 +4,23 @@
<head>
<script src="grid.js"></script>
<script src="cell.js"></script>
- <script src="play.js"></script>
- <script src="basic.js"></script>
+ <script src="minplay.js"></script>
+ <script src="life.js"></script>
<script>
function run() {
lc();
+ setInterval(play, 200);
}
</script>
<style>
+ .d {
+ text-align:center;
+ margin: 0 auto;
+ }
+ .d2 {
+ max-width: 600px;
+ margin: 0 auto;
+ }
span {
margin=left: 15px;
}
@@ -30,33 +39,27 @@
<title>hexagonal grids</title>
</head>
<body onload="run()" style="background-color: #f8f8ff;">
- <div class="ctrl">
- <span>
- <input type="button" id="step" value="step"/>
- <input type="button" id="playpause" value="play"/>
- <input type="range" id="tempo" value="150" min="20" max="500"/>
- <input type="button" id="clear" value="clear"/>
- <input type="button" id="reset" value="reset"/>
- </span>
- <span>
- <input type="number" id="rad" value="9" min="1" max="30" step="1"/>
- <input type="button" id="rot" value="rotate hex"/>
- <input type="button" id="flp" value="flip hex"/>
- <input type="button" id="rfl" value="reflect hex"/>
- <input type="button" id="copy" value="copy hex"/>
- <input type="button" id="paste" value="paste hex"/>
- </span>
- <span>
- <input type="number" id="slot" value="1" min="1" max="9" step="1"/>
- <input type="button" id="save" value="save state"/>
- <input type="button" id="load" value="load state"/>
- </span>
- <span>
- <input type="button" id="es" value="export state"/>
- <input type="button" id="is" value="import state"/>
- </span>
- <details><summary></summary><span id="outzone"></span></details>
+ <div class="d2">
+ <div class="d">
+ <div>
+ <p>Here's a nice playground for a few cellular automata on a hexagonal grid:</p>
+ <ul>
+ <li><a href="rps.html">Game of Life</a></li>
+ <li><a href="ww.html">WireWorld</a></li>
+ <li><a href="life.html">Rock-Paper-Scissors Automata</a></li>
+ </ul>
+ <p>In all of these, you'll be brought to a blank canvas, where you can create your own patterns and run them as automata. Clicking in the vast space you're given will add or remove cells from the simulation and change their statuses. You can also change the speed with the slider, and do some advanced editing with the other tools at the top, as well as saving and exporting your arrangements (the export output is hidden by the little triangle until you click it).</p>
+ <p>The Game of Life one is a standard port of the classic. You can even adjust how many neighbors cause cells to survive or spawn.</p>
+ <p>WireWorld is another classic automata. This is the one I've done the most with, and it's fairly straightforward to implement various logic gates here. I've done so, and put a 'demo' menu on this page, so you can see some examples of this. There are some cool ones, take a look!</p>
+ <p>If you'd like to implement your own form of hexagonal-grid automata, check out the <a href="README">README</a> file.</p>
+ <p>Just a note, this is not fast. The primary focus of this was to get something extensible and fun up quickly. I am liable to redesign this with speed in mind, but if I do, it will keep the same extensibility you find in the current version.</p>
+ </div>
+ <input type="button" id="step" value="step" hidden />
+ <input type="range" id="tempo" value="150" min="20" max="500" hidden />
+ <div><canvas width="200" height="200" id="c"></canvas></div>
+ <input type="button" id="refr" value="refresh" />
+ <p>Maybe, one day in the distant future, if we're nice enough, bees will help us compute things. This is the first step towards that.</p>
+ </div>
</div>
- <div><canvas width="2000" height="2000" id="c"></canvas></div>
</body>
</html>
diff --git a/life.html b/life.html
index 97b7338..60fc1c7 100644
--- a/life.html
+++ b/life.html
@@ -8,6 +8,7 @@
<script src="life.js"></script>
<script>
function run() {
+ initRulue();
lc();
}
</script>
diff --git a/life.js b/life.js
index 6bd3c50..16f79ee 100644
--- a/life.js
+++ b/life.js
@@ -9,8 +9,10 @@
//let PRODUCES = [2];
// alt?
-let SURVIVAL = [3];
-let PRODUCES = [2];
+//let SURVIVAL = [3];
+//let PRODUCES = [2];
+let SURVIVAL = new Set([3]);
+let PRODUCES = new Set([2]);
const LifeState = {
@@ -79,12 +81,12 @@ class LifeGrid extends Grid {
}
let nbrct = nbrs.reduce(reducefn,0);
if(cellcp[i].state == LifeState.ON) {
- if(!SURVIVAL.includes(nbrct)) {
+ if(!SURVIVAL.has(nbrct)) {
this.cells[i].state = LifeState.OFF;
}
}
if(cellcp[i].state == LifeState.OFF) {
- if(PRODUCES.includes(nbrct)) {
+ if(PRODUCES.has(nbrct)) {
this.cells[i].state = LifeState.ON;
}
}
@@ -110,7 +112,12 @@ function blankHex(q,r,sz,g) {
}
}
-
+function randHex(q,r,sz,g,val=0.5) {
+ let h = g.copyHex(q,r,sz);
+ for(let c of h) {
+ g.change(Math.random() > val? LifeState.OFF:LifeState.ON, c.q,c.r);
+ }
+}
function randomize(q,r,g) {
// puts random elements in the grid
for(let i=0;i<q;i++) {
@@ -125,3 +132,21 @@ function randomize(q,r,g) {
}
}
}
+
+function initRulue() {
+ let toggler = (e) => {
+ let which = parseInt(e.target.name);
+ let toBeChanged = e.target.id[0] == 'b' ? PRODUCES: SURVIVAL;
+ if(e.target.checked) {
+ toBeChanged.add(which);
+ }
+ else {
+ toBeChanged.delete(which);
+ }
+ }
+ let a = ["s1","s2","s3","s4","s5","s6","b1","b2","b3","b4","b5","b6"];
+ for(let i of a) {
+ console.log(i);
+ document.getElementById(i).onclick = toggler;
+ }
+}
diff --git a/minplay.js b/minplay.js
new file mode 100644
index 0000000..5603d7d
--- /dev/null
+++ b/minplay.js
@@ -0,0 +1,33 @@
+
+
+
+var g = null; // must be set elsewhere before using anything in here
+
+//params
+xcenter = 200/2
+ycenter = 200/2
+scale = 5
+
+var ctx = null;
+var c = null;
+
+var timeout = 200;
+var rstgrid = g;
+var intervalID = null;
+
+
+function play() {
+ g.step();
+ drawGrid(g, ctx, xcenter,ycenter,scale);
+}
+function lc() {
+ c = document.getElementById('c');
+ ctx = c.getContext('2d');
+ randHex(5,5,12,g,0.6);
+ drawGrid(g, ctx, xcenter,ycenter,scale);
+ b = document.getElementById('refr');
+ b.onclick = refresh;
+}
+function refresh() {
+ randHex(5,5,12,g,0.5);
+}
diff --git a/rps.js b/rps.js
index ac766d3..10e9dd8 100644
--- a/rps.js
+++ b/rps.js
@@ -153,3 +153,15 @@ function randomize(q,r,g) {
}
}
}
+function randHex(q,r,sz,g) {
+ let h = g.copyHex(q,r,sz)
+ for(let c of h) {
+ let rv = Math.floor(Math.random()*3);
+ if(rv<1)
+ g.change(RPSState.ROCK,c.q,c.r);
+ else if(rv<2)
+ g.change(RPSState.PAPER,c.q,c.r);
+ else
+ g.change(RPSState.SCISSORS,c.q,c.r);
+ }
+}
--
2.39.5