Choose your words carefully in this inspired customer service game. It uses the interactive slider feature in Storyline 360 to create a side scrolling/parallax effect.
Published 6 years ago
Version 1.0
Blog Post
- Hey everyone - the updated demo is now available here:
https://community.articulate.com/discussions/building-better-courses/angry-words-parallax-side-scroll-fast-sort-game
This version uses Jump To Time triggers to create a looping animation to replace the no longer supported 'GIF in slider thumb' method of the original.
Please refer to this updated tutorial for further guidance:
https://rise.articulate.com/share/h1OUyAx8x33DK_mSAqRkHLxyzulixZJC#/lessons/dhdHBLq92gHmWMZUk7L_pijywtdz7XTC
Drop me a line if you have any questions! - Hey everyone!
Like a lot of things, this demo stopped working properly during the Covid-19 pandemic. Mostly as Storyline no longer supports GIFs in slider thumbs.
However, I have fixed and updated this demo and will be sharing this method at the Articulate User Con at this year's DevLearn, and then I'll post the updated demo and resources here, too.
Watch this space!- Looking forward to the updated demo and all the best!
- This is great! I ’d love to use this for customer service training.
- Fingers crossed! This course is brilliant!
- Chrome and Edge users may have issues with the animated bird embedded in the slider. Hopefully this a temporary issue.
https://community.articulate.com/discussions/building-better-courses/gifs-no-longer-supported-in-slider-thumbs#reply-771405 - Ah! I appreciate the reply! It works perfectly fine if I don't try to add the duplicate slide with new phrases. Will definitely watch this space as this game is definitely a keeper! I'm using the most recent version of Storyline 360 and the last version you created for Amanda over a year ago, so you've done something right! ;o)
- I want to add more levels, so I duplicated the original slide and pointed the play button at the end of the original slide to the duplicate slide. Since they don't need the tutorial, I'm trying to decipher where the appropriate "landing spot" is to start the phrases again. They don't need the Start Layer as far as I can tell or the How to Play info. Can you help me figure out what to remove? I did something and now the bird won't move!
- Hi Jennifer - adding more levels may be best best achieved by adding more layers and/or more flying text boxes, rather than adding a new slide.
There are a lot of variables that depend on the position of the slider, and duplicating the game slide will create a second slider and a new slider variable - breaking the connections established in the main game.
This demo is now quite old and I too have noticed that Storyline no longer appears to support GIFs as slider thumbs, which may explain why the bird no longer moves.
You may find the blog I wrote at the time helpful?
https://www.linkedin.com/pulse/flip-bird-jonathan-hill-assoc-cipd/
In the meantime I am working on a updated version of this demo using the latest version of Storyline. Watch this space.
- Super cool! Thank you! :)
- This is so cool.Thanks a Ton for the share. It helps in learning things deeper.
- I am so sad, fiil like I'm the last man who has dealed with this application
