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! 👩💻✨Transforming learning through technology and creativity: 🚀
I’m Monica, an Interactive Technology Engineer based in Mexico. 🇲🇽 My mission is simple: I believe learning at work should never be boring. I’m a huge fan of Storyline 360, specifically when it comes to the "heavy lifting" of logic, variables, and custom triggers. I love the challenge of taking complex, technical content and turning it into an immersive experience that actually sticks. I’m also an Adobe Illustrator enthusiast, so I enjoy creating custom assets to ensure every project has a unique UI/UX. I’ve been a "silent learner" in this community for a while, but I’ve decided it’s time to jump in, participate in the Weekly Challenges, and keep learning from all of you. Let’s connect and keep killing those boring slides! 🎨💻 Best, MonicaHello, I'm Jackie!
It's exciting to have my MA in IDT as of Dec 2026 and to now dive into my career, ready to make an impact! I love to share resources and learn something new every day! I need an accountability partner to just hang with me on Zoom so I stay focused to do Stoyline daily to get my portfolio in better shape! If you are in the same boat, let's connect!Excited to be here!
Hello E-Learning Heroes! I’m Enny, a learning and development professional with a heart for creating impactful, learner-centered experiences. This year marks an exciting shift for me — moving from training facilitation into the world of instructional design. My background in delivering and coordinating learning experiences has fueled my passion for creating simple, engaging e-learning that delivers real results. I joined this community to learn from your expertise, exchange ideas, and grow my skills while also contributing wherever I can. Looking forward to collaborating, sharing insights, and celebrating each other’s wins as we navigate our instructional design journeys together!
