Beverage-Making Techniques #381: Challenge | Recap
This week we're taking a deep dive into the art of making drinks. Whether it's the perfect cup of coffee or uncovering the secret to a goo...
Published 3 years ago
Version 1.0
Blog Post
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/
- 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'? - 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. - Chris, are you saying p5 library can be added to storyline?
If so, how?
