THREE.WebGLRenderer: Context Lost

🧑‍💻 Technical Support
,
1

Hi,

I have started to get this error in my experience:

THREE.WebGLRenderer: Context Lost

It happens when I switch between scenes, I am using the example that comes in Maps.

const swapBody = (newHtml) => {
  const scene = document.body.querySelector('a-scene')
  scene.parentElement.removeChild(scene)
  document.body.insertAdjacentHTML('beforeend', newHtml)
}

On iOS when it happens the 8thWall page automatically reloads. It happens to me in both Safari and Chrome browsers.
But on Android it does get the error:

THREE.WebGLRenderer: Context Lost.
and then
THREE.WebGLRenderer: Context Restored.

and everything continue working as expected

This error is driving me crazy and I do not know how to solve it, my scenes do not weigh more than 10 Mbs. Is there any way to dispose the scene, so that it unloads all its content before loading the new one?

2

Hi,

I’m having this same error expect when ’ Context Restored.’ comes up it just remains frozen, reloads, or a white screen comes up. Was this problem rectified for you?

Please let me know.

3

Hi Esther,

Unfortunately, I wasn’t able to fix the issue. I tried a few different solutions, but none of them worked. The error mainly happens on iOS devices.

Could someone from the support team assist us with this?

4

Hi,

I’ve been emailing 8th wall support for a while, I even got on a few zoom calls and shared my project with them they gave me different things to try like , optimizing my assets and codes and other small issues that I had in my projects, after fixing them the issue is still taking place.

5

I have tried to do exactly the same but the error persists, even using a clean project with no assets.
When you get context lost?

6

Hi all,

My first recommendation is to replace all of the geometry in your scene(s) with basic primitives: cubes, spheres, or capsules to ensure that it’s not code or logic causing the context lost.

I’d also like to share our guide on optimization, you’ll be very surprised how unoptimized models can be while appearing low-poly.