graphics
72 TopicsStoryline Instant ToolTip
Hi everyone! I'm sharing a script to add tooltips in Storyline. Just one reference object, a quick copy-paste, and it's ready. You could use a native rollover state, but this gives you full control over the animation. Position, colors, shadow: all configurable in 10 seconds. No JavaScript skills needed, the script is designed to be easy to use and maintain.282Views4likes3CommentsPractice: Visualizing Policy with Rise360
Hi there, I'm Leslie! I built this microlearning module in Rise360 because I wanted to practice creating a short, visual story with interactive elements from a text-only public policy source. 7 Ways the SAVE Act Would Block Voting Rights Government and think tank materials are text-heavy and focus on the process to create the policy or proposal, rather than who the policy impacts and what they either have the opportunity to do, or are now responsible for. I wanted to select a topic and source material that I didn't know anything about to keep my decision making to a minimum. I think visual storytelling would help people process policies and decide faster if they want to complete the call-to-action. I used Flaticons for the icon/ vectors. I created two different source attribution pages at the end of the module - one for the source material and one for the icon/ vectors used I'm unsure how to create a .story file for download. But happy to share anything I can. Thank you in advance for your feedback and comments on the design, flow, etc. While I believe in this topic and the research behind it, I realize it is political, so I hope I haven't violated and posting rules. Best, Leslie387Views1like3CommentsHow I Embedded an AI Chatbot into a Rise 360 Course
This interactive course demonstrates how an AI-powered teaching assistant can be embedded directly into a Rise 360 experience. Please let me know what you think of the live demo Built with GPT-4o, LangChain, FAISS, and Streamlit, the assistant retrieves content from Teaching in a Digital Age by Dr. Tony Bates and answers learner questions in real time. You can try the assistant directly within the course to see how AI can support self-paced learning by offering just-in-time help, contextual answers, and scalable support—without the need for live facilitation. This project showcases how instructional designers can combine low-code tools and open content to build smarter, more responsive digital learning environments. If you’re interested, I’d happily share a short Loom walkthrough explaining how it was built.2.1KViews5likes9CommentsUp-Updated "Reveal" codes
I’ve been experimenting with the original HTML code blocks included in Articulate 360’s built-in examples and wanted to share how far you can extend that base structure using GenAI to iterate and refine interactions. Starting with the default image-reveal index provided by Articulate, I used GenAI to progressively develop three new versions. I supplied my own images, created meaningful alternative text for screen readers, and introduced additional UX and accessibility improvements. Every version is fully tailorable if you want to adapt the formatting, colours, spacing or behaviour. The three examples are: Enhanced Image Reveal Grid Uses the original Articulate structure. Adds a hover zoom, a click-to-zoom state, and high-contrast purple letter tiles for accessibility. Fanned “Deck of Cards” Flip Interaction A dynamic fanned layout, more like a real card hand. Cards lift and reveal their letter on hover, flip on click, and reset if clicked again. Includes chevron navigation for easier cycling. Plain Flip Grid with Navigation A clean, accessible flip-card grid with navigation chevrons. Mirrors the deck behaviour but with a simplified layout. NOW WITH MORE EXAMPLES of what reveal styles can imagine! If you have suggestions, improvements or alternative approaches, I’d really love the feedback. And if you’d like to use or remix any part of this, feel free — I’d love to see what you create with it. Review3601.3KViews11likes11CommentsRise Course - 4 Parts - Story Narrative - Emotion Led
https://share.articulate.com/vostzJopZeKS567yNeR7f https://share.articulate.com/8x8DCVPCJ7uHPzrmf3AiK https://share.articulate.com/BHsxfLKPtTbKmqJNx0w3U https://share.articulate.com/Ad5ECo3j5Gr08URisxRAy Let me know your thoughts! Thanks331Views0likes1CommentFree 20-Pose Distribution Center Manager Character
Hi everyone 👋 I recently built a full 20-pose character pack designed specifically for operations and safety training — and I’m sharing it here with the community. Meet Arjun – Distribution Center Manager He was designed for: Warehouse onboarding Safety compliance modules Operational process training Scenario-based learning in Storyline or Rise What makes this different from standard stock characters: ✔ Coaching, compliance, instructional & PPE versions ✔ Mentor-style expressions for scenario design ✔ Built intentionally for warehouse environments I created this after reflecting on how powerful custom characters can be when they’re aligned to the learning context — especially in operational training where realism really matters. You can download the full ZIP file here. If you’d like to: See how I design full character systems Collaborate on custom training visuals Or just connect with another eLearning builder Feel free to comment below or connect with me. You can also check my LinkedIn (https://www.linkedin.com/in/iamsaurabhsaini/ ) to see more of the work I’m building in character-driven learning and scenario-based design. Would love feedback from this community — how are you using custom characters in your projects?505Views4likes5CommentsMars Base Demo: Storyline Integration with Blender 360° Panoramic Renders UPDATED March 2026
I created this short e-learning demo for my Upwork portfolio, showcasing how to integrate custom-modeled 360° environments into Articulate Storyline. I wanted something unique, short, and interesting. Project Rationale: I chose a 3D-printed Mars habitat because the concept aligns with realistic solutions for future human life on Mars, making the demo feel grounded and relevant. To give the base a compelling and genuine purpose, I focused the learning content on growing crops on Mars (Martian agriculture). This subject was a natural fit, leveraging the extensive agriculture knowledge I've gained working with a client over the years, which is also why the base is appropriately named Rhizome Station. Technical Breakdown: 3D Modeling (updated March 2026): The Mars base was modeled in Blender (free and open-source software). I created procedural textures for most of the scene and Quixel Megascans assets for distant rocks and lab flora . Quixel megascan assets have now been replaced with my own. I also used Blender to model the 3D landscape you see as a backdrop on the computer screens. Interaction Assets: For the icons and images seen within the interactions, these were all done in Storyline using the built-in icons and AI images. Interaction: The experience uses seven linked 360° renders. To track progress, I rendered the images with a start/finish state, allowing a 'completion' green tick to display when the user returns to the main lab view. Audio: Narration was created using Storyline's AI voices. Future Plans: I'm planning to expand this into a full e-learning experience. The expanded course will start with the user in Earth's orbit learning about the Hohmann Transfer Orbit, and once they reach the base, they'll be able to explore different rooms (the living quarters are already built) and go on outdoor missions. I'll update the community when that larger version is complete, but it likely won't be until next year. Live link updated March=2026957Views9likes13CommentsWorkplace Violence and Harassment – Game-Based Scenario
One of our recent projects involved developed a game-based, scenario-driven Custom eLearning Solution focused on Workplace Violence and Harassment Training. As part of our broader corporate training solutions and digital learning services, the goal was to move beyond traditional click-through compliance courses and create a learning experience where employees actively practice real-world decision-making. What we built: A scenario-driven course with 1–4 progressive levels Each level presents realistic workplace situations that require learner judgment Learners complete a knowledge check or quiz at the end of each level Successful completion unlocks a badge, reinforcing motivation and progression Why this project matters: Rather than relying on a traditional, click-through compliance approach, we designed this eLearning course to help learners practice real-world decision-making in a safe environment, supporting better recognition, prevention and response to workplace violence and harassment. Behind the scenes: Branching scenarios were designed to encourage reflection, not just right-or-wrong answers Feedback carefully crafted to explain why a response is appropriate Game mechanics were applied thoughtfully to maintain the seriousness of the topic What this project reinforced for us: When designed with intent, gamification can enhance engagement and retention, even for sensitive compliance topics. Tools used: Articulate Storyline 360 for course development Vyond for video creation Learning outcome: Participants will be able to identify, prevent and appropriately respond to workplace violence and harassment situations through practical, scenario-based decision-making. Explore the course: Click the link below to view the course. https://www.swiftelearningservices.com/our-portfolio/game-based-scenario-sample/story.html We welcome your feedback, questions and suggestions, especially around scenario design, feedback strategies and gamification for sensitive compliance topics.1.3KViews4likes6CommentsStoryline ANIMTEXT
Hey community! 👋 Creating cool animated titles in Storyline is often tedious... and rarely impressive. So I've put together 17 ready-to-use JavaScript scripts to animate your SVG texts: ✅ Slide replay handling (automatic reset) ✅ Storyline pause support (Varpause variable) ✅ One script per effect, easy to integrate Note: the Voronoi effect loads a small external library (d3-delaunay) automatically - completely transparent to the user! Have fun, test them out, and let me know which effect is your favorite! Review : https://360.articulate.com/review/content/c1587dba-5193-4d45-a4eb-2b985309b7ce/review703Views20likes5Comments