Texture for the floor

JI0PATA · Sep 26, 2023 · f1c91e9 · f1c91e9
1 parent 3858252
commit f1c91e9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/Ground.jsx b/src/Ground.jsx
@@ -1,8 +1,15 @@
+import * as THREE from "three";
+import { useTexture } from "@react-three/drei";
+import floorTexture from "./assets/floor.png";
+
 export const Ground = () => {
+    const texture = useTexture(floorTexture);
+    texture.wrapS = texture.wrapT = THREE.RepeatWrapping;
+
     return (
         <mesh position={[0, -5, 0]} rotation-x={-Math.PI / 2}>
             <planeGeometry args={[500, 500]} />
-            <meshStandardMaterial color="gray" />
+            <meshStandardMaterial color="gray" map={texture} map-repeat={[360, 360]} />
         </mesh>
     );
 }
diff --git a/src/assets/floor.png b/src/assets/floor.png