Dynamic slide behaviors help build interactive training that keeps learners engaged. However, creating those experiences with JavaScript can feel intimidating, especially if you don’t have a coding background. Luckily, you can now craft advanced interactions through a simple chat with AI Assistant. Keep reading to learn how it works.

Understand JavaScript Interactions

AI Assistant’s JavaScript Interactions feature lets you build custom slide behavior with JavaScript. Just describe your ideas in chat, and AI Assistant generates the code and inserts it into an Execute JavaScript trigger.

Most interactions can be driven by simple mouse movements, clicks, or keyboard input. You can make objects move and react in ways regular triggers cannot, such as following or avoiding the mouse, orbiting another object, moving with easing, creating parallax effects, or responding when objects get close. You can also modify Storyline 360 variables so the slide remembers what your learner did and changes what happens next. 

JavaScript interactions let AI Assistant fully leverage Storyline 360’s advanced JavaScript API, unlocking unique possibilities—such as turning slides into playable games. Follow the steps below to try it out.

Note: Interactions outside the scope of the advanced JavaScript API may produce unexpected results.

Create JavaScript Interactions

Here’s how to get started:

1. Open the AI Assistant tab on the right side of the screen and use the chat box at the bottom to enter your prompt.
2. Include “JS interactions” in your prompts to indicate you want to build JavaScript interactions.

Once you use this phrase, AI Assistant remembers what you want, so you won’t need to repeat it unless you switch tasks, such as generating images or theme colors.

Example prompts you can try:

• “Using JS interactions, make all shapes on this slide avoid the mouse pointer.”
• “With JS interactions, make the large oval rotate in place while the small oval orbits around it.”
• “Let’s use JS interactions. Help me plan a simple game using the elements on this slide.”

Pro tip: Before generating code for complex interactions, ask AI Assistant to help plan the behavior first. It can suggest structure, point out missing details, and ask clarifying questions, helping you align on the approach before code is written and avoiding unwanted results. Note, however, that we’re still working to improve this functionality.

3. Preview and continue iterating on your interactions.

Ready to explore what’s possible? Watch this video tutorial for creative ideas and examples that can help you design new interactions and explore fresh possibilities.