mirror of
https://github.com/photonstorm/phaser
synced 2024-11-30 16:39:34 +00:00
71 lines
No EOL
5 KiB
HTML
71 lines
No EOL
5 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 4 - Escogiendo un editor</h2>
|
|
|
|
<p>Vas a necesitar un editor con el que escribir tu código JavaScript. Hay <em>muchos</em> disponibles, cada uno con sus propias fortalezas y debilidades. Si eres un programador con experiencia probablemente ya tienes tu editor preferido, en cuyo caso continúa a la parte 5 de esta guía. En caso contrario, aquí tienes algunas opciones:</p>
|
|
|
|
<h3>Sublime Text</h3>
|
|
|
|
<p>Este es el editor que usa el equipo de Phaser para construir el framework y los ejemplos (e incluso en el que se está escribiendo esta guía). Sublime debería ser considerado más como un editor de textos extremadamente potente que como un IDE. Un IDE es un entorno de desarrollo integrado (Integrated Development Environment) que a menudo incorpora características adicionales como servidores web embebidos, control de versiones y completado de código. Sublime se enfoca ante todo en ser un editor increíble, y su cursor múltiple y su minimapa son dos de las opciones más productivas y eficientes que hemos visto en décadas de desarrollo. Usando un enorme sistema de paquetes puedes mejorarlo de múltiples maneras.
|
|
</p>
|
|
|
|
<p>La versión completa cuesta 70 dólares pero vale cada céntimo, y está disponible para Windows y OS X.</p>
|
|
|
|
<p><a href="http://www.sublimetext.com/">Sublime Text</a></p>
|
|
|
|
<h3>WebStorm</h3>
|
|
|
|
<p>JetBrains WebStorm es un entorno de desarrollo completo extremadamente avanzado. Es mucho más que un simple editor de textos y ofrece todas las características de alto nivel que esperarías de un buen IDE, incluyendo introspección de código, npm embebido, informes de estilo/sintaxis, control de versiones y muchas otras características más diseñadas para desarolladores web que para desarrolladores de juegos. Está basado en Eclipse, lo que es a la vez bueno y malo. La sensación de escribir código no es tan suave y libre como con Sublime, pero a menudo sus opciones potentes lo compensa. Que te avise de errores en tu código antes incluso de que lo hayas probado puede ser muy útil. Y el completado de código está genial también, aunque obviamente limitado a la miríada de maneras en que puede escribirse JavaScript</p>
|
|
|
|
<p>La versión completa cuesta a partir de 49 dólares y esá disponible para Windows y OS X. A menudo en la web de JetBrains salen ofertas.</p>
|
|
|
|
<p><a href="http://www.jetbrains.com/webstorm/">JetBrains WebStorm</a></p>
|
|
|
|
<h3>Visual Studio</h3>
|
|
|
|
<p>Realmente esta opción solo debería ser considerada si quieres escribir tu juego usando <a href="http://www.typescriptlang.org/">TypeScript</a> en lugar de JavaScript. Phaser tiene disponible un fichero de definiciones de TypeScript, que te permite usar el nuevo lenguaje de Microsoft inspirado en ES6 para que programes en él. Es un lenguaje tipado estáticamente, con herencia de clases tradicional, interfaces y gran mayoría de trucos de orientación a objetos que puedes usar en otros lenguajes como AS3 (ActionScript 3).</p>
|
|
|
|
<p>La versión completa tiene varios costes y Microsoft ofrece buenos descuentos para estudiantes. Naturalmente, solo está disponible para Windows.</p>
|
|
|
|
<p><a href="http://www.visualstudio.com/">Visual Studio</a></p>
|
|
|
|
<h3>Brackets</h3>
|
|
|
|
<p>Aunque desarrollado inicialmente para programar páginas web, Brackets ha ido ganando entidad propia ultimamente. Es un editor de código open-source que corre en Windows, OS X y Linux. Realmente, está escrito en JavaScript y es increíblemente hackeable, con nuevas versiones y extensiones lanzadas cada par de semanas. Tiene un interfaz moderno y oscuro, probablemente familiar a cualquiera que use Adobe CS. Está muy bien considerado, especialmente si lo que buscas es un editor gratuito.</p>
|
|
|
|
<p>Brackets es multiplataforma, gratuito y open-source.</p>
|
|
|
|
<p><a href="http://brackets.io/">Brackets</a></p>
|
|
|
|
|
|
<p><a href="part5.html">Parte 5: Descargando 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> |