Storyline 360: Angry Words Side Scrolling Game - Downloads

2,900 Downloads

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.

Experience this project in action.

55 Comments

Bryan Mendelson

over 4 years ago11/05/19 at 5:18 pm (UTC)

This is so awesome! You are well on your way to making us all better educators. Thank you Jonathan.

over 4 years ago11/09/19 at 5:34 pm (UTC)

Thanks Bryan. I'm mostly just messing about and seeing what sticks 😄

sondita mein

over 4 years ago11/05/19 at 8:50 pm (UTC)

Love it! Thank you for sharing :)

Saravanan Rajendran

over 4 years ago11/07/19 at 3:17 am (UTC)

Thank you Jonathan for sharing this awesome work!

Patrice Sigmon

over 4 years ago11/20/19 at 4:58 pm (UTC)

WOW. This is fantastic! Who knew sliders could be so entertaining? Thanks for posting the additional information about building the project - it really helped me as I explored the story file.

over 4 years ago11/21/19 at 9:35 am (UTC)

Thanks Patrice! If there are any aspects of the design you are having trouble unpacking, drop me a line.

abdallah almouka

over 4 years ago11/27/19 at 9:47 am (UTC)

Thanks.

J Rodriguez

over 4 years ago12/10/19 at 4:25 am (UTC)

Brilliant concept and amazing execution! I’d love to use this for sales training.

Gavin Heryng

over 4 years ago12/13/19 at 9:47 am (UTC)

So much fun, I love it! :)

Jonathan Hill
Author

over 4 years ago12/13/19 at 10:51 am (UTC)

Thanks all! If you need any additional help or support using or adapting this for your own projects, drop me a line.

over 4 years ago12/19/19 at 5:23 pm (UTC)

Hello Jonathan..this is awesome! We are non-profit organization create educational tools for children. If ok with you, I would like to use it for one of our project and make few changes.

over 4 years ago12/20/19 at 5:03 pm (UTC)

No probs, go for it. Hope your project goes well.

Myriam Kobtane

over 4 years ago12/18/19 at 12:36 pm (UTC)

Fantastic! I can't stop playing :) :) Thank you for sharing Jonathan!

Kristine Forney

4 years ago02/01/20 at 6:25 pm (UTC)

This is phenomenal! I'm working on building an online course for a piece of my dissertation. Do you mind if I use this and adapt as needed?

4 years ago02/06/20 at 4:48 pm (UTC)

Hi Kristine - thank you! Feel free to adapt and use it is you please. Hope it's of use.

Emily Elliott

4 years ago02/06/20 at 2:49 pm (UTC)

this is amazing!

Mary Nunaley

4 years ago02/13/20 at 10:21 pm (UTC)

I love this and I can see how this would be useful in so many situations. Thanks for the detailed how to's, too

4 years ago02/14/20 at 6:52 am (UTC)

Thanks Mary, it's my pleasure. If you need any further help understanding or repurposing the source file, drop me a line.

Nikki Velonis

almost 4 years ago04/29/20 at 11:09 pm (UTC)

I'm a newbie. Can you briefly explain how I could add more phrases and/or levels to the game?

almost 4 years ago04/30/20 at 5:04 am (UTC)

It's probably best if you start with this blog, which unpacks how the game works and provides a high level overview of its structure. There you will see how each phrase is 'fired' and how one of three patterns is selected when the game starts, to vary the order of the phrases. The same logic could be used to add more levels to the game. https://bit.ly/elhc253bl If you're still unclear on how to adapt this for your own use, drop me a line personally.

almost 4 years ago05/04/20 at 3:35 pm (UTC)

Will do. Thanks a ton!

Amanda Venturino

almost 4 years ago05/08/20 at 5:24 pm (UTC)

Hello Jonathan! I'm using your template for a game and I noticed that the up and down keys are not working to move birdy. In fact I have to use the left and right arrows to move him. Do you know how to fix this? Thanks!

almost 4 years ago05/08/20 at 5:36 pm (UTC)

Hi Amanda. I can only assume something has changed between the version of SL360 I authored this in and the current version. You may need to re-target the trigger that powers the change in the variable to ensure it's targeting the correct keys.

almost 4 years ago05/08/20 at 5:48 pm (UTC)

I was trying ti figure out which trigger that would be. Could you tell me what to look for?

almost 4 years ago05/08/20 at 5:52 pm (UTC)

I think what is probably happening is that the default accessibly key controls for the slider (left/right) are superceding the triggers I put in to achieve the same action (up/down). It may be that the enhanced accessibility options in recent updates has changed how the course performs. Remember, the slider is originally designed to move horizontally, not vertically, so the behaviour you're experiencing is most likely the accessibility controls for sliders kicking in. Double-check the triggers that add to/subtract from the 'Birdy' variable when the user presses up or down.

almost 4 years ago05/08/20 at 5:58 pm (UTC)

I checked the triggers, it still says Up and Down... Hmmm.... I'm just not sure I have the experience with this software yet to figure out this issue. Any other suggestions?

almost 4 years ago05/08/20 at 6:00 pm (UTC)

Are you experiencing the issue in preview mode or the published file? If you're experiencing it in preview, you may be surprised to find it works when you publish it. Try publish for Web and run the HTML story file on your local drive and see if that makes a difference.

almost 4 years ago05/08/20 at 6:05 pm (UTC)

