How do I add a custom HTML interaction?

A custom interaction is a small piece of HTML and JavaScript that sits on a slide, such as a game, a calculator or a drag-and-drop activity. Your own AI assistant can build one for you and place it on the slide, and it can read and set course variables you allow.

Have your assistant build it

1. #

   Connect your assistant. See How do I create the AI workspace?.

2. #

   Open the course in Xogogy and go to the slide.

3. #

   Describe what you want in plain words, for example: "On this slide, add a custom interaction where the learner drags three items into the right order. When they get it right, set the variable OrderCorrect to true."

4. #

   Your assistant builds the interaction and places it on the slide. It appears with a note naming the assistant, and you can undo it in one step.

Decide what it may read and change

1. #

   Choose Course settings › Advanced and open What outside interactions may do.

2. #

   For each variable the interaction uses, choose Read, Write or both. See How do I control what outside interactions may do?.

Try it

1. #

   Choose Play here on the interaction to run it in place. See How do I try a custom interaction with Play here?.

2. #

   Choose Preview to try it with the rest of the slide and check that the variable changes in Live variables.