Skip to content

Debugger en cyanJS: ¿Cómo he podido vivir sin él?

by Pere Monfort on February 16th, 2012

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:

Debugger cyanJS

Soy consciente de que el post es algo irrelevante pero… ¡me hacía ilusión explicarlo!

2 Comments
  1. Lucas permalink

    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.

Leave a Reply

Note: XHTML is allowed. Your email address will never be published.

Subscribe to this comment feed via RSS