Skip to content

genilsuarez/capicatcher

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🦫 CapiCatcher

Un juego web divertido donde ayudas a un capibara hambriento a atrapar vegetales que caen del cielo.

Creado por: Genil Suarez

🎮 Cómo Jugar

  • Objetivo: Llena al capibara al 100% atrapando vegetales
  • Controles:
    • 🖱️ Ratón: Mueve el cursor para mover al capibara
    • ⌨️ Teclado: Flechas o teclas A/D
    • 📱 Móvil: Toca y arrastra
  • Cuidado: ¡No dejes caer 3 vegetales o perderás!

🥕 Sistema de Puntos

  • 🥬 Lechuga: 3 puntos - Fácil de atrapar, poco valor
  • 🥕 Zanahoria: 5 puntos - Vegetal básico, buen equilibrio
  • 🍅 Tomate: 6 puntos - Jugoso y nutritivo
  • 🥦 Brócoli: 8 puntos - Súper alimento, alto valor
  • 🌶️ Pimiento: 10 puntos - ¡El más valioso y picante!

🎨 Características Visuales

  • Iconos SVG detallados - Vegetales realistas y coloridos
  • Animaciones únicas - Cada vegetal tiene su propia animación
  • Efectos de sombra - Profundidad visual mejorada
  • Capibara expresivo - Con ojos y nariz para mayor personalidad

🚀 Instalación y Desarrollo

# Instalar dependencias
npm install

# Ejecutar en modo desarrollo
npm run dev

# Construir para producción
npm run build

# Vista previa de la build
npm run preview

🎨 Vista Previa de Vegetales

Puedes ver todos los iconos SVG de vegetales en: vegetable-preview.html

🛠️ Tecnologías Utilizadas

  • TypeScript - Tipado estático
  • Vite - Build tool moderno
  • Zustand - Manejo de estado
  • CSS3 - Animaciones y diseño responsivo
  • Canvas API - Sistema de partículas

📱 Características

  • ✅ Diseño responsivo (móvil y desktop)
  • ✅ Controles táctiles optimizados
  • ✅ Sistema de partículas para efectos visuales
  • ✅ Dificultad progresiva
  • ✅ Animaciones suaves (60fps)
  • ✅ Arquitectura modular y escalable

🎯 Mecánicas del Juego

  • Niveles: La dificultad aumenta cada 100 puntos
  • Velocidad: Los vegetales caen más rápido en niveles superiores
  • Llenado: Cada vegetal llena un porcentaje del capibara
  • Victoria: Alcanza 100% de llenado
  • Derrota: Deja caer 3 vegetales

¡Disfruta ayudando al capibara a conseguir su comida! 🦫🥬

📄 Licencia

MIT License - ver LICENSE para más detalles.

© 2025 Genil Suarez

About

🦫 Capybara catching vegetables game - TypeScript + Vite + Zustand

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors