In the next step this will be wrapped in an extension and offered as minified code that runs on every scene load. Much more can’t be offered at this point. The code then kind of disappears into a modular “Runtime” extension. I wish extensions could have more capabilities in the GUI itself because making them keeps the base runtime slim and one could modularize features. But in this case I would be very surprised if this doesn’t end up in the core GUI and runtime.
The extension at this point only requires to be run on scene load and looks for “[data-clip-path]” (meaning an attribute on the element) containing the classname of the vector tool outline. Simple… no coding required!
PS: I was playing around with point generation along a path so the next update here will most likely include a polygon option instead of only the #url schema. After that a mutation observed option would be nice to update mask changes hence enabling animated masks. The later is still only an idea.
Example Download: Download removed … is now built in since 1.7
Should now also support Adobe Illustrator path objects as mask out of the box. Next up generated Polygone masks and animation on needs basis (hence Hype MutationObserver).
I hope he feels it that way too . Much appreciated feedback! I love that Hype offers the flexibility. Now we need that modularity reflected in the IDE and Beginners get the awesome Tumult Introduction with more then enough to learn and use... and Professionals and Companies can build ontop Hype and tweak/extend it to their needs.
Oh absolutely! I love seeing the work of these -- from a developer's standpoint the extensions act as nice prototypes for what might become built-in features . (Not to mention showing the need to making it easier to build such extensions in the first place).
This is a big one and I am proud of it. Uses minimal invasive approach using Mutation Observer. Although having dedicated callbacks from the IDE would make it easier. Works great for now.
Now nudging/moving of elements (clipPath receivers and Vector tool sources) is correctly tracked in the IDE. Animations are previewed correctly but still require Hype AnimationFrame or HypeMutationObserver to be updated once exported. I like the modularity but am thinking about including a Mutation Observer for animation right out of the box (as one would expect).
Sidenote: I added data-clip-path-visible to this release. If it is set alongside data-clip-path the orginial vector outline stays visible in the output (including filling).
Here is another little fun experiment with Hype ClipPath. It uses Hype MutationObserver to update only when needed (when vector element is dragged). This gives you a custom and morphable searchlight type of mask. For this demo I use the path itself as a drag handle but it could be anything and then you would just update the position of the vector path with setElementProperty.
PS:Uncover the meaning and find a little old friend as a bonus