Răsfoiți Sursa

Merge branch 'master' into dev

Mr.doob 3 ani în urmă
părinte
comite
44d091b091
100 a modificat fișierele cu 1165 adăugiri și 63 ștergeri
  1. 9 1
      build/three.cjs
  2. 9 1
      build/three.js
  3. 0 0
      build/three.min.js
  4. 8 0
      build/three.module.js
  5. 1 1
      examples/jsm/offscreen/scene.js
  6. 0 8
      examples/webgl_worker_offscreencanvas.html
  7. 11 0
      manual/en/align-html-elements-to-3d.html
  8. 11 0
      manual/en/backgrounds.html
  9. 11 0
      manual/en/billboards.html
  10. 11 0
      manual/en/cameras.html
  11. 11 0
      manual/en/canvas-textures.html
  12. 11 0
      manual/en/cleanup.html
  13. 11 0
      manual/en/custom-buffergeometry.html
  14. 11 0
      manual/en/custom-geometry.html
  15. 11 0
      manual/en/debugging-glsl.html
  16. 11 0
      manual/en/debugging-javascript.html
  17. 11 0
      manual/en/fog.html
  18. 11 0
      manual/en/fundamentals.html
  19. 11 0
      manual/en/game.html
  20. 11 0
      manual/en/indexed-textures.html
  21. 11 0
      manual/en/lights.html
  22. 11 0
      manual/en/load-gltf.html
  23. 11 0
      manual/en/load-obj.html
  24. 11 0
      manual/en/material-table.html
  25. 11 0
      manual/en/materials.html
  26. 11 0
      manual/en/multiple-scenes.html
  27. 11 0
      manual/en/offscreencanvas.html
  28. 11 0
      manual/en/optimize-lots-of-objects-animated.html
  29. 11 0
      manual/en/optimize-lots-of-objects.html
  30. 11 0
      manual/en/picking.html
  31. 11 0
      manual/en/post-processing-3dlut.html
  32. 11 0
      manual/en/post-processing.html
  33. 11 0
      manual/en/prerequisites.html
  34. 11 0
      manual/en/primitives.html
  35. 11 0
      manual/en/rendering-on-demand.html
  36. 11 0
      manual/en/rendertargets.html
  37. 11 0
      manual/en/responsive.html
  38. 11 0
      manual/en/scenegraph.html
  39. 11 0
      manual/en/setup.html
  40. 11 0
      manual/en/shadertoy.html
  41. 11 0
      manual/en/shadows.html
  42. 11 0
      manual/en/textures.html
  43. 11 0
      manual/en/tips.html
  44. 11 0
      manual/en/transparency.html
  45. 11 0
      manual/en/voxel-geometry.html
  46. 11 0
      manual/en/webxr-look-to-select.html
  47. 11 0
      manual/en/webxr-point-to-select.html
  48. 11 0
      manual/en/webxr.html
  49. 13 1
      manual/examples/align-html-elements-to-3d-globe-too-many-labels.html
  50. 13 1
      manual/examples/align-html-elements-to-3d-globe.html
  51. 13 1
      manual/examples/align-html-to-3d-w-hiding.html
  52. 13 1
      manual/examples/align-html-to-3d-w-sorting.html
  53. 13 1
      manual/examples/align-html-to-3d.html
  54. 13 1
      manual/examples/background-css.html
  55. 13 1
      manual/examples/background-cubemap.html
  56. 13 1
      manual/examples/background-equirectangularmap.html
  57. 13 1
      manual/examples/background-scene-background-fixed-aspect.html
  58. 13 1
      manual/examples/background-scene-background.html
  59. 13 1
      manual/examples/background-separate-scene-bad-aspect.html
  60. 13 1
      manual/examples/background-separate-scene.html
  61. 13 1
      manual/examples/background-v01.html
  62. 13 1
      manual/examples/background.html
  63. 13 1
      manual/examples/billboard-labels-w-sprites-adjust-height.html
  64. 13 1
      manual/examples/billboard-labels-w-sprites.html
  65. 13 1
      manual/examples/billboard-trees-no-billboards.html
  66. 13 1
      manual/examples/billboard-trees-static-billboards.html
  67. 13 1
      manual/examples/cameras-logarithmic-depth-buffer.html
  68. 13 1
      manual/examples/cameras-orthographic-2-scenes.html
  69. 13 1
      manual/examples/cameras-orthographic-canvas-top-left-origin.html
  70. 13 1
      manual/examples/cameras-perspective-2-scenes.html
  71. 13 1
      manual/examples/cameras-perspective.html
  72. 13 1
      manual/examples/cameras-z-fighting.html
  73. 13 1
      manual/examples/canvas-textured-cube-qix.html
  74. 13 1
      manual/examples/canvas-textured-cube.html
  75. 13 1
      manual/examples/canvas-textured-labels-one-canvas.html
  76. 13 1
      manual/examples/canvas-textured-labels-scale-to-fit.html
  77. 13 1
      manual/examples/canvas-textured-labels.html
  78. 13 1
      manual/examples/cleanup-loaded-files.html
  79. 13 1
      manual/examples/cleanup-simple.html
  80. 13 1
      manual/examples/custom-buffergeometry-cube-indexed.html
  81. 13 1
      manual/examples/custom-buffergeometry-cube-typedarrays.html
  82. 13 1
      manual/examples/custom-buffergeometry-cube.html
  83. 13 1
      manual/examples/custom-buffergeometry-dynamic.html
  84. 13 1
      manual/examples/custom-geometry-cube-face-colors.html
  85. 13 1
      manual/examples/custom-geometry-cube-face-normals.html
  86. 13 1
      manual/examples/custom-geometry-cube-texcoords.html
  87. 13 1
      manual/examples/custom-geometry-cube-vertex-colors.html
  88. 13 1
      manual/examples/custom-geometry-cube-vertex-normals.html
  89. 13 1
      manual/examples/custom-geometry-cube.html
  90. 13 1
      manual/examples/custom-geometry-heightmap.html
  91. 13 1
      manual/examples/debug-js-clearing-logger.html
  92. 13 1
      manual/examples/debug-js-html-elements.html
  93. 13 1
      manual/examples/debug-js-params.html
  94. 13 1
      manual/examples/debugging-mcve.html
  95. 13 1
      manual/examples/fog-gui.html
  96. 13 1
      manual/examples/fog.html
  97. 13 1
      manual/examples/fundamentals-3-cubes.html
  98. 13 1
      manual/examples/fundamentals-with-animation.html
  99. 13 1
      manual/examples/fundamentals-with-light.html
  100. 13 1
      manual/examples/fundamentals.html

