Tag: canvas

  • New Feature – Download demo image

    New Feature – Download demo image

    I’ve been revamping the site, working towards a more visual layout.  Part of that has been going through old posts and attaching an image to every single one of them.  Some of them just needed selecting an image from the content, and some needed an entirely new image generated from the demo code.  In the…

  • All filled in – Animated Generative circles #2

    All filled in – Animated Generative circles #2

    The stills don’t have anywhere near the punch that the ring rendering does, but the nebulous billowy cloud like effect is nice. I’m using the same code to pick the colors, just replacing stroke with fill. I’ll have to keep this in my back pocket and see if there is something I can pull this…

  • Circular Cellular Automata

    Circular Cellular Automata

    These are the same cellular automata I’ve been working with.  This time I’ve just mapped them into a circular grid, which seemed to make sense as I’m using circular boundary conditions. Related Images:

  • Connected components in cellular automata

    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…

  • A Random Walk Through Some Cellular Automatons

    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…

  • Chaos #1

    Chaos #1

    I’m starting a new series based on chaotic dynamical systems. Related Images:

  • A minor update – circles

    A minor update – circles

    I’ve changed the algorithm up a little bit using circles instead of lines.  I like the additional focus point it adds to the composition.   Related Images:

  • Canvas Line Based Image Renderer

    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…

  • HTML5 Canvas Image Effects

    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…

  • Messing around with the canvas mask api

    Messing around with the canvas mask api

    This is just a quick little demo using the mask API call. It ended up looking a little nicer than I thought it would, so I figured I’d show it. Related Images: