Leveling up Web Objects: Two-way communication between Storyline and Spline 3D š
Hi everyone! š Iām super excited to share a portfolio project I recently finished called Playcraft Assistant. My goal was to push the boundaries of what we can do with Web Objects and custom JavaScript in Storyline. Instead of just embedding a static 3D model, I wanted Storyline to act as the "brain" and control a live 3D engine. Here is how it works under the hood: The Visuals: I built an interactive 3D robot using Spline. The Bridge: I wrote a custom HTML/JS wrapper using the postMessage API to create a communication tunnel between the Articulate player and the iframe. The Result: When you click native Storyline buttons or change slides, JavaScript triggers specific animations in the 3D model (Greeting, Loading, etc.) in real-time. The UI: I also coded a custom "terminal typewriter" effect using GSAP and Storyline text variables (making it 100% native and accessible without breaking the published SVG text). Playcraft Assistant It was a fantastic technical challenge dealing with iframe race conditions and variable syncing, but the result feels incredibly seamless. Iād love to hear your thoughts, feedback, or any ideas on how to take this even further. Also, if anyone is trying to connect external web apps or 3D models with Storyline variables, Iād be happy to share some of the JavaScript logic! Happy developing! š©āš»āØInteractive "Field Guide" Resume
I was really inspired by HeatherMichaelā and her Into the Wild resume. I created an interactive resume where you've come across a rare species, Homo architectus cognitionisāthe human architect of knowledge, ME š. Explore his habitat, behaviors, and movement patterns as you would any subject of scientific interest. Explore in Review 360Learning Technologies Autumn Forum
Join Articulate's Melissa Trimble for a virtual session about AI in E-Learning at the Learning Technologies Autumn Forum on Tuesday, 14 October. AI in E-Learning: How to Show Your Boss Real Results 15:30 - 16:30 BST Free Virtual Event - Register Here When it comes to the rise of AI tools in learning and development, thereās been a significant shift. As these solutions become more common as part of e-learning workflows, itās crucial for your organization to select an AI solution that not only enhances your teamās productivityābut also has an impact on business outcomes and results. The right AI tool should feel indispensableānot just acceptableāto e-learning developers and your organizationās bottom line. Join Melissa Trimble, Sr. Product Evangelist at Articulate, to: Explore what genAI features truly add value to your e-learning workflow, with real-life examples of efficiency, creativity, and time savings. Learn how to make the case for AI by calculating real business value. Show your boss how AI can enhance your e-learning initiatives, ultimately benefiting your organizationās bottom line.
