Articulate Storyline 360: Advanced Animation and Interactivity
Take your eLearning expertise to new heights with our Advanced Animation and Interactivity course—a comprehensive, live virtual instructor-led training (vILT) experience. Perfectly designed as a follow-up to our Articulate Storyline 360 Certificate Course, this advanced training dives into Storyline’s most powerful capabilities. Explore the full potential of the ‘Execute JavaScript’ functionality to integrate external data sources using the JS Fetch API and RESTful APIs, manipulate live data within project variables, and create stunning graphical user experiences. Learn to build dynamic quizzes that transmit and load real-time data, unlock advanced animation techniques using GSAP for enhanced visual effects, and develop professional-grade courses that stand out. Led by industry experts, this hands-on training is your key to mastering Articulate Storyline and becoming an elite eLearning developer!
Seats Available
$395.00
This ‘Master Developer’ training course will focus exclusively on building your creative software skills and techniques using the Articulate 360 suite, predominantly focusing on Storyline 360.
Join us for an immersive one-day workshop to elevate your skills in Articulate Storyline 360 by mastering advanced animation techniques and interactivity. Guided by Chris Hodgson, Managing Director of Discover eLearning Ltd., this workshop will introduce cutting-edge methods to create captivating, interactive eLearning experiences.
Whether you’re looking to push the boundaries of Storyline’s native capabilities or integrate custom JavaScript solutions for truly unique effects, this session offers an exciting blend of technical insight and hands-on practice.
Morning Session: Controlling Storyline Using JavaScript To Build Advanced Interactivity
Begin with an in-depth exploration of how to create and control advanced-level interactivity within Articulate Storyline 360 using the power of JavaScript. This session will focus on utilising Storyline’s software capabilities alongside custom JavaScript programming to achieve dynamic and valuable effects.
In the second half of the morning, you’ll take these techniques a step further by combining Storyline’s animation tools with custom JavaScript event listeners. You’ll learn to synchronize animations with user actions and external triggers, creating seamless and responsive learning experiences.
Key topics of the morning session include:
- An overview of the fundamentals of JavaScript Programming in Articulate Storyline 360.
- Custom interactions can be created by combining Articulate Storyline and JavaScript.
- Implementing and controlling custom event listeners to enhance interactivity.
- Combining Storyline’s native animation features with external programming for creative solutions.
Afternoon Session: GSAP Animation Techniques and Interactive Game Design
During the afternoon session, you will learn how to use GSAP within Storyline to combine animation and interactivity in ways that will delight your users!
We will use GSAP (GreenSock Animation Platform) in the afternoon to create advanced animation sequences within Articulate Storyline 360. Participants will gain hands-on experience working with GSAP to design animations triggered by the timeline and user interactions.
In the final portion of the day, you’ll build a short game experience in Storyline. Using GSAP scripting, you’ll animate a character, implement collision detection, and create motion effects to produce an engaging and interactive end product.
Key topics of the afternoon session include:
- Overview of GSAP and its potential for creating sophisticated 2D animations.
- Step-by-step examples of animating Storyline objects using GSAP scripting.
- Techniques to integrate interactivity into GSAP animations for unique user experiences.
- Workshop Outcome
By the end of the day, you’ll be equipped to use advanced interactivity techniques and GSAP animations in your projects. You’ll leave with the confidence to create highly engaging user experiences that can control and manipulate data in ways that captivate learners and deliver meaningful outcomes.
This workshop is perfect for those who have a solid foundation in Articulate Storyline and are ready to advance their skills.
Learning Objectives:
|
Time |
Exercise |
Outcome |
|
10:00am - 10:05am EST |
Welcome and Introductions |
- Personal welcome from the instructor for today’s event Chris Hodgson - Professional Bio for CH incl. previous clients, achievements and awards - Discuss longevity of Articulate, growth of eLearning industry, and the need for competitiveness within ID profession) |
|
10:05am – 10:20am EST |
Participant Q&A |
- An opportunity to quickly survey the participants own rating of confidence and capabilities - If time, we can open the mic to ask specifically why each participant chose to join the workshop (opportunity to adapt presentation style/pace based on responses) |
|
10:20am – 11:00am EST |
Introduction to JavaScript actions - specific to Articulate Storyline 360 |
- Manipulating project variable data as objects within custom scripts - Techniques for targeting and manipulating slide objects - Building reusable functions |
|
15 Minute Break Time |
||
|
11:15am – 12:30pm EST |
Practical Project Build – Game- based experience for your people – Crossing The Road |
- Starting with a storyboard covering the requirements of the project, and pre- |
|
|
|
built media assets, participants will be tasked with building a short interactive activity that utilises both SL animation capabilities and JS |
|
1 Hour Lunch Break |
||
|
1:30pm – 3:00pm EST |
Introduction to GSAP |
- An overview of both gsap.set and gsap.to methods for building advanced animation capabilities in SL360 - Demonstrate various effects made possible using GSAP - Introducing interactivity through collision detection |
|
15 Minute Break Time |
||
|
3:15pm – 4:30pm EST |
Practical Project – 10-pin Bowling Interaction |
- Participants will learn additional techniques for GSAP including timeline- based actions and rotation anchoring in order to bring a custom 10-pin bowling game to life in Storyline. |
|
4:30pm – 5:00pm EST |
Summary Discussions and Workshop Close. |
- What’s coming on the horizon – Storyline JS API - Demo further examples of projects built with these features – showcasing different ideas - Open opportunity to ask further questions and explore any workshop topics prior to close |