Sign in to follow this  
Shahdee

Touchstart problem

Recommended Posts

Hello, wonderful community! 
Seeking for advice from experienced developers.

I'm making an HTML5 game with Pixi for Facebook IG platform. 
And initially I've encountered a problem with handling touch events. 
I'm subscribed to touch events like this:
document.addEventListener('touchstart', onDocumentTouchStart, {passive:false});
document.addEventListener('touchend', onDocumentTouchEnd, {passive:false});


So whenever I tap on the screen with one finger, the circle should rotate in one of 2 directions.
But, sometimes touchStart isn't invoked and the circle stops when instead it has to rotate continuously.
The bug isn't reproduced in 100% cases and most probably it occurs when I'm playing the game in Fb IG environment.
This is clearly seen on the video attached. 

I have no clue why this is happening, so any advice is highly appreciated  🙏 

P.S.

I have this line added to index.html, so my guess is that 300 ms delay isn't the case here, but, I might be wrong. 

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

 

Share this post


Link to post
Share on other sites
On 11/9/2018 at 10:37 AM, SahJ said:

 

I had the same problem with IOS devices, we have to find another method to simulate the touch start

 

Hello! Thanks for answering me.
Could you give me a clue how you simulated touch events differently?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.