Free slider example in Storyline - Cocktail Recipes
Hey, some Mondays can be tough. To make it easier we thought it would be cool to share some cocktail recipe example built in Storyline some time ago. It is a free download. Use at your own risk :) Download here: https://fastercourse.com/download/free-storyline-360-template-sliders/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/
Boost Your Storyline Game with JavaScript!
PREVIEW COURSE. For as long as I can remember, corporate e-learning has relied heavily on multiple-choice questions to assess learners. It’s never felt like the best approach to me. Even before I stepped into L&D, I found it often tested someone’s ability to pick the best option, rather than truly assessing whether they knew the answer. That’s why I focus on using open-text questions whenever possible. For this quiz, I used JavaScript to: Create a typewriter effect for text displays. Build a huge question bank with over 100 questions, with typo-tolerant marking using the Levenshtein algorithm. This allows answers with small spelling errors (like “Lichenstein” instead of “Liechtenstein”) to be marked correct. Dynamically load and shuffle questions, ensuring no repeats within the same session. Provide real-time scoring adjustments with immediate feedback. Recently, I’ve been experimenting with OpenAI’s API to evaluate open-text answers and provide personalised feedback. While it’s incredible what AI can achieve, it’s not always practical or cost-effective. That’s where JavaScript comes in—it allows for powerful customisations directly within the project file, offering a practical alternative, or compliment to AI. ChatGPT helped me convert these ideas into working code, and I’m happy to share it with you to adapt and enhance for your own projects. Let me know how you’d use these ideas in your e-learning modules—I’d love to see what you create! 🚀 I've shared the project master file, so feel free to explore, adapt, or reuse it in your own projects.The WildCard: Adding Random Outcomes to Gamified Learning Experiences with Javascript
Randomised outcomes can inject excitement, unpredictability, and engagement into gamified e-learning. This type of interaction is particularly useful when you want to simulate real-world scenarios where outcomes can vary based on decisions or chance. By incorporating JavaScript, you can control not only all of the potential decisions, but also the weighting of positive and negative outcomes to align with your learning objectives. PREVIEW COURSE For this demonstration, I’ve kept the weighting at an even 50/50 split to showcase the interaction’s versatility. A preview link and the master Storyline file (attachment below article) are included, so you can explore, enhance, and repurpose the setup for your own projects. Whether you're designing for gamification or just adding a touch of randomness to keep learners intrigued, this interaction can elevate your course design. Layer Overview Base Layer: The positive and negative outcome sounds are controlled here via True/False variables (PlayPositiveSound and PlayNegativeSound). These sounds were generated using Storyline's AI sound effects tool. The triggers on this layer are designed to reset these variables back to false once the audio completes, ensuring they’re ready for the next interaction. The learner's score is displayed in the top-right corner, dynamically updated by the JavaScript executed on the 'Outcome' layer. Outcome Layer: This layer contains the core interaction. The JavaScript here determines whether the outcome is positive or negative and adjusts the score accordingly. The same "Execute JavaScript" trigger is used twice: first when the layer is initially displayed, and then again each time the user clicks the new 'Go' button on this layer. The JavaScript includes comments explaining each step, so you can easily tweak it to fit your needs. Hide Button Layer: This layer acts as a temporary mask over the 'Go' button. It ensures learners have enough time to read the outcome text and allows the audio tracks (both under 2 seconds) to play fully and reset before another interaction is triggered. Without this layer, repeated clicks could interrupt the audio, preventing a smooth experience. This setup provides a flexible, reusable framework for gamified interactions with random outcomes. Feel free to dissect, modify, and enhance any part of this file to inspire your own projects! The images were also generated with Storyline's AI. Variables Setup in Storyline: Score (Number): Default value should be 0. DecisionText (Text): To display the selected decision statement. FeedbackStatement (Text): To display the feedback with points. PlayPositiveSound (Boolean): For triggering positive feedback animations/sounds. PlayNegativeSound (Boolean): For triggering negative feedback animations/sounds.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 acompanion 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.Storyline Game: OneDesk Quest
Check out this innovative gamified project! It features a progress bar, life system, game map, items, boss fights, personalized and adaptive learning, and engaging story-driven animated videos. This approach is designed to boost learner engagement and improve learning outcomes. Video: Key highlights that went into the game. Explore this project. ----------------------------------------------------------------------------------------------------- Screenshots
Treasure Hunt game in Storyline
Although assessments can become monotonous at times, integrating a Treasure Hunt game into the learning process can provide a new and engaging experience. This gamification approach not only adds an element of fun and excitement to the learning environment but also encourages active participation and enhances the overall learning outcomes. Hope you enjoy!
