Problem Description:

Everything was working fine and I didn’t change anything, but when I run the program in my local environment, it shows the above error. Other occurred error messages include: “Plane: Unable to create a Plane because the Renderer WebGL context is not defined”, “Failed to create WebGL context: failIfMajorPerformanceCaveat: Compositor is not hardware-accelerated.”

Reason

Browser updated before running the program

Solution

  1. Restart the browser;
  2. If it is unsolved, reboot your computer;

Root Cause

According to Zach Saucier, the WebGL renderer may crash. So the problem has nothing to do with curtain.js

Reference

https://css-tricks.com/creating-webgl-effects-with-curtainsjs/ — Remo’s comment stated the same issue

--

--