miércoles, 28 de junio de 2017

Fiverr, encuentra recursos para tu juego

Los buenos juegos son piezas que requieren de habilidades multidisciplinares. Podemos ser muy buenos programando pero si nuestros gráficos no acompañan, nuestro juego no dejará de ser mediocre. En Fiverr podemos encontrar gente que nos ayude, por muy poco dinero con alguna de las tareas más importantes del mundo de los juegos:
  • Diseñar logos
  • Diseñar algún recurso gráfico (2D, 3D, ilustraciones, ...)
  • Componer música
  • Obtener efectos de sonido
  • Marketing
  • Traducciones
  • Y mucho más...

La verdad es que Fiverr ofrece una gran variedad de ofertas y con sus sistema de reputación sabremos rápidamente quien puede hacer un buen trabajo. En Fiverr todo funciona a través de gigs, pero en realidad conviene leer la descripción de cada oferta para saber cuanto nos costará algo.

Integrar anuncios de AdMob en tu juego

Una de las maneras de ganar dinero con nuestros juegos es integrar anuncios entre niveles. AdMob es una de las plataformas líderes en este sector. Propiedad de Google, se integra perfectamente en Android, iOS y Windows. En este post veremos como añadir los anuncios en un juego hecho en Phaser para Android. Para la conversión usé Apache Cordova.

El primer paso es tener una cuenta en AdMob. En mi caso el proceso fue muy sencillo ya que disponía cuenta de Google AdSense aprobada. Actualmente no sé exactamente cuál es el proceso a realizar. Una vez estemos dentro vamos a monetizar una aplicación nueva. Introducimos los datos de forma manual. Posteriormente generamos un nuevo anuncio de tipo Intersticial (anuncios de pantalla completa).

Se nos generará un código de bloque de anuncios.

Mostrando los anuncios en el juego

Ahora vamos a mostrar los anuncios. Como hemos usado Cordova, podemos usar los plugins que hay. En mi caso, suelo confiar en el plugin cordova-admob-pro. Es un plugin gratuito hasta que ganemos 1.000$, en ese momento deberemos pagar 20$. Unas condiciones totalmente razonables para uno de los mejores y más completos plugins de AdMob.

En la carpeta con el fichero config.xml presente ejecuta esto:
cordova plugin add cordova-plugin-admobpro 

Se instalará el plugin de Cordova. Ahora añadimos una referencia a Cordova en el fichero index.html
Ahora, cuando el nivel se esté cargando podemos pedir que se cargue el anuncio:

if(AdMob) AdMob.prepareInterstitial( {adId: "ca-XXXXXXXXXXXXXX", autoShow:false} );

Y justo cuando queramos mostrarlo (al salir de un nivel por ejemplo), lo mostramos:

if(AdMob) AdMob.showInterstitial();

¡Y listo! Ya deberían verse los anuncios. AdMob tarda unas horas en mostrar anuncios, así que si ha pasado poco tiempo desde que creaste la aplicación posiblemente no se vea todavía, no te preocupes, es normal. Si quieres, existen IDs de prueba, para los anuncios intersticiales el ID de prueba es: ca-app-pub-3940256099942544/1033173712

Convertir juego en Phaser en APK de Android con Apache Cordova

Hoy vamos a ver como convertir un juego que tenemos hecho en Phaser a un APK para Android, listo para subir a Google Play y Amazon AppStore. Para ello vamos usar Apache Cordova. Para seguir este tutorial necesitarás tener npm instalado.

Instalando Apache Cordova

El primer paso será instalar Apache Cordova con npm. Abre la terminal de tu sistema operativo y ejecuta lo siguiente:

npm install -g cordova
En sistemas Linux quizá debas poner sudo delante. Con esto ya tendremos Apache Cordova instalado.

Instalando el Android SDK

De forma paralela podemos ir instalando el Android SDK, necesario para generar los APK. Hay varias formas de obtenerlo, la más rápida y sencilla es instalar Android Studio en tu ordenador.

El archivo config.xml

