import React, { useMemo } from 'react'; import * as THREE from 'three'; import { useTexture } from '@react-three/drei'; // Grass material component using PBR textures function GrassMaterial() { const textures = useTexture({ map: 'https://develop.play.rosebud.ai/assets/Grass008_1K-JPG_Color.jpg?9vei', normalMap: 'https://develop.play.rosebud.ai/assets/Grass008_1K-JPG_NormalGL.jpg?hbxz', roughnessMap: 'https://develop.play.rosebud.ai/assets/Grass008_1K-JPG_Roughness.jpg?7hxZ', aoMap: 'https://develop.play.rosebud.ai/assets/Grass008_1K-JPG_AmbientOcclusion.jpg?XTF4', displacementMap: 'https://develop.play.rosebud.ai/assets/Grass008_1K-JPG_Displacement.jpg?Xl0t', }); // Apply texture repeat for larger ground Object.values(textures).forEach(texture => { texture.wrapS = texture.wrapT = THREE.RepeatWrapping; texture.repeat.set(10, 10); }); return ( ); } // Procedural tree generator with multiple styles function Tree({ position, scale = 1 }) { // More diverse trunk colors const trunkColor = useMemo(() => { const baseColors = [ '#5c3a1d', // Brown '#4a3421', // Dark brown '#6b4c35', // Light brown '#5d4b35', // Tan ]; const baseColor = baseColors[Math.floor(Math.random() * baseColors.length)]; return new THREE.Color(baseColor).multiplyScalar(Math.random() * 0.3 + 0.7); }, []); // More diverse leaf colors const leavesColor = useMemo(() => { const baseColors = [ '#2d7521', // Green '#3a8c27', // Brighter green '#1c4d16', // Dark green '#3d6e2f', // Olive green '#4d8e3a', // Fresh green ]; const baseColor = baseColors[Math.floor(Math.random() * baseColors.length)]; return new THREE.Color(baseColor).multiplyScalar(Math.random() * 0.4 + 0.8); }, []); // Random tree height const height = 2.5 + Math.random() * 1.5; // Random rotation to make trees look more diverse const rotationY = Math.random() * Math.PI * 2; // Different tree types const treeType = Math.floor(Math.random() * 3); // 0, 1, or 2 return ( {/* Trunk with more detail */} {/* Different foliage based on tree type */} {treeType === 0 && ( // Pine tree style {[0, 1, 2, 3].map((i) => ( ))} )} {treeType === 1 && ( // Round top style )} {treeType === 2 && ( // Layered cone style (original style, improved) {/* Main foliage cone */} {/* Secondary foliage cone */} {/* Top foliage cone */} )} ); } export default function Forest() { // Generate random positions for trees const trees = useMemo(() => { const positions = []; for (let i = 0; i < 30; i++) { const x = Math.random() * 40 - 20; const z = Math.random() * 40 - 20; // Keep center area clear for characters if (Math.sqrt(x * x + z * z) > 5) { positions.push({ position: [x, 0, z], scale: Math.random() * 0.5 + 0.8 }); } } return positions; }, []); return ( {/* Ground with grass material */} {/* Trees */} {trees.map((tree, i) => ( ))} ); }