Productivity Pulse
For this challenge, I designed a quick checkup that will analyze the user's daily work habits and suggest productivity hacks. Based on the user's responses, final results and productivity suggestions are grouped into Starter, Optimize, or Advanced productivity tricks and tips. Hopefully there are some hacks in there that you find helpful if you're like me and can't can't seem to find enough hours in the day to get everything done. Productivity Pulse AssessmentFixing Slide Positions For Drag Interactivity On Mobile Using JavaScript
Hey Heroes, I’ve recently been working on a number of client projects that really put the new JavaScript API in Storyline to good use! One challenge I had to overcome was how Storyline behaves on mobile devices. By default, it seems to add a slide-drifting transition when users swipe—great if you're building swipe navigation between slides, but not so helpful when users are meant to interact with objects on the slide itself. For example, trying to drag an object can instead cause the whole slide to shift, which can lead to some confusion and frustration. For this week’s challenge, I’ve put together a demo that showcases the solution I developed to disable this behaviour when needed. You can try out the project here: LINK Copy the JavaScript code snippet for your own projects: LINK I also recorded this video for YouTube showing the results:
What’s Your Celestial Learning Persona
In this challenge, I used a listicle format inside a scroll panel to explore how the 12 zodiac signs connect to learning styles. Each sign reveals a short, scrollable insight into how that type of learner might thrive — whether you're a curious Gemini, focused Capricorn, or imaginative Pisces. Just scroll through the list and discover which celestial style speaks to you :) What’s Your Celestial Learning PersonaMerge Dimensions
Hello! The most obvious use for this new feature is to cut holes in backgrounds to create sci-fi portals, right? For this first-person Rick and Morty-inspired interaction, I used the Merge Shapes tool to cut a hole in the background image. (I created this image using Articulate's AI tool.) Through the hole, you can see another image, beneath the swirling portal GIF. A combination of freeze/resume timeline triggers, a drag-over interaction, and a zoom panel, complete the experience. The portal gun is adapted from this 3D model by kreems on SketchFab. Just a bit of fun, probably not quite safe for work, but took me next to no time to time to create in Storyline with very little outside software required. Check it out here. Wub-a-lub-a-dub-dub!
Vault Zone
Long-time listener, first-time caller here. I'm still pretty new to the JavaScript game, but I wanted to challenge myself this week and see how far I could get. This simple game has four scripts running on the base layer: 🔦One hides the cursor and moves the flashlight with the mouse 🏞 One moves the background (and target area) as the cursor pans left and right ⏱ One handles the countdown timer 🎯 One checks if the user has found the target and triggers the "You Win" layer The “You Win” and “Time’s Up” layers each include a small script to bring the cursor back after the game ends. With more time, I’d love to make the "computer screen" graphic with onscreen text more dynamic - but for this version, I really wanted to nail the core mechanics. I relied on ChatGPT for a lot of the JavaScript support, but honestly, I learned a ton through the process - especially having to figure out where things were off or how to adapt code to work with Storyline’s triggers and native capabilities. https://360.articulate.com/review/content/24c010db-096a-49a5-a1d8-11d83f908b12/reviewFeelings Pulse
This is an interactive experiment using poll-style questions within a video. It’s designed to describe emotions through colors and characters, using four simple questions. Each question is linked to a color — Red, Yellow, Blue, and Pink — and presents a few emotional choices for you to pick from. You’ll only be able to select one answer per question, and only once per session. Your response is saved anonymously and added to the overall results. At the end, you’ll see how others have answered as well. This isn’t based on any scientific research — it’s just a creative way to reflect on emotions and try out interactive video features. Thank you for being part of it. Feeling PulseScenario Exploration
For this challenge I combined the pop-up effect with the morph transition from an earlier challenge that I missed. I thought using a pop-up to choose a character would be an interesting way to explore compliance scenarios. The morph effect worked well on static images (e.g., the background for my characters), but the morph is interrupted a little bit on the built in characters when the morph meets a state change in the character. https://jodisdemos.s3.us-east-1.amazonaws.com/502+Pop+Up+Morph/story.htmlTale of Two Tails
About the Project Curious about what makes dogs and cats so different? 'Tale of Two Tails' reveals their unique personalities through a simple yet colorful interactive comparison. See how effective comparisons can engage learners! #ELHChallenge500 Check out the demo here. About Me Jayashree Ravi LinkedIn
