Blog Post
ChrisHodgson
3 years agoCommunity 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_Hill3 years agoSuper HeroSuch 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'? - JodiSansone3 years agoCommunity MemberHi Chris,
I tried your demo on my Android phone. It was fun to shake it up and I just kept shaking in all kinds of directions until the pour started. Thanks for sharing it. - MartinGregson2 years agoCommunity MemberChris, are you saying p5 library can be added to storyline?
If so, how?