JavaScript Animations in Storyline #533: Challenge | Recap
What Moves Gets Noticed
Animations are an easy way to create focal points, illustrate complex procedures, and help learners visualize change. And Storyline already gives you a ton of ways to bring your slides to life.
You’ve got your standard entrance effects, motion paths when you want more precision, and the new emphasis animations when you just want things to pop a little more.
But if you’ve ever thought, “I just want this to be a bit faster,” or “Can it spin two times before looping?” you know it takes some fine-tuning. You can do it. It just means lots of tiny tweaks. Preview. Adjust. Repeat. Not hard. But not always the best use of your time, either.
That’s where the new AI JavaScript entrance animations come in. You just tell AI Assistant what you want: how it should move, when it should start, how it should loop. Done.
AI Assistant builds the JavaScript triggers for you behind the scenes. You get all the flexibility and control of JavaScript-driven animations without ever touching the code. And that’s what this week’s challenge is all about!
🏆 Challenge of the Week
This week, your e-learning challenge is to build a slide, interaction, or mini-demo that shows off Storyline 360’s AI JavaScript Entrance Animations feature.
Here's a quick overview of how it works:
What if I’m a Rise user and never worked in Storyline?
No worries. You’re still in. In fact, this is a great way to dip your toes into Storyline without having to mess with all the built-in animation settings.
You just use AI Chat to do the heavy lifting for you. Here’s a quick video walkthrough to get you up and running fast.
⚒️ Authoring Tools
Storyline 360 is the focus this week, but you’re welcome to mock up your ideas in PowerPoint, Figma, or any app you like.
🙌 Share Your E-Learning Work
You put in the effort, now make sure your work gets seen:
- Personal blog: If you have a blog, please write about your example from this week’s challenge and share the link with your submission.
- Social media: Please share your examples on LinkedIn and mention both David & Articulate using the #ElearningChallenge tags so we can help promote your work.
- Support your peers: With the new submission format, you can comment directly on each example. Try leaving helpful feedback on at least three projects this week.
- Community forums: Feel free to cross-post in the forums to give your work even more visibility.
🧰 Resources
Check out these user guides for more ideas and options for the new AI JavaScript animations.
- AI Assistant in Storyline 360: AI JavaScript Entrance Animations
- AI Assistant: Using AI Prompts to Create JavaScript Entrance Animations
✨ Share Your E-Learning Work
You put in the effort, now make sure your work gets seen:
- Personal blog: If you have a blog, please write about your example from this week’s challenge and share the link with your submission.
- Social media: Please share your examples on LinkedIn and mention both David & Articulate using the #ElearningChallenge tags so we can help promote your work.
- Support your peers: With the new submission format, you can comment directly on each example. Try leaving helpful feedback on at least three projects this week.
- Community forums: Feel free to cross-post in the forums to give your work even more visibility.
🙌 Last Week’s Challenge:
Before you dive into this week’s JavaScript animation challenge, take a quick spin through these 5-minute makeover examples your fellow challengers shared last week:
5-Minute E-Learning Makeovers #532: Challenge | Recap
👋 New to the E-Learning Challenges?
The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.
Learn more about the challenges in this Q&A post and why and how to participate in this helpful article.
📆 Upcoming E-Learning Challenges
- Challenge #534 (12.12): Your 2025 challenge recap. Wrap up the year in one place. Drop your 2025 challenge demos into this week’s recap so it’s easy for everyone to browse, binge, and revisit the cool stuff you shared all year.
- Challenge #535 (12.19): Our 14th annual Pantone Color of the Year challenge. Next year's color: Cloud Dancer
