Archives for Uncategorized

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.

I can see your particle remnants: misadventures in alpha blending.

ugly gray trails

Are you fading out images in the HTML5 canvas by painting a transparent black rectangle over the top? Did you test your animation in different browsers? You may be unaware that ugly gray remnants are being left behind. I discuss the problem, how to predict the color of these remnants, and some workarounds.

Textured Rectangles for Equality

hrc-featured

Some generative images to show support for marriage equality in the United States.

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.”

Smooth HTML5 Canvas Gradients with Floyd-Steinberg Dithering

ditherGrad_featured

Create very smooth gradients in the canvas with this easy to use JavaScript class. Subtle gradients across a wide area can be produced without noticeable banding.

Interesting textures with layered fractal gradients

fractalgrad_featured

Some interesting gradient textures are created with a fractal subdivision process.

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.