Up-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. Review360Rise360 : Customised assessment - experiment in Rise360
𝗘𝘅𝗽𝗲𝗿𝗶𝗺𝗲𝗻𝘁𝗶𝗻𝗴 𝘄𝗶𝘁𝗵 𝗖𝘂𝘀𝘁𝗼𝗺 𝗔𝘀𝘀𝗲𝘀𝘀𝗺𝗲𝗻𝘁𝘀 𝗶𝗻 𝗥𝗶𝘀𝗲 𝟯𝟲𝟬 𝗥𝗶𝘀𝗲 𝟯𝟲𝟬 𝗱𝗼𝗲𝘀𝗻’𝘁 𝘀𝘂𝗽𝗽𝗼𝗿𝘁 𝗰𝗼𝗺𝗽𝗹𝗲𝘅 𝗾𝘂𝗶𝘇 𝗹𝗼𝗴𝗶𝗰 𝗻𝗮𝘁𝗶𝘃𝗲𝗹𝘆 𝘄𝗶𝘁𝗵𝗶𝗻 𝗮𝗻 ‘𝗘𝗺𝗯𝗲𝗱 𝗯𝗹𝗼𝗰𝗸,’ 𝗯𝘂𝘁 𝘂𝘀𝗶𝗻𝗴 𝗰𝘂𝘀𝘁𝗼𝗺 𝗛𝗧𝗠𝗟 + 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝘆𝗼𝘂 𝗰𝗮𝗻 𝘀𝗶𝗺𝘂𝗹𝗮𝘁𝗲 𝗶𝘁. 𝗧𝗵𝗶𝘀 𝗶𝘀 𝗺𝘆 𝗲𝘅𝗽𝗲𝗿𝗶𝗺𝗲𝗻𝘁 𝘄𝗶𝘁𝗵 𝗦𝘁𝗼𝗿𝘆𝗹𝗶𝗻𝗲-𝘀𝘁𝘆𝗹𝗲 𝗹𝗼𝗴𝗶𝗰 𝗖𝘂𝘀𝘁𝗼𝗺𝗶𝘀𝗲𝗱 𝗔𝘀𝘀𝗲𝘀𝘀𝗺𝗲𝗻𝘁 𝗯𝗹𝗼𝗰𝗸 𝗶𝗻 𝗥𝗶𝘀𝗲 𝟯𝟲𝟬. I recently tried something new in Rise 360 creating a small custom assessment block using HTML and JavaScript. The goal was to explore how a quiz could include a minimum passing score and only allow learners to continue to the next lesson even after achieving it. It was a good learning experiment to understand how customised logic and Rise blocks can work together to make learning more interactive and meaningful. Through this experiment, I realized we can blend Storyline-style logic with Rise’s responsive learning environment, creating richer and more flexible learner experiences. 𝑹𝒆𝒗𝒊𝒆𝒘 𝒉𝒆𝒓𝒆: https://shorturl.at/ipJ3nSelf-Assesment & Action Plan - Rise Code Block
Hey guys, I experimented with creating a self-reflection tool using prompt refinement. The idea was simple: after learning the theory, users should have a way to evaluate themselves and identify areas for growth. Here’s what I tried: Self-Assessment via Sliders: Users rate their competencies on different dimensions using sliders. Results Overview: Based on the ratings, the tool shows strengths and weaknesses. Next Steps: It suggests what to work on and provides mini action plans for improvement. It’s not perfect—especially in terms of content —but the goal was to make reflection visual, structured, and actionable. This was an iterative process, refining prompts (unfortunalty i dont know the prompt anymore) until I reached this concept (text is in german). Here it is: https://360.articulate.com/review/content/22f6d51c-972e-41d2-8cf9-4ea335044010/reviewRisk Quest: Investigate the Trading Floor
Inspired by the old point-and-click adventure games, I wanted to build a simulation-style experience that lets learners have fun while actually practicing investigation skills. In this scenario, you step into the role of a newly assigned Risk Investigator trying to figure out why financial projections don’t match real-world returns. Projects like this usually don’t happen. Not because they aren’t valuable, but because they take time, money, and resources that most teams just don’t have. Fast builds are expected. Games are not. So instead of waiting for the perfect conditions, I used Rise Code Blocks, ChatGPT, stock images, and a lot of trial and error to build a playable proof of concept the team could realistically evaluate. The Risk Quest demo puts you directly in the investigation. You explore the environment, pick up and use objects, connect the dots, and report back what you’ve uncovered. If you’re not paying attention, you’ll miss things. That’s intentional. The project is broken into three parts: Risk Quest Demo Play the experience. Be the investigator. Figure out what’s going on. Risk Quest Evolution Walk through how the project evolved from v1 to the current POC. You can see what changed, what stuck, and what ideas didn’t survive contact with reality. Hidden Assets All of the graphics used in the experience and how they were stored and referenced directly in the Code Block as the look and feel evolved. And yes, this whole thing is heavily influenced by nostalgia. Did anyone else play these growing up? Zak McKracken and the Alien Mindbenders, Maniac Mansion, Sam and Max, Indiana Jones and the Fate of Atlantis, and my personal favorite, Monkey Island as Guybrush Threepwood. 😁 Take a look, share feedback, swap a memory or two, and enjoy. https://360.articulate.com/review/content/8b015c70-a382-47b7-8e20-fc7af7d13611/reviewCapturing & Consolidating Learner Notes
I created an example of adding a learner notes functionality using the new Rise Code Block. This let's learners capture notes at various places in a course and then consolidates them all into a printable format or an email. The demo also includes a complete code design walk-through and has all of the code at the end for easy copy/paste into your own projects. Enjoy! https://360.articulate.com/review/content/4c2a7e7f-09ca-4d4f-890d-86cec26bf48b/reviewInteractive Notepad/Writing
A fun interactive way for students to take notes and save/print those notes. A few languages for students to choose. Default is English (note for students who choose other languages). Can be printed Opens in a new tab, students right-click and click Print or Save As a PDF Tools such a erasing, font color changing, different fonts, and stickers Can easily be altered to suit your needs I used Rise Code Blocks and the code is located in the attached documents. Thank you! Demo: Interactive Notepad/WritingA Growing List of Cool Code Block Examples
➡️ View the examples and grab the code Hi everyone! 👋 I've been playing around and created a growing list of cool examples of using the code block. I've included the code that you can copy to use in your projects. If you have any questions, just leave a comment in the Review tool. New: Suggestion Box Scrolling Ticker ElevenLabs Chatbot (in Rise and Storyline) Sentence Builder Flash Card Self-Assessment Updated: Glossary (you can now print it and upload terms/definitions) Capture & Recall Reflections (you can now print them) Student Notebook (you can now print this) Your Input Suggestion Box Interactions Click & Reveal Checklist Flip Cards Glossary Hover Definitions & Popup Info Labeled Graphic Matching Activity Memory Match Scratch Card Reveal Sorting Interaction with Feedback Timeline Vertical & Horizonal Tabs Effects Animated Checklist Confetti Dividers Graphics Blended Image Slider Image Compare Slider Knowledge Check / Quizzes Yes/No Swipe Cards Swipe Card Quiz User Input Capture & Recall Reflections Course Completion Certificate Persistent Learner Name Student Notebook Just For Fun! Interactive Snow GlobeChange Management Stakeholder Assessment Matrix
Can you correctly identify which stakeholders will make or break your change initiative? This example module includes a Process block that serves as instructions for the Stakeholder Assessment Matrix interaction in the Code Block. The code was built through a back-and-forth conversation with both Microsoft 365 Copilot (GPT 5.2 Think Deeper) and Claude (4.5 Opus). Both generated good interactions, but I liked Claude's better, which is what I used in the code block. I wrote 0 lines of code, simply explained what I wanted, iterated to fix errors or improve the interaction, and copied the code into Rise. Link to Review: https://360.articulate.com/review/content/849c80e5-af80-497e-816f-09451270f567/reviewFreeform Knowledge Check Code Block
I've been experimenting with the code blocks lately. I vibe coded a block for a Knowledge Management course I've been working on to do a pre-knowledge check with ChatGPT. I really wanted the user to type in an answer verses doing a multiple choice. Essentially, the user types in what they think is a Knowledge Management Barrier and see if it matches once of the barriers they'll learn about later. I limited it to 5 tries so it's not infuriating but also stops you after trying too much. You get feedback noting if you got one or not and then at the end, you can see which ones you got and which you missed. The code can be found in the Rise course and linked below. 2/4/2026 - updated the code and the Review link. I adjust the look to fit more my theme since my course is bookish/academic. Freeform Code Block | Review 360
