Cocos引擎WebGL上下文丢失与恢复处理机制

1
import { _decorator, Component, director, game } from "cc";
2
const { ccclass, property } = _decorator;
3

4
@ccclass("HandleWebGLLoss")
5
export class HandleWebGLLoss extends Component {
6
  onLoad() {
7
    const canvas = game.canvas;
8

9
    canvas.addEventListener(
10
      "webglcontextlost",
11
      (event) => {
12
        event.preventDefault();
13
        console.log("Context Lost");
14
        director.pause();
15
      },
16
      false
17
    );
18

19
    canvas.addEventListener(
20
      "webglcontextrestored",
21
      () => {
22
        console.log("Context Restored");
23
        // director.resume();
24
        location.reload();
25
      },
26
      false
27
    );
28
  }
29
}