Classic Concentration Style Game
I've enjoyed the posts in these forums for a long time but have never shared anything myself. I wanted to stretch myself and leverage the JavaScript API to go beyond basic triggers. I built this in Articulate Storyline as a classic concentration-style memory game, but with a rebus puzzle twist. Instead of just matching identical cards, you’re flipping tiles to uncover visual clues that come together to form a phrase. Storyline handled most of the front-end work—layout, tile states, and click interactions. I used variables to keep track of which tiles were selected and whether a match was made. Where things got more interesting was with JavaScript. I tapped into Storyline’s JavaScript API to handle some of the game logic that would’ve been clunky (or not really possible) with triggers alone. That included things like limiting how many tiles can be flipped at once, comparing selections, and resetting tiles when they don’t match. Overall, it’s a mix of Storyline for the structure and JavaScript for the logic, which made the interaction feel a lot smoother and more game-like. You can see the working product here: https://mystery-rebus-puzzle.netlify.app/Making PCI Training Personal (ELH Challenge #477)
Hurdle to Overcome How could I open the Payment Card Industry Data Security Standard (PCI DSS) awareness module in a way that immediately created tension, felt personal, and captured the learner’s attention from the very first moment? Solution Rather than opening this year’s PCI awareness module with traditional learning objectives, I chose to begin with a narrated scenario designed to set the stage. My goal was for learners to hear and see the weight of a potential cybersecurity lapse right away. Steps I Took To create this opening slide, I followed these steps: I wrote a short, highly detailed script that included backstory, multiple characters, and narrative depth (well, not so short!). 🤣 After reviewing it, my manager supported the scenario-based approach but felt the initial script missed the mark and revised it. I used Copilot to further refine the updated script. With the revised scenario in hand, I first prompted Canva AI to generate the character imagery. While promising, the results never quite matched the desired look. I then passed my image prompt through Copilot multiple times, refining it across at least four iterations. Once I landed on a clean, effective prompt, I fed it into Storyline360’s AI Assistant to generate the images and poses for the main character, Ava. The scenario narration was created using Storyline360’s AI voice: Brian (Man | Middle-aged | English | American accent | Social Media | Classy; Model 3, default settings). To introduce tension and a sense of movement, I drew inspiration from comic panels. Instead of static visuals, I cropped the images to panel-like frames and animated them in sequence, using cue points to drive the timing and flow. Lessons Learned Generative AI (GAI) prompting has become part of our daily workflow. Across my organization, we have access to tools like Adobe Express, Canva, and Articulate360, each with its own strengths and limitations. Key takeaways from this project include: Output from one GAI tool can be refined and reused in another to achieve stronger results. For example, after Canva AI didn’t produce the desired imagery, I used Copilot to refine the prompt and then fed that improved prompt into Storyline360’s AI Assistant. This experience reinforced an important truth: creativity matters even more in an AI‑powered world. The overall look and feel of this slide came from human decision‑making—mine—not from the tools alone. Conclusion The close collaboration between humans and generative AI produces results that are more effective and impactful than what either could create independently. Even with powerful learning‑focused AI tools, such as those in Articulate, achieving the desired outcome can still take time, and that’s okay. The more we experiment, prompt, and practice with these tools, the more efficient we become. Ideally, those efficiency gains translate into greater business impact through improved learning experiences and stronger employee performance. Click here to experience the demo. The SL file is attached.Folder-file Storyline Course
This project is based on an old design from the early days of Storyline. Content is organized in "folders" accessed via "tabs." It's a simple, clean design that perhaps others will find useful. In addition to updating the aspect ratio, I cleaned up the programming, which was embarrassingly complicated. I've learned so much since then... 😁 That made me think this project could also be used to explain some helpful info about Slide Master and Layouts. So that became the content in the example. For more info and references, see my post about mastering slide masters: PRIMER: Mastering the Slide Master | E-Learning HeroesWe're Choppin' Wood, Y'all
I wanted to develop a quick prototype that leveraged JavaScript to modify a progress bar, calculate some math, and move an image to follow the pointer. There isn't much to it beyond what you see in the first five seconds, but some of the general mechanics of gamification are present and can scale up. Chopping Wood | Review 360 The .story file is available for download from the version dropdown:Bilingual Glossary
I needed to build a glossary for two products that shared similar content - one in English only, and one in both English and Spanish. The glossary contains both English and Spanish terms, cross-linked. I used Storyline but took design elements from Rise so it would have a consistent look with our other training materials. Everything is contained in a single slide so the scrolling sidebar menu on the main layer remains consistent throughout the experience. Each term is its own layer, and a third lightbox layer shows a zoomed version of the image on click. I created a custom lightbox so I could show images of different orientations and aspect ratios. You can see the glossary here: https://360.articulate.com/review/content/205f45ff-1eec-4c8a-b0a3-fe3672b2dc47/review (I removed my company's content so the text is from wnyc studios, images from freepix and articulate, and spanish text from google translate.) .story file is attachedMars Base Demo: Storyline Integration with Blender 360° Panoramic Renders UPDATED March 2026
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 (updated March 2026): 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 . Quixel megascan assets have now been replaced with my own. 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. Live link updated March=2026Storyline Instant ToolTip
Hi everyone! I'm sharing a script to add tooltips in Storyline. Just one reference object, a quick copy-paste, and it's ready. You could use a native rollover state, but this gives you full control over the animation. Position, colors, shadow: all configurable in 10 seconds. No JavaScript skills needed, the script is designed to be easy to use and maintain.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. https://360.articulate.com/review/content/ba0f4bcc-5d69-4d22-9b6d-acb7c644c254/review
