Side Scroller
In this side scroller game, learners control Enzo the squirrel to collect as many hazelnuts as possible for hibernation. The game is an introduction to the topic of financial provision for old age. In Switzerland, we sometimes refer to this as the squirrel principle, which gave me the idea for this game. The backend to the game in Storyline is pretty much a nightmare (especially the hazelnuts đ). So if anyone has an idea how it could be solved differently (or any other feedback), I would be grateful for your tips. Nevertheless, I am very proud of the result đ Review-Link: SideScroller_Enzo-the-SquirrelAsk the Magic 8 Ball
What does your future hold? Ask the Magic 8 Ball! I wanted to try making a Magic 8 Ball to provide answers to questions entered by the user. There are 20 possible responses provided by a variable. I am still tweaking this, but the main function works the way I want it to. I also experimented with using SSML markup to enhance "Jonah's" speech; pitch, tone, volume, etc.Animations, story-telling, and team building!
I created this course inspired by a previous challenge and a topic request from a client! Built in Storyline with animations from Vyond. I incorporated story-telling and humor to cover the four stages of team building, all wrapped up in an epic quest with knights, wizards and a dragon. Would love to hear what the community thinks! TeamQuest: The Stages of Team BuildingSecurity Code Number Pad
This is a project I have been working on for quite some time, due to the Storyline 360 limitations etc using expressions and having to use several triggers to do one thing, as part of this project. This is an advanced setup so I do not really want to have to troubleshoot or explain if possible. So I am providing as much info as I can here. All shapes and buttons are Storyline shapes and buttons so you can style any way you please. The font for the numbers I used is Digital-7 a free font available online. This is a single slide of a Security Pad where you can add 4 one/two digit codes, so that when they are all correct a Continue button will appear. This can obviously be changed to show a layer or do something else. I left the instructions on the slide that Correct1-4 in the Variables management can be manually changed to the 4 different numbers up to 99. When the number is correct it will be green, when it is incorrect it will be red. All 4 numbers must be correct to show the continue button. The USERINPUT field at the top will show the number currently being input by the user, when the user hits submit the USERINPUT field clears for the next number and moves to the allocated Code to the side. Javascript has been used where necessary such as each number button has a JavaScript code assigned to it to add its value to the USERINPUT with a limitation on 2 numbers. I comment in the codes where possible to explain what is happening. Also, you will see in the triggers panel greyed out triggers. Activating these triggers will allow you to Randomly generate the 4 numbers so that each user gets a unique set of numbers that will avoid copying or code sharing if it is a requirement. Now it is not practical to do this on this slide, so you can move the triggers to different slides in the course to generate the code. Below is the matching pair that you put on a different slide that you want the random number to appear. So RandomNumber1 generates a random number, and the second trigger assigns that random number to Correct1, and so on. They must be in the order below as the RandomNumber1 has to be generated first before populating Correct1 for example. *By leaving those triggers inactive simply means you manually change the Correct1-4 values in the Variable section. Uses for this. Usually for re-enforcement and to ensure attention and focus. At the end of a section you can show a slide that generates a random number or the manual number by adding a text filed with the %Correct1% etc reference and you give instructions to the user to write down the number or whatever, so that at the end of the course they need to input all 4 codes to either complete or move on etc. I have also put a code into a video (sneaky I know) so that they must watch the video to get the number. You can also use a quiz question to give a number answer which can be a "Clue". Good for re-enforcement and remembering and attention. Many applications for this. The Reset Button also has inactive randomising triggers also but activating them will cause the random numbers to regenerate when the reset button is clicked. I have also left on the slide the four Variable references of Correct1, 2, 3 and 4 so you can see the correct answers required. Remove them when publishing. Manually it is Correct1 = 10, Correct2 = 20, Correct3 = 30, and Correct4 = 40. But you will most likely change them to whatever you want. You will find the values in the Variables panel where you can manually change them to whatever you like. Simple place their reference %Correct1% etc, into the section or slide in your course where you want it to be shown for the user to take note of. To use in an existing project, simply go to File-Import, and find the .story file. Import it and if there are more than 1 slide in the .story file you will be asked to choose the slide you want. In this case there is only one slide. By doing this, all triggers and variables will also be imported correctly into the project. I suggest you keep a backup copy of the .story file, and also if you have advanced knowledge of Storyline, spend some time going through everything to help understand what is going on. I am not always available to respond and this is a project that works as is and you are free to adapt change and improve it as you wish. You might want to add an audio beep for each button press for example... I hope this might be useful in some way to add a bit more user interactivity.Using Animations for Knowledge Check Feedback
Here are two short examples of how animations can be used to set up a knowledge check, and provide reinforcing (and humorous) feedback for correct/incorrect answers. Each answer, whether it's incorrect or correct, has a corresponding animated sequence that redirects or reinforces the content. Both of these are from the full course I posted earlier - TeamQuest: I realized short examples are the way to go (first time contributing, still learning the ropes). This was built in Storyline with animations built in Vyond. https://360.articulate.com/review/content/7e663b3f-c82b-4e5a-ba75-9739bce32e10/review https://360.articulate.com/review/content/e0b21eb5-e335-4b4c-80a8-50fd41bd00e0/reviewInteractive Training Exercise
I am working on creating training modules that require the learners to engage in the training, this is my first attempt at creating this. This exercise is for Mimecast's Secure Messaging and prompts the learner to enter data into the email fields just as they would do IRL and is the last part of the lesson, which isn't needed for this exercise, but gives the needed information as to why they would do this. This uses layers variables and triggers and I am quite pleased with it so far. This is one section of the training: Mimecast try it exerciseEmphasis Animations in Articulate Storyline
E-Learning Challenge #449 invited participants to explore how emphasis animations can be used to grab learners' attention. Inspired by a YouTube video from David Anderson, the idea emerged to create a custom drag-and-drop interactionâwith a twist. The interaction revolves around sorting statements about Articulate Storyline by dragging them onto either a Correct or Incorrect target. Instead of relying on Storylineâs built-in drag-and-drop functionality, a manual approach was chosen to gain full control over the learner experience. This allowed for tailored feedback and smoother interaction design. Custom Feedback with a Purpose The interaction was designed to provide clear and engaging feedback for both correct and incorrect actionsâgoing beyond standard Storyline settings. When a statement is dropped incorrectly, a sequence of triggers is activated. The statement smoothly returns to its original position, while a feedback layer appears, featuring a subtle Teeter animation to highlight the mistake. After this visual cue, a move animation reinforces the action before the layer hides itself, allowing the learner to continue without disruption. This approach replaces traditional, intrusive pop-up messages with a more fluid and intuitive correction, keeping learners engaged without breaking their focus. For statements dropped correctly, a small piece of JavaScript was used to enhance the experience. This script triggers an effect where the dragged item fades out and shrinks, creating a smooth "disappearing" animation, as if the statement seamlessly integrates into the correct target area. This subtle visual confirmation reinforces success in a non-disruptive way, allowing learners to stay in the flow of the activity. By combining Storylineâs native tools with lightweight JavaScript and GSAP animations, the feedback feels dynamic, intuitive, and polished. Every response is designed to guide rather than interrupt, offering a more modern and engaging learning experience. Going Beyond the Built-In Building this interaction showcased how animation, when used thoughtfully, can enhance learning without overwhelming the user. Instead of interrupting progress with static messages, motion was used to inform through visual cues, keeping the flow natural and responsive. This project highlights the value of stepping beyond default settings in Storyline to craft experiences that are both functional and engaging. Subtle animations, combined with strategic triggers, can make a significant difference in how feedback is delivered and received. Final Thoughts Exploring emphasis animations in this way opened up new possibilities for creating more dynamic and learner-friendly interactions. It's a reminder that small design choicesâlike how feedback is presentedâcan have a big impact on engagement and retention. Want to Try It Yourself? You can preview the interaction here to see it in action. If you'd like to explore how it was built, Iâve also made the full project available as a free download. Feel free to dive in, tweak it, and make it your own! About me: Paul Alders LinkedIn Profile The eLearning Brewery
