graphics
75 TopicsCreate an Animation for Rise Using PowerPoint
If you create something like this flowchart in PowerPoint, then add in a fade-in animation to each item, set the animation to happen "After Previous" (automatically). (time to play through 1 second). Duplicate the slide - set each item to have no animation. Go back to first slide - add a transition - NONE but set it to Advance slide after X seconds (where X is the same length of time as it takes for the animation to play [example 1 second) Go to second slide - add a transition - MORPH and have it Advance Slide after Y seconds (where Y is the length of time before the animation loops again [example 10 seconds]) Then you can add this animation directly into a Rise Image Block (or elsewhere) You can also change the slide size in PPT to reduce the white space around the animation. Example (chart 4.gif) I changed the slide size to half the height First animation (chart.gif) - no 2nd slide Second animation (chart 3.gif) - 10 second 2nd slide344Views7likes4CommentsHappy Birthday Mini Game
How I Built a Bright, Clicky Birthday Game for Rise 360 I wanted to make a birthday interaction in Rise 360 that felt a little more playful than a standard celebration graphic, so I built a custom HTML block for a colleague's birthday. It started as a colorful animated birthday screen with balloons, confetti, and a cake. Cute? Yes. But then I thought… what if it felt more like a mini game? So I turned it into a fast little “birthday grab” activity where goodies fall from the top of the screen and learners click them before time runs out. I added a score, timer, party meter, different fall speeds, and a win screen to make it feel more arcade-like. Cupcakes drift slowly, stars zip by faster, and the whole thing is packed with bright colors and motion. One of the biggest lessons was keeping the code simple enough to behave nicely inside a Rise 360 embed. Once we switched to a cleaner JavaScript approach for the falling items, everything clicked into place. It was a fun reminder that even a small custom block can add a lot of personality to a course. Sometimes a birthday shoutout can also be a mini interactive experience. Happy Birthday Mini Game338Views5likes3CommentsPractice: 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, Leslie940Views3likes10CommentsClaude Shannon Explainer – Interactive Overview of the Father of Information
Hi everyone, This interactive module offers a short introduction to Claude Shannon’s key ideas and how they shaped modern computing and communication. The module is part of my portfolio and was designed to demonstrate accessible design, custom illustration, and learner-driven interaction in Storyline. I’d appreciate your feedback on: Navigation and overall flow Accessibility (especially for screen readers) Visual design and pacing Any suggestions for improving engagement or polish Here’s the link: Claude Shannon Explainer Thanks for taking the time to have a look. I’m new to the community and would welcome any thoughts or suggestions.507Views3likes4CommentsFree Download: Cinematic Stat Reveal for Rise 360
Over the past few months I've been combining my love of coding with Rise 360's new(ish) code block functionality — and I've ended up with a growing library of custom components I'm really proud of. I figured it was time to start sharing some of what I've built with the community. First up: the Cinematic Stat Reveal — a free download, on me. t's an animated component that makes key statistics actually land with learners, rather than just sitting flat on a page. Bold, clean, and designed to create one of those moments where a number genuinely stops someone in their tracks. ✅ No coding required to use ✅ Drops straight into any Rise 360 course ✅ Fully customisable to your content and brand Free Download in the files includes a guide on how to use and edit this block. Would love to hear how you use it and if you have any suggestions or things you'd like me to build, let me know! Happy building! 🎉393Views5likes0CommentsUp-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.9KViews12likes13CommentsMars 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=20261.7KViews12likes17CommentsStoryline 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.506Views5likes3CommentsHow 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.4KViews5likes9Comments