Let's say you want to make a curved interactive slider as depicted below:
And you want to make the control handle draggable but constrain it to the slider path.
We don't currently support Path Constraints in Haiku, but you could try to achieve a similar effect creating a curved path animation.
- Animating elements along a curved path (vertical path)
- Video tutorial: Animating elements along a curved path (horizontal path)
Forkable example (
Xis being transitioned linearly, while
Yis being transitioned to the midpoint with an
easeOutSineand to the endpoint with an
Tip: there's also an approach outside of summonables, using the external API to control the timeline. Check out this proof of concept: https://codepen.io/zackbrown/pen/pOKWJJ