Interactive BMI Calculator

Here is a nifty Body Mass Index calculator that I created in Storyline 2 a while ago as part of a larger project.  The calculations are kind of old school – done completely using Storyline variables and triggers. I am still amazed at what you can do with triggers in Storyline, but if I were to redo this again, I’d probably use JavaScript to make the coding cleaner.  I did republish the project in Storyline 360 to take advantage of all that lovely HTML5 output.

Just click the image to launch the calculator.

Launch Presentation

I’ve included the Storyline (360) source file here for those of you who are interested in seeing how it was done. 

Share
Continue Reading No Comments

Animated Math Quiz

Over the holidays I spent some time learning Adobe Character Animator CC – The application is still in beta and has a few rough edges especially when it comes to animating scenes but overall I really love how easy it is to create animated characters in this tool. 

In my first attempt, I created the characters and the grocery scene in Animator and then pulled it into Articulate Storyline 360 to create the quiz functionality. You know the drill, click the picture to view the demo.

Launch Presentation
Share
Continue Reading 2 Comments

2017 is a Green New Year

Pantone has picked Greenery as the 2017 colour of the year because of the fresh new start the colour invokes. I think we could all use a fresh start after 2016 – don’t you?

In honour of greenery and new starts, I’ve put together this little interaction that you can use to create a new years greeting to help us usher in 2017.

All I did for this interaction is insert an online drawing tool called Sketchpad into Storyline using the insert web object option and then added the instructions to a layer in Storyline.

I noticed when testing on mobile devices (iPad Pro and Samsung Gallaxy 4) the drawing tools in Sketchpad do not display even though the app works on these devices. So right now your best bet for viewing is using a desktop computer. 

Share
Continue Reading No Comments

Dial Me In – There’s a New Dial Object in Storyline 360

Storyline 360 has a added a dial object to it’s cast of interactive objects. I wanted to try out this new feature so created this little demo of a (not so) moving car as it turns out. I have three dials in this demo. One for the steering wheel and one each to turn on the driver-side and passenger-side air conditioner.  The dials were really easy to set up but I ran into a couple of limitations that prevented me from implementing my vision for this demo. My initial plan was to shift the background video to the left or right as the wheel was turned to simulate the car responding to movement of the wheel. This didn’t pan out because you can’t add motion paths to videos in Storyline. To get the effect I wanted, I would have had to use graphics for my background. I might still do this but for now it is what it is. My fallback position was to group all of the car elements including the dials and then move the group left or right as the wheel is turned but this did not pan out either because you can’t include dials in groups. I settled for having the GPS move as the wheel turns and you can use the aircon dials to hide/show a layer that contains audio of blowing air.

Here is the demo for what it is worth – make sure you break for the rabbit – we don’t want any distracted drivers here.

Launch Presentation
Share
Continue Reading No Comments