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.Storyline: Comics-Style Communication Branching Scenario
If you’re looking for ideas on how to create a course that’s tailored to your learners, then look no further! This comics-style Storyline 360 example uses a combination of interactive storytelling, branching techniques, and decision-making scenarios, where learners get to make choices and learn from the results. Explore this project.Adding Dynamic Buttons
A few years ago, someone at work let me know how to make more dynamic buttons, and I have become completely addicted ever since. They make the content look a little more professional when used strategically. Look at the examples to see if you would be interested and download it if it helps. These examples are very easy to implement, but you can do a surprising amount of modifications.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 BuildingStoryline ANIMTEXT
Hey community! 👋 Creating cool animated titles in Storyline is often tedious... and rarely impressive. So I've put together 17 ready-to-use JavaScript scripts to animate your SVG texts: ✅ Slide replay handling (automatic reset) ✅ Storyline pause support (Varpause variable) ✅ One script per effect, easy to integrate Note: the Voronoi effect loads a small external library (d3-delaunay) automatically - completely transparent to the user! Have fun, test them out, and let me know which effect is your favorite! Review : https://360.articulate.com/review/content/c1587dba-5193-4d45-a4eb-2b985309b7ce/reviewPerpetual Notepad for Storyline
Hi, here’s a simple Storyline 360 notepad in JavaScript: It is designed to be 720×540 and centred for use on a lightbox slide. It provides persistent notes across the course via localStorage. Multiple notes are allowed: the learner can create / rename / delete / switch notes. It has an advanced editor: font, size, colour, highlight, bold/italic/underline, lists, align, clear formatting and custom Undo/Redo (to 10 levels). The learner can export the current notes or a selection of multiple notes into a Word document. It has a built in close button that (a) flips a Storyline variable CloseNotepad (which you need to create). Optional SL variable can be created to sync content across your course: NoteTitle, NoteBody, NoteId. The code can be found in the Execute JavaScript trigger on the lightbox master slide. It also requires a trigger to reset the variable CloseNotepad back to false. Everything can be found in the attached file. If you find this useful, please let me know. I'll also upload a version that can be used in Rise 360.Escape Room
We've built escape room interactions for clients a few times, but haven't been able to share them publicly. That's why I've taken the time to create this demo. I created a fictional drug, SynebroVax, and built a scenario where the learner plays a pharmaceutical sales rep preparing for a high-stakes meeting with stakeholders. The goal is to explore the environment, uncover insights, and respond to realistic stakeholder concerns, all within a timed, gamified experience. It’s designed to show how immersive storytelling, decision-making, and interactivity can turn complex product knowledge into something memorable and engaging.Interactive video (award-winning project)
This project was designed to engage salespeople in using proper sales techniques and technical inspection skills. Check the demonstration. We employed an interactive first-person video approach. Instead of prioritizing clicks, we focused on a web series format, similar to Netflix episodes. To enhance realism, we simulated interactions with customers and products, and the use of video allowed us to showcase details of tools, environments, materials, and even appropriate body language. 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, enabling them to repeat the experience and make different choices while comparing the consequences of each action. The making of In this tutorial I explain my production process. Thank you!Storyline: Award-Winning Scenario Game
Games can be an amusing way to pass the time, but they can also encourage people to engage thoughtfully with complex and difficult topics. The Re-Entry Journey, winner of DemoFest’s Best Game-based Project award at DevLearn 2023, shows how much of an impact learning experiences like this can have on players. In this Storyline 360 game, learners take on the role of someone reentering society on probation. They start the game with what at the surface might appear to be a simple goal—make it to the end of their probation period without incurring additional playtime or added penalties. But that seemingly basic task is incredibly challenging in real life, with the deck stacked against people right from the beginning. To simulate that experience, this game is intentionally difficult and weaves in many of the complex real-world choices that people face in this situation. While the gameplay in The Re-Entry Journey may be challenging, the process used to create it was not! This game was developed almost entirely using Storyline 360’s built-in features, with JavaScript only stepping in to help with the timer. Built on a single slide with multiple layers, most of the magic happens thanks to one of Storyline 360’s core features—triggers. It just goes to show how far you can push Storyline 360 to create unexpected learning experiences. Explore this project. Want to try creating something similar in Storyline 360, but don’t have Articulate 360? Start a free 30-day trial. And subscribe to our newsletter to stay up-to-date on the latest e-learning examples.Whack-a-Vamp: When Backup Ideas Bite Back
Ahead of Halloween this month, one of my Articulate Storyline projects took a spooky turn. Whack-a-Vamp began as a backup plan—a quick side idea in case my main project (Wanda the Witch) didn’t work out. But as it turns out, even vampires can be trickier to tame than witches. Check it out in review: https://360.articulate.com/review/content/96d19db4-e6f8-4647-9c1d-0080370a65c7/review From backup plan to brain-twister What started as a “simple” arcade-style mini-game quickly turned into a trigger labyrinth worthy of Dracula’s castle. Each vampire needed to appear, vanish, and splatter just so, with timing loops, variable conditions, randomisation, and sound effects all working in unison. There were moments where the logic felt less like Storyline and more like sorcery. Still, after plenty of experimentation (and a few resurrected slides), the graveyard finally came to life, complete with vamps rising from their graves, splats, and a countdown clock that keeps players on edge. How it works 👻 Arcade inspiration: Based on the classic Whack-a-Mole, but reimagined as Whack-a-Vamp for a Halloween twist. 🕹️ Gameplay: Click or tap the vampires as they rise from their crypts before they disappear back into the night. ⏱️ Countdown chaos: You’ve got 30 seconds to rack up as many points as you can. 🔊 Spooky soundscape: Splats, and a little bat-themed ambience to set the tone. Lessons from the crypt This project reminded me that “simple” games in Storyline are rarely simple—especially when you start layering in random events, looping layers, and state-based sound triggers. But that’s also what makes eLearning design so fun: even backup ideas can surprise you, challenge you, and rise from the dead in unexpected ways. Closing thoughts So here’s to a Halloween that’s extra spooky—and extra gamified. If you see a vampire rising from a grave this month… don’t run. Grab your stake (or your mouse) and Whack-a-Vamp!
