Storyline: Gamified Process Scenario
Do you need to guide learners through a common workplace procedure? Check out this gamified project that uses checkpoints, progress bars, real-world scenarios, hints, quiz questions, sound effects, videos, and more to help learners visualize a process. Explore this project. Want to try building something similar in Storyline 360, but don’t have Articulate 360? Start a free 30-day trial.Catching Fireflies
Hello everyone! I'm excited to share my very first sample with you all! I've been experimenting with hotspots on StoryLine and created a fun game to provide a nice break from our usual learning. You can check it out through this sample link: https://360.articulate.com/review/content/07673a40-b615-4fe3-b65d-4f75ef3691ad/review I'd love to hear your thoughts on it! Also, if anyone can assist me in adding a sound effect for each click, I would greatly appreciate it.Work in Progress: "Mission: Clean Zone"
LINK=> https://www.parcooroo.com/4he8k8he Inspired by AsbjornReinhold's post: Video game seen from above (thank you), I created a serious game designed to make learning sterile laboratory protocols (such as dressing and hand washing) interactive and fun. I need your opinion! I'm looking for ideas to develop new levels. What other safety protocols or scenarios would be interesting to gamify ? Suggestions are welcome in the comments 😁Video Game Top-Down with Arrow Key controls
Introduction and features If you have ever wanted to create a world that your users can explore, but haven't known how to do it, then this project can help you get out there and get after it. View introduction in video format here: Video on LinkedIn A full course using multiple characters, multiple boards, side-scrolling animations when moving from board to board, are already being enjoyed by thousands in a professional setting in one of the biggest companies in the world. With this type of course, you have have the user walk around and size of world, gather items, solve tasks and anything you can think of. Review the project here: Review360 You control the Avatar with the Arrow Keys on the keyboard and she can only walk on the paths set by you. That means, she can't walk through walls! You can warp to Task slides or to another Board slide using the Intersect trigger. Download the Project at the bottom of this post. How the character moves The character is a PNG picture that is exactly 200x200 in size. The trick to movement is to also have the Motion Paths be 200px in length and have them set to Relative Start Point. I have chosen an animation time of 0.25 seconds. There are 5 states, the Normal state is the character in the Idle Position. The other 4 states are self-explanatory. Lastly, two triggers are created (NUM 2 appears when you hit Arrow Down on your keyboard). Your character now moves around the Canvas. How the character was created The character was created using AI using the following prompt: I'm creating a game and need a picture of a character. The game has an isometric view and I need the following 4 poses in the same picture with transparent background: 1 Front view where she has an idle pose and standing still. 2 Front view where she is walking towards the camera. 3 Back view where she is walking away from the camera. 4 Left view where she is walking with arms swinging very little. Comically small body. Very large head. Female. 3D style. High resolution. Office clothes. Short hair. Glasses. Transparent background. Disney style. That gave me this character in the poses I asked for. I use this large character for all slides except for the board. On the board, I took the picture into Photoshop and shrunk the body into something even smaller. How the board was made The board was made using PowerPoint and AI. I drew the outline of the board in PowerPoint using square shapes. I guess you could do this in Storyline as well! Then I found random pictures of inventory on google and copy-pasted them into various positions. Then I uploaded the picture into the Copilot AI - any image generation AI will work and used the following prompt: Can you create an exact replica of this image, but make it beautiful 3d top-down style. Make the colors pleasant and give it a disney vibe so that the scene feels warm and welcoming. Keep the layout the same. How to prevent the character from walking through walls This is the part that requires you to click the most with your mouse. First you create a grid of 200x200px square shapes. They only need to cover the areas the character will be walking on. They need to be touching each other and Shape Outline must be turned off - or it won't work. You then type in a unique identifier in each square shape. I just used the numbers from 1-27. I also renamed all the shapes "Square 1" "Square 2" "Square 3" etc. Next you create a new Number variable. The default value should be the square your character will be starting on. In my case, 1. You then create a bunch of triggers that changes the location variable upon intersecting with the character. You can now track exactly where on the board your character is located. This is key to controlling where it can not move. Lastly, you create the following trigger for all four arrow keys. The numbers will be different for you. But basically you look at Square 1 and visualize if the character should be able to move downwards from this location. If it shouldn't be able to, then you don't add the number to the list. If it should be able to, then you add the number. Download the project file Explore all the other various tricks employed to create the soft shadows, the smooth transitions and more by downloading the file right here. :) This project was created by http://www.mindsparkelearning.com - but feel free to modify it and then make it your own! :) I hope someone out there can find this project useful.Feedback Game
This project was developed to train leaders in giving feedback while maintaining employee engagement. We used a simulation-based approach for feedback meetings. Check the demonstration below. Instead of prioritizing content, we focused on storytelling supported by game mechanics with branched scenarios. To enhance realism, we simulated extreme situations like disagreements and interruptions, requiring students to be flexible and detail-oriented. At the end, rather than completing a linear course, students will have tested their decisions and learned from successes and mistakes in a safe digital environment, where they can repeat the experience and make different choices while comparing the consequences of each action.Drop Down Activity
This project focuses on implementing a custom scoring approach for interactive quiz grammar test activity (Drop Down manually built for customer Quiz), including partial scoring based on user responses. While working on the scoring logic, I faced challenges in assigning different point values and managing correct counts effectively. With guidance from @JudyNollet, I was able to apply the “Score by Choice” method and correctly configure the response objects and scoring setup. Her explanation made the implementation clear and practical, and the solution worked successfully in the final project. This approach helped achieve the exact scoring behavior I was aiming for. Here I am attaching the file if anyone else need to refer for their future project or having any other thoughts about this, please share with me.Holiday Traditions Game: Save Christmas with Juniper--again!
Inspired with the Holiday Traditions quiz a few years back, I created my own game. Each year I upleveled my "game" and created a new one to explore different countries holiday traditions. Last year I introduced a character called Juniper who went on a mission for Santa to collect missing artifacts from 6 countries. Once collected the holiday Cheerometer would be "full on cheer" and Santa ready to fly. This year Juniper goes on another mission to save Christmas and is joined by the sidekick--the Christmas Bat Hollywings! Travel to 4 countries to solve puzzles and collect the missing artifacts. What I upleveled: Added voice to the characters using Storyline AI VO. Loved the voices it has but concerned with Eleven Labs retiring voices if I'll be able to use the same ones next year. So far, I have found Murf AI to be more consistent with keeping voices. Important when you need to update projects. Animated GIFs--to animate Juniper, Hollywings, and the Yeti. Sourced gaming elements on Freepik for these characters. Used PowerPoint to generate the GIFs. Thanks for ideas from Alexander Salas and Jeff Batt's video on his channel. Added motion paths and the timeline to get the movement effects I wanted. Imagery and Story: Used AI assistant to generate some of my graphics as well as Freepik. I often would find an image I like on Freepik and use its AI to generate the image in a vector style to match my style. I found that faster than generating my own prompt. Leveraged Copilot to come up with stories and riddles for the game. Play it: Play the 2025 short game here! Wishing you a delightful holiday season full of your own happy traditions! And if you want to see the 2024 version, check it out here.5-Minute Makeovers for E-Learning #532
We updated our menu slides. Originally the buttons just ticked off to show that each section was completed (we used variables at the end of each section that ticked the buttons off on the menu slide). We updated the menu slides to have badges instead that changed from black to coloured badges (using variables at the end of each section that ticked the buttons off on the menu slide). This was to link in with the gamification aspect for staff to collect the badges throughout the course for each section.Morph Reveal (AKA the Pull My Finger Storyline Project)
My first Storyline project using morph transitions! I wanted to create an asset that would gradually reveal a financial report, allowing learners to explore it via clickable markers. With each click, the report would reveal more columns, almost like pulling a window blind sideways. Normally, I would use the timeline and state changes (maybe good old-fashioned layers) to achieve what I wanted here, but I decided to step out of my comfort zone with morph transitions. It was... different. It was very persnickety. Sometimes I had to group objects to make it work; sometimes I had to leave them ungrouped. Sometimes I had to make sure that there was no text involved in the object's non-normal state. For instance, I couldn't create a hover state on a hand that included additional text that says "Click here to reveal." The animation got all wonky with that. After many hours and curse words, I finally tamed the beast. So here it is, with all our financial data redacted so I don't get fired. If anyone has some best practices for using morph, I'm all ears and eyes! Zdaily Report Tour (Redacted)Using variables
Click here to view the example. Hi everyone. This is my first Storyline project, so I'm excited to share it and would love any feedback you have. This was also posted to the E-Learning Challenges. I found this project tricky because I wanted to create something with more questions than correct answers required. As such, I had to create true/false variables for each question and then set multiple triggers for each part of the flame based on the number of true variables. For example, the red at the base of the fire reveals if a user gets one of the four questions correct. To achieve this, my triggers look like this: The next challenge will be to see if I can make part of the fire "blow out" if someone answers a question incorrectly. 🤞 -Donna
