Panda Simulator 3D - Aventura Virtual de Vida de Panda - Simulación Juego

Por favor, usa Three.js para generar un **juego mobile-first** con el tema "**Panda Simulator 3D - Aventura Low Poly**". Por favor, lee primero los siguientes requisitos detallados de diseño del juego y luego genera el código en consecuencia: ### 1. Recursos y Entorno * **Estilo Visual:** Crea un estilo artístico vibrante de **Low-Poly** usando sombreado plano (`flatShading: true` en los materiales de Three.js). La estética debe lucir facetada y geométrica, similar a la imagen de referencia. * **Personajes:** * **Personaje Principal:** Un Panda Gigante low-poly compuesto de primitivas geométricas (esferas, cilindros, cajas) para la cabeza, el cuerpo y las extremidades. Debe tener distintivos parches oculares, orejas y extremidades negros contra un cuerpo blanco. * **Acompañante:** Incluye un "Bebé Panda" más pequeño que siga al jugador a una ligera distancia usando un comportamiento de guiado básico. * **Entorno:** * **Terreno:** Un plano de suelo verde vibrante y desigual (mapa de altura basado en ruido o colinas simples) con rocas grises low-poly esparcidas. * **Vegetación:** Distintivos **árboles de Cerezo** (troncos marrones retorcidos, masas de hojas rosadas facetadas) y tallos de bambú (cilindros verdes con segmentos). * **Arquitectura:** Una simple pagoda o estructura de santuario de estilo asiático en el fondo (pilares rojos, tejado azul/gris escalonado) para que sirva como punto de referencia. * **Cielo e Iluminación:** Un cielo brillante y saturado de color azul. Usa una luz direccional (simulando el sol) que proyecte sombras nítidas para enfatizar la geometría low-poly, más una luz ambiental para suavizar los lados oscuros. * **Partículas:** Pétalos de cerezo cayendo sutilmente (cuadrados o triángulos rosados) que se deslizan suavemente hacia abajo cerca de los árboles. * **Optimización móvil:** Utiliza geometrías fusionadas cuando sea posible para los accesorios estáticos (árboles/rocas) para reducir las llamadas de dibujo. La resolución de las texturas debe ser baja (o utilizar colores de vértice en lugar de texturas) para garantizar una alta tasa de cuadros por segundo en dispositivos móviles. ### 2. Requisitos de audio * **Banda sonora (BGM):** Una pista instrumental calmada y relajante, de inspiración asiática. Piensa en flautas de bambú (Shakuhachi) y cuerdas suaves (Koto) mezcladas con sonidos ambientales de la naturaleza. * **Efectos de sonido (SFX):** * **Movimiento:** Sonidos suaves de "golpe" para los pasos de las patas sobre la hierba. * **Acción:** Un sonido "resoplido" o gruñido adorable al atacar. Un sonido de "zumbido" o "viento" al saltar. * **Entorno:** Susurro sutil del viento entre las hojas, ocasional canto de pájaros. * **Interfaz de usuario (UI):** Sonidos suaves de "chasquido" o "golpe" de madera al presionar botones. ### 3. Ciclo de juego (Gameplay Loop) * **Mecánica central:** El jugador controla al Panda para explorar el mundo abierto. * **Objetivos (Misiones):** Implementa un sistema de misiones simple que se muestre en la UI (por ejemplo, "Encuentra 5 Brotes de Bambú" o "Ahuyenta al Lobo"). * **Caza/Combate:** El botón "Atacar" permite al panda dar un zarpazo. Si el jugador ataca a un objetivo (como un enemigo lobo o tigre de baja poligonización), el enemigo recibe daño y eventualmente desaparece, otorgando puntos de experiencia o de comida. * **Derrota:** La salud llega a cero (por ataques enemigos) o el hambre llega a cero. * **Supervivencia:** Una barra simple de "Hambre" que disminuye con el tiempo. El jugador debe comer Bambú para rellenarla. * **Victoria/Derrota:** * **Victoria:** Completa la misión actual para desbloquear el modo de exploración libre. ### 4. Controles móviles e interacción * **Orientación:** Se requiere el **Modo horizontal**. * **Joystick Virtual (Lado Izquierdo):** Implementa un joystick virtual dinámico estilo "nipple" en la parte inferior izquierda de la pantalla para el movimiento (equivalente a WASD). Mover el joystick más lejos del centro activa "Correr" (equivalente a Shift). * **Botones de Acción (Lado Derecho):** * **Botón Grande de Ataque:** Un icono con una huella de garra o pata. * **Botón de Saltar:** Un icono con una flecha hacia arriba. * **Botón de Interactuar/Comer:** Aparece solo cuando está cerca de bambú u objetos interactivos. * **Control de Cámara:** La mitad derecha de la pantalla (excluyendo los botones) actúa como un panel táctil para rotar la cámara alrededor del panda (OrbitControls o lógica de cámara personalizada que sigue al personaje con entrada táctil). * **UI/UX:** * Todos los botones deben ser grandes (área táctil mínima de 44x44 píxeles) y semitransparentes para no obstruir la vista. * **Retroalimentación:** Proporciona retroalimentación visual al tocar (el botón se escala ligeramente hacia abajo) y, si es posible, usa `navigator.vibrate(50)` para retroalimentación háptica en ataques o al recibir daño.