SVG-Whiz!

Drawing Online Comics in SVG, Part 3

Layout

Gary Larson notwithstanding, it hard to make an interesting comic with only one panel. Comic strips and comic books both benefit from have a series of panels. Online comics obviously inherit that advantage, and take it further: they are not as constrained by physical limitations (page size), so they let the artist dig into a bigger toolbox to surprise and intrigue the reader. Let's take a page from Scott McCloud's book (only partly metaphorically), and give the panels some continuity with a trail (something with which to lead the reader's eye to the next panel in the sequence:

Hold it! That just looks like a pair of square glasses with googly eyes. Let's toy a bit with layout...

Well, that's better, but how about we stir in some pizzazz?

I know, it's a bit fancy for a simple falling ball, but you understand the potential (pun intended). Note that you can select and copy the text that forms the trail. That is another powerful aspect of SVG that I'll be revisiting later when I investigate creating a search engine to catalog all the dialog in the comic.

Note that on these examples--which are a bit more complex that the ones on the previous page--you can view the source code of the images through the context menu. Okay, that's all for now.





Is this page a mess?
Web Standards shift like wind
Please upgrade browsers