Home | Clases | Videojuego sencillo con Phaser | El entorno

El entorno


Instalación de un servidor web local

Si bien para este videojuego podríamos trabajar de forma local abriendo el archivo HTML directamente en el navegador, para el desarrollo de videojuegos es recomendable utilizar un servidor de archivos HTTP (servidor web) que nos provea todas las funcionalidades en cuanto a carga de imágenes y sonidos, almacenamiento de cookies, escritura en bases de datos, etc.

Es por ello que en este apartado vamos a instalar y configurar XAMPP para Windows 7/10, en concreto, vamos a instalar la versión de XAMPP 7.2 que puedes obtener haciendo clic AQUÍ y descargando la versión adecuada.

Una vez obtenido el archivo hacemos doble clic para ejecutarlo. Puede que recibamos un mensaje de del Control de Cuentas de Usuarios informando de directorios restringidos que en principio no nos debería generar problemas ya que no instalaremos en Program Files.

Al ejecutar el instalador, lo primero que nos encontraremos será la selección de componentes a instalar, debemos tener marcados los siguientes:

  • Apache
  • MySQL
  • PHP
  • phpMyAdmin

El resto de momento no los vamos a necesitar. Hacemos clic en Next y dejamos el directorio de instalación por defecto (c:\xampp).

Como no nos interesa más información sobre Bitnami (la empresa que gestiona XAMPP), desmarcamos esa casilla y esperamos a que concluya la instalación.

Si durante la misma el Firewall de Windows nos alerta del acceso a redes de Apache HTTP Server, marcamos la casilla de Redes privadas y hacemos clic en Permitir acceso.

Con esto deberíamos llegar al final de la instalación, en el que marcaremos la casilla para iniciar el Control Panel y haremos clic en Finish.

En el Panel de Control, debemos asegurarnos de arrancar los Servicios Apache y MySQL cada vez que queramos utilizar el servidor, si bien mediante Config también podemos hacer que esto ocurra automáticamente al arrancar el ordenador.

Nota: Si tienes instalada una máquina virtual, es posible que haya que modificar alguna configuración de puertos para que Apache y MySQL arranquen correctamente.

Instalación del entorno de desarrollo NetBeans IDE

Una vez instalado y configurado nuestro servidor web, podemos acceder a sus ficheros en la ruta c:\xampp\htdocs, pero vamos a necesitar un programa que nos permita crear archivos y editar el código dentro de ellos.

De nuevo, si bien existen programas más sencillos y también gratuitos como Brackets o la versión de prueba de Sublime Text, vamos a instalar el entorno de desarrollo NetBeans por ser open-source y estar bastante extendido. Además, obtendremos funcionalidades extra como trabajar con diferentes lenguajes, corrección de errores de sintaxis, completado de código y muchas más.

Para realizar la instalación de NetBeans, debemos acceder a https://netbeans.org/downloads/ y descargar la versión PHP, que a su vez incluye HTML5 y JavaScript, si bien para esta lección en particular sería suficiente con la de HTML5 y JavaScript.

Una vez descargado el archivo, tan solo hay que ejecutarlo y seguir los pasos hasta completar la instalación.
Fecha de publicación: 01/02/2018
Asignaturas: realización de proyectos multimedia interactivosmontaje y mantenimiento de equipos
Temas: phaser video sonido para videojuegos
Utilizamos cookies propias y de terceros para mejorar su experiencia en la navegación. Al seguir navegando entendemos que acepta su uso.
Si lo desea, consulte nuestras políticas de privacidad y cookies
ENTENDIDO
[X] Cerrar

Contacta conmigo


[X] Cerrar

Acceso alumnos