Create a measuring tape

Feb 11, 2015

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?

 

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

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.

 

This discussion is closed. You can start a new discussion or contact Articulate Support.