Perpetual 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.Mars Base Demo: Storyline Integration with Blender 360° Panoramic Renders
I created this short e-learning demo for my Upwork portfolio, showcasing how to integrate custom-modeled 360° environments into Articulate Storyline. I wanted something unique, short, and interesting. Project Rationale: I chose a 3D-printed Mars habitat because the concept aligns with realistic solutions for future human life on Mars, making the demo feel grounded and relevant. To give the base a compelling and genuine purpose, I focused the learning content on growing crops on Mars (Martian agriculture). This subject was a natural fit, leveraging the extensive agriculture knowledge I've gained working with a client over the years, which is also why the base is appropriately named Rhizome Station. Technical Breakdown: 3D Modeling: The Mars base was modeled in Blender (free and open-source software). I created procedural textures for most of the scene and Quixel Megascans assets for distant rocks and lab flora. I also used Blender to model the 3D landscape you see as a backdrop on the computer screens. Interaction Assets: For the icons and images seen within the interactions, these were all done in Storyline using the built-in icons and AI images. Interaction: The experience uses seven linked 360° renders. To track progress, I rendered the images with a start/finish state, allowing a 'completion' green tick to display when the user returns to the main lab view. Audio: Narration was created using Storyline's AI voices. Future Plans: I'm planning to expand this into a full e-learning experience. The expanded course will start with the user in Earth's orbit learning about the Hohmann Transfer Orbit, and once they reach the base, they'll be able to explore different rooms (the living quarters are already built) and go on outdoor missions. I'll update the community when that larger version is complete, but it likely won't be until next year. Check out the Demo here.Vibe Coding an Escape Room
I built this escape room mini game as a Portable Web Object, first as a fast prototype in Figma Make, then as a working build in Claude Code. It is designed to sit inside a Storyline or Rise course as a short challenge, practice activity, or knowledge check with a story feel. If you try it out, I’m open to any notes on the flow, difficulty, or small tweaks that could make it even better. View Demo HerePowerful Positioning with AI
Built as a high energy portfolio concept, this project is an interactive Storyline experience that helps learners practice “Power Positioning” through short scenarios, branching choices, and coaching style feedback inside the module. Behind the scenes, I approached it like a real client build: clarified the performance need and audience, mapped the learner flow, drafted a lightweight storyboard, prototyped quickly, then iterated based on usability checks to keep the experience fast, clear, and visually consistent. What makes it stand out is the AI integration. The experience uses a ChatGPT API to analyze the learner’s typed response, generate custom strengths and next steps, and provide a 1 to 10 score, giving learners targeted coaching they can immediately apply on the job. A Sample Responses Key is available here.Workplace Violence and Harassment – Game-Based Scenario
One of our recent projects involved developed a game-based, scenario-driven Custom eLearning Solution focused on Workplace Violence and Harassment Training. As part of our broader corporate training solutions and digital learning services, the goal was to move beyond traditional click-through compliance courses and create a learning experience where employees actively practice real-world decision-making. What we built: A scenario-driven course with 1–4 progressive levels Each level presents realistic workplace situations that require learner judgment Learners complete a knowledge check or quiz at the end of each level Successful completion unlocks a badge, reinforcing motivation and progression Why this project matters: Rather than relying on a traditional, click-through compliance approach, we designed this eLearning course to help learners practice real-world decision-making in a safe environment, supporting better recognition, prevention and response to workplace violence and harassment. Behind the scenes: Branching scenarios were designed to encourage reflection, not just right-or-wrong answers Feedback carefully crafted to explain why a response is appropriate Game mechanics were applied thoughtfully to maintain the seriousness of the topic What this project reinforced for us: When designed with intent, gamification can enhance engagement and retention, even for sensitive compliance topics. Tools used: Articulate Storyline 360 for course development Vyond for video creation Learning outcome: Participants will be able to identify, prevent and appropriately respond to workplace violence and harassment situations through practical, scenario-based decision-making. Explore the course: Click the link below to view the course. https://www.swiftelearningservices.com/our-portfolio/game-based-scenario-sample/story.html We welcome your feedback, questions and suggestions, especially around scenario design, feedback strategies and gamification for sensitive compliance topics.Treasure Hunters Learning Game
Before I officially became an ID I worked in a job that encouraged self-learning and would give us time to take e-learning. One of the e-learning I became focused on was PowerPoint. This led to me making games in my free time one game was a Pirates adventure that I repurposed to be a trivia game for learning a new process at work. This was long before I became an ID but was laying the groundwork for this path. When I became an ID I was introduced to Storyline and was told it is PowerPoint on steroids. For my first couple week I was encouraged to play around, watch videos, come here and look at what other can and have done. I took that time to remake the game using Storyline and enhanced it with branching options. This is the result after those 2 weeks. I really wanted to see if my PowerPoint skills and translated to Storyline and see how I could push it. I thought I would share it and maybe inspire others I have been by this community.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.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)Storyline 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/reviewStoryline Magic Cursor
Hey community! 🎄 Want to add some magic to your Storyline greeting cards? I'm sharing 2 small scripts to animate your cursor: ⭐ Star trail — colorful stars follow the mouse. 🎅 Christmas emojis — a chain of emojis with a spring effect. It's simple, easy to customize, and it gets the job done! Colors, sizes, speeds... everything can be tweaked in the config at the top of the script. No hassle. Use them, tweak them, and if you create new effects, share them! Have fun and happy holidays! 🎁 review: Storyline Magic Cursor | Review 360
