solved Unable to rotate or zoom on iPhone

[Dhiren]

Hello,

I just started learning Babylon JS and I really loved it.

Here I need your help to solve one of my sample development http://dev.alri.in/3d/ which is working well on Desktop & Android, but not working properly on iPhone (6S,7). It is loading but not able to rotate or zoom it.

I have replicated the example of import meshes from https://playground.babylonjs.com/

Please let me know what am I missing?

Thanks in advance.

index.html

[brianzinn]

Did you try adding PEP.js to your project (or another polyfill like hand.js)? Also, you're loading cannon and oimo,  but you would only need one or none.

[Dhiren]

12 hours ago, brianzinn said:

Did you try adding PEP.js to your project (or another polyfill like hand.js)? Also, you're loading cannon and oimo,  but you would only need one or none.

Thanks for your reply.

Can you please give me a simple example, as per my code? It will help me to take ahead.

[brianzinn]

Place the PEP script in your html head tag as per https://github.com/jquery/PEP.
Note the touch-action="none" on the button on that page.  You'll probably want that on your canvas and then it should pick up on the iPhone events?

 

[Dhiren]

3 hours ago, brianzinn said:

Place the PEP script in your html head tag as per https://github.com/jquery/PEP.
Note the touch-action="none" on the button on that page.  You'll probably want that on your canvas and then it should pick up on the iPhone events?

 

Great, it worked. 

Many Thanks