ID: 31 // Videojuegos // Desarrollo

SNAKE CLASSIC

JAVASCRIPTCANVASSUPABASEMULTIPLAYERPWAWEB AUDIO

MI ROL

Full-stack DevGame DesignMultiplayerPWA

IMPACTO

6 Tipos de power-up

2 Modos multijugador

15 Pantallas

MISIÓN

Reimaginación contemporánea del Snake clásico de los 90s con tecnologías web modernas. La serpiente cambia de color cada 10 puntos con efectos de brillo adaptativos. Sistema de power-ups con 6 tipos (slow, double points, immunity, shrink, clear obstacles, penalty). Multijugador online en beta con dos formatos competitivos: duelo 1v1 donde el último en pie gana, y competencia por puntos en 2 minutos con modo fantasma. Salas privadas con códigos, chat en tiempo real, ranking en vivo y funcionalidad de revancha. Optimizado como PWA para Android con controles táctiles ampliados.

CATEGORÍA

Desarrollo — Videojuegos

FUENTE github ↗

DIAGNÓSTICO

SOLUCIÓN

Arquitectura modular en JavaScript ES6+ organizada en módulos: core (estado y lógica), ui (interfaz), features (auth, chat, ranking, settings), sound (Web Audio API) y lib (Supabase). HTML5 Canvas para gráficos pixelados 2D con interpolación suave via requestAnimationFrame. Multiplayer con Supabase Realtime para sincronización de estados. Persistencia de mejores puntuaciones con localStorage. Sistema de power-ups con formas y colores distintos. PWA optimizado para Android con controles táctiles de tamaño ampliado.

PROCESO DE TRABAJO

01 · PLANNING