Terminology Pairs Game
Inspired by the classic card games PAIRS, but with a twist! This game utilises the fun aspects of PAIRS, but if you pair two cards, you'll learn some terminology from a course I've been working on. This game was very fun to work on, but sadly, I couldn't figure out how to make two cards stay flipped, then unflip when they don't match, so I had to just stick with one card being flipped. Anyway, I hope you enjoy playing the game!Scenario Game
I created an interactive scenario-based game, using Telltale Games as inspiration. I wanted the user to learn the safety protocol by being thrown into a real-life situation that could occur. This game was a lot of fun creating, and I hope you enjoy it. If you have any questions regarding the game, feel free to ask.Grim Depths — A JRPG Prototype Made with Storyline 360
As an e-learning developer, I’ve always wanted to push gamification beyond “quizzes in disguise.” With that mindset, I designed and prototyped Grim Depths, a JRPG inspired by the genre’s classics, featuring a turn-based combat system with inventory, stats, dice-influenced modifiers, character sheets, and GAME OVER. DEVELOPMENT NOTES In Articulate Storyline 360, turn management is driven by a system of triggers and variables that control player and enemy actions, consumable item counts, and a pseudo-random ‘dice’ function that changes action outcomes. JavaScript handles extensions and polish (for example, a custom cursor, audio fade-out, and animated pop-ups). The visual assets are based on my illustrations (Instagram, Behance), refined with generative models; after slicing the sprites in Photoshop, I carefully animated them in Animate, producing GIFs and MP4s that form the core of the action. Finally, the UI/UX aims for a balance between vintage aesthetics and contemporary solutions, for smooth, readable gameplay. The attached video shows a sample playthrough. To play it on a desktop PC (recommended), download the zip file from this link: https://grimdepths.altervista.org/ Download the file and extract it to an empty folder. Double-click Grim Depths.bat to launch. If your firewall prompts you, allow Mongoose to start—it’s a local web server that serves the game at http://localhost. If you prefer the Review version (load times are long), use this link: https://360.articulate.com/review/content/f60988b6-d798-4cc4-86cf-2aaf7325e01c/review I’m very interested in your feedback on any aspect of the game. Have fun! Note on sharing: This is a demo build. I’m not sharing the .story source or raw assets, but I’m happy to discuss the approach, show trigger/variable screenshots, and outline pseudo-logic for specific parts (turn order, dice/RNG, HUD states). Feel free to ask targeted questions below!Top Down Office Escape Arcade Game
I have created a fire safety office top-down game, the game allows you to put out fires using fire extinguishers, heal using first aid kits and evacuate burning offices. there are three levels with this game, and I am very proud with how it comes up. I'm sharing this project so that everyone realises the true capabilities of Storyline 360. Everything that I had to build to make the game function: Created custom office layout Created custom legend of all safety symbols Sourced icons and safety symbols Writin custom text for game Created custom transitions Created and written custom instructions for user Sourced and created custom keyboard key icons Created interactive movement so when user cliks WASD they move either up, down, left or right Created custom character with different angles depending on the key the user presses Placed safety symbols around levels. Created custom and fully working healthbar so when character interacts with fire it goes down. Created custom layers for when healthbar reachs 0 to try again, With safety symbols such as first aid kit and fire extinguisher, created it so they can be picked up and used. Created working fire extinguisher that puts out fires Created working first aid kit to recover fire damage health. Created custom UI icons to show when user picks up items. Created custom Layers for when user completes level by either escaping out of fire exits or extinguishing fires. Created custom level counter so text goes from level 1,2 to 3 automatically Created custom layout so if user needs too see instructions again they can view whenever. Sourced custom sound effects for picking up items, using items, level completion, level fail. Created 3 different custom levels. Created last level so that both fires have to be placed out before escaping Created custom flashing buttons to entice user to press. This game took 21 hours to make, I hope you enjoy and if you have any questions feel free to reach out :)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 FrienzyReading Month
With fall in the air, I want to read more, and I’ve been thinking back to a project I led during March is Reading Month with the Behavioral Elements Guides I am so lucky to belong to this group of amazing people from all over the world. We each picked a book that had shaped our journey whether starting a business or navigating life, and shared it with the group. Seeing each person’s choice, along with their story, made the project so much more powerful. Bonding is essential for growing community just like in gameplay, where connection and collaboration drive progress. At PINK Educational Solutions, we bring that same spirit into learning by weaving in subconscious gaming elements that spark motivation and belonging. 🍂📚🎮 What book are you reading this fall? Take care, Dr. NatalieGenerate PDF Checklist Using JavaScript
In a recent project I built a slide that contained a checklist. The learners needed to be able to download a copy of the checklist so I used JavaScript to make this possible. I thought the concept might be useful for others, so I've included a link to try this out, and the Storyline file so anyone that's interested can have a closer look. The JavaScript can be modified via the trigger that's attached to the button at the bottom of the slide.A4 exercise sheet builder
(Disclaimer : I am french, so please be lenient with my english writing :) ) For teachers, building exercise sheets is a common task ! But to follow a graphic layout can takes more time and add complexity. As a graphic designer, part of my job is to find ways to improve this ! My latest challenge was to create a tool to help teachers building printed exercise sheets, without to have to deal with complex layout. My solution is this storyline project : a simple exercise sheet builder, in which the teacher just need to complete the text part (instructions and responses). It's limited, as you can only add up to 4 exercices and only have the choice between 3 exercises types and 3 responses possibilities, but I think this is a good start ! Feel free to try it, even use it in class or other ! Demo : Create your exercise sheet File : Storyline file Next step would be to add more exercise types and improving the accessibility ! Let me know you toughts or questions about this, it would be a pleasure to discuss with you :) Merci ! * Mélanie MathéChatGPT + 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.Tic Tac Toe using Storyline triggers
I just saw SAHILSANDUJA share a wonderful example of Tic Tac Toe using Javascript. And I thought to myself, I wonder if I can do this using only triggers. Also I can't code in Javascript. The game's base layer has the board and clickable objects. When a player clicks on any empty space it assigns the correct shape based on a toggling true/false variable. At the moment the first shape X or O is randomised. I could have let the user select what they wanted, but for this it didn't matter. The base layer shows 2 layers. One is checking to see if the naughts win, and the other layer checking to see if the crosses win. This is done using 8 different checks for both layers, in winnable combinations eg: If Row1Column1 = X and Row1Column2 = X and Row1Column3 = X then show layer X WIN or If Row1Column1 = X and Row2Column2 = X and Row3Colum3 = X then show layer X WIN This layer reveals a green line that matched the winning combination. Again this is done by testing 8 times until the correct match is made. Afterwards I realised I should have assigned a number to each combination and then what ever number the variable is the assigned green line is shown. Play the game here
