Examples: Better show WebGL2 error messages. (mrdoob#21400)

Mugen87 · web-flow · commit 50380bd1b84a · 2021-03-03T18:36:29.000Z
diff --git a/examples/webgl2_buffergeometry_attributes_integer.html b/examples/webgl2_buffergeometry_attributes_integer.html
@@ -48,6 +48,14 @@
 
 			import * as THREE from '../build/three.module.js';
 
+			import { WEBGL } from './jsm/WebGL.js';
+
+			if ( WEBGL.isWebGL2Available() === false ) {
+
+				document.body.appendChild( WEBGL.getWebGL2ErrorMessage() );
+
+			}
+
 			let camera, scene, renderer, mesh;
 
 			init();
diff --git a/examples/webgl2_multisampled_renderbuffers.html b/examples/webgl2_multisampled_renderbuffers.html
@@ -43,21 +43,21 @@
 			import { CopyShader } from './jsm/shaders/CopyShader.js';
 			import { WEBGL } from './jsm/WebGL.js';
 
-			if ( WEBGL.isWebGL2Available() === false ) {
-
-				document.body.appendChild( WEBGL.getWebGL2ErrorMessage() );
-
-			}
-
 			let camera, renderer, clock, group, container;
 
 			let composer1, composer2;
 
 			init();
-			animate();
 
 			function init() {
 
+				if ( WEBGL.isWebGL2Available() === false ) {
+
+					document.body.appendChild( WEBGL.getWebGL2ErrorMessage() );
+					return;
+
+				}
+
 				container = document.getElementById( 'container' );
 
 				camera = new THREE.PerspectiveCamera( 45, container.offsetWidth / container.offsetHeight, 1, 2000 );
@@ -140,6 +140,8 @@
 
 				window.addEventListener( 'resize', onWindowResize );
 
+				animate();
+
 			}
 
 			function onWindowResize() {
