Читать книгу Aprender desarrollo de videojuegos para móviles y web con Phaser.js - Pablo Monteserín - Страница 16

Ha llegado el momento de comenzar a escribir código.

Estos son los pasos que debe dar (alguno de ellos ya los habrá hecho):

1. Instalar XAMPP o cualquier servidor web que le guste (WAMP, MAMP, etc.).

2. Dentro de la carpeta htdocs de XAMPP (o la análoga del servidor web que haya instalado), le recomiendo crear una carpeta donde guardará los ficheros de nuestro juego. En este momento, serán:

· La librería de Phaser (phaser.min.js) que hemos descargado de https://phaser.io.

· Una página HTML (index.html)

· Un documento Javascript en el que escribiremos el código fuente de nuestro juego (javascript.js).

3. Como nuestro primer juego será el de elige tu propia aventura, puede crear la carpeta elige-tu-propia-aventura de tal forma que tendríamos la siguiente ruta para acceder a los ficheros de juego:

c:/xampp/htdocs/elige-tu-propia-aventura

4. Editamos el fichero index.html conforme a las instrucciones del apartado Estructura básica: El HTML.

5. Editamos el fichero javascript.js conforme a las instrucciones del apartado Estructura básica: El Javascript.

6. Lanzamos el fichero juego.html desde:

http://localhost/elige-tu-propia-aventura

es decir, no haremos doble click sobre el fichero, sino que arrancaremos el juego desde el servidor.

7. Para comprobar que todo ha ido bien, desplegamos las trazas de la consola (botón derecho -> inspeccionar -> pestaña Console). Deberíamos ver una única traza con los textos preload y create, mientras que la palabra update aparece muchas veces porque el método es llamado constantemente.

8. Si no consigue completar correctamente todos los pasos indicados, continúe leyendo, le explico algunos errores que podría tener.

Aprender desarrollo de videojuegos para móviles y web con Phaser.js con 100 ejercicios prácticos

008