From the course: Articulate Storyline 360: Advanced Elearning

Randomize the course background - Storyline Tutorial

From the course: Articulate Storyline 360: Advanced Elearning

Start my 1-month free trial

Randomize the course background

“

- [Instructor] Random number variables can be used for more than just generating random scenarios. They can also be used to randomize on-site objects, such as graphics and background images. Let's take a look at how it works. So, I'm here in the start slide where we're generating that random scenario variable to show learners one of three possible scenario slides, but let's say we want to freshen the visuals here each time the learner lands on this slide by swapping out this graphic with a series of images and just keeping the content fresh here just like we're keeping the scenario content fresh. We can do that and we can even use the same variable we already created, so here's what we'll do. First we want to select the image and come on down to the states panel. Choose edit states, and you have a couple options here. You could manually create each state yourself if you are pulling these images out of content library, for example or media library. If you already have the images already prepared on say your desktop, you can choose to import those pictures as states, so we could do that. So I have these series of images. I'm just going to select all three, choose open, and story lens can add each of those as a custom state using the same name as the image. That's great, right? Done editing states and now we can just add the triggers to swap this image out each time the timeline begins based on the value of that random variable, so here's what we do. New Trigger and this time we'll change the state of and that'll be the place holder graphic. It's called Place Holder, and we'll say change it to state BG01, Background 01, not when user clicks but when the timeline starts, down here and the timeline on this slide and now we need the condition, right, 'cause the condition's always what makes this happen, so we'll say if the random scenario is equal to a value of one, change it to Background 01. If the random scenario equals one, click OK, and let's copy that trigger and then paste it two more times. Whoops, didn't mean to do that. Actually it was pasting it on the graphic instead. Make sure we're pasting it on the slide so it's a timeline trigger, so this time we'll say change it to Background 02 if that value equals two, and we'll paste it one more time. Background 03 if the value is three. We can use the same variable and still generate images changes along with the content. Okay, let's preview the project and see how it looks. Okay, so we see the random scenario value is two. I think this is image two. Let's refresh it a couple times. There's another image and it says one, so let's see if we can see three. Ah, there's three. We'll keep goin' and there's three again and two and so on, so great. We can just make these subtle changes in the course by randomizing the images or background graphics to just give some additional visual variety to our learners.

Contents