Juega a DOOM con las casillas de verificación del navegador (finalmente)

Si alguna vez has sentido la necesidad de renderizar DOOM usando únicamente casillas de verificación, [Andrew Healey] si se ocupó de su reciente puerto del arma en primera persona. Naturalmente, esto se pone nuestro garrapata de aprobación.

Sí, lo leiste bien. Ahora puedes jugar DOOM en una cuadrícula de 160 x 100 de casillas de verificación generadas en HTML, similar a esto :. La salsa secreta de este proyecto proviene en parte del fascinante proyecto Checkboxland del compañero hacker Brian Braun, que usa casillas de verificación HTML para generar varias demostraciones de arte.

[Andrew Healey] también usó el puerto DOOM de Cornelius Diekmann a través de WebAssembly, que discutimos recientemente aquí en La-Tecnologia. Algunos códigos vinculan ambos proyectos, y el resultado final es DOOM con una resolución de 160 × 100, visualizado en su totalidad por casillas de verificación HTML.

El puerto se puede reproducir aquí con Chrome o Edge (otros navegadores pueden tener problemas si no son compatibles con el zoom propiedad en CSS). El código fuente también está disponible en GitHub.

Aunque la resolución y la paleta de colores no son las que esperábamos de DOOM, seguramente los gráficos podrían mejorarse aún más jugando con la configuración y los umbrales. También son posibles resoluciones más altas con una mayor optimización.

Nos costaría mucho elegir nuestro puerto favorito de DOOM porque la lista es lo suficientemente larga. Sin embargo, para ver algo completamente diferente, echa un vistazo a nuestra historia sobre cómo se llevó DOOM a Twitter.

Gracias a [Dan] por los excelentes consejos.

Miguel Vidal
Miguel Vidal

Deja una respuesta

Tu dirección de correo electrónico no será publicada.