import * as THREE from 'three'; export class TerrainGenerator { constructor(scene) { this.scene = scene; this.chunks = new Map(); // Store loaded terrain chunks this.chunkSize = 200; this.heightScale = 45; this.resolution = 32; // vertices per side this.waterLevel = 3; // Height of water surface // Simple repeatable noise function (simplex-like) this.noise = (x, z) => { const X = Math.floor(x) & 255; const Z = Math.floor(z) & 255; const seed = (X * 15731 + Z * 789221) % 2147483647; return (Math.sin(seed) * 0.5 + 0.5); }; // Multi-octave noise for more natural terrain this.terrainNoise = (x, z) => { let value = 0; let amplitude = 1; let frequency = 0.005; let maxValue = 0; for (let i = 0; i < 4; i++) { value += this.noise(x * frequency, z * frequency) * amplitude; maxValue += amplitude; amplitude *= 0.5; frequency *= 2; } return value / maxValue; }; // Ridge noise for mountain ranges this.ridgeNoise = (x, z) => { let value = 0; let amplitude = 1; let frequency = 0.002; let maxValue = 0; for (let i = 0; i < 3; i++) { // Ridge effect: 1 - abs(noise * 2 - 1) let n = 1 - Math.abs(this.noise(x * frequency, z * frequency) * 2 - 1); n = n * n; // Sharpen ridges value += n * amplitude; maxValue += amplitude; amplitude *= 0.4; frequency *= 2.2; } return value / maxValue; }; // Enhanced terrain material this.terrainMaterial = new THREE.MeshStandardMaterial({ vertexColors: true, roughness: 0.9, metalness: 0.1, flatShading: true, shadowSide: THREE.DoubleSide }); // Water material this.waterMaterial = new THREE.MeshPhysicalMaterial({ color: 0x0077be, transmission: 0.9, // Water is semi-transparent roughness: 0.1, metalness: 0.1, clearcoat: 0.4, clearcoatRoughness: 0.2, opacity: 0.75, transparent: true }); // Water chunks storage this.waterChunks = new Map(); } getChunkId(x, z) { const chunkX = Math.floor(x / this.chunkSize); const chunkZ = Math.floor(z / this.chunkSize); return `${chunkX},${chunkZ}`; } updateTerrain(centerX, centerZ) { const centerChunkX = Math.floor(centerX / this.chunkSize); const centerChunkZ = Math.floor(centerZ / this.chunkSize); const renderDistance = 5; // Increased render distance for better visibility // Keep track of chunks we want to keep const newChunks = new Set(); // Generate or update chunks in view distance for (let x = centerChunkX - renderDistance; x <= centerChunkX + renderDistance; x++) { for (let z = centerChunkZ - renderDistance; z <= centerChunkZ + renderDistance; z++) { const chunkId = `${x},${z}`; newChunks.add(chunkId); if (!this.chunks.has(chunkId)) { this.generateChunk(x, z); } } } // Remove chunks that are too far away for (const chunkId of this.chunks.keys()) { if (!newChunks.has(chunkId)) { this.removeChunk(chunkId); } } } generateChunk(chunkX, chunkZ) { const geometry = new THREE.PlaneGeometry( this.chunkSize, this.chunkSize, this.resolution - 1, this.resolution - 1 ); // Rotate to horizontal plane geometry.rotateX(-Math.PI / 2); // Adjust vertices and add color const colors = []; const vertices = geometry.attributes.position.array; for (let i = 0; i < vertices.length; i += 3) { const xPos = vertices[i] + chunkX * this.chunkSize; const zPos = vertices[i + 2] + chunkZ * this.chunkSize; // Calculate different noise components const baseNoise = this.terrainNoise(xPos, zPos); const ridgeNoise = this.ridgeNoise(xPos, zPos); // Blend noise types for varied terrain // Add ridge noise to create mountain ranges let height = baseNoise * this.heightScale; // Add mountain ridges in certain areas if (baseNoise > 0.5) { height += ridgeNoise * this.heightScale * 0.8; } vertices[i + 1] = height; // Add vertex color based on height and variations if (height < this.waterLevel) { // Underwater terrain (darker) colors.push(0.2, 0.3, 0.4); } else if (height < this.waterLevel + 2) { // Sandy beach colors.push(0.76, 0.7, 0.5); } else if (height < this.heightScale * 0.3) { // Grass with some variation const variation = Math.sin(xPos * 0.1) * Math.cos(zPos * 0.1) * 0.1; colors.push(0.1 + variation, 0.5 + variation, 0.1); } else if (height < this.heightScale * 0.6) { // Forest/darker grass colors.push(0.02, 0.32, 0.02); } else if (height < this.heightScale * 0.75) { // Rocky mountain colors.push(0.5, 0.5, 0.5); } else { // Mountain/snow peak const snow = Math.min((height - this.heightScale * 0.75) / (this.heightScale * 0.25), 1); colors.push(0.5 + snow * 0.5, 0.5 + snow * 0.5, 0.5 + snow * 0.5); } } // Apply colors geometry.setAttribute('color', new THREE.Float32BufferAttribute(colors, 3)); // Create mesh and add to scene const mesh = new THREE.Mesh(geometry, this.terrainMaterial); mesh.receiveShadow = true; mesh.position.set(chunkX * this.chunkSize, 0, chunkZ * this.chunkSize); this.scene.add(mesh); this.chunks.set(`${chunkX},${chunkZ}`, mesh); // Add water surface if we haven't already const waterChunkId = `water_${chunkX},${chunkZ}`; if (!this.waterChunks.has(waterChunkId)) { // Simple flat plane for water const waterGeometry = new THREE.PlaneGeometry( this.chunkSize, this.chunkSize, 1, 1 ); // Position at water level waterGeometry.rotateX(-Math.PI / 2); const waterMesh = new THREE.Mesh(waterGeometry, this.waterMaterial); waterMesh.position.set( chunkX * this.chunkSize, this.waterLevel, chunkZ * this.chunkSize ); waterMesh.receiveShadow = true; this.scene.add(waterMesh); this.waterChunks.set(waterChunkId, waterMesh); } } // Clean up water chunks too when removing terrain removeChunk(chunkId) { if (this.chunks.has(chunkId)) { const chunk = this.chunks.get(chunkId); this.scene.remove(chunk); chunk.geometry.dispose(); this.chunks.delete(chunkId); } const waterChunkId = `water_${chunkId}`; if (this.waterChunks.has(waterChunkId)) { const waterChunk = this.waterChunks.get(waterChunkId); this.scene.remove(waterChunk); waterChunk.geometry.dispose(); this.waterChunks.delete(waterChunkId); } } }