I am looking to make this Hanzi stroke animator, which has JSON data such as this, work for any language (as of now, Tibetan, Devanagari, and Tamil). Basically I want to show an animation of how to draw the character.

What is the recommended workflow for doing this for a given script?

  1. Find a font you would like represented in the animation.
  2. Learn the stroke pattern for each glyph from some website.
  3. Edit each font glyph to have strokes be separated somehow?
  4. Export each glyph as SVG?
  5. Take SVG paths and convert to JSON, and then plug into the Hanzi animator. (I can probably do this, but probably not the other steps as I don't know much about fonts as a software engineer).

Is this a good workflow? Any edge cases I need to be aware of? Tangent question, how hard would it be for a font designer to make it so each glyph was divided into the proper strokes, assuming they aren't super familiar with each script (Devanagari, Tibetan, etc.)? Is that a hard process, or easy?

  • Your approach sounds on point to me. There could possibly be a tool out there to do this already (at least for a specific font)? Oct 10 at 21:58
  • 1
    Number 3 is most of the work. Allmost to the point where it would make sense to do the font yourself.
    – joojaa
    Oct 11 at 4:20


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Browse other questions tagged or ask your own question.