THREE.WebGLRenderer: Context Lost.

[Emmanuel-Jackson]

When entering the site, it is very slow. When you scroll down it crashes. Then in the console it gives me an error saying THREE.WebGLRenderer: Context Lost. Is there a way I can prevent this error and optimize the site to help with its speed. Help will be much appreciated.

Thank you kindly!

[Sohad-Almadhoon]

I faced that problem but I just copied the instructor's file then it worked for me!

[DonSmog]

Any fix to this?

[hady-dev]

@DonSmog and @Emmanuel-Jackson can you please share your code as in the file the error is coming from or github repo for your full code.

[DonSmog]

I figured out what was wrong. I had too many balls. Reduced the number of balls and it worked.
Still having issue with the mobile optimization though

[zjian107-su]

#79
There is a limit of how many canvas you can have for the project before memory leaks, or too much to handle. Like @DonSmog said, it would help.

[arpit-garg-1995]

#41
Browser has a limit on how many contexts it can handle, look into the issue 41.