Una nave, cinco sectores, una regla: no pares. Arcade 3D jugable directamente en el navegador — teclado, mouse, touch, gamepad o remoto de Smart TV. Un solo archivo HTML, sin build pipeline.
Driftway no es un trabajo cliente ni un demo técnico. Es un ejercicio para probar lo contrario de lo que normalmente diseño: un producto sin usuario target, sin brief, sin KPI de negocio. La restricción fue construir algo que se cargue instantáneo, se juegue sin tutorial y funcione en cualquier pantalla — desde el celular en el bus hasta un Smart TV con el remoto. Three.js sobre un solo HTML, Supabase para ranking, sin dependencias que instalar.
Un juego obliga a resolver game feel, un problema que no aparece en productos B2B: cómo se siente mover la nave, qué tanto responde el input, cuándo acelera, cuándo frena. Trabajar esto directamente — sin PM, sin research, sin discovery — es gimnasia pura de criterio de producto. Si no se siente bien, no hay excusa que valga: el jugador cierra la pestaña.
Rechazo deliberado del stack moderno: no hay React, no hay Vite, no hay bundler. Solo index.html, three.min.js y una carpeta audio/. El juego se carga de un deploy a GitHub Pages y arranca sin tocar nada más. La restricción fuerza a escribir código legible, no herramientas sobre herramientas.
index.html — todo el juego: estilos, lógica de nave, sectores, interfaz y ranking.three.min.js — Three.js r128 pineado localmente, sin CDN que caiga.audio/ — música y SFX en MP3.privacidad.html — aviso Ley 1581 de 2012 + RGPD.supabase/schema.sql — tablas, vistas y funciones del backend. Pegar en Supabase y correr.La estructura no es un túnel infinito. Son cinco sectores con lógica propia y escalamiento de dificultad. Entre sectores hay transición visual, no cortes abruptos. En el sector 5 se desbloquea disparo. El cambio de mecánica mantiene la atención sin agregar botones nuevos: la misma tecla hace cosas distintas según el sector.
El juego detecta el entorno y adapta controles. En Smart TV se dibuja a 1280 px con 3% de margen para evitar overscan. El gamepad soporta Xbox, PlayStation y genéricos Bluetooth. En touch, dos y tres dedos escalan el turbo. El mismo diseño sirve en todos lados.
URLs mágicas para iterar sin jugar: #nivel2…#nivel5 arrancan en un sector específico, #victoria va directo al final, #menu salta la pantalla de arranque, #bn conmuta a blanco y negro para ver sombras. ?lang=en o ?lang=es fuerzan idioma; por defecto detecta el navegador.
Tres tablas: visitas, pilotos, partidas. El contador suma por navegador (localStorage), no por sesión — el número se acerca a personas. El ranking agrupa por piloto y muestra la mejor partida. Los emails son opcionales y nunca se exponen al cliente: la clave publishable solo puede insertar y leer el ranking, no leer correos.
La clave service_role jamás vive en el repo. Las RLS policies de Supabase se escriben para que la clave pública pueda: contar visitas, insertar pilotos, insertar partidas, leer el ranking. Nada más. El aviso de privacidad en driftway/privacidad.html cumple Ley 1581 de 2012 (Colombia) + RGPD; el contacto es hola@buenhombre.design.
No requiere registro ni instalar nada. Funciona desde el celular, el notebook, un Smart TV o un control de PlayStation. Si te enganchás, guardá tu puntaje en el ranking.
Jugar Driftway ↗