files for other site

diff --git a/min_demos.js b/min_demos.js
new file mode 100644 (file)
index 0000000..c6a90cf
--- /dev/null
+++ b/min_demos.js
@@ -0,0 +1,3 @@
+let adder = '[{"q":-1,"r":18,"state":"off"},{"q":-2,"r":17,"state":"off"},{"q":0,"r":23,"state":"off"},{"q":0,"r":27,"state":"off"},{"q":1,"r":27,"state":"off"},{"q":3,"r":27,"state":"off"},{"q":4,"r":27,"state":"off"},{"q":2,"r":21,"state":"off"},{"q":5,"r":27,"state":"off"},{"q":6,"r":26,"state":"off"},{"q":8,"r":24,"state":"off"},{"q":7,"r":13,"state":"off"},{"q":-1,"r":17,"state":"off"},{"q":-4,"r":19,"state":"off"},{"q":-7,"r":22,"state":"off"},{"q":-6,"r":17,"state":"off"},{"q":-5,"r":17,"state":"off"},{"q":-4,"r":17,"state":"off"},{"q":-3,"r":21,"state":"off"},{"q":-3,"r":22,"state":"off"},{"q":-4,"r":22,"state":"off"},{"q":0,"r":18,"state":"off"},{"q":-4,"r":24,"state":"off"},{"q":-3,"r":25,"state":"off"},{"q":1,"r":21,"state":"off"},{"q":-3,"r":17,"state":"off"},{"q":-7,"r":25,"state":"off"},{"q":-3,"r":26,"state":"off"},{"q":-2,"r":25,"state":"off"},{"q":2,"r":20,"state":"off"},{"q":2,"r":17,"state":"off"},{"q":1,"r":16,"state":"off"},{"q":0,"r":16,"state":"off"},{"q":-8,"r":22,"state":"off"},{"q":3,"r":18,"state":"off"},{"q":3,"r":17,"state":"off"},{"q":-3,"r":28,"state":"off"},{"q":-2,"r":27,"state":"off"},{"q":4,"r":19,"state":"off"},{"q":4,"r":17,"state":"off"},{"q":-7,"r":28,"state":"off"},{"q":-3,"r":29,"state":"off"},{"q":-1,"r":27,"state":"off"},{"q":4,"r":22,"state":"off"},{"q":5,"r":21,"state":"off"},{"q":5,"r":20,"state":"off"},{"q":-3,"r":30,"state":"off"},{"q":-2,"r":29,"state":"off"},{"q":1,"r":26,"state":"off"},{"q":4,"r":23,"state":"off"},{"q":5,"r":22,"state":"off"},{"q":6,"r":21,"state":"off"},{"q":6,"r":15,"state":"off"},{"q":-4,"r":30,"state":"off"},{"q":4,"r":24,"state":"off"},{"q":6,"r":22,"state":"off"},{"q":5,"r":24,"state":"off"},{"q":6,"r":23,"state":"off"},{"q":7,"r":19,"state":"off"},{"q":5,"r":25,"state":"off"},{"q":2,"r":26,"state":"off"},{"q":3,"r":26,"state":"off"},{"q":5,"r":26,"state":"off"},{"q":6,"r":25,"state":"off"},{"q":9,"r":23,"state":"off"},{"q":10,"r":22,"state":"off"},{"q":0,"r":28,"state":"off"},{"q":1,"r":28,"state":"off"},{"q":2,"r":28,"state":"off"},{"q":7,"r":26,"state":"off"},{"q":8,"r":25,"state":"off"},{"q":9,"r":24,"state":"off"},{"q":11,"r":22,"state":"off"},{"q":11,"r":20,"state":"off"},{"q":11,"r":19,"state":"off"},{"q":11,"r":18,"state":"off"},{"q":11,"r":16,"state":"off"},{"q":10,"r":15,"state":"off"},{"q":9,"r":25,"state":"off"},{"q":10,"r":24,"state":"off"},{"q":11,"r":23,"state":"off"},{"q":12,"r":21,"state":"off"},{"q":12,"r":20,"state":"off"},{"q":12,"r":18,"state":"off"},{"q":12,"r":17,"state":"off"},{"q":12,"r":16,"state":"off"},{"q":10,"r":14,"state":"off"},{"q":-2,"r":30,"state":"off"},{"q":13,"r":21,"state":"off"},{"q":13,"r":19,"state":"off"},{"q":13,"r":18,"state":"off"},{"q":13,"r":17,"state":"off"},{"q":11,"r":13,"state":"off"},{"q":8,"r":13,"state":"off"},{"q":-4,"r":31,"state":"off"},{"q":-2,"r":31,"state":"off"},{"q":8,"r":12,"state":"off"},{"q":12,"r":12,"state":"off"},{"q":-4,"r":32,"state":"off"},{"q":-3,"r":32,"state":"off"},{"q":15,"r":11,"state":"off"},{"q":14,"r":11,"state":"off"},{"q":13,"r":11,"state":"off"},{"q":-3,"r":33,"state":"off"},{"q":16,"r":11,"state":"off"},{"q":-3,"r":34,"state":"off"},{"q":-2,"r":34,"state":"off"},{"q":17,"r":10,"state":"off"},{"q":17,"r":9,"state":"off"},{"q":15,"r":9,"state":"off"},{"q":14,"r":9,"state":"off"},{"q":13,"r":9,"state":"off"},{"q":-9,"r":35,"state":"off"},{"q":-7,"r":35,"state":"off"},{"q":-5,"r":35,"state":"off"},{"q":-3,"r":35,"state":"off"},{"q":0,"r":35,"state":"off"},{"q":1,"r":35,"state":"off"},{"q":18,"r":8,"state":"off"},{"q":16,"r":8,"state":"off"},{"q":-8,"r":36,"state":"off"},{"q":-7,"r":36,"state":"off"},{"q":17,"r":7,"state":"off"},{"q":20,"r":6,"state":"off"},{"q":18,"r":6,"state":"off"},{"q":19,"r":5,"state":"off"},{"q":15,"r":20,"state":"off"},{"q":13,"r":22,"state":"off"},{"q":14,"r":20,"state":"off"},{"q":14,"r":21,"state":"off"},{"q":15,"r":22,"state":"off"},{"q":14,"r":22,"state":"off"},{"q":16,"r":21,"state":"off"},{"q":16,"r":20,"state":"off"},{"q":6,"r":35,"state":"off"},{"q":5,"r":34,"state":"off"},{"q":4,"r":36,"state":"off"},{"q":3,"r":36,"state":"off"},{"q":2,"r":35,"state":"off"},{"q":4,"r":34,"state":"off"},{"q":3,"r":35,"state":"off"},{"q":-7,"r":17,"state":"head"},{"q":-6,"r":18,"state":"off"},{"q":-7,"r":19,"state":"off"},{"q":-8,"r":20,"state":"off"},{"q":-9,"r":21,"state":"off"},{"q":-9,"r":22,"state":"off"},{"q":-6,"r":21,"state":"off"},{"q":-6,"r":20,"state":"off"},{"q":-5,"r":19,"state":"off"},{"q":-7,"r":23,"state":"off"},{"q":-8,"r":24,"state":"off"},{"q":-8,"r":25,"state":"off"},{"q":-7,"r":26,"state":"off"},{"q":-8,"r":27,"state":"off"},{"q":-8,"r":28,"state":"off"},{"q":-7,"r":29,"state":"off"},{"q":-7,"r":30,"state":"off"},{"q":-7,"r":31,"state":"off"},{"q":-7,"r":32,"state":"off"},{"q":-4,"r":20,"state":"off"},{"q":-2,"r":18,"state":"off"},{"q":-1,"r":16,"state":"off"},{"q":1,"r":17,"state":"off"},{"q":2,"r":18,"state":"off"},{"q":4,"r":16,"state":"off"},{"q":-4,"r":21,"state":"off"},{"q":-5,"r":22,"state":"off"},{"q":-5,"r":23,"state":"off"},{"q":-5,"r":24,"state":"off"},{"q":-3,"r":23,"state":"off"},{"q":-4,"r":25,"state":"off"},{"q":-2,"r":24,"state":"off"},{"q":-4,"r":26,"state":"off"},{"q":-3,"r":27,"state":"off"},{"q":-1,"r":23,"state":"off"},{"q":-1,"r":22,"state":"off"},{"q":1,"r":22,"state":"off"},{"q":0,"r":21,"state":"off"},{"q":1,"r":20,"state":"off"},{"q":3,"r":19,"state":"off"},{"q":5,"r":15,"state":"off"},{"q":5,"r":14,"state":"off"},{"q":6,"r":13,"state":"off"},{"q":7,"r":12,"state":"off"},{"q":7,"r":14,"state":"off"},{"q":9,"r":11,"state":"off"},{"q":6,"r":19,"state":"off"},{"q":5,"r":18,"state":"off"},{"q":6,"r":17,"state":"off"},{"q":8,"r":17,"state":"off"},{"q":10,"r":10,"state":"off"},{"q":11,"r":9,"state":"off"},{"q":12,"r":8,"state":"off"},{"q":12,"r":10,"state":"off"},{"q":11,"r":10,"state":"off"},{"q":13,"r":7,"state":"head"},{"q":20,"r":4,"state":"off"},{"q":21,"r":5,"state":"off"},{"q":21,"r":3,"state":"off"},{"q":22,"r":4,"state":"off"},{"q":22,"r":3,"state":"off"},{"q":20,"r":7,"state":"off"},{"q":19,"r":8,"state":"off"},{"q":11,"r":15,"state":"off"},{"q":9,"r":17,"state":"off"},{"q":9,"r":18,"state":"off"},{"q":8,"r":19,"state":"off"},{"q":7,"r":17,"state":"off"},{"q":-2,"r":33,"state":"off"},{"q":-4,"r":35,"state":"off"},{"q":-5,"r":34,"state":"off"},{"q":-1,"r":34,"state":"off"},{"q":-6,"r":36,"state":"off"},{"q":-6,"r":34,"state":"off"},{"q":-7,"r":34,"state":"off"},{"q":-8,"r":35,"state":"off"},{"q":-9,"r":34,"state":"off"},{"q":-8,"r":33,"state":"off"},{"q":17,"r":21,"state":"off"},{"q":15,"r":18,"state":"off"},{"q":15,"r":17,"state":"off"},{"q":15,"r":16,"state":"off"},{"q":15,"r":15,"state":"off"},{"q":16,"r":13,"state":"off"},{"q":17,"r":12,"state":"off"},{"q":18,"r":11,"state":"off"},{"q":19,"r":10,"state":"off"},{"q":20,"r":9,"state":"off"},{"q":16,"r":18,"state":"off"},{"q":17,"r":17,"state":"off"},{"q":17,"r":16,"state":"off"},{"q":17,"r":15,"state":"off"},{"q":17,"r":14,"state":"off"},{"q":18,"r":13,"state":"off"},{"q":19,"r":12,"state":"head"},{"q":20,"r":11,"state":"tail"},{"q":21,"r":10,"state":"off"},{"q":21,"r":8,"state":"off"},{"q":22,"r":7,"state":"off"},{"q":22,"r":9,"state":"off"},{"q":23,"r":9,"state":"off"},{"q":24,"r":8,"state":"off"},{"q":24,"r":6,"state":"off"},{"q":24,"r":7,"state":"off"},{"q":18,"r":17,"state":"off"},{"q":15,"r":14,"state":"off"},{"q":23,"r":6,"state":"off"},{"q":17,"r":22,"state":"off"},{"q":19,"r":20,"state":"off"},{"q":18,"r":21,"state":"off"},{"q":18,"r":22,"state":"off"},{"q":19,"r":21,"state":"off"},{"q":19,"r":17,"state":"off"},{"q":18,"r":23,"state":"off"},{"q":19,"r":23,"state":"off"},{"q":20,"r":22,"state":"off"},{"q":21,"r":21,"state":"off"},{"q":22,"r":20,"state":"off"},{"q":21,"r":20,"state":"off"},{"q":22,"r":21,"state":"off"},{"q":22,"r":19,"state":"off"},{"q":23,"r":18,"state":"off"},{"q":24,"r":19,"state":"off"},{"q":24,"r":18,"state":"off"},{"q":25,"r":17,"state":"off"},{"q":23,"r":20,"state":"off"},{"q":23,"r":22,"state":"off"},{"q":24,"r":21,"state":"off"},{"q":25,"r":20,"state":"off"},{"q":26,"r":20,"state":"off"},{"q":27,"r":19,"state":"off"},{"q":26,"r":21,"state":"off"},{"q":25,"r":22,"state":"off"},{"q":24,"r":22,"state":"off"},{"q":24,"r":23,"state":"off"},{"q":23,"r":23,"state":"off"},{"q":29,"r":22,"state":"off"},{"q":29,"r":24,"state":"off"},{"q":26,"r":27,"state":"off"},{"q":25,"r":27,"state":"off"},{"q":24,"r":27,"state":"off"},{"q":24,"r":26,"state":"off"},{"q":23,"r":26,"state":"off"},{"q":22,"r":25,"state":"off"},{"q":22,"r":24,"state":"off"},{"q":21,"r":26,"state":"off"},{"q":21,"r":27,"state":"off"},{"q":21,"r":44,"state":"off"},{"q":27,"r":27,"state":"off"},{"q":22,"r":27,"state":"off"},{"q":28,"r":22,"state":"off"},{"q":28,"r":23,"state":"off"},{"q":25,"r":26,"state":"off"},{"q":24,"r":28,"state":"off"},{"q":23,"r":28,"state":"off"},{"q":22,"r":28,"state":"off"},{"q":21,"r":24,"state":"off"},{"q":20,"r":25,"state":"off"},{"q":19,"r":26,"state":"off"},{"q":28,"r":26,"state":"off"},{"q":28,"r":19,"state":"off"},{"q":33,"r":8,"state":"off"},{"q":28,"r":21,"state":"off"},{"q":27,"r":23,"state":"off"},{"q":27,"r":24,"state":"off"},{"q":29,"r":23,"state":"off"},{"q":28,"r":25,"state":"off"},{"q":27,"r":25,"state":"off"},{"q":29,"r":20,"state":"off"},{"q":29,"r":19,"state":"off"},{"q":27,"r":18,"state":"off"},{"q":29,"r":18,"state":"off"},{"q":30,"r":18,"state":"off"},{"q":30,"r":17,"state":"off"},{"q":30,"r":20,"state":"off"},{"q":31,"r":20,"state":"off"},{"q":0,"r":31,"state":"off"},{"q":1,"r":30,"state":"off"},{"q":2,"r":30,"state":"off"},{"q":4,"r":29,"state":"tail"},{"q":0,"r":32,"state":"off"},{"q":1,"r":32,"state":"off"},{"q":3,"r":32,"state":"off"},{"q":7,"r":28,"state":"off"},{"q":8,"r":27,"state":"off"},{"q":9,"r":27,"state":"off"},{"q":10,"r":26,"state":"off"},{"q":11,"r":25,"state":"off"},{"q":7,"r":30,"state":"off"},{"q":8,"r":29,"state":"off"},{"q":10,"r":28,"state":"off"},{"q":9,"r":29,"state":"off"},{"q":11,"r":27,"state":"off"},{"q":12,"r":26,"state":"off"},{"q":12,"r":25,"state":"off"},{"q":7,"r":35,"state":"off"},{"q":8,"r":33,"state":"off"},{"q":8,"r":34,"state":"off"},{"q":9,"r":34,"state":"off"},{"q":9,"r":31,"state":"off"},{"q":10,"r":30,"state":"off"},{"q":11,"r":29,"state":"off"},{"q":12,"r":28,"state":"off"},{"q":27,"r":28,"state":"off"},{"q":26,"r":29,"state":"off"},{"q":20,"r":30,"state":"off"},{"q":17,"r":32,"state":"off"},{"q":15,"r":34,"state":"off"},{"q":14,"r":34,"state":"off"},{"q":13,"r":34,"state":"off"},{"q":11,"r":34,"state":"head"},{"q":10,"r":34,"state":"off"},{"q":12,"r":34,"state":"tail"},{"q":15,"r":27,"state":"off"},{"q":14,"r":28,"state":"off"},{"q":13,"r":29,"state":"off"},{"q":20,"r":19,"state":"off"},{"q":21,"r":18,"state":"off"},{"q":20,"r":17,"state":"off"},{"q":21,"r":16,"state":"off"},{"q":22,"r":17,"state":"off"},{"q":23,"r":16,"state":"off"},{"q":24,"r":15,"state":"off"},{"q":22,"r":15,"state":"head"},{"q":23,"r":14,"state":"tail"},{"q":24,"r":14,"state":"off"},{"q":17,"r":26,"state":"off"},{"q":17,"r":27,"state":"off"},{"q":16,"r":28,"state":"off"},{"q":15,"r":29,"state":"head"},{"q":16,"r":34,"state":"off"},{"q":17,"r":34,"state":"off"},{"q":19,"r":34,"state":"off"},{"q":21,"r":34,"state":"off"},{"q":24,"r":31,"state":"off"},{"q":23,"r":32,"state":"off"},{"q":22,"r":33,"state":"off"},{"q":20,"r":34,"state":"off"},{"q":18,"r":34,"state":"off"},{"q":15,"r":32,"state":"off"},{"q":16,"r":32,"state":"off"},{"q":18,"r":32,"state":"off"},{"q":19,"r":32,"state":"off"},{"q":18,"r":30,"state":"off"},{"q":17,"r":30,"state":"off"},{"q":17,"r":29,"state":"off"},{"q":18,"r":28,"state":"off"},{"q":19,"r":27,"state":"off"},{"q":28,"r":15,"state":"off"},{"q":31,"r":16,"state":"off"},{"q":32,"r":15,"state":"off"},{"q":33,"r":14,"state":"off"},{"q":34,"r":13,"state":"off"},{"q":35,"r":12,"state":"off"},{"q":28,"r":5,"state":"off"},{"q":26,"r":7,"state":"off"},{"q":26,"r":8,"state":"off"},{"q":25,"r":9,"state":"off"},{"q":24,"r":10,"state":"off"},{"q":23,"r":11,"state":"off"},{"q":23,"r":12,"state":"off"},{"q":24,"r":12,"state":"off"},{"q":25,"r":12,"state":"off"},{"q":25,"r":13,"state":"off"},{"q":29,"r":16,"state":"off"},{"q":30,"r":15,"state":"off"},{"q":31,"r":14,"state":"off"},{"q":33,"r":11,"state":"off"},{"q":33,"r":9,"state":"off"},{"q":29,"r":14,"state":"off"},{"q":30,"r":13,"state":"off"},{"q":26,"r":6,"state":"off"},{"q":28,"r":4,"state":"off"},{"q":28,"r":3,"state":"off"},{"q":27,"r":3,"state":"off"},{"q":26,"r":4,"state":"off"},{"q":26,"r":5,"state":"off"},{"q":30,"r":4,"state":"off"},{"q":32,"r":3,"state":"off"},{"q":31,"r":3,"state":"off"},{"q":36,"r":3,"state":"off"},{"q":35,"r":3,"state":"off"},{"q":36,"r":11,"state":"off"},{"q":37,"r":10,"state":"off"},{"q":37,"r":9,"state":"off"},{"q":37,"r":8,"state":"off"},{"q":37,"r":7,"state":"off"},{"q":37,"r":6,"state":"off"},{"q":37,"r":5,"state":"off"},{"q":37,"r":4,"state":"off"},{"q":37,"r":3,"state":"off"},{"q":31,"r":9,"state":"off"},{"q":30,"r":10,"state":"off"},{"q":30,"r":11,"state":"off"},{"q":2,"r":38,"state":"off"},{"q":3,"r":38,"state":"off"},{"q":4,"r":38,"state":"off"},{"q":5,"r":38,"state":"off"},{"q":7,"r":38,"state":"off"},{"q":6,"r":38,"state":"off"},{"q":8,"r":38,"state":"off"},{"q":31,"r":21,"state":"off"},{"q":31,"r":22,"state":"off"},{"q":31,"r":24,"state":"off"},{"q":31,"r":23,"state":"off"},{"q":31,"r":25,"state":"off"},{"q":31,"r":26,"state":"off"},{"q":29,"r":29,"state":"off"},{"q":31,"r":27,"state":"off"},{"q":30,"r":28,"state":"off"},{"q":28,"r":30,"state":"off"},{"q":27,"r":31,"state":"off"},{"q":25,"r":33,"state":"off"},{"q":24,"r":34,"state":"off"},{"q":23,"r":36,"state":"off"},{"q":20,"r":38,"state":"off"},{"q":25,"r":34,"state":"off"},{"q":10,"r":38,"state":"off"},{"q":19,"r":38,"state":"off"},{"q":16,"r":38,"state":"off"},{"q":15,"r":38,"state":"off"},{"q":14,"r":38,"state":"off"},{"q":12,"r":38,"state":"off"},{"q":21,"r":38,"state":"off"},{"q":20,"r":39,"state":"off"},{"q":18,"r":37,"state":"off"},{"q":17,"r":39,"state":"off"},{"q":16,"r":39,"state":"off"},{"q":17,"r":37,"state":"off"},{"q":27,"r":17,"state":"off"},{"q":28,"r":16,"state":"off"},{"q":25,"r":16,"state":"off"},{"q":26,"r":15,"state":"off"},{"q":27,"r":14,"state":"off"},{"q":28,"r":13,"state":"off"},{"q":30,"r":14,"state":"off"},{"q":31,"r":13,"state":"off"},{"q":32,"r":12,"state":"off"},{"q":29,"r":12,"state":"off"},{"q":-6,"r":8,"state":"off"},{"q":-7,"r":7,"state":"tail"},{"q":-8,"r":9,"state":"off"},{"q":-6,"r":9,"state":"off"},{"q":-5,"r":7,"state":"off"},{"q":-6,"r":6,"state":"tail"},{"q":-8,"r":7,"state":"off"},{"q":-9,"r":9,"state":"off"},{"q":-8,"r":10,"state":"off"},{"q":-5,"r":9,"state":"off"},{"q":-4,"r":7,"state":"off"},{"q":-6,"r":5,"state":"tail"},{"q":-8,"r":6,"state":"off"},{"q":-10,"r":10,"state":"off"},{"q":-9,"r":11,"state":"off"},{"q":-4,"r":9,"state":"off"},{"q":-3,"r":7,"state":"off"},{"q":-6,"r":4,"state":"head"},{"q":-8,"r":5,"state":"off"},{"q":-11,"r":11,"state":"off"},{"q":-10,"r":12,"state":"off"},{"q":-3,"r":9,"state":"off"},{"q":-2,"r":7,"state":"off"},{"q":-6,"r":3,"state":"off"},{"q":-8,"r":4,"state":"off"},{"q":-12,"r":12,"state":"off"},{"q":-11,"r":13,"state":"off"},{"q":-7,"r":14,"state":"tail"},{"q":-6,"r":13,"state":"off"},{"q":-5,"r":12,"state":"off"},{"q":-4,"r":11,"state":"off"},{"q":-3,"r":10,"state":"off"},{"q":-1,"r":6,"state":"off"},{"q":-1,"r":5,"state":"off"},{"q":-1,"r":4,"state":"off"},{"q":-1,"r":3,"state":"off"},{"q":-1,"r":2,"state":"off"},{"q":-2,"r":2,"state":"off"},{"q":-3,"r":2,"state":"off"},{"q":-4,"r":2,"state":"off"},{"q":-5,"r":2,"state":"off"},{"q":-9,"r":4,"state":"off"},{"q":-10,"r":5,"state":"off"},{"q":-11,"r":6,"state":"off"},{"q":-12,"r":7,"state":"off"},{"q":-13,"r":8,"state":"off"},{"q":-13,"r":9,"state":"off"},{"q":-13,"r":10,"state":"off"},{"q":-13,"r":11,"state":"off"},{"q":-13,"r":12,"state":"off"},{"q":-11,"r":14,"state":"off"},{"q":-10,"r":14,"state":"head"},{"q":-9,"r":14,"state":"tail"},{"q":-8,"r":14,"state":"tail"},{"q":-7,"r":15,"state":"off"},{"q":-6,"r":15,"state":"tail"},{"q":-5,"r":14,"state":"tail"},{"q":-4,"r":13,"state":"tail"},{"q":-2,"r":11,"state":"off"},{"q":-1,"r":10,"state":"off"},{"q":0,"r":9,"state":"off"},{"q":1,"r":8,"state":"off"},{"q":1,"r":7,"state":"off"},{"q":1,"r":6,"state":"off"},{"q":1,"r":5,"state":"off"},{"q":1,"r":3,"state":"tail"},{"q":1,"r":2,"state":"tail"},{"q":1,"r":1,"state":"tail"},{"q":1,"r":0,"state":"tail"},{"q":0,"r":0,"state":"tail"},{"q":-1,"r":0,"state":"tail"},{"q":-2,"r":0,"state":"tail"},{"q":-4,"r":0,"state":"off"},{"q":-5,"r":0,"state":"off"},{"q":-6,"r":0,"state":"off"},{"q":-7,"r":0,"state":"off"},{"q":-8,"r":1,"state":"off"},{"q":-9,"r":2,"state":"off"},{"q":-10,"r":3,"state":"off"},{"q":-12,"r":5,"state":"tail"},{"q":-13,"r":6,"state":"tail"},{"q":-14,"r":7,"state":"tail"},{"q":-15,"r":8,"state":"tail"},{"q":-15,"r":9,"state":"tail"},{"q":-15,"r":10,"state":"tail"},{"q":-15,"r":11,"state":"tail"},{"q":-15,"r":13,"state":"off"},{"q":-15,"r":14,"state":"off"},{"q":-15,"r":15,"state":"off"},{"q":-15,"r":16,"state":"off"},{"q":-14,"r":16,"state":"off"},{"q":-13,"r":16,"state":"off"},{"q":-12,"r":16,"state":"off"},{"q":-10,"r":16,"state":"tail"},{"q":-9,"r":16,"state":"tail"},{"q":-8,"r":16,"state":"tail"},{"q":-1,"r":36,"state":"off"},{"q":-2,"r":37,"state":"off"},{"q":-3,"r":37,"state":"off"},{"q":-4,"r":37,"state":"off"},{"q":-5,"r":37,"state":"off"},{"q":-6,"r":38,"state":"off"},{"q":-6,"r":39,"state":"off"},{"q":-5,"r":39,"state":"off"},{"q":-4,"r":39,"state":"off"},{"q":-3,"r":39,"state":"off"},{"q":-2,"r":39,"state":"off"},{"q":-1,"r":39,"state":"off"},{"q":0,"r":39,"state":"off"},{"q":1,"r":39,"state":"off"},{"q":14,"r":37,"state":"off"},{"q":14,"r":36,"state":"off"},{"q":13,"r":36,"state":"off"},{"q":12,"r":37,"state":"off"},{"q":10,"r":39,"state":"off"},{"q":10,"r":40,"state":"off"},{"q":12,"r":39,"state":"off"},{"q":21,"r":25,"state":"off"},{"q":12,"r":40,"state":"off"},{"q":10,"r":41,"state":"off"},{"q":11,"r":41,"state":"off"},{"q":21,"r":42,"state":"off"},{"q":25,"r":29,"state":"off"},{"q":26,"r":30,"state":"off"},{"q":25,"r":31,"state":"off"},{"q":24,"r":30,"state":"off"},{"q":11,"r":32,"state":"off"},{"q":15,"r":31,"state":"off"},{"q":15,"r":30,"state":"tail"},{"q":13,"r":30,"state":"off"},{"q":13,"r":31,"state":"off"},{"q":12,"r":32,"state":"off"},{"q":24,"r":32,"state":"off"},{"q":23,"r":31,"state":"off"},{"q":27,"r":32,"state":"off"},{"q":26,"r":34,"state":"off"},{"q":26,"r":33,"state":"off"},{"q":25,"r":35,"state":"off"},{"q":24,"r":36,"state":"off"},{"q":23,"r":35,"state":"off"},{"q":22,"r":37,"state":"off"},{"q":21,"r":39,"state":"off"},{"q":22,"r":38,"state":"off"},{"q":21,"r":40,"state":"off"},{"q":19,"r":37,"state":"off"},{"q":18,"r":39,"state":"off"},{"q":17,"r":38,"state":"off"},{"q":-1,"r":35,"state":"off"},{"q":9,"r":37,"state":"off"},{"q":10,"r":37,"state":"off"},{"q":2,"r":33,"state":"off"},{"q":1,"r":33,"state":"off"},{"q":5,"r":29,"state":"head"},{"q":6,"r":28,"state":"off"},{"q":4,"r":31,"state":"off"},{"q":5,"r":31,"state":"off"},{"q":6,"r":30,"state":"off"},{"q":3,"r":29,"state":"off"},{"q":17,"r":25,"state":"off"},{"q":15,"r":26,"state":"off"},{"q":16,"r":25,"state":"off"},{"q":11,"r":30,"state":"off"},{"q":11,"r":31,"state":"off"},{"q":20,"r":29,"state":"off"},{"q":19,"r":29,"state":"off"},{"q":12,"r":27,"state":"off"},{"q":9,"r":33,"state":"off"},{"q":8,"r":35,"state":"off"},{"q":8,"r":32,"state":"off"},{"q":6,"r":34,"state":"off"},{"q":5,"r":36,"state":"off"},{"q":4,"r":35,"state":"off"},{"q":20,"r":31,"state":"off"},{"q":30,"r":5,"state":"off"},{"q":29,"r":6,"state":"off"},{"q":28,"r":6,"state":"off"},{"q":33,"r":7,"state":"off"},{"q":31,"r":8,"state":"off"},{"q":32,"r":7,"state":"off"},{"q":33,"r":10,"state":"off"},{"q":34,"r":3,"state":"off"},{"q":33,"r":3,"state":"off"},{"q":14,"r":-2,"state":"off"},{"q":13,"r":-3,"state":"tail"},{"q":12,"r":-1,"state":"off"},{"q":14,"r":-1,"state":"off"},{"q":15,"r":-3,"state":"off"},{"q":14,"r":-4,"state":"tail"},{"q":12,"r":-3,"state":"off"},{"q":11,"r":-1,"state":"off"},{"q":12,"r":0,"state":"off"},{"q":15,"r":-1,"state":"off"},{"q":16,"r":-3,"state":"off"},{"q":14,"r":-5,"state":"tail"},{"q":12,"r":-4,"state":"off"},{"q":10,"r":0,"state":"off"},{"q":11,"r":1,"state":"off"},{"q":16,"r":-1,"state":"off"},{"q":17,"r":-3,"state":"off"},{"q":14,"r":-6,"state":"head"},{"q":12,"r":-5,"state":"off"},{"q":9,"r":1,"state":"off"},{"q":10,"r":2,"state":"off"},{"q":17,"r":-1,"state":"off"},{"q":18,"r":-3,"state":"off"},{"q":14,"r":-7,"state":"off"},{"q":12,"r":-6,"state":"off"},{"q":8,"r":2,"state":"off"},{"q":9,"r":3,"state":"off"},{"q":13,"r":4,"state":"tail"},{"q":14,"r":3,"state":"off"},{"q":15,"r":2,"state":"off"},{"q":16,"r":1,"state":"off"},{"q":17,"r":0,"state":"off"},{"q":19,"r":-4,"state":"off"},{"q":19,"r":-5,"state":"off"},{"q":19,"r":-6,"state":"off"},{"q":19,"r":-7,"state":"off"},{"q":19,"r":-8,"state":"off"},{"q":18,"r":-8,"state":"off"},{"q":17,"r":-8,"state":"off"},{"q":16,"r":-8,"state":"off"},{"q":15,"r":-8,"state":"off"},{"q":11,"r":-6,"state":"off"},{"q":10,"r":-5,"state":"off"},{"q":9,"r":-4,"state":"off"},{"q":8,"r":-3,"state":"off"},{"q":7,"r":-2,"state":"off"},{"q":7,"r":-1,"state":"off"},{"q":7,"r":0,"state":"off"},{"q":7,"r":1,"state":"off"},{"q":7,"r":2,"state":"off"},{"q":9,"r":4,"state":"off"},{"q":10,"r":4,"state":"head"},{"q":11,"r":4,"state":"tail"},{"q":12,"r":4,"state":"tail"},{"q":13,"r":5,"state":"off"},{"q":14,"r":5,"state":"tail"},{"q":15,"r":4,"state":"tail"},{"q":16,"r":3,"state":"tail"},{"q":18,"r":1,"state":"off"},{"q":19,"r":0,"state":"off"},{"q":20,"r":-1,"state":"off"},{"q":21,"r":-2,"state":"off"},{"q":21,"r":-3,"state":"off"},{"q":21,"r":-4,"state":"off"},{"q":21,"r":-5,"state":"off"},{"q":21,"r":-7,"state":"tail"},{"q":21,"r":-8,"state":"tail"},{"q":21,"r":-9,"state":"tail"},{"q":21,"r":-10,"state":"tail"},{"q":20,"r":-10,"state":"tail"},{"q":19,"r":-10,"state":"tail"},{"q":18,"r":-10,"state":"tail"},{"q":16,"r":-10,"state":"off"},{"q":15,"r":-10,"state":"off"},{"q":14,"r":-10,"state":"off"},{"q":13,"r":-10,"state":"off"},{"q":12,"r":-9,"state":"off"},{"q":11,"r":-8,"state":"off"},{"q":10,"r":-7,"state":"off"},{"q":8,"r":-5,"state":"tail"},{"q":7,"r":-4,"state":"tail"},{"q":6,"r":-3,"state":"tail"},{"q":5,"r":-2,"state":"tail"},{"q":5,"r":-1,"state":"tail"},{"q":5,"r":0,"state":"tail"},{"q":5,"r":1,"state":"tail"},{"q":5,"r":3,"state":"off"},{"q":5,"r":4,"state":"off"},{"q":5,"r":5,"state":"off"},{"q":5,"r":6,"state":"off"},{"q":6,"r":6,"state":"off"},{"q":7,"r":6,"state":"off"},{"q":8,"r":6,"state":"off"},{"q":10,"r":6,"state":"tail"},{"q":11,"r":6,"state":"tail"},{"q":12,"r":6,"state":"tail"},{"q":21,"r":43,"state":"off"},{"q":21,"r":41,"state":"off"},{"q":-7,"r":16,"state":"tail"},{"q":20,"r":44,"state":"off"},{"q":19,"r":44,"state":"off"},{"q":22,"r":43,"state":"off"},{"q":23,"r":42,"state":"off"},{"q":21,"r":45,"state":"off"},{"q":21,"r":46,"state":"off"},{"q":20,"r":45,"state":"off"},{"q":19,"r":46,"state":"off"},{"q":18,"r":47,"state":"off"},{"q":22,"r":44,"state":"off"},{"q":23,"r":44,"state":"off"},{"q":24,"r":44,"state":"off"}]'
+
+let demos = {"adder": adder};

