Vector graphics in Hype


(Tamara Cutler) #1

So I have this map made out of vector dots and I want to bring it into hype, scatter the dots then animate them coming back together. When I export from illustrator as svg and bring it into Hype I can only select the whole thing as one piece. I cannot select and animate each dot.
I also tried copying and pasting the dots. Even though they are not grouped it still comes in in one piece. It also doesn’t give me the option to ungroup them in Hype or split them up. Other than copying and pasting every one of these many dots individually does anyone have any suggestions?


(Hans-Gerd Claßen) #2

no really good way with hype here… you may go with anim.js or another library.

it’s not nice :wink: but at least an example :slight_smile: :
https://codepen.io/-hans-/pen/QRLdVq


(Mark Hunte) #3

So I guess you would put the svg code inside the innerHTML of a rect.


And the use some animation code to tap into the svg.



(Tamara Cutler) #4

Maybe not the solutions I was hoping for but solutions none the less! Thanks guys!