Example

Jonathan_Hill's avatar
Jonathan_Hill
Super Hero
4 hours ago

The Construct

Hello!

It's surprising - and a little bit troubling - how AI seems to 'get' certain pop culture references in your prompts. Hopefully, this homage is pretty obvious!

The imagery was created using Google Flow and Rise's AI Avatar tool, with the interaction controlled in Storyline.

If you view this demo on a desktop, you will need to press the Y and N keys.

But if you view it on a mobile device, you will need to swipe left or swipe right.

TRY IT OUT HERE:
https://bit.ly/elhc557 

AI
Challenge Recap
image prompts
JavaScript

1 Reply

  • Jonathan_Hill's avatar
    Jonathan_Hill
    Super Hero
    4 hours ago

    And here's the code I use to detect whether the demo is running on a desktop or mobile device:

    function isMobileDevice() {
  // Check for mobile-specific user agent keywords
  const mobileKeywords = ['Mobi', 'Android', 'iPhone', 'iPad', 'Windows Phone'];
  const userAgent = navigator.userAgent;
 
  // Check if any mobile keywords exist in the user agent string
  return mobileKeywords.some(keyword => userAgent.includes(keyword));
}
 
// Check if Storyline's player object is available
if (window.hasOwnProperty('GetPlayer')) {
  // Get the Storyline player object
  const player = window.GetPlayer();
 
  // Check if the course is being viewed on a mobile device
  const mobileView = isMobileDevice();
 
  // Set the 'mobileView' variable in Storyline to indicate if it's a mobile device
  player.SetVar('mobileView', mobileView);
}
 
/*Please ensure you have a True/False variable in Storyline named mobileView*/j

     

Getting Started with the E-Learning Challenges

Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.