La configuración principal de Cordova se almacena en un archivo config.xml. En este archivo se define el nombre de la aplicación, una descripción, las plataformas donde funciona (Cordova soporta iOS y Windows también), así como los plugins que usaremos.

Este es un fichero config.xml de ejemplo.

Crea uno tú de forma similar, cambiandolo eso sí los detalles de tu aplicación. Una vez lo tengamos, vamos a descargar el soporte a plataformas y plugins que hemos definido en config.xml. En icon debes especificar la ruta a los iconos que se usarán en Android.

Copia el juego a una carpeta llamada www. Ahí residirá toda nuestra aplicación y no deberemos de tocar nada más.
Dentro de la carpeta www, el archivo principal del juego debe llamarse index.html.


Escribimos
cordova prepare
Y se empezará a descargar el soporte a Android de Cordova así como los plugins.

Generar el APK para Android

Ahora vamos a generar el APK. Primero vamos a generar uno de prueba. Escribe:
cordova build android
Este comando ejecutará muchas cosas, compilará Java y realizará tareas específicas de Android. Puede dar muchos fallos, no obstante para cualquier duda se puede preguntar en el foro de Gamedev Hispano. Si todo ha ido bien tendremos un APK listo en la carpeta platforms/android/build/outputs que se habrá generado. Este APK sin embargo es de tipo Debug y aunque puede instalarse en los móviles, no se puede subir a Google Play.

Generar un APK para Google Play

Los APK válidos deben estar firmados, para ello hace falta primero generar un archivo de llaves. Es muy importante que guardes el fichero de llaves en un lugar seguro pues sin él no podrás subir actualizaciones a Google Play.

Usa este comando para generarun fichero KEYSTORE.

keytool -genkey -v -keystore JUEGO.keystore -alias JUEGO -keyalg RSA -keysize 2048 -validity 10000

Te hará varias preguntas y deberás poner una contraseña.

Ahora para que Cordova genere el APK y lo firme:

cordova build android --release -- --keystore=JUEGO.keystore --storePassword=password --alias=JUEGO --password=password

Con esto ya deberías tener un APK en modo Release y firmado. Listo para ser publicado en Google Play.

viernes, 2 de junio de 2017

Publicado Tiled 1.0.0

Tiled, el famoso editor de mapas en 2D, ha lanzado la versión 1.0. Después de años de trabajo, Thorbjørn Lindeijer, el creador del proyecto, cree que Tiled ya es lo suficientemente maduro como para lanzar la 1.0. Si quieres saber como usar Tiled con Phaser, tenemos un tutorial aquí.

Por supuesto, el mundo del desarrollo del videojuego ha celebrado la noticia. Para muchos, incluido yo, Tiled ya era un producto maduro y estable. Gran cantidad de juegos para todas las plataformas ya venían usando Tiled de forma habitual, incluso dentro del mundo de Unity, muchos desarrolladores prefieren usar Tiled y el plugin Tiled2Unity a desarollar los mapas en Unity.

Novedades

Las mejoras principales de esta versión son:
  • Soporte para external tilesets (TSX). Ahora se podrán usar tilesets con metadatos que podrán editarse de forma independiente. Los embedded tilesets siguen pudiéndose utilizar.
 
  • Jerarquía de capas. Ahora es posible agrupar las capas en carpetas de forma jerárquica que heredan las propiedades personalizadas de la carpeta superior.
  • Typed Tiles. Ahora se podrá asignar a ciertos tiles un tipo, al igual que en un lenguaje de programación cualquiera. Esto se ha diseñado para permitir añadir entidades complejas de forma más sencilla.
  • Objetos de Texto. Ahora se pueden añadir objetos de texto a los mapas
  • Fix de los mapas hexagonales. Se han corregido numerosos fallos presentes en la creación de mapas hexagonales.
El creador del proyecto también confirma que se está trabajando en Tiled 1.1, con la ayuda de Google a través del programa Google Summer of Code.

Tiled 1.0.0 ya se puede descargar en MapEditor.org