Articulate Storyline 360
AI simulations in Articulate Storyline
Put a scenario-based AI simulation on any Storyline slide. The simulation writes pass/fail, score, and completion back to your Storyline variables, so your triggers can react to how the learner did.
Part of your course logic, not an overlay
Embed with a Web Object
Every simulation has an embed URL on its Publishing tab. In Storyline, go to Insert, then Web Object, and paste the URL. Size it to fill the area where you want the conversation to appear.
The simulation writes to your Storyline variables
A one-line Execute JavaScript trigger loads the devlin.ai bridge on the slide. The bridge then calls SetVar on the Storyline player each time the simulation updates a variable.
After the evaluation, results land in variables such as Sim_Pass, Sim_Score, and Sim_Feedback. A completion variable tells your course the conversation has ended.
Your own variables, set by the AI
Add custom True/False, Number, or Text variables and describe when the AI should set them. For example, a characterMood variable can change a character image as the conversation goes. Use Storyline's own triggers to react.
Report results to your LMS
Call sendResultsToLMS() from an Execute JavaScript trigger after Sim_EvalComplete is true. Score, pass/fail, session time, and a completed status are written to the learner's existing SCORM 1.2 or SCORM 2004 session. LMS reporting is included on the Core, Team, and Enterprise plans.
Start and end voice sessions from your buttons
For voice simulations, add startVoiceSession() or endVoiceSession() to an Execute JavaScript trigger on your own course buttons. Ending this way works like the End Call button: the session wraps up, the evaluation runs, and results flow into your Storyline variables.
Reset for another attempt
Call restartSimulation() from any Execute JavaScript trigger. It reloads the simulation and resets the Storyline variables the simulation set.
How it works
- 1
Build your simulation
Create the scenario in devlin.ai and set up its variables under Design, then Variables.
- 2
Add a Web Object
In Storyline, go to Insert, then Web Object, and paste the embed URL from the Publishing tab.
- 3
Create matching variables
Open Storyline's Variables panel and create the variables the Publishing tab lists. The names must match exactly.
- 4
Load the bridge
On the same slide, add an Execute JavaScript trigger that runs when the timeline starts, and paste the one-line code from the Publishing tab.
- 5
Build your course logic
Use triggers such as When variable changes to branch, show a results layer, or send results to your LMS.
Frequently asked questions
Do I need to write code?
Which Storyline variables does the simulation set?
How do results get to my LMS?
Can learners talk to the simulation inside Storyline?
What if one slide has more than one simulation?
Why don't I see the simulation in Storyline's preview?
Do coaches work in Storyline too?
Add practice to your next Storyline course
Book a demo for a walkthrough, or sign up and build your first simulation.