How could i create a measuring tape (widget) in Storyline to measure sides of a box or any shape, so the user could drag around the page using the tape?
I made a simplified version of your graphic. I added the position of each measurement on the slide (I used a text box, but added an arrow INTO the NORMAL STATE). I also needed my tape measure so I just googled one (For a nice effect I added a DOWN state on the tape measure so it changes when you use it).
Step 2: Preparing for interactivity
Next I changed the states of all the measurements to HIDDEN so a user does not see them when they access the slide. To create the interactivity I use 4 hotspots (one for each measurement).
Step 3: Add interactivity
Next up is telling storyline to show the measurement (change state from HIDDEN to NORMAL) when I place my measure tape on the hotspot. So we create a trigger for this.
This is a trigger for 1 measurement, so I need to do this for all 4 hotspots.
OPTIONAL | Step 4: Hiding the measurements when you check something else
Now if you want to keep your screen nice and tidy, we need to change the states of the measurements to HIDDEN when we don't measure them. So we do the opposite of the previous triggers and tell Storyline to hide my measurement when I measure any of the other sides.
Now if this is unclear, please check the attachment where I made a working version.
can a user drag the tape from one end to another end (not just drag & place it on a side) ?
it would have been nice, if one end of tape gets locked/fixed as soon as a user places it on a side of a shape and drags the other end of tape (it will unfold as the user drags the tape) to the other end of the shape.
Here's an example that uses a Storyline 2 slider as a draggable measuring tape. Since you can't drag or rotate a slider into place, there are three separate sliders. The measurement outputs feed into a set of variables. You could use these in creative ways to ask folks to solve a problem, or give the length of 2 sides and ask them to first calculate the third side then check their answer with the tape.
Here's an example that uses a Storyline 2 slider as a draggable measuring tape. Since you can't drag or rotate a slider into place, there are three separate sliders. The measurement outputs feed into a set of variables. You could use these in creative ways to ask folks to solve a problem, or give the length of 2 sides and ask them to first calculate the third side then check their answer with the tape.
need to reset the slider / tape once it has finished measuring one side.
I stole Christophe's image, brought it into Fireworks, knocked out the background and mirrored the top and bottom sides. Then with the slider selected, select the format tab, drop down the Thumb Fill and select Picture. This makes the thumb into an image.
On each transparent object used to open the layer, create a trigger to adjust the variable for the slider in question to 0 when the user clicks the object. This will ensure that the value used in the previously dragged set will remain but when a new tape is summoned, it resets that tape back to zero.
Does anybody know how to change to final value? It's set right now to stop counting up at 100 when you drag the slider all the way to the end. I need it to stop at 40. Probably an easy thing to do, but I can't figure it out!
13 Replies
Hello Joydeep,
I think I found a solution to your problem.
Step 1: Creating all objects on my screen
I made a simplified version of your graphic. I added the position of each measurement on the slide (I used a text box, but added an arrow INTO the NORMAL STATE). I also needed my tape measure so I just googled one (For a nice effect I added a DOWN state on the tape measure so it changes when you use it).
Step 2: Preparing for interactivity
Next I changed the states of all the measurements to HIDDEN so a user does not see them when they access the slide. To create the interactivity I use 4 hotspots (one for each measurement).
Step 3: Add interactivity
Next up is telling storyline to show the measurement (change state from HIDDEN to NORMAL) when I place my measure tape on the hotspot. So we create a trigger for this.
This is a trigger for 1 measurement, so I need to do this for all 4 hotspots.
OPTIONAL | Step 4: Hiding the measurements when you check something else
Now if you want to keep your screen nice and tidy, we need to change the states of the measurements to HIDDEN when we don't measure them. So we do the opposite of the previous triggers and tell Storyline to hide my measurement when I measure any of the other sides.
Now if this is unclear, please check the attachment where I made a working version.
Greetings
wow! thanks for the workaround .. will take a look.
thanks a lot :)
can a user drag the tape from one end to another end (not just drag & place it on a side) ?
it would have been nice, if one end of tape gets locked/fixed as soon as a user places it on a side of a shape and drags the other end of tape (it will unfold as the user drags the tape) to the other end of the shape.
Here's an example that uses a Storyline 2 slider as a draggable measuring tape. Since you can't drag or rotate a slider into place, there are three separate sliders. The measurement outputs feed into a set of variables. You could use these in creative ways to ask folks to solve a problem, or give the length of 2 sides and ask them to first calculate the third side then check their answer with the tape.
This post was removed by the author
I stole Christophe's image, brought it into Fireworks, knocked out the background and mirrored the top and bottom sides. Then with the slider selected, select the format tab, drop down the Thumb Fill and select Picture. This makes the thumb into an image.
thanks .. i figured it out ..
but i need to reset the slider once it has finished measuring one side.
Easy enough.
On each transparent object used to open the layer, create a trigger to adjust the variable for the slider in question to 0 when the user clicks the object. This will ensure that the value used in the previously dragged set will remain but when a new tape is summoned, it resets that tape back to zero.
A slider is tied to a variable, in case that isn't clear:)
Thank's Steve for the great idea and use of slider. Learned something new today!
Does anybody know how to change to final value? It's set right now to stop counting up at 100 when you drag the slider all the way to the end. I need it to stop at 40. Probably an easy thing to do, but I can't figure it out!
Select the slider you want to change and then edit its End value under the Slider Tool > Design tab.
It works! Thank you!
This discussion is closed. You can start a new discussion or contact Articulate Support.