Skip to main content
K
KeelyM
Inspiring
September 22, 2017
Answered

Drag touch interaction from .oam file not working on iPhone/mobile device

  • September 22, 2017
  • 2 replies
  • 357 views

Hello, I'm working on a responsive project in Captivate cc 2017 and I'm including some .oam interactive animation that I've built as HTML5 Canvas projects in Adobe Animate. The .oam files are coded using javascript and include interactions such as dragging objects and pressing objects. Everything works fine in the published Captivate project except for the dragging portions of the .oam files, the parts that are coded as "mousedown' or "pressmove" mouse events won't work with touch on mobile devices.

Does anyone have any experience with getting something like this to work? I've chosen to create my interactions separately in Animate, because it seemed a lot easier to just code (though I don't really know how to code, the Adobe Animate forums have been very helpful) them out instead of having to try and deal with the advanced actions / conditional actions in Captivate.

I'm not sure if this is something I need to adjust on the Animate end or the Captivate end.

Any help/advice is much appreciated.

Thanks.

This topic has been closed for replies.
Correct answer KeelyM

Turns out I was making a really obvious mistake. I'm using the breakpoints in my Captivate project (I like the control you have in breakpoints over fluid boxes) and I was changing the code and .oam file on my Desktop breakpoint, but not on my mobile tablet and phone breakpoints - hence when I was testing the interactions on my mobile devices it wasn't working.

After adding this line of code -

createjs.Touch.enable(stage);

To each of my animate files, I have been able to drag/slide objects on my mobile devices as they should work!

2 replies

K
KeelyMAuthorCorrect answer
Inspiring
September 27, 2017

Turns out I was making a really obvious mistake. I'm using the breakpoints in my Captivate project (I like the control you have in breakpoints over fluid boxes) and I was changing the code and .oam file on my Desktop breakpoint, but not on my mobile tablet and phone breakpoints - hence when I was testing the interactions on my mobile devices it wasn't working.

After adding this line of code -

createjs.Touch.enable(stage);

To each of my animate files, I have been able to drag/slide objects on my mobile devices as they should work!

Lilybiri
Lilybiri
Legend
September 22, 2017

Does the functionality work when you try out the OAM separately? Do you use JS to communicate with Captivate?

For D&D I largely prefer to use the built-in functionality of Captivate.

K
KeelyMAuthor
Inspiring
September 22, 2017

It does work fine when tested separately and even within the published captivate project it works fine on the desktop.

I would like to use the built-in drag and drop function, but this interaction requires sliding an object within an invisible bounding box, and using the sliding object to control an image being displayed within a separate movieclip. The interaction was originally built in Flash (with Actionscript 2.0) and so it seemed easier to update within Animate using JS. I'm not savvy enough with Captivate to create something this complex within it, though I'm sure it's very capable of achieving it.

I don't use any JS to communicate with Captivate, the only JS I used was within Animate when I was building the OAM file.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices