WebKit CoGe

Animating Text via Webkit

usefuldesign.au's picture

Is it possible to animate characters on a web page via Javascript? I know AJAX can change the text strings, is it possible to use JS to modulate the baseline or sub/superscript function of individual letters? Is there a property for a characters vertical position relative to the baseline of any given piece of text?

Reason for asking is a shortcut to making animated text, like that wobbly effect often used to make digital animation look more analogue. I know I can make a structure in QC of individual glyphs and animate them in various ways but I would still have to manually assign an X position for each glyph (unless using a monospaced freehand looking font if such a font exists). That would require programming the position of each character every time I changed the text string :/.

Any ideas gratefully received. Also if anybody has mastered a Dr Katz-style line wobble CI filter, I'm interested in that too!

Example: http://storyofstuff.org/bottledwater/