example
211 TopicsInteractive 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/Writing140Views0likes2CommentsStoryline 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/review447Views18likes5CommentsStoryline Magic Cursor
Hey community! ๐ Want to add some magic to your Storyline greeting cards? I'm sharing 2 small scripts to animate your cursor: โญ Star trail โ colorful stars follow the mouse. ๐ Christmas emojis โ a chain of emojis with a spring effect. It's simple, easy to customize, and it gets the job done! Colors, sizes, speeds... everything can be tweaked in the config at the top of the script. No hassle. Use them, tweak them, and if you create new effects, share them! Have fun and happy holidays! ๐ review: Storyline Magic Cursor | Review 360189Views4likes2CommentsVibe Coding an Escape Room
I built this escape room mini game as a Portable Web Object, first as a fast prototype in Figma Make, then as a working build in Claude Code. It is designed to sit inside a Storyline or Rise course as a short challenge, practice activity, or knowledge check with a story feel. If you try it out, Iโm open to any notes on the flow, difficulty, or small tweaks that could make it even better. View Demo Here153Views2likes5CommentsTreasure Hunters Learning Game
Before I officially became an ID I worked in a job that encouraged self-learning and would give us time to take e-learning. One of the e-learning I became focused on was PowerPoint. This led to me making games in my free time one game was a Pirates adventure that I repurposed to be a trivia game for learning a new process at work. This was long before I became an ID but was laying the groundwork for this path. When I became an ID I was introduced to Storyline and was told it is PowerPoint on steroids. For my first couple week I was encouraged to play around, watch videos, come here and look at what other can and have done. I took that time to remake the game using Storyline and enhanced it with branching options. This is the result after those 2 weeks. I really wanted to see if my PowerPoint skills and translated to Storyline and see how I could push it. I thought I would share it and maybe inspire others I have been by this community.103Views0likes0CommentsWorkplace 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.639Views4likes5CommentsRisk 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/review91Views2likes0CommentsChange 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/review152Views1like1CommentNew Code Block Game
It's been a long time since I shared my work, but I'm really pumped up about the potential of the new Code Block in Rise. I started with a basic idea and then started vibe coding. It's amazing what can be achieved in a short space of time, and have been resisting the temptation to just have fun, and instead focussed on keeping my work learning focussed. A couple of learnings: The power of the code block will be really unlocked if Articulate can... Allow us to upload zip folders with images in them. Everything says you can, but I have yet to have a single successful upload. Provide code/facility to allow a code that can report course completion based on the code i.e. when a game is completed completion can be sent - even better if scores can be included. When course continuation can be linked to code block completion it enables true gamification. Not being able to include images is a limitation, but not a blocker - you will notice I have included some very rudimentary graphics by encoding the images as base64, however it seems Rise has a limitation of not being able to read base64 strings longer than 500 characters at present. As I suspect will be the case for many others, I, work for a company with very stringent security policies, so we aren't allowed file storage solutions. If there can be a basic image storage allowance for zip code blocks, that changes the game! Would love your feedback you wonderful humans. Review LinkSolved823Views3likes6CommentsTransitions for States
What This Is This shows a transition for object states. It uses GSAP to fade an object's opacity to zero, causing a gentle fade between an object with a visible state and a non-displaying state. What You Need You'll need to create an object with at least one visible state and one blank state. You should be ok minimally modifying Javascript. Why I Made It I was creating a gamified course with a health status bar (four stacked rectangles). On the how-to-play section, I wanted to show the health bar in action. I didn't want the transition between full health and three bars of health to be sudden and jarring. How-to Each of the four stacked rectangles had four states. The topmost health bar (Health4) has one visible state, and three non-displaying ones. When the character loses health, the top bar vanishes first. The general idea is this: Set the object to a visible state Run the Javascript on that object Set the object to a non-displaying state Health4 starts off as visible (state 4). Trigger 1: Execute Javascript when the timeline reaches time 0m 4sec This starts the fade before the object no longer displays. Trigger 2: Set state of Health4 to 3 when the timeline reaches time 0m 6sec In this state, the object is no longer visible. Javascript is: const parent4 = document.querySelector('[data-model-id="5cVNczIuMUl"]'); gsap.to(parent4, {duration:2, opacity:0}); Adjust the timing as needed, but it's a good idea to make sure that two triggers are at least as far apart as the duration for the fade in the Javascript.65Views0likes1Comment