import * as THREE from 'three'; export class Level { constructor(scene) { this.scene = scene; this.floorSize = 24; // Increased map size this.tables = []; this.guests = []; this.objectives = []; this.currentObjectiveIndex = 0; // Create the scene this.createFloor(); this.createLighting(); this.createTables(); this.createGuests(); this.createObjectives(); this.createWalls(); } createFloor() { // Create a checkered floor const floorGeometry = new THREE.PlaneGeometry(this.floorSize, this.floorSize, 10, 10); const floorTexture = this.createCheckerboardTexture(); const floorMaterial = new THREE.MeshStandardMaterial({ map: floorTexture, side: THREE.DoubleSide }); this.floor = new THREE.Mesh(floorGeometry, floorMaterial); this.floor.rotation.x = Math.PI / 2; this.floor.position.y = 0; this.floor.receiveShadow = true; this.scene.add(this.floor); } createCheckerboardTexture() { const size = 64; const canvas = document.createElement('canvas'); canvas.width = size * 2; canvas.height = size * 2; const context = canvas.getContext('2d'); context.fillStyle = 'white'; context.fillRect(0, 0, canvas.width, canvas.height); context.fillStyle = 'black'; for (let x = 0; x < 2; x++) { for (let y = 0; y < 2; y++) { if ((x + y) % 2 === 0) { context.fillRect(x * size, y * size, size, size); } } } const texture = new THREE.CanvasTexture(canvas); texture.wrapS = THREE.RepeatWrapping; texture.wrapT = THREE.RepeatWrapping; texture.repeat.set(5, 5); return texture; } createLighting() { // Ambient light const ambientLight = new THREE.AmbientLight(0xffffff, 0.6); this.scene.add(ambientLight); // Main directional light const directionalLight = new THREE.DirectionalLight(0xffffff, 0.8); directionalLight.position.set(5, 10, 5); directionalLight.castShadow = true; // Improve shadow quality directionalLight.shadow.mapSize.width = 1024; directionalLight.shadow.mapSize.height = 1024; directionalLight.shadow.camera.near = 0.5; directionalLight.shadow.camera.far = 50; directionalLight.shadow.camera.left = -10; directionalLight.shadow.camera.right = 10; directionalLight.shadow.camera.top = 10; directionalLight.shadow.camera.bottom = -10; this.scene.add(directionalLight); } createTables() { const tablePositions = [ { x: -5, z: -5 }, { x: 0, z: -3 }, { x: 5, z: -6 }, { x: -6, z: 2 }, { x: -2, z: 5 }, { x: 3, z: 3 }, { x: 6, z: 0 } ]; for (const position of tablePositions) { this.createTable(position.x, position.z); } } createTable(x, z) { // Table top const tableGeometry = new THREE.CylinderGeometry(1, 1, 0.1, 16); const tableMaterial = new THREE.MeshLambertMaterial({ color: 0xEFEFEF }); const table = new THREE.Mesh(tableGeometry, tableMaterial); table.position.set(x, 0.5, z); table.castShadow = true; table.receiveShadow = true; // Table leg const legGeometry = new THREE.CylinderGeometry(0.1, 0.1, 0.5, 8); const legMaterial = new THREE.MeshLambertMaterial({ color: 0x8B4513 }); const leg = new THREE.Mesh(legGeometry, legMaterial); leg.position.y = -0.25; table.add(leg); // Add some decorations to the table this.addTableDecorations(table); this.scene.add(table); // Add collision box const collider = new THREE.Box3().setFromObject(table); this.tables.push({ mesh: table, collider: collider }); } addTableDecorations(table) { // Add a flower centerpiece const vaseGeometry = new THREE.CylinderGeometry(0.1, 0.15, 0.2, 8); const vaseMaterial = new THREE.MeshLambertMaterial({ color: 0x5555FF }); const vase = new THREE.Mesh(vaseGeometry, vaseMaterial); vase.position.y = 0.15; table.add(vase); // Flowers const flowerColors = [0xFF5555, 0xFFFF55, 0xFF55FF]; for (let i = 0; i < 3; i++) { const flowerGeometry = new THREE.SphereGeometry(0.1, 8, 8); const flowerMaterial = new THREE.MeshLambertMaterial({ color: flowerColors[i] }); const flower = new THREE.Mesh(flowerGeometry, flowerMaterial); flower.position.y = 0.3; flower.position.x = Math.sin(i * Math.PI * 2 / 3) * 0.1; flower.position.z = Math.cos(i * Math.PI * 2 / 3) * 0.1; table.add(flower); } } createGuests() { for (let i = 0; i < 10; i++) { const x = Math.random() * (this.floorSize - 4) - (this.floorSize / 2 - 2); const z = Math.random() * (this.floorSize - 4) - (this.floorSize / 2 - 2); // Skip if too close to player starting position or cake if ((x < -7 && z < -7) || (x > 7 && z > 7)) continue; this.createGuest(x, z, i); } } createGuest(x, z, index) { const colors = [0x3366FF, 0xFF6633, 0x33FF66, 0x6633FF, 0xFFFF33]; const color = colors[index % colors.length]; // Guest body const bodyGeometry = new THREE.BoxGeometry(0.5, 0.9, 0.5); const bodyMaterial = new THREE.MeshLambertMaterial({ color }); const guest = new THREE.Mesh(bodyGeometry, bodyMaterial); guest.position.set(x, 0.5, z); guest.castShadow = true; guest.receiveShadow = true; // Guest head const headGeometry = new THREE.BoxGeometry(0.4, 0.4, 0.4); const headMaterial = new THREE.MeshLambertMaterial({ color: 0xFFE0BD }); const head = new THREE.Mesh(headGeometry, headMaterial); head.position.y = 0.65; guest.add(head); this.scene.add(guest); // Add collision const collider = new THREE.Box3().setFromObject(guest); this.guests.push({ mesh: guest, collider: collider, moveTime: 0, moveDirection: new THREE.Vector3( Math.random() * 2 - 1, 0, Math.random() * 2 - 1 ).normalize() }); } update(delta) { const guestSpeed = 0.5; // Guests move slowly const changeDirectionTime = 3; // Change direction every 3 seconds this.guests.forEach(guest => { guest.moveTime += delta; // Change direction periodically if (guest.moveTime > changeDirectionTime) { guest.moveTime = 0; guest.moveDirection.set( Math.random() * 2 - 1, 0, Math.random() * 2 - 1 ).normalize(); } // Calculate potential movement const moveX = guest.moveDirection.x * guestSpeed * delta; const moveZ = guest.moveDirection.z * guestSpeed * delta; const originalPosition = guest.mesh.position.clone(); // Attempt movement guest.mesh.position.x += moveX; guest.mesh.position.z += moveZ; guest.collider.setFromObject(guest.mesh); // Check for collisions with tables or walls (simple check) let collided = false; for (const table of this.tables) { if (guest.collider.intersectsBox(table.collider)) { collided = true; break; } } // Check bounds collision const halfFloorSize = this.floorSize / 2; if (guest.mesh.position.x < -halfFloorSize || guest.mesh.position.x > halfFloorSize || guest.mesh.position.z < -halfFloorSize || guest.mesh.position.z > halfFloorSize) { collided = true; } // If collision, revert position and maybe change direction if (collided) { guest.mesh.position.copy(originalPosition); guest.collider.setFromObject(guest.mesh); // Update collider back // Force direction change on collision guest.moveDirection.set( Math.random() * 2 - 1, 0, Math.random() * 2 - 1 ).normalize(); guest.moveTime = 0; // Reset timer to avoid getting stuck } }); } // Create the three objectives: appetizer, champagne, and cake createObjectives() { // Find positions on tables const tablePositions = this.getRandomTablePositions(3); // Create appetizer (first objective) on a table this.createAppetizer(tablePositions[0].x, tablePositions[0].z, tablePositions[0].height); // Create champagne (second objective) on a table this.createChampagne(tablePositions[1].x, tablePositions[1].z, tablePositions[1].height); // Create cake (final objective) on a table this.createCake(tablePositions[2].x, tablePositions[2].z, tablePositions[2].height); // Only show the first objective initially this.showCurrentObjective(); } // Get random positions on different tables getRandomTablePositions(count) { // Make a copy of the tables array to avoid modifying the original const availableTables = [...this.tables]; const positions = []; // Shuffle the tables to get random ones for (let i = availableTables.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [availableTables[i], availableTables[j]] = [availableTables[j], availableTables[i]]; } // Get positions from the first 'count' tables for (let i = 0; i < Math.min(count, availableTables.length); i++) { const table = availableTables[i]; positions.push({ x: table.mesh.position.x, z: table.mesh.position.z, height: table.mesh.position.y + 0.5 // Height of table + offset }); } return positions; } createAppetizer(x, z, height) { const plateGeometry = new THREE.CylinderGeometry(0.4, 0.4, 0.05, 16); const plateMaterial = new THREE.MeshLambertMaterial({ color: 0xFFFFFF }); const appetizer = new THREE.Mesh(plateGeometry, plateMaterial); appetizer.position.set(x, height, z); appetizer.castShadow = true; appetizer.receiveShadow = true; // Add food on the plate const sandwichGeometry = new THREE.BoxGeometry(0.3, 0.15, 0.3); const sandwichMaterial = new THREE.MeshLambertMaterial({ color: 0xF4A460 }); // Sandwich color const sandwich = new THREE.Mesh(sandwichGeometry, sandwichMaterial); sandwich.position.y = 0.1; appetizer.add(sandwich); // Create exclamation mark above the objective this.addExclamationMark(appetizer); // Add to scene and store reference this.scene.add(appetizer); // Add collision box appetizer.collider = new THREE.Box3().setFromObject(appetizer); // Add to objectives array this.objectives.push({ mesh: appetizer, collider: appetizer.collider, type: 'appetizer', name: 'Bocadillo', visible: true }); } createChampagne(x, z, height) { const baseGeometry = new THREE.CylinderGeometry(0.1, 0.15, 0.05, 16); const glassMaterial = new THREE.MeshLambertMaterial({ color: 0xCCCCFF, transparent: true, opacity: 0.7 }); const champagne = new THREE.Mesh(baseGeometry, glassMaterial); champagne.position.set(x, height, z); champagne.castShadow = true; champagne.receiveShadow = true; // Glass const glassGeometry = new THREE.CylinderGeometry(0.1, 0.1, 0.4, 16); const glass = new THREE.Mesh(glassGeometry, glassMaterial); glass.position.y = 0.225; champagne.add(glass); // Champagne liquid const liquidGeometry = new THREE.CylinderGeometry(0.09, 0.09, 0.2, 16); const liquidMaterial = new THREE.MeshLambertMaterial({ color: 0xFFF6C8 }); // Champagne color const liquid = new THREE.Mesh(liquidGeometry, liquidMaterial); liquid.position.y = 0.125; glass.add(liquid); // Create exclamation mark above the objective this.addExclamationMark(champagne); // Add to scene and store reference this.scene.add(champagne); // Hide initially - will show after first objective is collected champagne.visible = false; // Add collision box champagne.collider = new THREE.Box3().setFromObject(champagne); // Add to objectives array this.objectives.push({ mesh: champagne, collider: champagne.collider, type: 'champagne', name: 'Champagne', visible: false }); } createCake(x, z, height) { // Cake base (slightly smaller to fit on tables) const baseGeometry = new THREE.CylinderGeometry(0.7, 0.8, 0.4, 16); const baseMaterial = new THREE.MeshLambertMaterial({ color: 0xFFFFFF }); const cake = new THREE.Mesh(baseGeometry, baseMaterial); cake.position.set(x, height, z); cake.castShadow = true; cake.receiveShadow = true; // Middle layer const middleGeometry = new THREE.CylinderGeometry(0.5, 0.6, 0.4, 16); const middleMaterial = new THREE.MeshLambertMaterial({ color: 0xFFF0F0 }); const middleLayer = new THREE.Mesh(middleGeometry, middleMaterial); middleLayer.position.y = 0.4; cake.add(middleLayer); // Top layer const topGeometry = new THREE.CylinderGeometry(0.3, 0.4, 0.3, 16); const topMaterial = new THREE.MeshLambertMaterial({ color: 0xFFFFFF }); const topLayer = new THREE.Mesh(topGeometry, topMaterial); topLayer.position.y = 0.8; cake.add(topLayer); // Candle const candleGeometry = new THREE.CylinderGeometry(0.05, 0.05, 0.2, 8); const candleMaterial = new THREE.MeshLambertMaterial({ color: 0xFF0000 }); const candle = new THREE.Mesh(candleGeometry, candleMaterial); candle.position.y = 1.0; cake.add(candle); // Create exclamation mark above the objective this.addExclamationMark(cake); // Add to scene and store reference this.scene.add(cake); // Hide initially - will show after second objective is collected cake.visible = false; // Add collision box cake.collider = new THREE.Box3().setFromObject(cake); // Add to objectives array this.objectives.push({ mesh: cake, collider: cake.collider, type: 'cake', name: 'Pastel', visible: false }); } // Add floating exclamation mark above an objective addExclamationMark(parentMesh) { // Exclamation mark container for animation const exclamationContainer = new THREE.Object3D(); exclamationContainer.position.y = 1; parentMesh.add(exclamationContainer); // Main part of exclamation mark const mainGeometry = new THREE.BoxGeometry(0.15, 0.5, 0.15); const exclamationMaterial = new THREE.MeshLambertMaterial({ color: 0xFFFF00 }); const mainPart = new THREE.Mesh(mainGeometry, exclamationMaterial); exclamationContainer.add(mainPart); // Dot part of exclamation mark const dotGeometry = new THREE.BoxGeometry(0.15, 0.15, 0.15); const dotPart = new THREE.Mesh(dotGeometry, exclamationMaterial); dotPart.position.y = -0.4; exclamationContainer.add(dotPart); // Store reference for animation parentMesh.exclamationMark = exclamationContainer; } // Show only the current objective showCurrentObjective() { for (let i = 0; i < this.objectives.length; i++) { const objective = this.objectives[i]; const visible = i === this.currentObjectiveIndex; objective.mesh.visible = visible; objective.visible = visible; } } // Advance to the next objective advanceToNextObjective() { if (this.currentObjectiveIndex < this.objectives.length - 1) { this.currentObjectiveIndex++; this.showCurrentObjective(); return true; } return false; } // Get the current objective getCurrentObjective() { return this.objectives[this.currentObjectiveIndex]; } // Create walls around the map createWalls() { const wallHeight = 3; const wallThickness = 0.5; const halfFloorSize = this.floorSize / 2; // Wall material - fancy wedding hall walls const wallMaterial = new THREE.MeshLambertMaterial({ color: 0xDAA520 }); // Golden color // Create the four walls const createWall = (width, height, depth, x, y, z, rotationY = 0) => { const wallGeometry = new THREE.BoxGeometry(width, height, depth); const wall = new THREE.Mesh(wallGeometry, wallMaterial); wall.position.set(x, y, z); if (rotationY !== 0) { wall.rotation.y = rotationY; } wall.castShadow = true; wall.receiveShadow = true; this.scene.add(wall); // Add decorative elements this.addWallDecorations(wall, width, height, depth, rotationY); }; // North wall createWall(this.floorSize + wallThickness * 2, wallHeight, wallThickness, 0, wallHeight / 2, -halfFloorSize - wallThickness / 2); // South wall createWall(this.floorSize + wallThickness * 2, wallHeight, wallThickness, 0, wallHeight / 2, halfFloorSize + wallThickness / 2); // East wall createWall(this.floorSize, wallHeight, wallThickness, halfFloorSize + wallThickness / 2, wallHeight / 2, 0, Math.PI / 2); // West wall createWall(this.floorSize, wallHeight, wallThickness, -halfFloorSize - wallThickness / 2, wallHeight / 2, 0, Math.PI / 2); } addWallDecorations(wall, width, height, depth, rotationY) { // Add some decorative elements to the walls const isHorizontalWall = (rotationY === 0 || rotationY === Math.PI); const wallLength = isHorizontalWall ? width : depth; // Add some picture frames const frameCount = Math.floor(wallLength / 4); const frameSpacing = wallLength / (frameCount + 1); for (let i = 1; i <= frameCount; i++) { // Create a picture frame const frameGeometry = new THREE.BoxGeometry(0.8, 0.8, 0.05); const frameColor = Math.random() > 0.5 ? 0x8B4513 : 0x4B2F0A; // Brown frames const frameMaterial = new THREE.MeshLambertMaterial({ color: frameColor }); const frame = new THREE.Mesh(frameGeometry, frameMaterial); // Position the frame on the wall if (isHorizontalWall) { const xPos = -width / 2 + i * frameSpacing; frame.position.set(xPos, 0, 0); } else { const zPos = -depth / 2 + i * frameSpacing; frame.position.set(0, 0, zPos); } frame.position.y = 0.5; // Height on the wall // Add the frame to the wall wall.add(frame); // Add some picture content const pictureGeometry = new THREE.PlaneGeometry(0.6, 0.6); const pictureColors = [0x87CEEB, 0xF08080, 0x98FB98, 0xFFD700, 0xDDA0DD]; // Various pastel colors const pictureMaterial = new THREE.MeshBasicMaterial({ color: pictureColors[Math.floor(Math.random() * pictureColors.length)] }); const picture = new THREE.Mesh(pictureGeometry, pictureMaterial); // Position the picture slightly in front of the frame picture.position.z = 0.03; frame.add(picture); } } constrainGuestToBounds(guest) { const halfFloorSize = this.floorSize / 2 - 0.5; // Subtract half guest size buffer guest.mesh.position.x = Math.max(-halfFloorSize, Math.min(halfFloorSize, guest.mesh.position.x)); guest.mesh.position.z = Math.max(-halfFloorSize, Math.min(halfFloorSize, guest.mesh.position.z)); guest.collider.setFromObject(guest.mesh); } }