How to Build a Drag-Drop Calculator Using Variables in Articulate Storyline 360
In this advanced Articulate Storyline 360 tutorial you'll learn to use variables, multiple triggers, and drag-and-drop features to recreate one of my favorite interactions: the Drobo Capacity Calculator.
00:05 - Overview of the Drobo drag & drop interaction
03:57 - Create the prototype graphics in Storyline
07:30 - Set up the first drag-and-drop trigger to change target states
09:30 - Create the rollover effect when object dragged over
11:58 - Add variables to track which objects are dropped
17:20 - Return the drag objects after dropping them on a drop target
27:50 - Add triggers to reset each drive bay when clicked
29:45 - Create a new variable to calculate the drive capacity total
Видео How to Build a Drag-Drop Calculator Using Variables in Articulate Storyline 360 канала David Anderson
00:05 - Overview of the Drobo drag & drop interaction
03:57 - Create the prototype graphics in Storyline
07:30 - Set up the first drag-and-drop trigger to change target states
09:30 - Create the rollover effect when object dragged over
11:58 - Add variables to track which objects are dropped
17:20 - Return the drag objects after dropping them on a drop target
27:50 - Add triggers to reset each drive bay when clicked
29:45 - Create a new variable to calculate the drive capacity total
Видео How to Build a Drag-Drop Calculator Using Variables in Articulate Storyline 360 канала David Anderson
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Webinar: Common Articulate Storyline Development Mistakes](https://i.ytimg.com/vi/pM_5dtr09xk/default.jpg)
![How to Show "X out of Y" Correct Quiz Answers w/ Variables in Articulate Storyline 360](https://i.ytimg.com/vi/SZYU8wyU9vc/default.jpg)
![Articulate Storyline 360: Using Variables to Display a Learner Name](https://i.ytimg.com/vi/NIbix_qz3ek/default.jpg)
![Cara Membuat Game Edukasi Drag and Drop | Tutorial Articulate Storyline 3](https://i.ytimg.com/vi/W-GdBHHIhDY/default.jpg)
![How To Create A Custom Drag And Drop Interaction In Storyline 360](https://i.ytimg.com/vi/ghXueW2j3OY/default.jpg)
![Articulate Storyline 360: Creating Your First Slide](https://i.ytimg.com/vi/_j-GuzPT8Yc/default.jpg)
![Creating a Pie Chart Progress Meter in Storyline](https://i.ytimg.com/vi/eOd1YBSyPSo/default.jpg)
![Create a Simple Calculation in Articulate Storyline (long version)](https://i.ytimg.com/vi/NKL1ZAROBQE/default.jpg)
![Let Learners Choose Their Own E-Learning Characters in Articulate Storyline 360](https://i.ytimg.com/vi/Wf85ui1YpNk/default.jpg)
![Customizing Button States in Articulate Storyline 360](https://i.ytimg.com/vi/UVWlK4mznKw/default.jpg)
![How to Reset Drag-and-Drop Incorrect Choices w/ Motion Paths in Articulate Storyline 360](https://i.ytimg.com/vi/PdhSjUOva4Y/default.jpg)
![Using Variables to Limit the Number of Quiz Retries in Articulate Storyline 360](https://i.ytimg.com/vi/BV1yNbo7JTg/default.jpg)
![How to Create Random Numbers in Articulate Storyline 3 using JavaScript](https://i.ytimg.com/vi/zIY4SaacS6Q/default.jpg)
![Drag Drop - Multiple Drags with Multiple Targets](https://i.ytimg.com/vi/07aWCa6T5pc/default.jpg)
![Storyline 360: How to Publish to Scorm and Tin can API?](https://i.ytimg.com/vi/0kSZUiGj7i8/default.jpg)
![Using Question Banks in Storyline 360](https://i.ytimg.com/vi/50ahxsNYDDI/default.jpg)
![Design Interactive Flashcards for Elearning in Articulate Storyline 360](https://i.ytimg.com/vi/UOseo5zEm3Y/default.jpg)
![Storyline Gauge Meter tutorial: Adding the feedback meter graphic (9/9)](https://i.ytimg.com/vi/F6C3Ixp-C9Y/default.jpg)
![Articulate Storyline 360: Remove Confidential Information in Screen Recordings and Simulations](https://i.ytimg.com/vi/-_4XKcfjJKc/default.jpg)
![Play Audio Narration Once Using Variables in Articulate Storyline 360](https://i.ytimg.com/vi/r3Gw4d3jcz0/default.jpg)