Adding hover boxes

  1. Select box to add a hover over to

    1. Select the frame you want to add a hover box to from the frame list
    2. Click inside the box you want to add a hover over to
      • If you need to create a box manually, do so now
    3. The box definition that appears at the top of the screen corresponds to the box you clicked within
  2. Add mouseover instruction

    1. In the Advanced tab of the editor, add ` M > ` to the end of the box definition of the box you clicked, followed by the frame number of the click frame to jump to
      • For example, you might start with 123,456,789,876, and you might now have 123,456,789,876 M > 64, where 64 is the number of the frame to jump to
  3. Add mouseleave instruction

    1. Select the click frame you set the hover frame to jump to from the frame list
    2. Add a mouseleave instruction using the same box definition as the hover frame
      • For example, if your hover frame was frame 10, and it had 123,456,789,876 M > 64 as it’s frame instructions; on frame 64, you would add 123,456,789,876 E > 10
  4. Skip over the multipath section

    • In a multipath demo, your branching paths will often end up in between sections of the main path of the demo
    • To stop the main path from following the branching path, set destination frames on the primary path of the demo to jump over the branching path