Dotted line animation

[MaxZieb (Loves Hype)]

You can use the rubber hose technique to achieve this with a live preview . I’ll tweak the code later today. Update: as promised, here is the implementation…

Hype DashArray and PathLength Decorator

[CleanShot 2021-11-14 at 17.49.22@2x] This decorator allows you to set the dasharray and fix the path to a certain length using dataset values. The data keys are as follows data-dasharray and data-pathlength: [CleanShot 2021-11-14 at 17.52.10@2x] This decorator is incompatible with the built-in line draw functionality of Hype. Use dash offset to animate your dash array! Also, be aware that supplying an odd number of dash gap/lines values repeats the pattern to become even (for example: 5,3,1…