"Draw On" Animation Effect

svg
vectors

(LNew) #1

Is there a way to create a draw on animation effect in Hype? I am trying to create that effect in the icons in the attached Hype file.

test.zip (203.8 KB)


(Mark Hunte) #2

Can you explain that in a bit more detail or show an existing example…


(LNew) #3

Here is an example using Animate CC. I’d like to know if and how this can be done in Hype. Thank you https://www.youtube.com/watch?v=oQYlG82XJj4


#4

You can’t do this in the fashion described in the video as there is no drawing tool in Hype. The next version of Hype will have a vector tool that allows things similar to the video (but not the same). In the meantime you will have to resort to animated GIF or use the technic describe here https://css-tricks.com/svg-line-animation-works/ and implement it via CSS (next version of Hype has support for this technic built in).


#5

BTW maybe this helps:
https://maxwellito.github.io/vivus-instant/