Frogger - parte 1

AttachmentSize
Binary Data frogger1.tar.gz6.27 KB
Package icon frogger1.zip6.69 KB
Electrónica: 

Pues siguiendo con mi experimentación con Arduino me decidí a darle capacidades gráficas mediante Gameduino

Me ha encantado la plataforma y de hecho me ha parecido genial utilizar la Spartan3 para este menester.

Los manuales de la página me han parecido válidos pero creo que se pueden hacer de forma más didáctica eliminando, por ejemplo, las inumerables constantes mágicas del código.

Hoy voy a explicar cómo hacer para obtener / crear nuestros gráficos. Las herramientas que voy a utilizar son:

Debemos leer la documentación como siempre, pero ya os adelanto que las imágenes han de tener un tamaño múltiplo de 8. Con Gimp podemos coger cualquier imagen y después redimensionarla de forma que se cumpla esta primera condición. Otra punto importante es guardar las imágenes en formato png.

Para los background, es fácil, sólo tenemos que cumplir las condiciones anteriores. Para los sprites, tendremos que crearlos en cuadrados de 16x16px. La forma que yo he utilizado es, en una imagen con fondo transparente, ir pegando los diferentes sprites uno al lado del otro con lo que al suponer que esos sprites tengan un fondo veremos de forma clara por dónde nos hemos quedado. Cuando finalicemos, sólo tenemos que eliminar el fondo con Gimp.

Una vez que tengamos la imagen del background y la de todos los sprites, nos hace falta transformarlas a un formato que Gameduino entienda. En mi caso he utilizado las dos herramientas: online y el script de Python, pero prefiero la herramienta online porque te numera los sprites y tienes una lista gráfica de inmediato -una mejora del script sería darle la misma funcionalidad que en la herramienta online-.

Siguiendo el manual, cargaremos el background y los sprites, mostrando éstos últimos de forma "aleatoria" en el background.

Hasta que no consigas cargar ambas cosas no pasaremos al siguiente punto. Es más, recomiendo cargar alguna otra imagen y otros sprites para familiarizarte con las restricciones que tienen que cumplir las imágenes.

Aquí os dejo mi código.

Social_buttons: