Using Hype Data Decorator you can easily setup a Rubberhose style animation system. There is also some separate experimentation with a data-style
attribute in the second scene. Have fun!
You only need to animate one vector object and can mirror additional ones with other dash array, dash offsets and colors settings. If the regular stroke dasharray
in Hype doesn't suffice just use the attributes data-dasharray
and data-dashoffset
on a given copy while running it in a preview loop (on play) for live updates and complex patterns. The decorator sets the pathLength
to 100 on any line so you can rely on a stable pattern.
Each numbered vector shape drives the other vector shapes of the same color. Eyes have be ruffly tracked onto body.
Quick animation with Luchador rocking
Download file:
Rubberhose-and-Data-Style-Decorator.hype.zip (65,9 KB)