From fc6ae6a60be2743709869f69e17144029e024e5e Mon Sep 17 00:00:00 2001 From: "Diego F. Goberna" Date: Tue, 10 Dec 2013 17:05:34 +0100 Subject: [PATCH] Finished translation of tutorial 01 --- tutorials/Spanish/01 Comenzando/index.html | 41 +++++++------ tutorials/Spanish/01 Comenzando/part2.html | 67 +++++++++++++--------- tutorials/Spanish/01 Comenzando/part3.html | 48 ++++++++-------- tutorials/Spanish/01 Comenzando/part4.html | 45 ++++++++------- tutorials/Spanish/01 Comenzando/part5.html | 35 +++++------ tutorials/Spanish/01 Comenzando/part6.html | 36 ++++++------ tutorials/Spanish/01 Comenzando/part7.html | 35 +++++------ tutorials/Spanish/01 Comenzando/part8.html | 45 ++++++++------- 8 files changed, 188 insertions(+), 164 deletions(-) diff --git a/tutorials/Spanish/01 Comenzando/index.html b/tutorials/Spanish/01 Comenzando/index.html index dfb871c7..a7e66b28 100644 --- a/tutorials/Spanish/01 Comenzando/index.html +++ b/tutorials/Spanish/01 Comenzando/index.html @@ -13,34 +13,37 @@ -

Getting started with Phaser

+

Comenzando con Phaser

-

Part 1 - Introduction

-

In this tutorial we're going to cover setting-up a development enviornment with which you can build your Phaser games. This will include running a local web server, picking an IDE, getting the latest version of Phaser and checking it all works together properly.

+

Parte 1 - Introducción

+ +

En este tutorial vamos a ver cómo configurar un entorno de desarrollo con el que puedas construir tus juegos en Phaser. Esto incluirá el arrancar un servidor web local, escoger un IDE (un programa para gestionar y escribir el código), obtener la última versión de Phaser y comprobar que todo funciona adecuadamente. +

+ +

"¿Por qué necesito un servidor web local? ¿No puedo simplemente arrastrar los ficheros html a mi navegador?"

-

"Why do I need a local web server? Can't I just drag the html files onto my browser?"

+

No, hoy en día, no. Entiendo que pueda ser un poco confuso, incluso contradictorio a veces, pero todo es por cuestión de la seguridad del navegador. Si estás haciendo una web html estática, quizás con algunas imágenes en ella, entonces sí puedes arrastrar felizmente ese fichero a tu navegador y ver el resultado final. También puedes "Guardar como" páginas web enteras y reabrirlas, con todo el contenido prácticamente intacto. Si ambas cosas funcionan, ¿por qué no puedes arrastrar un juego HTML5 en un navegador y ejecutarlo? +

+ +

