Rubik

El problema

Practicar speedcubing necesita mezclas válidas y una forma de ver cada puzzle. Rubik genera mezclas oficiales (formato WCA) y muestra el puzzle en 3D, del cubo clásico a dodecaedros como el megaminx y el gigaminx.

Lo destacado

1. 01Mezclas oficiales y visor 3D con cubing.js, la librería de la comunidad cubera, incluido su generador de mezclas en WebAssembly.
2. 02Sin depender de CDNs: la librería va incluida en el propio sitio, así que funciona aunque un servicio externo falle.
3. 03Modo práctica con el puzzle en 3D y modo para ver cada puzzle, en muchos tipos distintos.
4. 04HTML, CSS y JavaScript sin framework, servido desde mi homelab.

Lo que aprendí

• → 01Incluir una librería completa no es solo copiar archivos: el generador de mezclas carga un módulo WebAssembly de forma dinámica, y si ese archivo falta, todo falla en silencio.
• → 02Probar en más de un navegador: un estilo que en Chromium no hacía nada rompía el 3D en Firefox.
• → 03Cuando el componente es una caja cerrada (shadow DOM cerrado), las capturas de pantalla automáticas son la mejor forma de verificar que de verdad se dibuja.
• → 04Cada puzzle tiene su notación: algunos movimientos de dodecaedros no se animaban y hubo que traducirlos a su forma equivalente.