Storyline Magic Series - A New Video Tutorial Series Launched on YouTube!

Episode 1 - Controlling Rise Navigation In Storyline

https://youtu.be/zX1BwIC7v3w

In this episode I will demonstrate how you can control the navigation of users onto the next page of an Articulate Rise module using trigger actions created in Articulate Storyline 360.

Episode 2 - Control A Scrolling Panel Using JavaScript

https://youtu.be/c_WjEe0qzUo

In this episode I will demonstrate how you can control the position of any scrolling panel object that you may have in your Articulate Storyline project, using either a timeline based trigger, or a button click by the user.

Episode 3 - Image Zoom Effects Created Using CSS

https://youtu.be/vfAUMYsQMY0

In this episode we will create a smooth image hover zoom effect using just a few lines of custom CSS code added to our Storyline project files.

This is so good Chris! Thanks so much for sharing 

Episode 4 - localStorage And Articulate Storyline

https://www.youtube.com/watch?v=yPK7dOgC9sg

In this episode I will demonstrate how you can take advantage of the Web Storage API (localStorage) in order to easily and quickly transfer user variables from Storyline into other browser tabs (containing dynamic form fields, such as an end of course survey or questionnaire). 

Episode 5 - Episode 5 Using Custom xAPI Statements In Practice

https://www.youtube.com/watch?v=Y40FyfzBM3Q

In this episode I will demonstrate how to put some of the new Custom xAPI Statement trigger  features (added to Storyline 360 earlier this year) to use in a practical way by building a customised LMS and LRS (Learning Record Store) platform using LearnDash and Uncanny Owl's Tin Canny Reporting solution.

Hey Chris. Really love the video series!

I always find it so fascinating to see how other people in our field explain different features and techniques. And that latest video made working with custom xAPI statements feel so approachable!

Episode 6 - Getting Creative With Text Entry Fields

https://www.youtube.com/watch?v=My4uptWw-Mo

In this episode I will demonstrate how we can use JavaScript (and jQuery) to update Storyline Text Entry variable values dynamically in order to immediately trigger various on-slide actions. 

Bonus PowerPoint Episode! - Create A Hand-Drawn Animation Effect Using PowerPoint

Using Microsoft PowerPoint you can create hand-drawn animations which can be exported for use in your eLearning content built in Articulate Storyline 360. This video tutorial will take you through all of the steps to take in order to achieve this effect.

https://www.youtube.com/watch?v=NJOCvURDaZQ

Episode 7 - How To Create Interactive Content Using 360° Video

https://www.youtube.com/watch?v=ZS4ya6w5xpE

Although at time of recording the ability to add 360° Video into the 360° Interactivity Tool in Storyline isn't possible, I will show you how we can achieve this by customising the published project files at code level. This allows you to create interactive 360° experiences using any 360° video!

Bonus AI Episode! - I Created A New Storyline Quiz Template Using ChatGPT and Midjourney!

https://www.youtube.com/watch?v=41vMtW94WJ0

Open AI technology like ChatGPT and Dall-E 2 are generating a lot of excitement right now, and for parts of the Storyline 360 development workflow there are several opportunities for how this technology can modify both the visual design and web programming process.

In this video I wanted to put these solutions to the test by building a new quiz-question UI template with all major complexities in the process handled by one of these amazing AI tools.

This is amazing, Chris! Can't wait to try this. Thank you!

Episode 8 - Creating Automation Using The YouTube Player API

https://www.youtube.com/watch?v=_4e0DSJp3cY

In this packed episode of our Storyline Magic Series I am going to demonstrate many practical examples for how we can use the YouTube Player API to design automation within our Storyline project. This includes all of the coding and advice for creating your own triggers including when a video has paused, ended, getting the current player timestamp, and even how to only play a small section of a much larger video!

Excited to try this, thanks for sharing!

Episode 9 - Building 3D Parallax Hover Effects Using Tilt.JS

https://www.youtube.com/watch?v=wlZWbpB2UR8

In this episode I provide a comprehensive walkthrough for how to get the Tilt.JS library working in your Articulate Storyline projects.

Doing so will give you the ability to create impressive looking 3D parallax hover effects for your grouped images, as well as many other styles of rollover effect that are possible with Tilt.JS

Episode 10 - Create Interactive Virtual Worlds With Skybox AI And Storyline

https://www.youtube.com/watch?v=yFUBgYgtrY0

In this episode I will provide a comprehensive walkthrough for how to use Blockade Labs Skybox AI alongside the new Generative Image (Adobe Firefly) features in Adobe Photoshop Beta in order to create engaging and detailed virtual worlds for your users to explore!

We will then bring everything together in Articulate Storyline 360 using the in-built 360° Image tool to create a fun and interactive virtual tour-style activity using hotspots and trigger actions.

thanks Chris for these great videos - I am looking forward to trying out the YouTube API to pause audio on the slide with the learner plays the video.

Episode 11 - Create An Interactive Virtual Tour Using Multiple 360° Videos

https://www.youtube.com/watch?v=ze-qia8AzNE 

In this episode I will guide you through the steps to take to use multiple 360° video files within the same Articulate Storyline project. This opens up the possibility to create immersive and attractive animated interactive virtual tour experiences.

Love it... Thanks, Chris for sharing these great cool things!

Love this!!  How could I get this to work if I was publishing to Review 360 (vs. publishing to Web)?

Episode 12 - Emphasis Animations For Storyline Using GSAP

https://www.youtube.com/watch?v=050jW67M8BI 

In this episode I will guide you through the steps to take to create emphasis animations in Articulate Storyline using GSAP and JavaScript!

Adding animated features to your slide can attract your learners attentions to areas that require it, and GSAP provides a range of fine tuning control to get exactly the result you need from your emphasis animations.

You will also see how we can use LottieFiles in Articulate Storyline, combined with GSAP to create interesting interactive animated experiences.

Hey Chris, fantastic video series. Exited to try this out.

I have tested a sample xAPI package on SABA LMS. The course contains 5 questions with a result slide. Reporting option for this course is result slide with completed trigger on the final slide. 

When we tested the package in SABA, it showed completed upon opening the course and exit it without answering a single question.

I want the course should be completed upon getting a passing score. I couldn't fine the issue. 

can you help me to resolve this issue?

Hi Saukath, It looks like Jose has suggested some things to try in this thread. I hope that helps. Please let us know if you have other questions. 

Episode 13 - Alpha Channel Masking For Objects And Layers

https://www.youtube.com/watch?v=Zv6ugpcjNNE 

You are likely familiar with some image/object masking tricks possible in Storyline, using the Scrolling Panel object, for example. However, by far the most versatile and customisable method of creating alpha masks is to draw your shapes and have these applied to your slide layers. In this episode of my Storyline Magic Series, I'll show you how this is accomplished using JS entirely in SL360.