three.js WebGL兼容性檢查

雖然這個(gè)問(wèn)題現(xiàn)在已經(jīng)變得越來(lái)不明顯，但不可否定的是，某些設(shè)備以及瀏覽器直到現(xiàn)在仍然不支持WebGL。

以下的方法可以幫助你檢測(cè)當(dāng)前用戶(hù)所使用的環(huán)境是否支持WebGL，如果不支持，將會(huì)向用戶(hù)提示一條信息。

請(qǐng)將https://github.com/mrdoob/three.js/blob/master/examples/jsm/capabilities/WebGL.js引入到你的文件，并在嘗試開(kāi)始渲染之前先運(yùn)行該文件。

if (WebGL.isWebGLAvailable()) {
    // Initiate function or other initializations here
    animate();
} else {
    const warning = WebGL.getWebGLErrorMessage();
    document.getElementById('container').appendChild(warning);
}