MaxZieb
(Loves Hype)
November 14, 2021, 12:13pm
13
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…
[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…