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.New Code Block Game
It's been a long time since I shared my work, but I'm really pumped up about the potential of the new Code Block in Rise. I started with a basic idea and then started vibe coding. It's amazing what can be achieved in a short space of time, and have been resisting the temptation to just have fun, and instead focussed on keeping my work learning focussed. A couple of learnings: The power of the code block will be really unlocked if Articulate can... Allow us to upload zip folders with images in them. Everything says you can, but I have yet to have a single successful upload. Provide code/facility to allow a code that can report course completion based on the code i.e. when a game is completed completion can be sent - even better if scores can be included. When course continuation can be linked to code block completion it enables true gamification. Not being able to include images is a limitation, but not a blocker - you will notice I have included some very rudimentary graphics by encoding the images as base64, however it seems Rise has a limitation of not being able to read base64 strings longer than 500 characters at present. As I suspect will be the case for many others, I, work for a company with very stringent security policies, so we aren't allowed file storage solutions. If there can be a basic image storage allowance for zip code blocks, that changes the game! Would love your feedback you wonderful humans. Review Link🧙♀️✨ Magical Coffee-Bar: Fan-Inspired Drink Simulator
The project were created for Articulate Challenge #524 – How to Brew the Best Coffee & Espresso Drinks Welcome to Crossroads Cafe, a whimsical drag-and-drop interaction where learners take on the role of a barista serving enchanted drinks to guests from across fictional universes. ☕ Project Concept In this interactive experience, players are left in charge of a magical coffee shop after the senior barista is called away on urgent business. One by one, guests arrive — each inspired by beloved characters from books, shows, and movies — and place their orders for fan-favorite drinks like Butterbeer, Blue Milk, and Miruvor. 🎮 Gameplay Drag & Drop Mechanics: Learners select ingredients and place them into a mug in the correct order. Hints Available: A recipe card is available for reference if the learner needs help. Serve & Feedback: Once the drink is assembled, the learner presses “Serve” and receives themed feedback from the guest — magical praise or playful critique. Progress Tracking: The game tracks how many drinks were made correctly, with a final summary and stylized feedback. 🎨 Design Style Classic 2D animation inspired by mid-20th century cartoons Watercolor textures with bold outlines Magical UI elements and whimsical decor Custom illustrations for guests and environment 🧙♂️ Senior Barista’s Message “Ah, welcome, apprentice! The guests are lining up, and the steam is rising — it’s time to brew some magic. Drag the correct ingredients into the mug, press ‘Serve’ when ready, and consult the recipe card if you need a hint. Every cup carries a little enchantment — brew wisely!” ⚠️ Disclaimer All visual assets in this project were created using AI tools and custom design. Guest characters are original creations inspired by popular fictional archetypes and do not directly represent or reproduce any copyrighted characters. This project is intended for educational and creative demonstration purposes only. Crossroads CafeVictorian 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 AlphabetAi-powered Learning Companion
AI-Powered Agent I’m exploring ways to integrate AI-powered agents into digital learning to make courses more interactive, responsive, and personalized. Imagine learners engaging in real-time conversations, receiving instant answers, and practicing realistic scenarios all within the course itself. Learners go beyond just reading or clicking they can ask questions, get immediate feedback, and practice real conversations directly inside the course. Currently in the early testing phase, the results are already showing promise in boosting engagement and personalization. While there is some response latency, the potential for transforming digital learning experiences is immense. #AI-Powered Learning Agent #AI-Powered Interactive Coach #Smart Virtual Facilitator #AI Learning Companion #AI-Powered Learning Agent #Real-Time GPT Assistant #Storyline openAIConnector https://shorturl.at/VcvzMCooking 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.Tic Tac Toe | JavaScript
Hi all, I've built a Tic Tac Toe game using JavaScript — simple, functional, and fun! 😊 I'd love for you to check it out and share your thoughts, suggestions, or ideas for improvement. Your feedback is always appreciated — let’s make it even better together! https://360.articulate.com/review/content/5b321e2c-03a6-465f-abd8-bc867549027e/reviewThree Little Pigs game quiz
Hi Articulate Heroes! My name is Ekaterina, and I’m excited to share my very first post here! I’ve created a quiz game inspired by the classic fairytale “The Three Little Pigs.” I aimed to make it fun and engaging, with playful visuals and plenty of interactive moments for the player. I’d love to hear what you think—any feedback or suggestions are very welcome! Three Little Pigs Game Quiz