Tiene que ver con el protocolo que se usa para acceder a los archivos. Cuando solicitas algo por internet estás usando http, y el nivel de seguridad del servidor es suficiente para asegurarse de que solo puedes acceder a los ficheros que se supone que debes acceder. Pero cuando arrastras un fichero en un navegador se accede por medio del sistema de ficheros local (técnicamente, el protocolo file://) y esto está muy restringido, por razones obvias. Bajo file:// no hay concepto de dominios, no hay seguridad a nivel de servidor, solo un sistema de ficheros a pelo. Pregúntate esto: ¿de verdad quieres que JavaScript tenga la habilidad de abrir ficheros de todo tu sistema de archivos local? Tu respuesta inmediata por supuesto debería ser: "¡ni de coña!". Si un script en JavaScript tuviera total libertad para trabajar en file:// no habría nada que le impidiese abrir prácticamente cualquier fichero que quisiera y enviarlo sabe Dios dónde.

-

Not these days, no. I appreciate that it's a bit confusing, even contradictory at times, but it all boils down to browser security. If you're making a static html web page, perhaps with a few images in it, then you can happily drag this file into your browser and see the end results. You can also "Save As" entire web pages locally and re-open them, with all the contents mostly intact. If both of these things work why can't you drag an HTML5 game into a browser and run it?

+

Dado que esto es tan peligroso, los navegadores se blindan más fuerte que Alcatraz cuando se ejecutan en file://. Cada página es tratada como un dominio local único. Por eso "Guardar página web" funciona, hasta cierto punto. Se abre bajo las mismas restricciones cross-site (a través de varios servidores) que si estuvieran en un servidor online. Hay un post más detallado sobre esto en el Chromium blog que bien merece una lectura (en inglés).

-

It's to do with the protocol used to access the files. When you request anything over the web you're using http, and the server level security is enough to ensure you can only access files you're meant to. But when you drag a file in it's loaded via the local file system (technically file://) and that is massively restricted, for obvious reasons. Under file:// there's no concept of domains, no server level security, just a raw file system. Ask yourself this: do you really want JavaScript to have the ability to load files from your local file system? Your immediate answer should of course be "not in a million years!". If JavaScript had free reign while operating under file:// there would be nothing stopping it loading pretty much any file it fancied and sending it off who knows where.

+

Tu juego va a necesitar cargar recursos. Imágenes, ficheros de audio, datos JSON, quizás más ficheros JavaScript. Para hacer esto necesita que se ejecute libre de los grilletes de la seguridad del navegador. Necesita que http:// acceda a los ficheros del juego. Y para esto necesitamos un servidor web.

-

Because this is so dangerous browsers lock themselves down tighter than Alcatraz when running under file://. Every single page becomes treated as a unique local domain. That is why "Save Web page" works, to a degree. It opens under the same cross-site restrictions as if they were on a live server. There's a detailed post about it on the Chromium blog: http://blog.chromium.org/2008/12/security-in-depth-local-web-pages.html.

- -

Your game is going to need to load in resources. Images, audio files, JSON data, maybe other JavaScript files. In order to do this it needs to run unhindered by the browser security shackles. It needs http:// access to the game files. And for that we need a web server.

- -

Part 2: Installing a web server

+

Parte 2: Instalando un nuevo servidor web

\ No newline at end of file diff --git a/tutorials/Spanish/01 Comenzando/part2.html b/tutorials/Spanish/01 Comenzando/part2.html index 304de02b..72194dd9 100644 --- a/tutorials/Spanish/01 Comenzando/part2.html +++ b/tutorials/Spanish/01 Comenzando/part2.html @@ -13,58 +13,69 @@ -

Getting started with Phaser

- -

Part 2 - Installing a web server

+

Comenzando con Phaser

+ +

Parte 2 - Instalando un servidor web

Windows

-

On Windows there are lots of "single install" bundles available. These are easy-to-install files that package together popular web technologies like Apache, PHP and MySQL and install them all for you at once, often with a handy system-tray icon to manage them too.

+

En windows hay un montón de paquetes de "instalación única" disponibles. Son fáciles de instalar y contienen tecnologías web populares como Apache, PHP y MySQL, que te los instalan todos a la vez, a menudo con un icono cómodo en la bandeja de sistema para gestionarlos directamente. +

-

We would recommend either WAMP Server or XAMPP. Both have easy set-up guides available. WAMP specifically installs an icon into your system-try from which you can stop and restart the services as well as modify Apache settings, such as creating a new folder alias for a project.

+

Recomendaríamos WAMP Server o XAMPP. Ambos tienen disponibles guías sencillas de instalación. Concretamente, WAMP instala un icono en tu bandeja de sistema desde el que puedes parar y reiniciar los servicios así como modificar la configuración de Apache, como crear un nuevo acceso directo a la carpeta de un proyecto.

-

Cesanta provide the Mongoose web server. This is a really small application that requires no installation and can run as a single EXE file. Without all of the additional bundles like SSI and WebDAV (none of which you'll need for an HTML5 game) the EXE is a paltry 45KB in size. Even the fully featured one is only 355KB.

+

Cesanta proporciona el servidor web Mongoose. Es una aplicación realmente pequeña que no requiere instalación y se ejecuta con un simple fichero EXE. Sin todos los añadidos como SSI y WebDAV (no necesitas ninguno para un juego HTML5) el EXE pesa solamente 45KB. Incluso la versión completa son solamente 355KB.

-

Instead of an 'all in one' bundle you could also download just a web server on its own. Both Microsoft IIS and Apache can be downloaded for free from their respective sites.

+

En lugar de un paquete 'todo en uno' también podrías bajarte solamente un servidor web. Tanto Microsoft IIS como Apache pueden ser descargados gratuitamente de sus respectivas webs.

-

Note: Skype likes to steal port 80 by default. This is the traditional port for a web server to run over and it might interfer with WAMP or similar being able to start. To disable this within Skype go to "Tools - Options - Connection" and uncheck the "Use port 80 and 443 as alternatives for incoming connections" checkbox.

+

Nota: A Skype le gusta robar el puerto 80 por defecto. Este es tradicionalmente el puerto sobre el que funciona un servidor web y puede interferir en el funcionamiento de WAMP o similar. Para deshabilitarlo en Skype ve a "Herramientas - Opciones - Avanzadas - Conexión" y desmarca la opción "Usar puerto 80 y 443 como alternativas para las conexiones entrantes".

OS X

-

Being a Unix environment at heart there are more options available of OS X. But if you'd like an "all in one" approach like WAMP for Windows, with a nice clean and easy to use interface then we'd strongly recommend MAMP. This comes in two versions: one free and one paid for.

-

Naturally there are also guides for setting up a local web server manually, such as this guide written for Mountain Lion. Pick whichever approach you feel most comfortable with.

+

Teniendo en su interior un entorno Unix hay más opciones disponibles para OS X. Pero si quieres una solución "todo en uno" como WAMP para Windows, con una interfaz limpia y fácil de usar entonces te recomendamos fervientemente MAMP. Hay dos versiones: una gratuita y otra de pago.

-

grunt connect

+

Naturalmente también hay guías para configurar un servidor web local manualmente, como esta guía para Mountain Lion. Escoge la alternativa con la que te sientas más a gusto.

-

Grunt is an extremely powerful tool to have installed, regardless if you use it as a web server or not. At its essence it's a JavaScript based task runner and allows you to automate tedious time consuming tasks. We use it in Phaser to build our distribution scripts for example. But it can also be configured with Connect to serve local files, acting as a web server, and here's a guide on doing just that.

-

Simple HTTP Server with Python

+

Grunt Connect

-

If you need a quick web server running and you don't want to mess around with setting up Apache or downloading an app, then Python can help. Python comes with a simple built-in HTTP server. With the help of this little HTTP server you can turn any directory on your system into your web server directory. Naturally the only thing you need to have installed is Python. Read the full guide here.

+

Grunt es una herramienta extremadamente potente para tener instalada, independientemente de si la usas como un servidor web o no. En su esencia es un programa que ejecuta tareas JavaScript y te permite automatizar tareas repetitivas y latosas. Lo usamos en Phaser para construir nuestros scripts de distribución, por ejemplo. Pero con Connect puede ser configurado también para servir ficheros locales, actuando como un servidor web, y aquí hay una guía para hacerlo.

-

http-server for node.js

+

Servidor HTTP simple con Python

-

http-server is a simple, zero-configuration command-line http server for node.js. It is powerful enough for production usage, but it's simple and hackable enough to be used for testing, local development, and learning. Or as the web site says "Serving up static files like they were turtles strapped to rockets". Get the npm and instructions from the http-server web site.

+

Si necesitas tener un servidor web corriendo rapidamente y no quieres liarte configurando Apache o bajando una aplicación, entonces Python puede ayudarte. Python viene con un servidor HTTP integrado. Con la ayuda de este pequeño servidor HTTP puedes convertir cualquier directorio de tu ordenador en el directorio de tu servidor web. Por supuesto, necesitas tener instalado Python. Lee la guía completa aquí +

-

php 5 built-in web server

-

As of PHP 5.4.0, the CLI SAPI provides a built-in web server. It's only really suitable for development purposes and serves all files sequentially, but it's easily powerful enough for testing HTML5 games. It's invoked from a single command-line call, and you can find details on how to do this in the PHP Manual.

+

http-server para node.js

-

Rather than running a web server locally you could build your HTML5 game fully in the cloud. We explore some cloud options in Part 3.

+

http-server es un servidor en la línea de comandos simple, sin configuración, para node.js. Es suficientemente potente para su uso en producción, pero es suficientemente simple y hackeable para ser usado en tests, desarrollo local, y para aprender. O como su web dice: "Sirviendo ficheros estáticos como si fueran tortugas atadas en cohetes". Coge el npm y las instrucciones de la página de http-server.

-

Part 3: Run in the Cloud

+

Servidor web embebido en PHP 5

+ +

Desde la versión 5.4.0 de PHP, el CLI SAPI incorpora un servidor web. Realmente solo es adecuado para desarrollo y sirve todos los ficheros secuencialmente, pero es suficientemente potente para testear juegos HTML5. Se invoca con un simple comando, y puedes encontrar detalles de cómo hacerlo en el manual de PHP.

+ +

Mejor que ejecutar un servidor web local tambien podrías montar tu juego HTML5 completamente en la nube. Exploramos algunas opciones en la Parte 3.

+ + + + + +

Parte 3: Ejecutando en la nube

+ + \ No newline at end of file diff --git a/tutorials/Spanish/01 Comenzando/part3.html b/tutorials/Spanish/01 Comenzando/part3.html index 7b39a1b1..2d6ca3f5 100644 --- a/tutorials/Spanish/01 Comenzando/part3.html +++ b/tutorials/Spanish/01 Comenzando/part3.html @@ -13,51 +13,51 @@ -

Getting started with Phaser

+

Comenzando con Phaser

-

Part 3 - Run in the Cloud

+

Parte 3 - Ejecutando en la nube

-

If you're not comfortable with github cloning, and setting up a web server, or if you don't want to bother with all that, you can run phaser in the Cloud.

- -

More than a marketing buzzword, the Cloud is often used by developers as tool which allows you to create, edit and share your content without having to install anything, or make the people you share your content with do so.

- -

There are several JavaScript online collaboration tools such as JSBin, codepen and JSFiddle just to name a few of them.

- -

There is another tool that we recommend which is called Cloud9 IDE that allows you get up and running very quickly.

+

Si no estás cómodo con el clonado de github, o configurar un servidor web, o si no quieres liarte con todo eso, puedes ejecutar Phaser en la nube.

+

Más que una palabra de marketing de moda, los desarrolladores usan la nube como una herramienta que te permite crear, editar y compartir tu contenido sin tener que instalar nada, ni tú ni la gente con la que compartes tu contenido.

+ +

Hay varias herramientas JavaScript de colaboración online como JSBin, codepen y JSFiddle, solo por nombrar algunas.

+ +

Hay otra herramienta que recomendamos llamada Cloud9 IDE que te permite arrancar y comenzar muy rápidamente.

+ -

First, sign up to the website using GitHub, and once this is completed, you will be redirected to your dashboard.

+

Primero, identifícate en la web usando GitHub, y una vez lo hagas serás redirigido a tu Panel de Control

-

From this dashboard, you can create private or shared project, or, the feature that interests us in this case, you can create a project from a GitHub repository.

+

Desde este panel de control, puedes crear proyectos privados o compartidos, o -lo que nos interesa en nuestro caso- puedes crear un proyecto a partir de un repositorio de GitHub.

-

Click the "create workspace" button and select the "clone from URL" option from the drop-down menu.

+

Haz clic en el botón "create workspace" y selecciona la opción "clone from URL" del menú desplegable.

-

Once the repository is integrated into c9.io, you'll see this window:

+

Una vez que el repositorio está integrado en c9.io, verás esta ventana:

-

When you click on the "start editing" button you'll be redirected here:

+

Si haces clic en el botón "start editing" serás redirigido aquí:

-

You have now a copy of the Phaser repository.

+

Ahora ya tienes una copia del repositorio de Phaser.

-

Part 4: Choosing an Editor

+

Parte 4: Escogiendo un editor

diff --git a/tutorials/Spanish/01 Comenzando/part4.html b/tutorials/Spanish/01 Comenzando/part4.html index 3fac0452..623416b1 100644 --- a/tutorials/Spanish/01 Comenzando/part4.html +++ b/tutorials/Spanish/01 Comenzando/part4.html @@ -13,55 +13,58 @@ -

Getting started with Phaser

-

Part 4 - Choosing an Editor

+

Comenzando con Phaser

-

You're going to need an editor in which to prepare your JavaScript code. There are many available, each with their own strengths and weaknesses. If you're an experienced developer you will probably already have your own preferred editor, in which case carry on to Part 5 of this guide. Otherwise here are some options for you:

+

Parte 4 - Escogiendo un editor

+ +

Vas a necesitar un editor con el que escribir tu código JavaScript. Hay muchos 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:

Sublime Text

-

This is the editor the Phaser team use for building the framework and examples. It's even the editor this guide is being written in. Sublime should be considered as an extremely powerful text editor rather than an IDE. An IDE is an integrated development environment, that often bundles additional features such as built-in web servers, source control and code in-sight / completion. Sublime focuses on being an amazing editor first and foremost, and its multiple cursor and mini-map features are two of the most time saving we've ever come across in decades of development. Using a comprehensive Package system you can enhance it in multiple ways.

- -

The full version costs $70 but is worth every penny and is available for Windows and OS X.

+

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. +

+ +

La versión completa cuesta 70 dólares pero vale cada céntimo, y está disponible para Windows y OS X.

Sublime Text

WebStorm

-

JetBrains WebStorm is an extremely advanced fully development environment. It goes well beyond simple code editing and offers all of the high-level features you'd expect from a proper IDE include code-insight, npm built-in, code style/syntax reports, source control and a wealth of other features designed more for web developers than game developers. It's based on Eclipse, which is both a good and bad thing. For a start the actual code editing experience is nothing like as smooth and freeform as with Sublime, but the power features can often make up for that. Having errors with your code spotted for you, before you've even tested your game can be really useful. And code-completion is great too, although obviously somewhat limited by the myriad ways JavaScript can be written.

+

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

-

The full version starts from $49 and is available for Windows and OS X. There are often deals to be found on the JetBrains site too.

+

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.

JetBrains WebStorm

Visual Studio

-

This should only really be considered if you wish to write your game using TypeScript instead of JavaScript. Phaser has a TypeScript definitions file available, which allows you to use Microsofts new ES6 inspired lanauge to develop in. This gives you access to a statically typed language, with traditional class inheritance, interfaces and most of the OO style trappings you may be used to in other languages like AS3.

+

Realmente esta opción solo debería ser considerada si quieres escribir tu juego usando TypeScript 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).

-

The full version varies in cost and Microsoft do great student details. Naturally it's only available for Windows.

+

La versión completa tiene varios costes y Microsoft ofrece buenos descuentos para estudiantes. Naturalmente, solo está disponible para Windows.

Visual Studio

Brackets

-

Although primarily developed for building web site code, Brackets has really come into its own lately. It's a free open-source code editor and rans across Windows, OS X and Linux. It's actually written in JavaScript and is incredibly hackable, with new versions and extensions released every couple of weeks. It has a modern and dark UI, probably familiar to anyone who uses Adobe CS. It's well worth considering, especially if you're after a free editor.

+

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.

-

Brackets is a multi-platform and free open-source product.

+

Brackets es multiplataforma, gratuito y open-source.

Brackets

-

Part 5: Downloading Phaser

+ +

Parte 5: Descargando Phaser

diff --git a/tutorials/Spanish/01 Comenzando/part5.html b/tutorials/Spanish/01 Comenzando/part5.html index d11c7a67..13548022 100644 --- a/tutorials/Spanish/01 Comenzando/part5.html +++ b/tutorials/Spanish/01 Comenzando/part5.html @@ -13,35 +13,36 @@ -

Getting started with Phaser

+

Comenzando con Phaser

-

Part 5 - Downloading Phaser

+

Parte 5 - Descargando Phaser

-

Phaser is an open source project and available to download for free. We use github to manage the project and it's on the github site that you will find the latest version:

+

Phaser es un proyecto open source y disponible para descarga gratuita. Usamos github para gestionar el proyecto y es en github donde encontrarás la última versión:

https://github.com/photonstorm/phaser

-

Can I just get a zip file?

+

¿No puedo bajarme un zip simplemente?

-

Yes. Github provide the option to download the whole repository as a zip file. You can then unzip this locally to get to all the files. However we would strongly recommend you learn to use git instead. It will allow you to easily update to the latest versions as we release them, and it makes contributing towards the project much easier as well. If you don't fancy learning to use git via the command-line there are some great applications you can use instead. We'd recommend SmartGIT on Windows or Git Tower on OS X.

+

Sí. Github proporciona la opción de descargar el repositorio entero en un zip. Puedes descomprimirlo localmente en tu ordenador para tener todos los ficheros. Sin embargo, te recomendamos que aprendas a usar git. Te permitirá actualizarte fácilmente a las últimas versiones a medida que las lanzamos, y hace que contribuir con el proyecto también sea mucho más fácil. Si no te apetece aprender a usar git mediante la línea de comandos hay algunas aplicaciones que puedes usar en su lugar. Te recomendamos SmartGIT en Windows o Git Tower en OS X.

-

Repository Structure

+

Estructura del Repositorio

-

The Phaser repository is split across 2 main branches: master and dev. The master branch contains the most recent stable release and is the one you should try first. The dev branch is where we prepare the latest versions. In here you'll find experimental features and API changes, some of which may not work. But it's also where you'll see the bleeding-edge features we're working on.

+

El repositorio de Phaser está dividido en 2 ramas principales: master y dev. La rama master contiene la versión estable más reciente y es la que deberías probar primero. La rama dev es donde preparamos las próximas versiones. Aquí encontrarás características experimentales y cambios en el API, algunos de los cuales puede que no funcionen. Pero también es donde verás las características más innovadoras en las que estamos trabajando.

-

Right now there is an approximate delay of around 4 weeks between dev and master. This means we build the new features out in dev and let them bake for a month before we move them to master. This gives them time for others to test and comment on them, and it keeps the release rate of Phaser to a manageable monthly cycle.

+

Ahora mismo hay un retraso aproximado de 4 semanas entre dev y master. Esto significa que construimos las nuevas características en dev y dejamos que se 'cocinen' durante un mes antes de que las movamos a master. Así da tiempo para que la gente las pruebe y comente, y mantiene el ritmo de actualizaciones de Phaser en un ciclo mensual manejable.

-

Part 6: Hello World!

+ +

Parte 6: Hola Mundo!

diff --git a/tutorials/Spanish/01 Comenzando/part6.html b/tutorials/Spanish/01 Comenzando/part6.html index cf75f942..78328e4d 100644 --- a/tutorials/Spanish/01 Comenzando/part6.html +++ b/tutorials/Spanish/01 Comenzando/part6.html @@ -13,33 +13,35 @@ -

Getting started with Phaser

+

Comenzando con Phaser

-

Part 6 - Hello World!

+

Parte 6 - Hola Mundo!

-

With your editor set-up, web server installed and Phaser downloaded it's time to create something and check it's all working.

+

Con tu editor configurado, el servidor web instalado y Phaser descargado, es hora de crear algo y verificar que todo funciona.

-

You need to discover where your 'web root' is on your machine. This is the folder in which the server looks for files. If you are using WAMP on Windows you can locate it by clicking the WAMP icon in your system-tray and select "www directory" from the pop-up menu. Other servers will have other methods of determining the location, but from this point on we'll refer to it as the 'webroot'.

+

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'. +

-

Download this zip file. It contains a folder called 'hellophaser' inside which you'll find a JavaScript file, an index.html and a PNG. Copy the 'hellophaser' folder to your webroot.

+

Descarga este archivo zip. 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.

-

Testing, testing ...

+

Testear, testear ...

-

Open your web browser and browse to your local server. This may be as simple as typing in 'localhost' or '127.0.0.1' or you may need to specify a port number as well, it depends entirely on which server set-up method you used. If the server is set-up correctly and running you will see the default installation page in your browser. This will vary from server to server, but as long as the page doesn't "time out" or throw a permissions error you are good to go.

+

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.

-

Now add /hellophaser onto the end of the URL and the Hello World test should load. If it does it will display a black game area with a phaser logo in the middle. If it doesn't for whatever reason you need to bring up the debug console and see what errors are output. In most browsers you can do this by pressing F12. This works across Chrome, Firefox and Internet Explorer. Check to see what the error is, hopefully it's a simple one like the files being missing, in which case check your folder names and refresh the page. If it's something more complex feel free to post about it on the forum and we'll help.

+

Ahora añade /hellophaser 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 en el foro y te ayudaremos.

-

Part 7: The Phaser Examples

+ +

Parte 7: Los ejemplos de Phaser

diff --git a/tutorials/Spanish/01 Comenzando/part7.html b/tutorials/Spanish/01 Comenzando/part7.html index c96da575..b25fcb57 100644 --- a/tutorials/Spanish/01 Comenzando/part7.html +++ b/tutorials/Spanish/01 Comenzando/part7.html @@ -13,33 +13,36 @@ -

Getting started with Phaser

-

Part 7 - The Phaser Examples

+

Comenzando con Phaser

-

Phaser comes with a comprehensive suite of examples. At the current count over 160 of them. They are short self-contained snippets of code that focus on just a couple of elements and nothing more, and as such they're really useful to learn from! Whenever we add a new feature into Phaser we create an example to demonstrate how to use it, so there are all kinds of examples from simple things like loading audio to sprite animation and input handling.

+

Parte 7 - Los ejemplos de Phaser

-

Although we've uploaded the Examples to our site we still recommend that you copy the whole phaser folder (the entire repository) to your webroot, so you can easily run the Examples locally. If you've copied the phaser folder into your webroot then you can access the examples at:

+

Phaser viene con una extensa galería de ejemplos. La cifra actual es más de 160. Son trozos de código autocontenidos que se centran en solamente un par de elementos y nada más, y por eso son realmente útiles para aprender de ellos! Cada vez que añadimos una nueva característica en Phaser creamos un ejemplo para demostrar cómo se usa, así que hay todo tipo de ejemplos desde cosas simples como cargar sonido, animación de sprites o la gestión de los controles.

+ +

Aunque hemos subido los ejemplos a nuestra página te recomendamos que copies la carpeta de Phaser completa (el repositorio entero) a tu webroot (el directorio raíz de tu servidor web), para que puedas ejecutar los ejemplos localmente de manera fácil. Si has copiado la carpeta de Phaser en tu webroot entonces puedes acceder a los ejemplos en:

http://localhost/phaser/examples -

Note: The URL above will differ based on your server set-up.

+

Nota: La URL anterior puede diferir dependiendo de la configuración de tu servidor web.

-

Side by side

+

Vistas

-

There are two ways to explore the examples. The default view is a big long list and each new example opens in a new page. There is also a 'Side View', a link to which you'll find at the top of the page. This puts all of the examples in a list down the left and the content and code loads into a frame on the right. Each one has its advantages, so play around and explore!

+

Hay dos maneras de explorar los ejemplos. La vista por defecto es una lista larga y cada ejemplo abre en una página nueva. Pero también hay un enlace en la parte superior de la página que pone 'Side View' ('vista lateral'), que lista todos los ejemplos a la izquierda y el contenido y el código se carga en un frame a la derecha. Cada vista tiene sus ventajas, juega y explora!

-

Part 8: Next Steps

+ + +

Parte 8: Siguientes pasos

diff --git a/tutorials/Spanish/01 Comenzando/part8.html b/tutorials/Spanish/01 Comenzando/part8.html index 128cba37..dbe114fd 100644 --- a/tutorials/Spanish/01 Comenzando/part8.html +++ b/tutorials/Spanish/01 Comenzando/part8.html @@ -13,43 +13,44 @@ -

Getting started with Phaser

+

Comenzando con Phaser

-

Part 8 - Next Steps

+

Parte 8 - Siguientes pasos

-

Your game development experience with Phaser begins here! Although we've only touched upon the basics you still have a fully working development environment, access to the API docs and hundreds of examples. Even so it's always best to code as part of a community - and for that we cannot recommend our forum enough. It has gone from strength to strength over the past few months, and you're sure to find help and support when you need it most.

+

Tu experiencia desarrollando juegos con Phaser comienza aquí! Aunque solo hemos tocado lo básico tienes un entorno de desarrollo en funcionamiento, acceso a los documentos del API y cientos de ejemplos. Aún así siempre es mejor formar parte de una comunidad - y para esto te recomendamos nuestro foro. Durante estos últimos meses ha mejorado más y más, y fijo que encuentras ayuda y apoyo cuando más los necesites.

-

Bounce ideas of others, hang-out in the chat room, browse the games showcase and just be involved!

+

Propón y escucha ideas, date una vuelta por el chat, explora la galería de juegos e involúcrate!

-

Join the Forum

+

Únete al Foro

-

Phaser Newsletter

+

Boletín de noticias de Phaser

-

We publish a monthly Phaser newsletter. As well as details about new releases it also contains short tutorials and features. Sign-up for free to have it hit your inbox during the first week of the month.

+

Mensualmente publicamos un boletín de noticias de Phaser. Además de detalles sobre las nuevas versiones también contiene tutoriales pequeños y demás contenido. Anótate gratis para recibirlo en tu correo durante la primera semana de cada mes.

-

Subscribe to the Newsletter

+

Suscribirse al boletín de noticias

-

Contribute

+

Contribuye

-

You can help shape the way in which Phaser grows. If you find a bug, please report it. It won't take you long, and to date we have fixed over 91% of all reported issues (and we're still working on the other 9%). You can also issue Pull Requests against the development branch, or release your own plugins or filters.

+

Puedes ayudar a moldear el crecimiento de Phaser. Si encuentras un bug, por favor infórmanos de ello. No te llevará mucho, y hasta la fecha hemos arreglado el 91% de todos los problemas recibidos (y estamos trabajando en el otro 9%). Puedes también hacer Pull Requests de la rama de desarrollo, o publicar tus propios plugins o filtros.

-

Report Issues on GitHub

+

Informar de problemas en GitHub

-

Show us your games!

+

Muéstranos tus juegos!

-

We spend many tireless hours working on Phaser because we want it to be the best HTML5 game development framework it can possibly be. We understand it won't be perfect for everyone, and we're cool with that. But if you use it and make something, no matter how small you think that is, please do let us know. You won't believe with a real motivational boost it is when devs show us the games they've been working on! Reach out to us either on the forum, via twitter (@photonstorm) or by email.

+

Pasamos incansables horas trabajando con Phaser porque queremos que sea el mejor entorno de desarrollo de juegos en HTML5 posible. Entendemos que no será perfecto para todo el mundo, y no pasa nada. Pero si lo usas y haces algo, no importa lo pequeño que creas que es, por favor enséñanoslo. No te creerías el subidón de motivación que nos da cuando la gente nos enseña los juegos en los que han estado trabajando! Nos puedes encontrar en el foro, vía twitter (@photonstorm) o por email.

+ +

Pero sobre todo, sinceramente esperamos que te diviertas haciendo tu juego.

-

Most of all though, we truly hope you have fun making your game.