Drag to select in Storyline 2

Mar 31, 2016

Hi all.

Looking for a bit of advice please.

I have created a standard Word Search game in one of my Storyline 2 courses (you know, where one has to find a list of words written horizontally, vertically and diagonally that are hidden amongst a sea of seemingly random letters in a grid).

As I couldn't figure out how to select a word once you find it by dragging over it to leave it highlighted in some way, I instead assigned a number to each block in the grid and asked to learner to identify each word found by typing in the relevant grid numbers in the correct order (see attached diagram).  This works well enough, but is a lot more laborious than simply dragging over the words.

Is there a technique available in Storyline 2 that allows you to complete a task by just drawing a rounded rectangle over something?


4 Replies
Graeme Foulds

Hi.  Thanks for the response.

Your suggestion sounds intriguing.  Please tell me more about how it would work, specifically how the correct letters would be selected to trigger the layer appearing - which is my main issue.

I do have a Correct and an Incorrect layer linked to each word to be found, whereby the Correct layer appears (with the hidden word highlighted by a semi-transparent rectangular shape) if the player enters the correct number sequence of the hidden word within the allotted time limit (i.e. similar to what you have illustrated above), or the Incorrect layer (which just give a "fail" message without revealing the location of the hidden word) appears if the player either enters an incorrect number sequence or fails to enter the sequence within the permitted time limit.

I am struggling with a practical method by which the player can identify / select the hidden word on the grid though.

Graeme Foulds

Okay all.

Joanne's response got me thinking, and I've now come up with a more workable solution than requiring learners to type in numbers.

What I ended up doing was creating hotspots over each letter of a hidden word, and then linking a True/False variable to each hotspot (which admittedly is a fair bit of work, as every letter of every word hidden in the grid ultimately needs its own variable - albeit that I only give one word at a time to the learner to find, so these hotspots are spread out over multiple slides that each use the same grid). 

The default state of each of these variables is False, which only changes to True if the learner clicks that letter in the word currently being searched for.  At the same time the status of a hidden shape placed over that letter also changes to visible, thereby giving the learner some visual feedback regarding his click on the letter.

Then, once he has found and clicked every letter in the word assigned to him to find, he then clicks the submit button top right, which runs a set of conditions that checks that the variable of each letter in that word has been set to True.  If so, the Correct layer appears, highlighting the hidden word with a semi-transparent rectangle as described earlier (and changing the status of the individual letter shapes back to hidden again to make things look neater).

This method works faster as is much less effort for learners than typing in a succession of up to seven (in the case of long words) one-, two- and even three-digit numbers, so I am much happier with this approach.

Thanks Joanne!

Joanne Chen

Hi Graeme, glad to know that you come out an easier way to develop it. And you've inspired me to create a game for my daughter to master her vocabulary (She's struggled to remember new words.) And if you like to know how I did it, here are steps to do first:

  1. Put 100% transparent rectangles with a build-in selected states on top of each letter. So when user clicks a letter which is actually selecting the rectangle, and it will turn back to normal state by clicking the selected letter again.
  2. Create a number variable(initial zero) for submitting, and add 1 when users click on submit button
  3. Create a layer for incorrect submitting
  4. Set word layer for revealing when users find the word.(10 words to find will have 10 layers)
  5. Create a number variable(initial zero) for scoring and add 1 when timeline starts the word layer

Here are more steps for how to set triggers doing correct responses when clicking submit button:

  1. Show the word layer when user clicks submit button on the conditions when all the related letters’ states are equal to selected and the states of letter(s) next to the word is/are not equal to selected.
  2. Adjust submitting value equal to score value when timeline starts word layer. (This trigger is to prevent calling out the incorrect layer)
  3. Show the incorrect layer when submitting variable changes on the conditions of submitting variable not equal to score variable.

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