Posts tagged canvas

Making the Paper Snowflake Web App, Part 1 – Layering canvases

snowflakes-featured2

My first blog post explaining some of the code behind my Paper Snowflake web app. In this installment, we look at how multiple canvases are used together to handle drawing and interactivity tasks.

Paper Snowflake Maker – Create, save, and share snowflakes with this HTML5 Canvas app.

snowflakes-featured

Create virtual paper snowflakes with this web app built around the HTML5 canvas. Save your images to your computer, or share them on Facebook.

N-body planar choreographies: illustrating mathematics in HTML5 canvas

nBody-featured

An application built in HTML5 and canvas is used to illustrate some intriguing mathematics.

Smooth HTML5 Canvas Radial Gradients with Dithering

DitheredRadial-featured

Very smooth radial gradients in the canvas, in an easy to use JavaScript class. Subtle gradients across a wide area can be produced without noticeable banding.

Random Braids – minimalist generative art in HTML5 canvas

braid-featured

Minimalist generative art in the form of colorful braided strings. Inspired by mathematics and the book “10 Print.”

Updated With New Features: Beautiful Fractals in HTML5 Canvas

chaos2featured

A newly updated fractal flame generator in HTML5 canvas, with more controls and features. Apply rotational or mirror symmetries, or a non-linear variation which can produce pretty swirls. Try out the eight different presets for a quick start.

A Colorful Cellular Automaton in HTML5 Canvas

cellular-featured

Watch a cellular automaton create a pleasantly evoloving tapestry of color. The algorithm makes use of some ideas from a flocking algorithm. It is completely deterministic but the resulting color changes appear to be unpredictable.

More Generative Art in HTML5 Canvas – Sweeping Fractal Lines, version 2

Morphing2_featured

More generative art experiments with smoothly transitioning lines drawn on the canvas. Parameters for drawing the lines are determined by a fractal subdivision process similar to my earlier art experiments.

Generative Art in HTML5 Canvas – Sweeping Fractal Lines

bluePostThumbnail

Slowly morphing fractal curves sweep across the canvas, creating very pretty evolving and flowing structures. I present seven different variations on this theme, using different colors, gradients, and drawing parameters. Included is the necessary code for exporting images from the canvas to a saveable format.

Pleasantly imperfect rectangles using fractal subdivision

stripes

I extend the ideas in my post on drawing imperfect circles, now to draw imperfect rectangles. I tweak the fractal subdivision process used to determine the randomness, and create a couple more examples of simple but pleasant shapes that appear to be drawn by a human.