Horizontal Line Animation Doesn't Work in HTML5

Question

Using Captivate 2017 (v10.0.0.192), I created a horizontal line shape with an arrow tip, and I was trying to use the EaseInRight (or Fly In) animation to have it come into the frame, and then some words appear above it. It's a very sharp look, and it works fine if I do a regular preview. But if I preview in HTML5 or publish in HTML5 and view either locally or upload to ScormCloud, the animation does not work. The line just starts at the place where it's supposed to end. If I set the starting alpha to 0, it fades in, but it does not move.

After struggling with this for a long and frustrating couple of hours, I discovered that if I make the line crooked instead of perfectly straight (even shifting down by only 1 pixel), the animation works. It's weird and a lame workaround, because now my professional looking intros are all slightly crooked.

Has anyone else experienced this, and can anyone think of a better solution? The other solution I have is creating images of lines using another program, importing them, and flying those in.

Lilybiri · Answer

Please upgrade to 10.0.1.285.Line object causes a lot of problems, not only with effects. You cannot use it in any fluid boxes project and I learned to avoid it whenever possible. Cannot offer you a better solution than using an image instead of the line shape. Replacing by a rectangular shape is not an option since you want an arrowhead.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded