Forum Discussion

ChrisHodgson's avatar
ChrisHodgson
Community Member
3 years ago

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 

  • ChrisHodgson's avatar
    ChrisHodgson
    Community Member

    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.