I’m building a small “beer pong” type game I’m building that will be used for mobile webAR. I built this out in the playground first just to understand how it all works and I got something that works great on my laptop but won’t run at all on mobile.
Here is the playground: https://playground.babylonjs.com/#Z8HTUN#486
When I open this up on my iPhone 13 Pro in Safari or Chrome it just shows a white screen. With Chrome I also used the “Chrome://Inspect” to view the console and it just shows:
Babylon.js v6.10.0 - WebGL2 - Parallel shader compilation
No errors or anything else appears. Is this not supported on mobile? I was able to get it working somewhat within my 8thWall project but was experiencing a weird issue where if I added more than 4 cups they no longer worked as mesh colliders, but convex-hull, and the cup “opening” was solid, I added the viewer to verify the shape and it still shows up as a mesh collider so I don’t know why this is acting like a convex-hull collider. Here is a video of what I see on the mobile side:
Seems like some cups work fine and the ball can go in with no problem but for other cups, it acts like a completely solid object. Can someone explain why this is happening? I’m open to optimizations I can make that still support the ball going into the cup.
On the 8th Wall side, I’m using these CDN scripts:
<script src="//firstname.lastname@example.org/babylon.min.js" crossorigin="anonymous" ></script> <script src="//email@example.com/babylonjs.loaders.min.js" crossorigin="anonymous" ></script> <script src="https://cdn.babylonjs.com/havok/HavokPhysics_umd.js" crossorigin="anonymous" ></script> <script src="https://cdn.babylonjs.com/materialsLibrary/babylonjs.materials.js" crossorigin="anonymous" ></script>