Folder-file Storyline Course
This project is based on an old design from the early days of Storyline. Content is organized in "folders" accessed via "tabs." It's a simple, clean design that perhaps others will find useful. In addition to updating the aspect ratio, I cleaned up the programming, which was embarrassingly complicated. I've learned so much since then... 😁 That made me think this project could also be used to explain some helpful info about Slide Master and Layouts. So that became the content in the example. For more info and references, see my post about mastering slide masters: PRIMER: Mastering the Slide Master | E-Learning HeroesStoryline 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.Treasure 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. https://360.articulate.com/review/content/ba0f4bcc-5d69-4d22-9b6d-acb7c644c254/review360 Images in Rise
Hey everyone! I've been experimenting with embedding 360° panoramic images directly into Rise using the Code Block and Pannellum, a free, open-source WebGL viewer, and honestly it turned out way cool. The build is a single HTML file you paste into a Rise Code Block. What you get out of the box: Auto-panning on load with a play/pause toggle Multi-scene navigation (forward/back buttons that loop) Fullscreen without any image distortion Clean minimal controls that stay out of the way All you need is a song in your heart, and some hosted equirectangular images. I hosted the images in another Rise lesson for simplicity. I'm attaching the index files for both versions. Give it a go. Happy to answer questions or nerd out about it in the comments. 🙂 Test it out here!Practice: 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, LeslieGame of the watercans - SL360 + easy JS
Hi Everybody, here is an example of easy javascript used for a little game. There are 3 cans. Can 1 is full, has 12 liters. Can 2 (7 liter) and 3 (5 liter) are empty. You can pour the water from one can, into another, till its full. Goal is to have 1 liter in 1 can. Sounds not too bad? Can you think of a way to calculate this? If you pour c1 into c2, only 7 liters will enter c2. 5 liters will remain in C1. Easy step one. for every next step we need to know the following: how much water is in each can? how much water can be poured into another? What is the result? how much water is in each can? when all the cans have content, there are 6 possibilities. C1-->C2, C1-->C3, C2-->C1, C2-->C3, C3-->C1 and C3-->C1. (--> pours into) So what do we need? In JS we need variables (var) to calculate each of the 6 possibilties. We need a drag and drop trigger, to move the cans and execute one of the scripts. We need triggers to move the cans back in place after every step. Here are the 3 variables volume for can 1,2,3. The C1 has 12 liters, C2, C3 are empty, 0. Next are the triggers. So after each drop, 2 of the variables will have changed. We trigger to 'jump this slide' when this happens. Did you know, you only reset the objects, the variables will not be reset!! It doesnt matter which can you move. All cans will be reset to startposition. I suppose you can remove one of these triggers, because any of the other 2 will have changed after each pour. Object triggers: Group 1 is can 1 with water, etc. You can clearly see the logic, we needed 6 possible actions. we have 6 scripts which calculate how much water is in the cans you use. Here is the script for C1 --> C2. lines 2-7 will be the same for all the 6 scripts. For those new to js in SL360. You need to retrieve the value of the variables from the player and rename them for usage in the script-shell. This is what lines 5-6-7 do. We take the volumes of each can and name them can1vol, can2vol and can3vol. lines 15-17 we export the new values back into the player. lines 9-13 is where the magic happens. L9: We create a var for how much room there still is in c2. It cannot be more than 7 liters. so. 7 liter - whats inside now. L10: Now we create the var transfer. 'Math.min' takes the lowest value of the named vars. In this case 12 liters in C1, C2 is empty, to it can take 7 liters. The lowest is 7, this will be the transfer value. L12: newCan1 is the next variable. we take the volume in c1, 12 - the transfer value 7. L13: newCan2 is the next, we take the volume in C2, 0 + the transfer value 7. L15-17 we export back to the player, accordingly for the newCan values. (only C1 and C2 have changed, so new values to them. C3 didnt change. Copy the script to all of the 5 remaining triggers and change lines 9-13. Think clearly, can1 has 12 liters and C3 has 5 liters of space. so we use those values to change line 9. in line 10 we change for each outcome how much is in the can you pour from and how much is in the can we drop. We only change the vars that are in use, make sure you trigger the minus and plus to the right can in lines 12-13. :-D | Make sure you use the newCan values for the correct cans. In the project you will find all the scripts. I have to excuse myself for not properly finishing the project, I still need to add states of the quantity of water in each can. Now c1 will always be full, below each can, the values of how much is in there, works. Hope anyone will find this usefull. Have a great day!Interactive 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/WritingFusionner une forme avec Articulate Storyline
💡 À partir d'un simple rectangle, j'ai construit le support de jeu en combinant et découpant des formes directement dans Storyline. Une approche simple, mais redoutablement efficace pour créer des interfaces ludiques et personnalisées. La fusion de formes, c'est typiquement : un outil discret, rarement mis en avant, mais au top dès qu'on veut sortir des écrans « classiques », pas de plugin, pas d'outil externe. Juste une fonctionnalité souvent oubliée : la fusion de formes. Lien LinkedIn : Teasers, tuto, jeux @Jérôme Grandprat
