Adding Dynamic Buttons
A few years ago, someone at work let me know how to make more dynamic buttons, and I have become completely addicted ever since. They make the content look a little more professional when used strategically. Look at the examples to see if you would be interested and download it if it helps. These examples are very easy to implement, but you can do a surprising amount of modifications.Storyline 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/reviewGenerate PDF Checklist Using JavaScript
In a recent project I built a slide that contained a checklist. The learners needed to be able to download a copy of the checklist so I used JavaScript to make this possible. I thought the concept might be useful for others, so I've included a link to try this out, and the Storyline file so anyone that's interested can have a closer look. The JavaScript can be modified via the trigger that's attached to the button at the bottom of the slide.Immersive Phone Conversation in Storyline
Download this cool (FREE) Phone Conversation template for Storyline; perfect for any scenario with two characters talking. It’s layered with voiceovers, triggers, animations, and clean layouts. It also uses animated APNGs, which look way smoother than jagged GIFs that struggle with transparency. Preview it here: https://www.craftuxd.com/product-page/sellsmart-freebie Check out tutorial here: https://youtu.be/kMpUcYJRNnE?si=jON1XKQtA-4AsIRPInteractive Training Exercise
I am working on creating training modules that require the learners to engage in the training, this is my first attempt at creating this. This exercise is for Mimecast's Secure Messaging and prompts the learner to enter data into the email fields just as they would do IRL and is the last part of the lesson, which isn't needed for this exercise, but gives the needed information as to why they would do this. This uses layers variables and triggers and I am quite pleased with it so far. This is one section of the training: Mimecast try it exerciseUpdated "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. All three examples are linked below, along with the downloadable files. 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. Review360 Zip files GDrive location: HERECooking Game (Jeopardy style + Gamifiation)
Hello Articulate Heroes! I'm excited to share my second personal project with you — a cooking-themed, Jeopardy-style game! Cooking Frienzy This project was inspired by two fantastic webinar series shared here: How to Create A Jeopardy! Style Game Gamification series I started with the "Jeopardy!" template and added the following custom features: Cooking-themed questions and answers — 5 questions across 5 categories Custom visuals — including characters, backgrounds, UI, and tokens The ability to choose one of three characters at the start of the game (and replay with a different chef assistant!) Personalized feedback and questions — with character-specific images and voiceovers A 20-second Pomodoro-style timer with a “wiped” animation Tokens awarded when the user completes a certain number of questions The characters were created using AI. Thank you for taking the time to check out the game! I’d love to hear your thoughts — feel free to share any comments or suggestions! You can check-out the game by this link: Cooking FrienzyVideo Game Top-Down with Arrow Key controls
Introduction and features If you have ever wanted to create a world that your users can explore, but haven't known how to do it, then this project can help you get out there and get after it. View introduction in video format here: Video on LinkedIn A full course using multiple characters, multiple boards, side-scrolling animations when moving from board to board, are already being enjoyed by thousands in a professional setting in one of the biggest companies in the world. With this type of course, you have have the user walk around and size of world, gather items, solve tasks and anything you can think of. Review the project here: Review360 You control the Avatar with the Arrow Keys on the keyboard and she can only walk on the paths set by you. That means, she can't walk through walls! You can warp to Task slides or to another Board slide using the Intersect trigger. Download the Project at the bottom of this post. How the character moves The character is a PNG picture that is exactly 200x200 in size. The trick to movement is to also have the Motion Paths be 200px in length and have them set to Relative Start Point. I have chosen an animation time of 0.25 seconds. There are 5 states, the Normal state is the character in the Idle Position. The other 4 states are self-explanatory. Lastly, two triggers are created (NUM 2 appears when you hit Arrow Down on your keyboard). Your character now moves around the Canvas. How the character was created The character was created using AI using the following prompt: I'm creating a game and need a picture of a character. The game has an isometric view and I need the following 4 poses in the same picture with transparent background: 1 Front view where she has an idle pose and standing still. 2 Front view where she is walking towards the camera. 3 Back view where she is walking away from the camera. 4 Left view where she is walking with arms swinging very little. Comically small body. Very large head. Female. 3D style. High resolution. Office clothes. Short hair. Glasses. Transparent background. Disney style. That gave me this character in the poses I asked for. I use this large character for all slides except for the board. On the board, I took the picture into Photoshop and shrunk the body into something even smaller. How the board was made The board was made using PowerPoint and AI. I drew the outline of the board in PowerPoint using square shapes. I guess you could do this in Storyline as well! Then I found random pictures of inventory on google and copy-pasted them into various positions. Then I uploaded the picture into the Copilot AI - any image generation AI will work and used the following prompt: Can you create an exact replica of this image, but make it beautiful 3d top-down style. Make the colors pleasant and give it a disney vibe so that the scene feels warm and welcoming. Keep the layout the same. How to prevent the character from walking through walls This is the part that requires you to click the most with your mouse. First you create a grid of 200x200px square shapes. They only need to cover the areas the character will be walking on. They need to be touching each other and Shape Outline must be turned off - or it won't work. You then type in a unique identifier in each square shape. I just used the numbers from 1-27. I also renamed all the shapes "Square 1" "Square 2" "Square 3" etc. Next you create a new Number variable. The default value should be the square your character will be starting on. In my case, 1. You then create a bunch of triggers that changes the location variable upon intersecting with the character. You can now track exactly where on the board your character is located. This is key to controlling where it can not move. Lastly, you create the following trigger for all four arrow keys. The numbers will be different for you. But basically you look at Square 1 and visualize if the character should be able to move downwards from this location. If it shouldn't be able to, then you don't add the number to the list. If it should be able to, then you add the number. Download the project file Explore all the other various tricks employed to create the soft shadows, the smooth transitions and more by downloading the file right here. :) This project was created by http://www.mindsparkelearning.com - but feel free to modify it and then make it your own! :) I hope someone out there can find this project useful.How about a good old game of Memory
I created this to add a little more interactivity, rigor, and fun. We use it for words/definitions, roles/responsibilities, device/feature, software/purpose and many more connections. It should be easy to modify by setting the matching terms on a "Set Matches and Defs" layer. Give it a try. Try it here: https://360.articulate.com/review/content/4e34467f-f97f-4e09-b2b5-343b5887817d/reviewSide Scroller
In this side scroller game, learners control Enzo the squirrel to collect as many hazelnuts as possible for hibernation. The game is an introduction to the topic of financial provision for old age. In Switzerland, we sometimes refer to this as the squirrel principle, which gave me the idea for this game. The backend to the game in Storyline is pretty much a nightmare (especially the hazelnuts 🙃). So if anyone has an idea how it could be solved differently (or any other feedback), I would be grateful for your tips. Nevertheless, I am very proud of the result 😅 Review-Link: SideScroller_Enzo-the-Squirrel
