Pencil animation (or line animation)

[jonathan (Jonathan Deutsch)]

@Saeta

I take this opportunity to ask if you plan to implement a pair of textured pencils.

Thanks for the request!

There's a definite possibility for this; Hype uses SVG under-the-hood which has a filter mechanism that can enabled a wide range of effects. There are performance implications, but it is something we have on our list to investigate.

Luckily, @MaxZieb led the way with developing ways to use this within Hype already. You can check out this thread where he has an example project that textures the strokes:

Hype Filter Effects Enabler (based on SVG-Filter)

Hype PencilEnabler (Beta) This effect emulates a pencil. It includes a bunch of filters from 8H to 8B. It’s still in beta and needs some optimization. It’s the first filter using a filter factory to reduce code size. Filtersettings are ruffly based on an inkscape document (involved a lot of DIFF/searching). [image] Example Download: Hype 4 Example : HypePencilEnabler 1.0 (Beta) Versionhistory: 1.0 Initial release as symbol and under MIT-license

The basic flow to getting this to work is:

1. Copy the "HypePencilEnabler 1.0" symbol element and paste it into your document
2. Add a Class Name for your vector shape in the Identity Inspector that matches what was used for the shape elements in the example document, like "hypePencilHB"
3. Export or Preview (it will not show up in Hype's editor)