13 Replies
Christophe Jacobs

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

Abhishek Roy

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.

 

Steve Flowers

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.

Abhishek Roy
Steve Flowers

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.

 

Steve Flowers

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.