Debugger en cyanJS: ¿Cómo he podido vivir sin él?
Seguro que alguna vez habéis descubierto algo y después os habéis preguntado cómo lo habíais hecho hasta el momento para vivir sin ello. Pues eso es lo que me ha pasado a mí
Después de aproximadamente 8 meses investigando y jugando con la creación de videojuegos con Canvas de HTML5, ayer tuve la sensacional idea de crear un módulo para debuguear todo lo que quisiera del juego. ¿Por qué no usar la consola de los exploradores? Básicamente porqué el juego se ejecuta 24 veces por segundo…. eso quiere decir que si en todo el juego tenemos dos console.log(), cada segundo nos aparecen 48 mensajes en la consola… ¡una locura y difícil de seguir!
El debugger lo que hace es recoger la información de lo que le pidamos y mostrar por pantalla todos los datos en el momento exacto de hacer la petición. Un ejemplo:
Soy consciente de que el post es algo irrelevante pero… ¡me hacía ilusión explicarlo!

Me parece espectacular, ¿como lo has hecho?
Básicamente todos los módulos y entidades del juego tienen una función que exporta todos sus métodos/propiedades en el momento en que hay una petición. Una vez recogidos los datos simplemente hay que iterar y “dibujar” de forma más o menos bonita.