3 de junio de 2025

Candy Crush

Interfaz de usuario de la app móvil de pronóstico del clima

Este documento proporciona una visión general completa del repositorio de Candy Crush desarrollador en React Native, un juego de rompecabezas móvil match-3 construido con React Native 0.76.5. El juego implementa mecánicas clásicas de coincidencia de dulces con progresión de nivel, seguimiento de puntuación y sistemas de retroalimentación audiovisual.

📸 Capturas de Pantalla

Ícono de la aplicación
Pantalla de carga
Menú principal
Selección de niveles
Pantalla de juego

💡 Tip: Haz clic en cualquier imagen para verla en tamaño completo

Arquitectura de Alto Nivel

La aplicación sigue una arquitectura modular React Native con una clara separación entre la navegación, la lógica del juego, la gestión del estado y los componentes de UI. Foto de la Programathon CUN | Felipe Reyes Sanchez

Características del Juego Principal

Característica Implementación Componentes Clave
Nivel de Progresión Gestión del estado de Zustand con persistencia MMKV useLevelStore, gameLevels
Juego de Match-3 Coincidencia de azulejos a base de cuadrícula con gestos GameTile, gridUtils
Sistema de Audio Gestión sonora basada en contexto SoundContext, SoundUtility
Animaciones Lottie animaciones y Reanimado LottieView, useAnimatedStyle
UI Responsive Componentes escalables con retroalimentación de gestos ScalePress, react-native-responsive-fontsize

Este proyecto implementa un juego completo de match-3 con características avanzadas incluyendo:

  • 10 niveles únicos con diferentes configuraciones y objetivos
  • Sistema de progresión con desbloqueo gradual de contenido
  • Animaciones fluidas usando Reanimated y Lottie
  • Sistema de audio inmersivo con efectos de sonido contextuales
  • Interfaz responsive que se adapta a diferentes dispositivos
  • Persistencia de datos para mantener el progreso entre sesiones

Tecnología Stack

La aplicación se basa en React Native 0.76.5 con las siguientes dependencias clave:

  • Navegación: @react-navigation/native para la gestión de pantalla
  • Gestión Estatal: zustand para el estado global con react-native-mmkv persistencia
  • Animaciones: react-native-reanimated y lottie-react-native
  • Audio: react-native-sound-player para efectos de sonido
  • Gestos: react-native-gesture-handler para interacciones táctiles

Flujo de Aplicación y Navegación de Pantalla

El juego sigue un flujo de navegación lineal con persistencia de estado en todas las sesiones.

Foto de la Programathon CUN | Felipe Reyes Sanchez

Lógica del Juego

El sistema Game Logic implementa la mecánica de juego central y las reglas para el juego de estilo Candy Crush. Este sistema es responsable de administrar la cuadrícula del juego, manejar las interacciones de los mosaicos, implementar la detección de coincidencias, el cálculo de puntuación y hacer cumplir las reglas del juego. Game Logic sirve como el controlador central para todas las mecánicas de juego que ocurren durante las sesiones de juego activas.

Integración de la Tienda de Nivel

El sistema Game Logic debe coordinarse con Level Store para el seguimiento del progreso y la gestión de la configuración del nivel.

Punto de Integración Propósito Estado de Implementación
Configuración de Nivel Cargue reglas y objetivos específicos del nivel Planificado
Seguimiento de Progreso Actualizar el estado de finalización y los puntajes Planificado
Gestión de Puntuación Alta Rastrea y persiste las mejores puntuaciones Planificado
Sistema de Logro Desbloquea logros basados en el rendimiento Planificado

Funcionalidades Implementadas

Sistema de Progresión

  • 10 niveles únicos con diferentes configuraciones
  • Sistema de desbloqueo progresivo
  • Almacenamiento de puntuaciones máximas
  • Persistencia de progreso entre sesiones

Interfaz de Usuario

  • Diseño responsivo adaptable a diferentes tamaños de pantalla
  • Animaciones fluidas con Reanimated
  • Sistema de navegación intuitivo
  • Feedback visual y auditivo

💬 Codigo fuente y soporte!

¿Tienes alguna pregunta sobre el proyecto, ideas para nuevas funcionalidades, o simplemente quieres charlar sobre desarrollo móvil y tecnologías? ¡Me encantaría escucharte!

📧 Correo: felipe@felipesanchezdev.site
🔗 GitHub del Proyecto: [Codigo fuente]


¿Buscas un desarrollador?