Type something here

Available characters:

Use this control to adjust the time of the animation. Far left for the beginning, far right for the end.

Result

Zoomed In

Click on one of the letters above to see more details about that letter. (Currently this only works for the rough option.) You can see some results below. You can see additional information in the console. And this automatically copies information that you can paste into ./path-debugger.html for even more options.

After

This is the item you clicked on after it was made completely rough.

Before

This is the item you clicked on after minimal processing. It should look just like the original to the end user. However, it will typically convert all commands to Q commands and split some commands into smaller pieces.

If you want to morph between normal and rough options, start from this, not the original.

What is this?

This is a new take on the demos I've created in ./letters.html. The user can type any text he wants, including line breaks. And I will display the words as sky writing.

I really like the sky writing effect and I want to do a better job of that. Presumably I can add other effects, too, chosen from a radio button.

The idea is that a "normal" person could use this. Presumably you could write a message, customize it, then send someone a url to view it.

This is a work in progress. I'm refactoring code so ./letters.html and this page can share more code. At this point I can switch between different animation styles and configure the animation from the GUI. I need to fix some small bugs in the Handwriting demo, but it's a pretty good proof of concept. And I need to port more demos to this page.

I'm still focused on skywriting. "Handwriting" is an important step along the way. I'm pretty happy with with this animation. I'll probably tweak it, but for now it looks great.

I'm just getting started on the "rough" stuff. I used rough.js on ./letters.html. That was good enough for a prototype, but I've clearly pushed it as far as I can. On this page I'm making things "rough" with my own code. This is a promising start. I've got a lot of cleanup to do, but the basic idea is in place and looks good.

This page is part of a bigger project.