hit2501 Posted August 18, 2018 Share Posted August 18, 2018 Hi, I did a basic animation with Babylon.js (arcrotatecamera) that retrieves data from a mysql database and according to that shows two paths (red and blue) of a ball and its possible to rotate the camera with mouse: Online: http://162.144.212.53/~umpee/simulation.html On video: https://www.youtube.com/watch?v=DXyVNRnZWFE I saw that the animation works fine on desktop browsers but when I try to check it on mobile phone there are the following bugs: 1.- Part of the 3d model of the stadium (exported from Blender) appears to be distorted. 2.- I can't rotate the camera cause when I try it the camera shows an erratic movement. What could be the roots of these issues? Thank you. Ps: please ignore the css errors in mobile, working on that ;) Quote Link to comment Share on other sites More sharing options...
Sebavan Posted August 18, 2018 Share Posted August 18, 2018 Do you have linked pep.js before babylon.js in your html to ensure pointer polyfill is present making camera and touch are the same cross plat ? Quote Link to comment Share on other sites More sharing options...
Sebavan Posted August 18, 2018 Share Posted August 18, 2018 stadium being distorted might be related to the viewport size defined by styles. Quote Link to comment Share on other sites More sharing options...
hit2501 Posted August 19, 2018 Author Share Posted August 19, 2018 Thank you Sebavan, I'm not using pep.js. In previous works I didnt use it nad the scene worked fine. do you think its necessary? I'll check the viewport size. Quote Link to comment Share on other sites More sharing options...
Sebavan Posted August 20, 2018 Share Posted August 20, 2018 Yes, pep is necessary for camera controls to work properly cross platform. Without it some of the pointer events are not going through properly depending on the device/browser. Quote Link to comment Share on other sites More sharing options...
hit2501 Posted August 21, 2018 Author Share Posted August 21, 2018 I tried with pep.js but doesnt work, I tried with hand.min.1.3.8.js and now its working on Firefox but in Chrome I get the same erratic movement. I'm not sure if chrome issue its because I'm using the same device and its stored in cache or something like that. Sebavan can you help me checking the following url to see with chrome for android if the error has been solved please? http://wilawara.000webhostapp.com/demos/gopidemo/simulation.html Thank you very much. Quote Link to comment Share on other sites More sharing options...
Sebavan Posted August 21, 2018 Share Posted August 21, 2018 It still does not work on android and by the way you can test yourself direclty in your chrome browser by enabled the device toolbar in chrome: There is definitely something wrong with inputs so you should try to update babylonjs to the latest version and use pep.js. The pointer events are not going through at the moment. hit2501 1 Quote Link to comment Share on other sites More sharing options...
hit2501 Posted August 22, 2018 Author Share Posted August 22, 2018 Alright, I'll check for the latest version of babylon and pep. Quote Link to comment Share on other sites More sharing options...
hit2501 Posted August 25, 2018 Author Share Posted August 25, 2018 I tried with latest version of babylon.js and pep.js but nothing, then I saw that my previous working attempts had "touch-action:none;" in css for canvas. I added that line and it worked!!! Thank you Sebavan very much, I didnt know about the toggle device option. I guess I'm still a noob GameMonetize 1 Quote Link to comment Share on other sites More sharing options...
Sebavan Posted August 26, 2018 Share Posted August 26, 2018 Coooool ! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.