+ 9 - 1
build/three.cjs

@@ -106,6 +106,7 @@ const UnsignedShort4444Type = 1017;
 const UnsignedShort5551Type = 1018;
 const UnsignedInt248Type = 1020;
 const AlphaFormat = 1021;
+const RGBFormat = 1022;
 const RGBAFormat = 1023;
 const LuminanceFormat = 1024;
 const LuminanceAlphaFormat = 1025;
@@ -17622,7 +17623,13 @@ function WebGLUtils(gl, extensions, capabilities) {
 		if (p === LuminanceAlphaFormat) return gl.LUMINANCE_ALPHA;
 		if (p === DepthFormat) return gl.DEPTH_COMPONENT;
 		if (p === DepthStencilFormat) return gl.DEPTH_STENCIL;
-		if (p === RedFormat) return gl.RED; // WebGL 1 sRGB fallback
+		if (p === RedFormat) return gl.RED;
+
+		if (p === RGBFormat) {
+			console.warn('THREE.WebGLRenderer: THREE.RGBFormat has been removed. Use THREE.RGBAFormat instead. https://github.com/mrdoob/three.js/pull/23228');
+			return gl.RGBA;
+		} // WebGL 1 sRGB fallback
+
 
 		if (p === _SRGBAFormat) {
 			extension = extensions.get('EXT_sRGB');
@@ -36623,6 +36630,7 @@ exports.RGBA_PVRTC_4BPPV1_Format = RGBA_PVRTC_4BPPV1_Format;
 exports.RGBA_S3TC_DXT1_Format = RGBA_S3TC_DXT1_Format;
 exports.RGBA_S3TC_DXT3_Format = RGBA_S3TC_DXT3_Format;
 exports.RGBA_S3TC_DXT5_Format = RGBA_S3TC_DXT5_Format;
+exports.RGBFormat = RGBFormat;
 exports.RGB_ETC1_Format = RGB_ETC1_Format;
 exports.RGB_ETC2_Format = RGB_ETC2_Format;
 exports.RGB_PVRTC_2BPPV1_Format = RGB_PVRTC_2BPPV1_Format;

+ 9 - 1
build/three.js

@@ -108,6 +108,7 @@
 	const UnsignedShort5551Type = 1018;
 	const UnsignedInt248Type = 1020;
 	const AlphaFormat = 1021;
+	const RGBFormat = 1022;
 	const RGBAFormat = 1023;
 	const LuminanceFormat = 1024;
 	const LuminanceAlphaFormat = 1025;
@@ -17624,7 +17625,13 @@
 			if (p === LuminanceAlphaFormat) return gl.LUMINANCE_ALPHA;
 			if (p === DepthFormat) return gl.DEPTH_COMPONENT;
 			if (p === DepthStencilFormat) return gl.DEPTH_STENCIL;
-			if (p === RedFormat) return gl.RED; // WebGL 1 sRGB fallback
+			if (p === RedFormat) return gl.RED;
+
+			if (p === RGBFormat) {
+				console.warn('THREE.WebGLRenderer: THREE.RGBFormat has been removed. Use THREE.RGBAFormat instead. https://github.com/mrdoob/three.js/pull/23228');
+				return gl.RGBA;
+			} // WebGL 1 sRGB fallback
+
 
 			if (p === _SRGBAFormat) {
 				extension = extensions.get('EXT_sRGB');
@@ -36625,6 +36632,7 @@
 	exports.RGBA_S3TC_DXT1_Format = RGBA_S3TC_DXT1_Format;
 	exports.RGBA_S3TC_DXT3_Format = RGBA_S3TC_DXT3_Format;
 	exports.RGBA_S3TC_DXT5_Format = RGBA_S3TC_DXT5_Format;
+	exports.RGBFormat = RGBFormat;
 	exports.RGB_ETC1_Format = RGB_ETC1_Format;
 	exports.RGB_ETC2_Format = RGB_ETC2_Format;
 	exports.RGB_PVRTC_2BPPV1_Format = RGB_PVRTC_2BPPV1_Format;

Fișier diff suprimat deoarece este prea mare
+ 0 - 0
build/three.min.js


Fișier diff suprimat deoarece este prea mare
+ 8 - 0
build/three.module.js


+ 1 - 1
examples/jsm/offscreen/scene.js

@@ -1,4 +1,4 @@
-import * as THREE from 'three';
+import * as THREE from '../../../build/three.module.js';
 
 var camera, scene, renderer, group;
 

+ 0 - 8
examples/webgl_worker_offscreencanvas.html

@@ -68,14 +68,6 @@
 		<!-- Remove this when import maps will be widely supported -->
 		<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
 
-		<script type="importmap">
-			{
-				"imports": {
-					"three": "../build/three.module.js"
-				}
-			}
-		</script>
-
 		<script type="module">
 
 			import initJank from './jsm/offscreen/jank.js';

+ 11 - 0
manual/en/align-html-elements-to-3d.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/backgrounds.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/billboards.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/cameras.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/canvas-textures.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/cleanup.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/custom-buffergeometry.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/custom-geometry.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/debugging-glsl.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/debugging-javascript.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/fog.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/fundamentals.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/game.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/indexed-textures.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/lights.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/load-gltf.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/load-obj.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/material-table.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/materials.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/multiple-scenes.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/offscreencanvas.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/optimize-lots-of-objects-animated.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/optimize-lots-of-objects.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/picking.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/post-processing-3dlut.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/post-processing.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/prerequisites.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/primitives.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/rendering-on-demand.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/rendertargets.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/responsive.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/scenegraph.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/setup.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/shadertoy.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/shadows.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/textures.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/tips.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/transparency.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/voxel-geometry.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/webxr-look-to-select.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/webxr-point-to-select.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 11 - 0
manual/en/webxr.html

@@ -11,6 +11,17 @@
 
     <link rel="stylesheet" href="/manual/resources/lesson.css">
     <link rel="stylesheet" href="/manual/resources/lang.css">
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
   </head>
   <body>
     <div class="container">

+ 13 - 1
manual/examples/align-html-elements-to-3d-globe-too-many-labels.html

@@ -58,8 +58,20 @@
       <div id="labels"></div>
     </div>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 
 function main() {

+ 13 - 1
manual/examples/align-html-elements-to-3d-globe.html

@@ -58,8 +58,20 @@
       <div id="labels"></div>
     </div>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 import {GUI} from '../../examples/jsm/libs/lil-gui.module.min.js';
 

+ 13 - 1
manual/examples/align-html-to-3d-w-hiding.html

@@ -55,8 +55,20 @@
       <div id="labels"></div>
     </div>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 
 function main() {

+ 13 - 1
manual/examples/align-html-to-3d-w-sorting.html

@@ -57,8 +57,20 @@
       <div id="labels"></div>
     </div>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 
 function main() {

+ 13 - 1
manual/examples/align-html-to-3d.html

@@ -55,8 +55,20 @@
       <div id="labels"></div>
     </div>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 
 function main() {

+ 13 - 1
manual/examples/background-css.html

@@ -22,8 +22,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/background-cubemap.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 
 function main() {

+ 13 - 1
manual/examples/background-equirectangularmap.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 
 function main() {

+ 13 - 1
manual/examples/background-scene-background-fixed-aspect.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/background-scene-background.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/background-separate-scene-bad-aspect.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/background-separate-scene.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/background-v01.html

@@ -21,8 +21,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 import {GLTFLoader} from '../../examples/jsm/loaders/GLTFLoader.js';
 

+ 13 - 1
manual/examples/background.html

@@ -21,8 +21,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 import {GLTFLoader} from '../../examples/jsm/loaders/GLTFLoader.js';
 

+ 13 - 1
manual/examples/billboard-labels-w-sprites-adjust-height.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 
 function main() {

+ 13 - 1
manual/examples/billboard-labels-w-sprites.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 
 function main() {

+ 13 - 1
manual/examples/billboard-trees-no-billboards.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 
 function main() {

+ 13 - 1
manual/examples/billboard-trees-static-billboards.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 
 function main() {

+ 13 - 1
manual/examples/cameras-logarithmic-depth-buffer.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 import {GUI} from '../../examples/jsm/libs/lil-gui.module.min.js';
 

+ 13 - 1
manual/examples/cameras-orthographic-2-scenes.html

@@ -36,8 +36,20 @@
        <div id="view2" tabindex="2"></div>
     </div>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 import {GUI} from '../../examples/jsm/libs/lil-gui.module.min.js';
 

+ 13 - 1
manual/examples/cameras-orthographic-canvas-top-left-origin.html

@@ -32,8 +32,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/cameras-perspective-2-scenes.html

@@ -36,8 +36,20 @@
        <div id="view2" tabindex="2"></div>
     </div>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 import {GUI} from '../../examples/jsm/libs/lil-gui.module.min.js';
 

+ 13 - 1
manual/examples/cameras-perspective.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 import {GUI} from '../../examples/jsm/libs/lil-gui.module.min.js';
 

+ 13 - 1
manual/examples/cameras-z-fighting.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 import {GUI} from '../../examples/jsm/libs/lil-gui.module.min.js';
 

+ 13 - 1
manual/examples/canvas-textured-cube-qix.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/canvas-textured-cube.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/canvas-textured-labels-one-canvas.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 
 function main() {

+ 13 - 1
manual/examples/canvas-textured-labels-scale-to-fit.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 
 function main() {

+ 13 - 1
manual/examples/canvas-textured-labels.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 
 function main() {

+ 13 - 1
manual/examples/cleanup-loaded-files.html

@@ -25,8 +25,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {GLTFLoader} from '../../examples/jsm/loaders/GLTFLoader.js';
 
 class ResourceTracker {

+ 13 - 1
manual/examples/cleanup-simple.html

@@ -25,8 +25,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 class ResourceTracker {
   constructor() {

+ 13 - 1
manual/examples/custom-buffergeometry-cube-indexed.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/custom-buffergeometry-cube-typedarrays.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/custom-buffergeometry-cube.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/custom-buffergeometry-dynamic.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/custom-geometry-cube-face-colors.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/custom-geometry-cube-face-normals.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/custom-geometry-cube-texcoords.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/custom-geometry-cube-vertex-colors.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/custom-geometry-cube-vertex-normals.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/custom-geometry-cube.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/custom-geometry-heightmap.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 
 function main() {

+ 13 - 1
manual/examples/debug-js-clearing-logger.html

@@ -33,8 +33,20 @@
       <pre></pre>
     </div>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 class ClearingLogger {
   constructor(elem) {

+ 13 - 1
manual/examples/debug-js-html-elements.html

@@ -34,8 +34,20 @@
       <div>z:<span id="z"></span></div>
     </div>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/debug-js-params.html

@@ -44,8 +44,20 @@
     </div>
     <div id="info">click to launch</div>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 /**
   * Returns the query parameters as a key/value object.

+ 13 - 1
manual/examples/debugging-mcve.html

@@ -1,8 +1,20 @@
 <body>
   <canvas id="c"></canvas>
 </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {OrbitControls} from '../../examples/jsm/controls/OrbitControls.js';
 
 function main() {

+ 13 - 1
manual/examples/fog-gui.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 import {GUI} from '../../examples/jsm/libs/lil-gui.module.min.js';
 
 function main() {

+ 13 - 1
manual/examples/fog.html

@@ -20,8 +20,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/fundamentals-3-cubes.html

@@ -9,8 +9,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/fundamentals-with-animation.html

@@ -9,8 +9,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/fundamentals-with-light.html

@@ -9,8 +9,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

+ 13 - 1
manual/examples/fundamentals.html

@@ -9,8 +9,20 @@
   <body>
     <canvas id="c"></canvas>
   </body>
+<!-- Import maps polyfill -->
+<!-- Remove this when import maps will be widely supported -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+{
+  "imports": {
+    "three": "../../build/three.module.js"
+  }
+}
+</script>
+
 <script type="module">
-import * as THREE from '../../build/three.module.js';
+import * as THREE from 'three';
 
 function main() {
   const canvas = document.querySelector('#c');

Unele fișiere nu au fost afișate deoarece prea multe fișiere au fost modificate în acest diff