Voice Interactivity Demo With Realtime AI Agent And Navigation Controls! 💬🌟🦅
Hi Heroes, I'd like to share my latest Storyline demo, which showcases the level of interactivity made possible by integrating Storyline with the new OpenAI Realtime API. 🚀 These are some of the features I have been able to achieve through my work on this: Voice-Activated AI Navigation: You'll see how users can engage with an intelligent AI agent that understands the context of your learning journey within an eLearning module in real time. This allows the AI seamlessly assist at any point it is called upon, even activating navigation triggers to guide the experience. Real-Time Function Calls: The AI not only recognises the eLearning module’s structure but also responds in real time, adapting to user inputs, including the ability to generate follow-up questions, voice-based quizzes, and role-play interactions. Session-Based Conversation Memory: Conversation history is saved throughout the session, providing continuity and an agent that can “remember” your prior questions or responses for more engaging learning. (https://www.youtube.com/watch?v=WqdxvIoiJxU&list=PLgWxRODbk1M0En-4t0cjfmYTax_RzF-QL&index=4&ab_channel=DiscovereLearning) --- My name's Chris Hodgson, an eLearning developer and software trainer based in the UK. I enjoy creating fun, unique, and engaging online experiences using Articulate software! Connect with me on LinkedIn - https://www.linkedin.com/in/chrishodgson44/
Cooking Game (Jeopardy style + Gamifiation)
Hello Articulate Heroes! I'm excited to share my second personal project with you — a cooking-themed, Jeopardy-style game! Cooking Frienzy This project was inspired by two fantastic webinar series shared here: How to Create A Jeopardy! Style Game Gamification series I started with the "Jeopardy!" template and added the following custom features: Cooking-themed questions and answers — 5 questions across 5 categories Custom visuals — including characters, backgrounds, UI, and tokens The ability to choose one of three characters at the start of the game (and replay with a different chef assistant!) Personalized feedback and questions — with character-specific images and voiceovers A 20-second Pomodoro-style timer with a “wiped” animation Tokens awarded when the user completes a certain number of questions The characters were created using AI. Thank you for taking the time to check out the game! I’d love to hear your thoughts — feel free to share any comments or suggestions! You can check-out the game by this link: Cooking FrienzyChatGPT + Articulate Storyline: Creating Custom Games as Web Objects
A while back, I experimented with creating simple games like Snake 🐍 and a Shooting game 🔫 using ChatGPT-5, just for fun. That got me thinking: What if the same approach could be used at work to make eLearning more engaging? So, I decided to push the idea further — by building a Mario-style platformer game in GPT-5 and embedding it directly into Articulate Storyline. The result? Learners can play the game inside the course, and when they reach the flag, Storyline shows a Congratulations layer with a button to continue to the next lesson. ✨ Why this matters Articulate Storyline already offers an incredible set of tools for interaction and gamification — from triggers and variables to drag-and-drops and quizzes. But by embedding a custom HTML5 mini-game, we can take it to the next level. Imagine this scenario: A learner finishes a lesson Scores 100% on the quiz And instead of just seeing “Well done,” they unlock a bonus game right inside Storyline No switching apps. No external browser windows. Just a seamless, playful reward that makes the learning journey more memorable. 🔹 Step-by-Step: How I Built It 1. Create the game in ChatGPT-5 I asked ChatGPT-5 to generate a simple Mario-style HTML5 platformer with coins, lava pits, a flagpole, and cheerful chiptune music. The result was a single index.html file — fully self-contained with code, graphics, and sounds. 2. Insert into Storyline as a Web Object In Storyline: Insert → Web Object Point to the folder containing your index.html Set it to Display in Slide (not “in a new window”) This ensures the game appears directly inside your Storyline slide. 3. Create a Storyline variable Add a True/False variable called gamecomplete (default = False). (Optional) Add more variables like coins, deaths, difficulty if you want to track those. 4. Add a JavaScript listener On the same slide, insert a trigger: Execute JavaScript → When timeline starts, and paste this code: window.addEventListener("message", function (e) { if (e.data && e.data.type === "platformerComplete") { var p = GetPlayer(); p.SetVar("gamecomplete", true); p.SetVar("coins", e.data.coins || 0); p.SetVar("deaths", e.data.deaths || 0); p.SetVar("difficulty", e.data.difficulty || ""); } }); When the learner reaches the flag, the game sends a message called platformerComplete. Storyline listens for that and flips gamecomplete to True. 5. Build the Congratulations layer Add a new layer called Congratulations Add a message: “Congratulations! You finished the game 🎉” Add a button: “Proceed to Next Lesson” → Jump to Next Slide 6. Show the layer when the variable changes Add a trigger: Show layer “Congratulations” when variable changes → If gamecomplete == True 7. Publish and test Publish to Web or LMS Play the game in Storyline → reach the flag → see the Congratulations layer → click Proceed → next slide ✅ The Result A smooth, gamified experience where: Learners don’t leave Storyline A game feels like a natural extension of the course Rewards add motivation and fun, without breaking the flow And the best part: it’s not limited to platformers. You can do this with any HTML5 mini-game — jigsaws, quizzes, puzzles, simulations — as long as it sends a postMessage back to Storyline. ✨ Gamification doesn’t have to be complicated or expensive. With a little creativity, tools like ChatGPT and Storyline can turn learning into an experience that feels fun, surprising, and motivating.Powerful 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.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.Victorian Alphabet game
A Most Curious Diversion: The Victorian Alphabet Dial Dearest Gentlefolk, Though I am tardy in submitting this humble creation, I felt compelled to share my vision nonetheless. Ever enchanted by the elegance and refinement of the Victorian aesthetic, I have embarked upon a whimsical endeavour: an interactive alphabet dial. With a gentle spin, the player shall unveil a letter accompanied by a charming illustration and a verse, each rendered in the ornate style of the age. It is my sincere hope that this modest project shall delight and amuse, and perhaps even transport you—if only for a moment—into a bygone era of beauty and imagination. * This project has also been submitted to the #522 Weekly Challenge (Dial Menus), where I hope it may find favour among fellow enthusiasts. ** The images and verses were brought forth with the assistance of artificial intelligence, yet each has been lovingly tailored and refined to suit the spirit and aesthetic of this particular work. Enchanted AlphabetMars 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.AI & Me: Creating a Family Feud/Wordle Style Game in Storyline
In the world of e-learning, engagement is key. That's why I created “Focus Feud”, an interactive game supported by a Rise companion guide that features an interactive coach. This project transforms a static article about maintaining focus at work into a fun, memorable learning experience, built with AI assistance. In this post, I'll walk you through how AI simplified complex tasks, elevated creativity, and streamlined the development process - all without extensive coding or a team of developers. Motivation & Concept Inspired by Articulate's new AI features, I set out to showcase how AI can be integrated into content development. My goal was to: Gamify an article on maintaining focus at work Use Storyline for interactive game slides Create a Rise companion guide featuring a digital twin as an interactive coach Tools of the Trade Here's a quick look at the AI-powered toolkit that made Focus Feud possible: Articulate Storyline and Rise: Game development and companion guide creation. ChatGPT: Content summarization, game ideation, JavaScript co-creation. HeyGen: Digital host avatar with a custom voice. Camtasia: Video editing of avatar. Canva/Photoshop: Graphic tweaks. Word/PowerPoint: Storyboarding and scriptwriting. Game Planning & Storyboarding I kicked off the process by feeding the original article into ChatGPT. It helped me extract key points from the article, convert these points into game objectives and elements, and brainstorm game show formats that would work well with the content. After settling on a Wordle/Family Feud hybrid, I created a PowerPoint storyboard to visualize the game flow and mechanics. Graphics and Narration Storyline's AI generated most of the images, requiring only minor tweaks in Canva and Photoshop. While Storyline’s neural voices worked well, for the game show host, I used HeyGen to create a video-style avatar with a custom voice, which I then refined in Camtasia. Coding and Development This was a balancing act between AI assistance and traditional development: JavaScript and AI: Initially, I used ChatGPT to co-create JavaScript for input validation, scoring, and timers. While this was incredibly helpful for complex functionalities, it sometimes led to troubleshooting challenges. Storyline Triggers: As the project progressed, I found that leveraging Storyline's built-in triggers and variables was more effective for many game mechanisms. This brought me back to familiar territory and improved overall stability. Variables: I set up numerous variables for each mini-game in Storyline, testing incrementally to isolate and fix issues as they arose. Content Creation and Editing AI tools proved invaluable for content creation. ChatGPT helped generate and edit content. This was useful as Storyline's current AI features cannot evaluate external links/content (and the game was based on a web-based source). Storyline's AI features significantly reduced the time needed to generate images, sounds, and edit text. Overcoming Challenges with AI Throughout the development process, AI helped me overcome several hurdles: Complex Functionality: AI-assisted JavaScript allowed me to implement features I couldn't have coded on my own, and in a matter of minutes. Time Constraints: Storyline's AI features dramatically sped up image generation, sound creation, text editing, and overall development. Consistency Issues: When AI-generated graphics needed adjustments, non-AI tools like Photoshop helped maintain visual consistency. The Rise Companion Guide To complement the game, I created a companion guide in Rise that features my digital twin. This guide explains the game’s content and includes an interactive digital avatar trained on the article’s material that acts as a live coach. While an API allows direct integration, for this example, it launches into a new window. Conclusion: AI - A Solo Developer's Powerful Equalizer Combining Storyline's AI features with tools like ChatGPT has revolutionized content creation for solo developers. Limited knowledge of JavaScript or advanced Storyline triggers and variables is no longer a barrier. AI acts as both tool and tutor, enabling the creation of complex learning experiences beyond one's coding abilities while consistently suggesting efficient solutions. These new AI tools are leveling the playing field, allowing solo developers to create sophisticated e-learning rivaling team-produced content. By accelerating ideation, prototyping, and media generation, AI dramatically reduces development time. We're just at the beginning of this transformation, with even more accessible and innovative opportunities on the horizon as AI continues to evolve.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.
