I’m facing a rendering issue with Babylon.js on an iPad.
The scene renders correctly in Chrome on iPad, but nothing is rendered in Safari on the same device. The canvas stays blank in Safari, while the exact same code works fine on:
iPad Chrome
Desktop browsers
I have already enabled WebGL in Safari settings, so this doesn’t seem to be related to WebGL being disabled.
This issue appears to be specific to iOS Safari.
Has anyone experienced a similar issue with Babylon.js on iPad Safari?
Are there any known limitations, required engine settings, or Safari-specific workarounds I should check?
Any help or guidance would be greatly appreciated.
Thanks in advance!
Hi. Welcome to iOS struggle. This topic is touched upon many times, one of which is by me, and I actually already listed some of other threads that touch on the topic. So without going over everything again I will just share existing ones.
TLDR - Most likely issue with textures and their number + resolution.
Hi Wkamit, sorry in advance if you already knew this, but you can attach your phone to your Mac via USB and get a full developer console through Safari. I had some similar problems that turned out to be caused by having too many lights in my scene, which caused shader compilation to fail and the only visible effect was that the scene was black and the phone was heating up
I work professional with android and ios app development. It is not uncommon for Apple to push updates that breaks functionality that worked in previous versions. It has happened multiple times during my app developer career.
Sometimes you just have to wait until they push a new version that fixes the issue.
I don’t have any knowledge regarding this problem, so I can’t help unfortunately.