Skip to content

Gestures on the <canvas>

2009 September 25

I’ve begun developing an algorithmic, recursive gestural tree using JavaScript to draw into the HTML5 <canvas> element.  After running into a few initial problems, like discovering I was overflowing my browser stack limit, I progressed to some scribbly sketches.

Picture 1 Picture 2 Picture 3 Picture 4 Picture 5

Fixing the locating problems yielded these:

Picture 9 Picture 10 Picture 11 Picture 12

I then decided to move towards a continuous, single line composed of Bezier segments:

Picture 13 Picture 16 Picture 17

This could easily pave the way for a recursive sketching algorithm that composes each Bezier segment from n number of smaller Bezier segments down to a predefined number of levels.  The larger question, in this investigation, remains: what determines the high-level gestures?

Related Posts:

Comments are closed.