mirror of
https://github.com/photonstorm/phaser
synced 2024-12-23 19:43:28 +00:00
48 lines
No EOL
3.3 KiB
HTML
48 lines
No EOL
3.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Phaser Tutorial 01 - Getting Started</title>
|
|
<script src="build/phaser.js" type="text/javascript"></script>
|
|
<style>
|
|
body {
|
|
font-family: Arial;
|
|
font-size: 14px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<h1>Comenzando con Phaser</h1>
|
|
|
|
<h2>Parte 6 - Hola Mundo!</h2>
|
|
|
|
<p>Con tu editor configurado, el servidor web instalado y Phaser descargado, es hora de crear algo y verificar que todo funciona.</p>
|
|
|
|
<p>Necesitas descubrir dónde está tu 'web root' en tu ordenador. Es la carpeta donde el servidor web busca los ficheros. Si estás usando WAMP en Windows puedes localizarlo haciendo clic en el icono de WAMP de la bandeja de sistema y seleccionar 'www directory' en el menú desplegable. Otros servidores tendrán otros métodos para determinar su localización, pero a partir de ahora nos referiremos a él como 'webroot'.
|
|
</p>
|
|
|
|
<p>Descarga <a href="https://github.com/photonstorm/phaser/blob/master/tutorials/01%20Getting%20Started/hellophaser.zip">este archivo zip</a>. Dentro contiene una carpeta llamada 'hellophaser' en la que encontrarás un fichero JavaScript, un index.html y un PNG. Copia la carpeta 'hellophaser' en tu webroot.</p>
|
|
|
|
<h3>Testear, testear ...</h3>
|
|
|
|
<p>Abre tu navegador web y ve a tu servidor local. Esto puede ser tan sencillo como teclear en la barra de dirección 'localhost' o '127.0.0.1', o quizás también necesites especificar un número de puerto, depende totalmente de cómo esté configurado el servidor. Si el servidor está correctamente instalado y funcionando verás en tu navegador la página de instalación por defecto. Esto varía de servidor en servidor, pero mientras el navegador no se quede colgado cargando la página o no te de un error de permisos, estás listo para avanzar.</p>
|
|
|
|
<p>Ahora añade <em>/hellophaser</em> al final de la dirección y el ejemplo de Hola Mundo (Hello World) debería cargar. Si es así aparecerá un rectángulo negro con el logotipo de Phaser en el centro. Si por cualquier razón no lo hace necesitarás abrir la consola de depuración y ver qué errores muestra. En la mayoría de navegadores puedes abrirla presionando F12. Esto funciona en Chrome, Firefox e Internet Explorer. Comprueba qué error es. Con suerte será algo simple, como ficheros que faltan, en cuyo caso comprueba los nombres de tus carpetas y recarga la página. Si es algo más complejo no dudes en preguntar acerca de ello <a href="http://www.html5gamedevs.com/forum/14-phaser/">en el foro</a> y te ayudaremos.</p>
|
|
|
|
|
|
<p><a href="part7.html">Parte 7: Los ejemplos de Phaser</a></p>
|
|
|
|
<ul>
|
|
<li><a href="index.html">Parte 1: Introducción</a></li>
|
|
<li><a href="part2.html">Parte 2: Instalando un nuevo servidor web</a></li>
|
|
<li><a href="part3.html">Parte 3: Ejecutar en la nube</a></li>
|
|
<li><a href="part4.html">Parte 4: Escogiendo un editor</a></li>
|
|
<li><a href="part5.html">Parte 5: Descargando Phaser</a></li>
|
|
<li><a href="part6.html">Parte 6: Hola Mundo!</a></li>
|
|
<li><a href="part7.html">Parte 7: Los ejemplos de Phaser</a></li>
|
|
<li><a href="part8.html">Parte 8: Siguientes pasos</a></li>
|
|
</ul>
|
|
|
|
</body>
|
|
</html> |