It's also the case that key-press triggers only work after the user has clicked somewhere on the slide. "Key press triggers occur when the learner presses a specific key after clicking the slide or layer." https://community.articulate.com/series/articulate-storyline-360/articles/articulate-storyline-360-user-guide-how-to-work-with-triggers If you attempt to control the game without using a mouse at all, the built-in accessibility key-press for the slider may be the only key-press trigger in operation. That is until you click somewhere on screen, then the custom key-press triggers will kick in.

almost 4 years ago05/08/20 at 6:10 pm (UTC)

Ok so this is weird... I took the trigger keys and set them opposite, so down became up and up was the down key. And it worked, but it was the opposite keys. So then I put them back the way they were and it didn't work! Now what? And yes, I did try publishing it.

almost 4 years ago05/08/20 at 6:12 pm (UTC)

Honestly, I'm at a bit of a loss. I've just run the story file here without experiencing this issue and the keys work in preview mode too. Are you using SL360 or SL3 and have you recently updated your software? Are the keys still amending the 'Birdy' variable and is the slider still linked to the 'Birdy' variable?

almost 4 years ago05/08/20 at 6:17 pm (UTC)

Hello. I am using SL360. Let me try re-downloading the original file again. All I changed where the words.

almost 4 years ago05/08/20 at 6:20 pm (UTC)

Let me know how you get on Amanda and I'll do my best you help you if the issue persists. The only other thing I can think of is do you have a specially configured keyboard for any reason?

almost 4 years ago05/08/20 at 6:22 pm (UTC)

Ok, I just downloaded the original file again and yes, I still had the same issue. As soon as a click one key to 'start' the game the up and down arrows don't work anymore. However, a work around for me is to use the U and D keys instead..? That seemed to have worked. I don't know why the up and down keys aren't working, in both preview mode and published HTML mode.

almost 4 years ago05/08/20 at 6:26 pm (UTC)

Hi Amanda. This is very strange. I can't replicate the bug here and I'm working from the download file too. I take it you're using a standard keyboard with no special configuration?

almost 4 years ago05/08/20 at 6:28 pm (UTC)

No special keyboard. Just the most recent version of SL360

almost 4 years ago05/08/20 at 6:34 pm (UTC)

Shouldn't be an issue, but are you on a PC or Mac? Try this version of the download instead, that doesn't have a Mac folder name: https://bit.ly/elhc253dl

almost 4 years ago05/08/20 at 6:36 pm (UTC)

PC. I just logged out and updated SL360, then went back in. Again, it worked if I used the opposite keys, Down and Up insted of Up and Down, but as soon as I do it the correct way it won't work.

almost 4 years ago05/08/20 at 6:41 pm (UTC)

Think I've figured out how to resolve this for you. Copy and paste the two UP/DOWN key-press triggers into all three of the GAME PLAY layers too, as well as the base layer. That should fix it?

almost 4 years ago05/08/20 at 6:44 pm (UTC)

When I did that, there were only 3 positions the bird could be in instead of many. So it would go up one position and down one position.

almost 4 years ago05/08/20 at 6:51 pm (UTC)

I also noticed that using the mouse doesn't seem to work at moving the bird at all. I think that the best thing I can do is to just use the U and the D key.

almost 4 years ago05/08/20 at 6:54 pm (UTC)

Hi Amanda - there's definitely something weird going on I am afraid. The mouse should work in all circumstances, as this is built around a standard slider. Does the online preview behave for you in the same way? https://bit.ly/elhc253 I've just republished the course here using the latest version of SL360 and it works as intended on a PC, in both preview and publish. Try this version: https://bit.ly/elhc253dl

almost 4 years ago05/08/20 at 7:19 pm (UTC)

THank you! This version works really well! Thank you!

almost 4 years ago05/08/20 at 7:22 pm (UTC)

Ah, I am glad. I guess it must be as I built it using an earlier version of SL360. Pleased we got there in the end! Hope it meets your needs.

Saripuddin Sapiri

almost 4 years ago06/03/20 at 1:35 pm (UTC)

I am so sad, fiil like I'm the last man who has dealed with this application

Ben Johns

almost 4 years ago06/11/20 at 7:45 pm (UTC)

This is so cool.Thanks a Ton for the share. It helps in learning things deeper.

Vanessa Garcia

almost 3 years ago07/23/21 at 11:27 pm (UTC)

Super cool! Thank you! :)

Jennifer Cummings

over 2 years ago11/11/21 at 2:49 pm (UTC)

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!

over 2 years ago11/11/21 at 3:33 pm (UTC)

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.

Jennifer Cummings

over 2 years ago11/11/21 at 5:40 pm (UTC)

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)

Jonathan Hill
Author

over 2 years ago11/12/21 at 12:43 pm (UTC)

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

Jennifer Cummings

over 2 years ago11/12/21 at 1:37 pm (UTC)

Fingers crossed! This course is brilliant!

Kristin Floyd

over 1 year ago11/08/22 at 10:48 pm (UTC)

This is great! I ’d love to use this for customer service training.

Jonathan Hill
Author

8 months ago09/11/23 at 5:50 pm (UTC)

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!

7 months ago09/20/23 at 2:26 pm (UTC)

Looking forward to the updated demo and all the best!

Jonathan Hill
Author

3 months ago01/30/24 at 4:45 pm (UTC)

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!