diff --git a/minimal_play.js b/minimal_play.js
new file mode 100644 (file)
index 0000000..137339f
--- /dev/null
+++ b/minimal_play.js
@@ -0,0 +1,51 @@
+
+
+
+g = new WWGrid();
+copybuf = [];
+
+//params
+xcenter = -200
+ycenter = 0
+scale = 10
+
+
+var ctx = null;
+var c = null;
+
+var timeout = 100;
+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');
+               c.onclick = e=>wwonclick(c,ctx,g,xcenter,ycenter,scale,e)
+               c.oncontextmenu = (e) => {e.preventDefault(); wwonrtclick(c,ctx,g,xcenter,ycenter,scale,e)};
+               g.loadState(demos['adder']);
+               drawGrid(g, ctx, xcenter,ycenter,scale);
+}
+
+
+
+
+pptoggle = function(e) {
+               timeout = document.getElementById('tempo').value;
+               if(intervalID == null) {
+                               g.clean();
+                               rstgrid = g.clone();
+                               intervalID = setInterval(play, timeout);
+                               playbtn.value = "pause";
+               }
+               else {
+                               clearInterval(intervalID);
+                               intervalID = null;
+                               playbtn.value = "play";
+               }
+};

diff --git a/other.html b/other.html
new file mode 100644 (file)
index 0000000..d1b8c8e
--- /dev/null
+++ b/other.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<meta charset="utf-8">
+<html>
+  <head>
+    <script src="grid.js"></script>
+               <script src="wireworld.js"></script>
+               <script src="minimal_play.js"></script>
+               <script src="min_demos.js"></script>
+               <script>
+                       function run() {
+                                       lc();
+                                       //console.log(g);
+                                       setInterval(play, 100);
+                                       //console.log("hello");
+                       }
+               </script>
+  </head>
+  <body onload="run()" style="background-color: #f8f8ff;">
+    <div><canvas width="500" height="600" id="c"></canvas></div>
+  </body>
+</html>