Examples: Clean up.

Author: mrdoob

docs/manual/ar/introduction/WebGL-compatibility-check.html

@@ -14,7 +14,7 @@ <h1>فحص توافق WebGL</h1>
 		</p>
 
 		<p>
-			أضف [link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/WebGL.js] إلى جافا سكريبت الخاص بك وقم بتشغيل ما يلي قبل محاولة تقديم أي شيء.
+			أضف [link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/capabilities/WebGL.js] إلى جافا سكريبت الخاص بك وقم بتشغيل ما يلي قبل محاولة تقديم أي شيء.
 		</p>
 
 		<code>

docs/manual/en/introduction/WebGL-compatibility-check.html

@@ -14,7 +14,7 @@ <h1>[name]</h1>
 		</p>
 
 		<p>
-			Add	[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/WebGL.js]
+			Add	[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/capabilities/WebGL.js]
 			to your javascript and run the following before attempting to render anything.
 		</p>
 

docs/manual/ja/introduction/WebGL-compatibility-check.html

@@ -13,7 +13,7 @@ <h1>[name]</h1>
 		</p>
 
 		<p>
-			javascriptのコードに[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/WebGL.js]を付け加えて、何かを描画する前に以下のコードを実行してください。
+			javascriptのコードに[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/capabilities/WebGL.js]を付け加えて、何かを描画する前に以下のコードを実行してください。
 		</p>
 
 		<code>

docs/manual/ko/introduction/WebGL-compatibility-check.html

@@ -14,7 +14,7 @@ <h1>WebGL 호환성 검사([name])</h1>
 		</p>
 
 		<p>
-			[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/WebGL.js]를 스크립트에 추가하고 무언가를 렌더링하기 전에 아래 코드를 실행해보세요.
+			[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/capabilities/WebGL.js]를 스크립트에 추가하고 무언가를 렌더링하기 전에 아래 코드를 실행해보세요.
 		</p>
 
 		<code>

docs/manual/zh/introduction/WebGL-compatibility-check.html

@@ -13,7 +13,7 @@ <h1>WebGL兼容性检查（[name]）</h1>
 		</p>
 
 		<p>
-			请将[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/WebGL.js]引入到你的文件，并在尝试开始渲染之前先运行该文件。
+			请将[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/capabilities/WebGL.js]引入到你的文件，并在尝试开始渲染之前先运行该文件。
         	</p>
 
 <code>

examples/js/capabilities/ImportMaps.js

@@ -0,0 +1,26 @@
+( function () {
+class ImportMaps {
+  static isAvailable() {
+    return 'supports' in HTMLScriptElement && HTMLScriptElement.supports('importmap');
+  }
+
+  static getErrorMessage() {
+    const message = 'Your browser does not support <a href="https://wicg.github.io/import-maps/" style="color:blue">Import Maps</a>';
+    const element = document.createElement('div');
+    element.style.fontFamily = 'monospace';
+    element.style.fontSize = '13px';
+    element.style.fontWeight = 'normal';
+    element.style.textAlign = 'center';
+    element.style.background = '#fff';
+    element.style.color = '#000';
+    element.style.padding = '1.5em';
+    element.style.width = '400px';
+    element.style.margin = '5em auto 0';
+    element.innerHTML = message;
+    return element;
+  }
+
+}
+
+THREE.ImportMaps as default = ImportMaps as default;
+} )();

examples/js/WebGL.js renamed to examples/js/capabilities/WebGL.js

@@ -0,0 +1,27 @@
+( function () {
+class WebGPU {
+  static isAvailable() {
+    return navigator.gpu !== undefined;
+  }
+
+  static getErrorMessage() {
+    const message = 'Your browser does not support <a href="https://gpuweb.github.io/gpuweb/" style="color:blue">WebGPU</a>';
+    const element = document.createElement('div');
+    element.id = 'webgpumessage';
+    element.style.fontFamily = 'monospace';
+    element.style.fontSize = '13px';
+    element.style.fontWeight = 'normal';
+    element.style.textAlign = 'center';
+    element.style.background = '#fff';
+    element.style.color = '#000';
+    element.style.padding = '1.5em';
+    element.style.width = '400px';
+    element.style.margin = '5em auto 0';
+    element.innerHTML = message;
+    return element;
+  }
+
+}
+
+THREE.WebGPU as default = WebGPU as default;
+} )();

examples/js/capabilities/WebGPU.js

@@ -8,7 +8,7 @@ class WebGPU {
 
 	static getErrorMessage() {
 
-		const message = 'Your browser does not support <a href="https://gpuweb.github.io/gpuweb/" style="color:#000">WebGPU</a>.';
+		const message = 'Your browser does not support <a href="https://gpuweb.github.io/gpuweb/" style="color:blue">WebGPU</a>';
 
 		const element = document.createElement( 'div' );
 		element.id = 'webgpumessage';