Resize rectangle with slider
Aug 29, 2016
I've just started using SL2 and I'm loving it. I like the idea of showing a cause and effect relation using slider and it was done brilliantly by David Fair and shown here in the first video as "Employee Health". However, I've downloaded the practice files and this specific animation is not in the file. So, I thought I ask it here.
What I'm trying to do is to resize a rectangle using a slider. I tried to create some states (only changing height value) and it changes based on the value of slider but they are not "animating" just like in the video in the link. If it would have been a circle, a grow animation would be an appropriate choice but in case of rectangle, it doesn't really produce the effect.
Another approach is to create many height states and have equal steps in the slider and then have trigger for each, but it's too much work and still would appear as static changes not something similar to a motion tween.
Any ideas how can I achieve this?
6 Replies
I think the employee health example uses more states (and more and smaller steps on the slider), thus making the bars 'animate' more smoothly.
Thanks Michael. I think currently this is the way to go. Let's see if anyone else share another trick.
Hi there, Najam! I had a discussion like this a few days ago. Here's the link; Walt shared an alternative way using motion paths. I threw some screenshots in there, as well, with how the Health and Wellness demo was built. Happy building!
One other (more exotic) option is to use sliders for the bars as well. See this example here. As you move the slider on the lower right, the 'buckets" for CO, Co2, etc. move accordingly. These are sliders that are masked (other elements were placed on top) so they look like bars that move up and down.
Thanks Crystal and Michael for brilliant tricks!
Happy to help! :)
This discussion is closed. You can start a new discussion or contact Articulate Support.