import * as THREE from 'three'; export class GridManager { constructor(scene, gridSize) { this.scene = scene; this.gridSize = gridSize; this.cellSize = 1; this.grid = []; this.items = []; // Create materials with 16-bit aesthetic this.materials = { grid: new THREE.MeshLambertMaterial({ color: 0x44aa88, flatShading: true }), highlight: new THREE.MeshLambertMaterial({ color: 0x66ccaa, flatShading: true }), item: new THREE.MeshLambertMaterial({ color: 0xffcc44, flatShading: true, emissive: 0xbb8800, emissiveIntensity: 0.5 }) }; } generateGrid() { // Clear existing grid this.resetGrid(); // Create grid cells const geometry = new THREE.BoxGeometry(this.cellSize, 0.1, this.cellSize); // Add pixel-like effect to geometry const pixelSize = 0.05; for (let i = 0; i < geometry.attributes.position.count; i++) { const x = geometry.attributes.position.getX(i); const y = geometry.attributes.position.getY(i); const z = geometry.attributes.position.getZ(i); // Quantize positions to create blocky effect geometry.attributes.position.setX(i, Math.round(x / pixelSize) * pixelSize); geometry.attributes.position.setY(i, Math.round(y / pixelSize) * pixelSize); geometry.attributes.position.setZ(i, Math.round(z / pixelSize) * pixelSize); } // Position the grid centered at origin const offsetX = -(this.gridSize.width - 1) * this.cellSize / 2; const offsetZ = -(this.gridSize.height - 1) * this.cellSize / 2; // Create grid cells for (let x = 0; x < this.gridSize.width; x++) { this.grid[x] = []; for (let z = 0; z < this.gridSize.height; z++) { const cell = new THREE.Mesh(geometry, // Checkerboard pattern (x + z) % 2 === 0 ? this.materials.grid : this.materials.highlight ); cell.position.set( offsetX + x * this.cellSize, 0, offsetZ + z * this.cellSize ); this.grid[x][z] = { mesh: cell, position: new THREE.Vector2(x, z), worldPosition: new THREE.Vector3(cell.position.x, 0, cell.position.z), hasItem: false, hasPowerup: false, hasHazard: false }; this.scene.add(cell); } } // Spawn initial item this.spawnItem(); } resetGrid() { // Remove existing grid and items for (let x = 0; x < this.grid.length; x++) { if (this.grid[x]) { for (let z = 0; z < this.grid[x].length; z++) { if (this.grid[x][z]) { this.scene.remove(this.grid[x][z].mesh); } } } } for (const item of this.items) { this.scene.remove(item.mesh); } this.grid = []; this.items = []; } spawnItem() { // Find cells without items const emptyCells = []; for (let x = 0; x < this.gridSize.width; x++) { for (let z = 0; z < this.gridSize.height; z++) { if (!this.grid[x][z].hasItem && !this.grid[x][z].hasPowerup) { emptyCells.push(this.grid[x][z]); } } } if (emptyCells.length === 0) return; // Choose random cell const cell = emptyCells[Math.floor(Math.random() * emptyCells.length)]; cell.hasItem = true; // Create item const geometry = new THREE.BoxGeometry(0.4, 0.4, 0.4); const item = new THREE.Mesh(geometry, this.materials.item); // Position on the cell item.position.copy(cell.worldPosition); item.position.y = 0.5; // Add to scene this.scene.add(item); this.items.push({ mesh: item, gridPosition: cell.position.clone(), cell: cell }); } getCell(x, z) { if (x >= 0 && x < this.gridSize.width && z >= 0 && z < this.gridSize.height) { return this.grid[x][z]; } return null; } update(delta) { // Animate items for (const item of this.items) { item.mesh.rotation.y += delta * 2; item.mesh.position.y = 0.5 + Math.sin(Date.now() * 0.003) * 0.1; } } removeItem(gridX, gridZ) { const itemIndex = this.items.findIndex(item => item.gridPosition.x === gridX && item.gridPosition.y === gridZ); if (itemIndex !== -1) { const item = this.items[itemIndex]; this.scene.remove(item.mesh); item.cell.hasItem = false; this.items.splice(itemIndex, 1); return true; } return false; } clearItems() { // Remove all existing items for (const item of this.items) { this.scene.remove(item.mesh); item.cell.hasItem = false; } this.items = []; } spawnMultipleItems(count) { // Spawn multiple items based on count for (let i = 0; i < count; i++) { this.spawnItem(); } } // Get percentage of grid covered by items getItemCoverage() { const totalCells = this.gridSize.width * this.gridSize.height; return this.items.length / totalCells; } }