Touch Gestures on Scalable Hippo Animation with iFrame

[daveg]

I launched a website with nine different Hippo Animator here: www.gouldevans.com. They work pretty well, I randomly play them and scale them down when the browser is sized smaller than their full size (1000px wide).

The issue I have is that the normal touch gestures such as pinch & zoom or page scroll up & down don't work so the user gets confused when they try to scroll down to other parts of the page. This can be seen with your demo here:

www.hippostudios.co/?S=Animator&P=AnimatorGalleryView&RecordId=46

If you try to zoom in or scroll around by using touch gestures on the animation, nothing happens.

BUT this demo allows the touch gestures and is scalable:

www.hippostudios.co/Content/Files/Animations/hippo.html

Is it because of using the <iframe> ? Can I load a hippo animation into a <div> and scale it down like I do the <iframe>?

CODE:
<iframe id ='theFrame' frameborder='0' scrolling='no' style='position:absolute; width:100%; height:450px; top:90px; left:0px;'></iframe>

and load with:  $("#theFrame").attr("src", "hippoAnim.html");

and resize with:  $('#theFrame').css('height', newHeight+"px");

Thanks for any help!
-dave

[Hippani]

In the latest hippo animator 2 movie properties, there is "Allow Zoom" and "Allow Drag" does that help?

The idea is, you would turn these off if you were making a full screen game.

[Hippani]

We like your site, would it be OK for us to promote this on our social media?

[daveg]

Jun 18, 2013 8:15:55 GMT Hippani said:

In the latest hippo animator 2 movie properties, there is "Allow Zoom" and "Allow Drag" does that help?

The idea is, you would turn these off if you were making a full screen game.

Thanks!

I'll give it a try, sounds exactly what I need. I didn't find those when I searched through the documentation. I had solved it temporarily anyway by removing event.preventDefault(); in the generated HTML.


I will try those options. You might want to have those on by default? I'm guessing less people will be creating full screen games than other presentations, but maybe I'm wrong.

-Dave

[daveg]

Jun 18, 2013 8:27:39 GMT Hippani said:

We like your site, would it be OK for us to promote this on our social media?

Thanks! I did all the design and coding.


Please wait until I ask the client and get my credit on the site. I'll let you know. Thanks. -dave

[Hippani]

Yep we changed that yesterday but its not gone live yet.

[daveg]

HELP!

Allow Zoom and Allow Drag don't work when checked on touch devices (iOS and Android): www.gouldevans.com/2ND_v3.html

It was working on June 18.

I would appreciate any help, this site is live and now it's not working properly.

Thanks!
-dave

[Hippani]

I think we finally resolved this last week. Check for the latest update and then turn on "Allow Gestures" in the movie properties. We combined allow drag and scroll because it was impossible to separate them on some devices.

[daveg]

Thanks Gordon,
It seems to be working now.
-dave