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/
JodiSansone
3 years agoCommunity Member
Hi 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.
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.