Learning Science Update
Challenge Submission – Minimal, Review-Friendly AI-Assisted Animation For this challenge, two slides from the Opportunity theme in the content library were selected as a focused demonstration of AI-assisted animation approaches. This submission explores how AI-assisted JavaScript prompting can be used to create effective motion design while remaining easy to review, understand, and reuse across projects. Slide 1 intentionally uses the first AI-suggested JavaScript animation without modification. The goal was to evaluate the quality of a default AI-generated timeline. From prompt to result, the animation was implemented in approximately two minutes, demonstrating how AI can quickly establish a clean, professional entrance sequence with minimal effort. Slide 2 introduces a hybrid animation approach, designed with readability and adaptability in mind: A simple JavaScript entrance animation handles the vertical timeline dots. Text boxes rely on lightweight opacity transitions. Manual time-shifting aligns text entrances with dot interactions. Instead of one complex JavaScript timeline controlling everything, the interaction logic is distributed: Motion is broken into small, understandable pieces. Timing relationships remain visible and adjustable. Reviewers can easily trace how each interaction affects the UI. The resulting experience still feels animated, but the perceived motion comes largely from: Delays and offsets Layer changes Consistent spatial relationships between dots and text This makes the approach easier to follow during review and simpler to apply to similar projects, especially compared to a single, tightly coupled JavaScript animation. The design demonstrates how thoughtful timing and minimal motion can deliver clarity, responsiveness, and polish—without increasing implementation complexity. View project here: #533_AI_Animations.storyWings or Flames - Halloween Jeopardy Game
Hi Articulate Heroes! I was super excited about this week’s challenge (I love Halloween!), but time got away from me between all the spooky—and not-so-spooky—activities. My original plan was to create a full Halloween Edition of my Jeopardy-style game: new graphics, UI, questions, and sound effects (based on the same build I used for my cooking-themed game). But since the deadline arrived and my idea turned out to be a bit ambitious, I’ve only managed to complete the first category: Creepy Creatures (and it still needs some testing too). Feel free to check it out! I’m hoping to finish the rest of the game and do some proper testing by the end of the week. Happy Halloween, everyone! 🎃 Wings or FlamesSpookily Accruate
Hello! For this challenge, I reused a character I created way back in 2020, for Challenge #292 (Using Variables). In case you wondered, Zardoz is a cross between Sean Connery and the Zoltan machine from Big. I've upgraded Zardoz with a few tricks I've learned in the meantime, including live polling, a speech animation cycle, and some sneaky Javascript. If Zardoz doesn't successfully read your mind, he can still surprise you with what he does know about you. Does Zardoz know what you're thinking? TRY IT OUT HERE
Magnifying Movement
E-Learning Heroes has long guided my work creating art-based learning modules that build visual literacy skills and weave the arts across the curriculum. These modules encourage students to look closer and think deeper about works of art. When I first saw morphing in action, I thought it was engaging—but wondered whether it could truly serve instructional value. This magnifying movement may be more metaphor than method, but it’s a start. Try it here This module was inspired by chaotic museum tours with my young family. The hopes of a shared learning experience were quickly dashed the moment my three competitive children spotted the first interactive button. The rest of the visit was a free for all as they ran pell-mell through the galleries, trying to be the first to mash the next button. The light or sound it triggered crowned the victor. My attempts to explain the displays went entirely unheard as the three terrors dashed off to their next conquest. The best I could do was slow them down with “truth bombs”—the more scandalous, the better. “The newspapers said that artist died painting a sunrise, but he was actually killed in a barroom brawl the night before.” “This artist, who was bald, hid a sneaky self-portrait in that painting—maybe two. Can you find him?” “That painting’s basically a group selfie—and the artist is teasing his friend, a notorious playboy, and a lady who made headlines with her own affairs.” Please share this with anyone who shares that same button-mashing curiosity. Check out more interactive resources for teaching artAnimated Menus Using Morph Transitions
When I first saw the morph transition, I didn’t think much of it. The fade has always worked just fine. But after seeing what Elizabeth and Thierry did with it, I got it. For this challenge, I reworked a menu example I originally built with motion paths and variables. Motion paths are easier in Storyline now, but they still take time to set up when you're duplicating and reversing the paths. Same with variables. They're easy to copy and tweak, but also easy to mess something up and lose your time troubleshooting. But with the morph transition, it’s two slides. Move the objects where you want them on each one, and you're done. View the example5 Ways to Use Morph Transitions
View the example For my example this week, I decided to practice a few simple techniques using the Morph transition. Progress bars Text and title transitions Showing character dialogue or conversations Image carousel effect An office exploration Production Tips For the image carousel, the process was pretty straightforward and much easier than using multiple motion paths with reverse paths like you’d normally need. The main challenge was just keeping the images aligned on each slide. I used Storyline's guides initially to align the objects but a few still felt off so I manually verified (and updated) each object's position using the the Size and Position window. I attached the source file so you can see what I did. About Me Connect on LinkedIn: David AndersonMindfulness
What do you do when your brain hits a wall? This project explores small, mindful actions to help you reset and reconnect. I used a soft pastel palette and flat icons to create a simple interaction where each tip gently morphs into view. The visual transitions are built around consistent layout and position changes to simulate a calm, flowing experience—no motion paths, just smooth shifts from one moment to the next. 🔗 View the Demo About Me Jayashree Ravi Curious about more e-learning innovations? Connect with me on LinkedIn to share ideas, discuss implementation techniques, or simply chat about instructional design challenges.Meet the New Morph Transition in Articulate Storyline
As an e-learning developer, you know how important smooth, engaging transitions can be. That’s why I’m excited about Articulate’s latest update: the brand-new Morph transition for Storyline! Morph brings a whole new level of polish to your slides by intelligently animating objects from one state to another. Instead of abrupt jumps or simple fades, you can now create fluid, professional-looking animations that feel almost cinematic. Whether you're moving shapes, text, or images, the Morph transition automatically calculates the movement, scaling, rotation, and even color changes — saving you tons of manual animation time. It’s perfect for storytelling, demos, onboarding courses, or anytime you want to wow your learners with seamless visual flow. To explore the new feature, I developed a short demo showcasing what Morph can do. The demo is inspired by three Morph transitions originally created in Microsoft PowerPoint that I discovered online and features an animated intro slide, a dynamic animation of a deck of cards, and a smooth circular text animation — all created using the new Morph transition. While it’s exciting to see how much creativity this new feature unlocks, I did notice that the Morph transitions aren't quite as smooth yet as the PowerPoint version. These kinds of hiccups are common for new features, and I’m sure the Articulate development team is working hard to smooth out these tiny issues. All in all, I can’t wait to start using Morph in my projects — and I’m even more excited to see what you create with it! Have you tried it yet? Let me know what you think! You can preview my demo via the link below, or download the source file to explore the build details. Preview my demo Download the source file Note: In the demo, I’ve used some circular text. This text was created in PowerPoint. If needed, you can download the PowerPoint file hereHow to Say NO Professionally
I've always liked using states to change a character's expression and pose but really dislike how abruptly it changes. With morphing transitions, it gives it a smoother look, and I think I can give it an even smoother look with some practice. I would normally have one slide with layers and the states triggered and synced with the audio but, to use morphing, I had to break it out into one slide per expression. I used Articulate AI for the background and narration and had fun with the colors 😁
