import hexTiling

index.html

@@ -12,8 +12,9 @@
 		<script type="importmap">
 			{
 				"imports": {
-					"three": "https://unpkg.com/three@0.157/build/three.module.js?module",
+					"three": "https://unpkg.com/three@0.158/build/three.module.js?module",
-					"three/addons/": "https://unpkg.com/three@0.157/examples/jsm/"
+					"three/addons/": "https://unpkg.com/three@0.158/examples/jsm/",
+					"three-hex-tiling": "https://cdn.jsdelivr.net/npm/three-hex-tiling@0.1.1/+esm"
 				}
 			}
 		</script>

main.js

@@ -10,6 +10,8 @@ import Stats from 'three/addons/libs/stats.module.js';
 
 import MazeMesh from './MazeMesh.js';
 
+import 'three-hex-tiling';
+
 const playerHeight = 0.5;
 const mazeWidth = 23
 
@@ -86,6 +88,7 @@ scene.background = new THREE.CubeTextureLoader(loadMngr)
         'lf.jpg',
     ] );
 scene.backgroundBlurriness = 0.03;
+scene.backgroundIntensity  = 1.4;
 scene.environment = scene.background;
 
 window.scene = scene;
@@ -104,6 +107,12 @@ const wallMaterial = new THREE.MeshStandardMaterial({
 	aoMap          : loader.load('textures/Poly-cobblestone-wall/ao_map.jpg'),
 	roughnessMap   : loader.load('textures/Poly-cobblestone-wall/roughness_map.jpg'),
 	roughness      : 1,
+    hexTiling: {
+        patchScale: 2,
+        useContrastCorrectedBlending: true,
+        lookupSkipThreshold: 0.01,
+        textureSampleCoefficientExponent: 8,
+    }
 })
 
 const maze = new MazeMesh(mazeWidth, mazeWidth, 1, wallMaterial);
@@ -169,6 +178,12 @@ const groundMaterial = new THREE.MeshStandardMaterial({
             texture.repeat.set(mazeWidth / 4, mazeWidth / 4)
         }
     ),
+    hexTiling: {
+        patchScale: 2,
+        useContrastCorrectedBlending: true,
+        lookupSkipThreshold: 0.01,
+        textureSampleCoefficientExponent: 8,
+    }
 })
 
 const sideGroundMaterial = new THREE.MeshStandardMaterial({