I recently posted a short tutorial on my YouTube channel demonstrating how to extend this approach to line animation. In this video, I show:
- how to make vector graphics with a more realistic hand-drawn appearance in drawing tools outside of Hype
- how to import these graphics into Hype as inline SVGs
- how to animate these graphics on the Hype timeline (without having to write any new code)
- how to add a complementary hand-written font and animate it using the @mark haute - typewriter effect (also without having to write any new code).
You can find this video on my YouTube channel here: Make hand-drawn whiteboard motion graphics in Hype from external SVGs - YouTube
The code example mentioned in this video is:
HandDrawnShapeswithTypedLabels.hype.zip (125.0 KB)