Month: October 2014

How to Work with Instructional Designers

Happy Halloween everyone!

In an appropriate celebration of this spooky holiday, the ELH Challenge for the week centers around things that Instructional Designers don’t like to hear – the tricks amongst the treats of our jobs.

My team recently got a shiny new subscription to GoAnimate and so I decided to try it out and make a short video for this challenge. In order to make it a little more useful so we can share it around the office, I framed the video as “Things You Should Know About Working with Instructional Designers”. It’s a bit of a work in progress; we are also going to add some tips at the end. But for now, here it is!

Enjoy!

Advertisements

Moving Pictures

I managed to kill 2 birds with one stone today and built a quick little demo that both demonstrates some motion paths in SL2 (which I wanted to do on the blog this week) and completes this week’s ELH Challenge!

This week’s challenge was to create create some pictograms for a specific industry or topic.  I am about to embark on a project that will have lots of images of kids, so that was my inspiration.

2014-10-08_15-37-55

Creating the characters

All of these characters and their accessories were created in SL2 using the built in shapes.  I think the components are pretty easy to see, but feel free to download and dissect the file if you are unsure about how a shape was created.

Adding motion paths

Each character or their object moves when the character clicked. Here’s how each motion was created (from left to right):

2014-10-08_15-57-05Character 1 – The truck zooms away from the boy on one click, and then back to him on the next. Each motion is it’s own motion path. The first path is freeform, the second is a simple line. I changed the state of the truck image so that it would “point” in the direction it was moving. In order to trigger the correct motion path on a click, I used a T/F variable. It is toggled each time a motion path completes.

Character 2 – The doll moves between the arms of the girl. This was accomplished just like with character 1, but arc motion paths were used for both directions.

Character 3 – Her arm moves along a small circle path each time you click.

2014-10-08_15-50-29

Character 4 – The ball is thrown up in the air… then falls back down to his hand. This is 2 connected motions, each a simple line. The trick is that I used a relative start point for the second path so it would be one smooth motion. (Relative start points were also used for characters 1 & 2).

Character 5 – Her books opens and glasses appear. This is just a simple state change!

The new motion paths in SL2 really open up a world of possibilities – this is just scratching the surface. If you are unsure where to start, you can check out this blog post by Mike Enders or some of these videos from Arlyn Asch. There is also a great practice activity in the community tutorials.

Most of all, have fun!

Slider Encore

Somehow, magically, I was ahead of the game last week.

Not long after I published my Sliding Along with Storyline 2 post, David posted that this week’s ELH Challenge would be to create something using the new sliders feature! Imagine my surprise and delight when my post was featured on the challenge page.

I could have taken this as a free pass for the week – and almost did! – but decided instead to have a little more fun.

So, here is yet another slider demo for you to play around with.

2014-10-02_14-36-14

This demo uses four different sliders.  3 of them just change the states for elements on the screen (main walls, accent wall, and floor). The fourth slider is the one I love. Take a look:

Do you spot that fourth slider? Yep, it’s the wall! Here’s a look at it partially down:

2014-10-02_14-36-47

And if you pull the thumb on the slider all the way down:

2014-10-02_14-40-36

How’d I do it?  Easy!

This is actually a built in slider, nothing fancy. I just made it REALLY big. Most of the built in thumbs have texture, but there is one that doesn’t (though it does have that funny little shadow that shows up as a white line).

If you’d like to see more “behind the scenes” on this project, please feel free to download the source file and have at it. (I also sneak in a use of the motion paths feature, which I’ll talk about next week!)

Be sure to check out the other fabulous entries from this week’s challenge. There is some great inspiration in there!

Have a slider-iffic day!