Blog Post
ChrisHodgson
Community Member
Hello there!
For this week's ELHChallenge I wondered if it would be possible to bring mobile orientation values into Storyline in order to make the user mobile device the cocktail shaker.
And with the help of a brilliant external JS library called P5.JS I was able to make this happen!
Please note however - I've only been able to test this on an iPhone running iOS15, so not sure how it will work on Android. Perhaps let me know in the comments! Also it's best to turn Portrait Orientation Lock on so that you can turn your phone a full 90° without the browser flipping into landscape.
Video: https://www.youtube.com/watch?v=QfQUJcjPIs8&ab_channel=DiscovereLearning
Project: https://discoverelearninguk.com/projects/mixology-and-beverage-making-classes-with-e-learning/
For this week's ELHChallenge I wondered if it would be possible to bring mobile orientation values into Storyline in order to make the user mobile device the cocktail shaker.
And with the help of a brilliant external JS library called P5.JS I was able to make this happen!
Please note however - I've only been able to test this on an iPhone running iOS15, so not sure how it will work on Android. Perhaps let me know in the comments! Also it's best to turn Portrait Orientation Lock on so that you can turn your phone a full 90° without the browser flipping into landscape.
Video: https://www.youtube.com/watch?v=QfQUJcjPIs8&ab_channel=DiscovereLearning
Project: https://discoverelearninguk.com/projects/mixology-and-beverage-making-classes-with-e-learning/
Jonathan_Hill
3 years agoSuper Hero
Such a cool experiment Chris - despite the current limitation of having to lock your phone on portrait mode.
The way you always push what is possible with Javascript is inspiring. Hats off to you.
Surely, this is a great argument for a 'shake' action on mobile alongside 'swipe'?
The way you always push what is possible with Javascript is inspiring. Hats off to you.
Surely, this is a great argument for a 'shake' action on mobile alongside 'swipe'?