Forum Discussion
Storyline Magic Series - A New Video Tutorial Series Launched on YouTube!
Hello everyone,
I'd like to share a link to a new tutorial series that I recently launched on YouTube aimed at Articulate Storyline360 developers looking to better their skills in areas like HTML, CSS, and JavaScript.
https://www.youtube.com/playlist?list=PLgWxRODbk1M3kVbnoSaTS64UPQAJVPAF7
In each episode I'm going to demonstrate the cool things that can be achieved in your projects with the use of some coding tricks both within Storyline360 itself as well as to the published project source files. Whether you are new to this sort of thing, or are a Storyline expert looking to expand your knowledge, the series is designed for developers of any skill level!
I'm going to be keeping this discussion post up to date with each new episode that is released in the series, so be sure to the click the 'Subscribe' and 'Bookmark' button above to be notified of future updates!
There'll also be a synopsis for each episode in the comments below.
Thanks for watching and I absolutely welcome your feedback, questions, or requests for topics of future episodes!
Chris
---
Episode 1 - Controlling Rise Navigation In Storyline
https://youtu.be/zX1BwIC7v3w
Episode 2 - Control A Scrolling Panel Using JavaScript
https://youtu.be/c_WjEe0qzUo
Episode 3 - Image Zoom Effects Created Using CSS
https://youtu.be/vfAUMYsQMY0
Episode 4 - localStorage And Articulate Storyline
https://www.youtube.com/watch?v=yPK7dOgC9sg
Episode 5 - Episode 5 Using Custom xAPI Statements In Practice
https://www.youtube.com/watch?v=Y40FyfzBM3Q
Episode 6 - Getting Creative With Text Entry Fields
https://www.youtube.com/watch?v=My4uptWw-Mo
Bonus PowerPoint Episode! - Create A Hand-Drawn Animation Effect Using PowerPoint https://www.youtube.com/watch?v=NJOCvURDaZQ
Episode 7 - How To Create Interactive Content Using 360° Video
https://www.youtube.com/watch?v=ZS4ya6w5xpE
Episode 8 - Creating Automation Using The YouTube Player API
https://www.youtube.com/watch?v=_4e0DSJp3cY
Episode 9 - Building 3D Parallax Hover Effects Using Tilt.JS
https://www.youtube.com/watch?v=wlZWbpB2UR8
Episode 10 - Create Interactive Virtual Worlds With Skybox AI And Storyline
https://www.youtube.com/watch?v=yFUBgYgtrY0
Episode 11 - Create An Interactive Virtual Tour Using Multiple 360° Videos
https://www.youtube.com/watch?v=ze-qia8AzNE
Episode 12 - Emphasis Animations For Storyline Using GSAP
https://www.youtube.com/watch?v=050jW67M8BI
Episode 13 - Alpha Channel Masking For Objects And Layers
https://www.youtube.com/watch?v=Zv6ugpcjNNE
- ChrisHodgsonCommunity Member
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
- ChrisHodgsonCommunity Member
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.
- VeronicaBudnikaSuper Hero
This is so good Chris! Thanks so much for sharing
- BWoodsFormer Staff
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! - jessicasusilaCommunity Member
This is amazing, Chris! Can't wait to try this. Thank you!
- JacquelineMatuzCommunity Member
Excited to try this, thanks for sharing!
- KateMackenzieCommunity Member
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.
- ChrisHodgsonCommunity Member
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.
- StefanHinni-aefCommunity Member
Love it... Thanks, Chris for sharing these great cool things!
- ChrisHodgsonCommunity Member
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.