More of the stereographic circle series.  In this one, the circles are defined by iterating over a circle in 3 dimensional space.  That circle is bouncing up and down in the vertical direction.The changing shape and disappearance come from the circle leaving the interior of the sphere and returning bit by bit.
Connected components in cellular automata
This is a basic rendering just connecting cells if they are in the same state. It turned out kinda neat. I started with a ball and stick model, but the balls just added visual noise. I think I’ll try rotating a shaded ball next, but the transitions require comparing two models instead of just blending the two images. Â
Related Images:
More animated Circles
This page is just playing around with linear paths through the circle space. Â I’ve tried some more complicated shapes but they quickly get too complicated.
Related Images:
A Random Walk Through Some Cellular Automatons
I wanted to investigate how closely various cellular automatons that differed by only one term were to each other, so I whipped up a demo that does a random walk through the parameter space of 1-d 2 bit automatons using a neighborhood of 5 pixels. Â This is the first one that popped up.
The next one is a automaton that differed by one parameter and is either off by one either above or below the example above.
As you can see the result is much more regular and I would have considered it completely different, not a close neighbor of the previous rendering. Â Another step:
This is more interesting, but is another close neighbor of previous two.
I decided to start over and in a little more controlled environment, I came up with these two.
And one of it’s neighbors.
As you can see, this part of the space has more closely related images. Â It appears to be close to what I would have expected. Â The more “binary” you get with the 2 value spaces and smaller neighborhoods the less related the images are, and the larger the pixel and neighborhood spaces the more “continuous” the behavior becomes. Â That doesn’t mean that the hard boundaries go away, and I’m sure many measures of the resulting spaces have a self similar structure, which would be interesting to investigate in and of itself.
My next plans involve, showing single pixel deviations in the initial state, and then building graphs of all the positions of the automaton spaces. Â I’d like to compare how the graphs change as you make the automaton space larger. Â I still have more predator prey stuff on the back burner too.
Related Images:
Cellular automaton #1
Well, it’s time to switch gears again for a little bit. Â I finally threw some simple code together for a 1d cellular automaton, and the patterns are fascinating. Â I’ve got a few ideas to work through with these. Â I’m not sure if there is anything worthwhile in this vein, but I see how fascinating they are now.
Related Images:
Distortion
I’m still playing around with my new approach generating images. Â This one is based on a simple first order differential equation, which keeps the lines from overlapping each other.
For this particular image I created a ring of distortion using a narrow Lorentzian function and some angled lines.
Related Images:
A minor update – circles
Canvas Line Based Image Renderer
This is the second in a series of canvas rendering demos that I’m putting together. The first  was from yesterday’s post using random colored circles.  This one was inspired by an image I came across on pinterest.
Most images look pretty horrible with this approach, but objects that have relatively plain textures and strongly delineated boundaries both end up looking pretty good.
Like yesterdays demo, you need to have an image on your system to upload to see anything.
Related Images:
HTML5 Canvas Image Effects
It helps when you actually upload the page for your demos. Â One of the down sides of scheduling posts before finishing them is that you might publish prematurely.
This is the first page I put together to play around with the combining the canvas and file upload controls. Â The page works by loading up the image and generating random circles using the center point of the circle to sample the color. Â Playing with the alpha level of the circle led to some interesting effects, but I didn’t prefer one setting over any of the others, so I set it to vary with time.
I’m trying to get it to preload an image from the site, but the canvas security and random errors I’m getting are making it not worth the effort. Â Long story short, you have to have an image to upload for this page to work, so when you navigate to it, click the button and upload an image.
Related Images:
HTML5 color eyedropper
This is an uber-simple html5 eye dropper tool that creates a json array of rgba values. It’s the format I like to use for my demos and while I have a few colorpickers installed in my browsers there wasn’t one that let me pick a bunch of colors quickly from one image and get them in the format I needed. With some quick hacking I was able to put this together in about 50 lines of Javascript. Hopefully this leads to some more color full demos in the future.