Permalink
Browse files

fix conflicts with danpe19 commits

  • Loading branch information...
2 parents 6e6c30d + c0b8b0b commit 5c1710b222e96ace153cb57eda252b73988eed4c @rafmagana rafmagana committed Jul 6, 2012
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
- <title>Ruby4Kids - Programming For The Fun Of It</title>
+ <title>Ruby4Kids - Programando sólo porque es divertido</title>
<!-- Load styles -->
<link rel="stylesheet" href="../../../css/blitzer/jquery-ui-1.8.16.custom.css" type="text/css" media="screen" title="style" charset="utf-8">
@@ -26,82 +26,82 @@
</head>
<body class="lesson-set">
- <h1>Ruby4Kids - Game Programming</h1>
+ <h1>Ruby4Kids - Programación de Juegos - Lección 1</h1>
<nav id="top">
- <a href="#back" class="prev-lesson">&laquo; Back</a>
- <a href="index.html">Back to Lessons</a>
- <a href="#next" class="next-lesson">Next &raquo;</a>
+ <a href="#back" class="prev-lesson">&laquo; Anterior</a>
+ <a href="index.html">Ir a las lecciones </a>
+ <a href="#next" class="next-lesson">Siguiente &raquo;</a>
</nav>
- <article class="lesson"><h1>Lesson 1 - Getting Started</h1>
+ <article class="lesson"><h1>Lección 1 - Introducción</h1>
<section class="page">
- <p>Since you are using KidsRuby, you are ready to get started making your first game using Gosu.</p>
- <p>This is the file that will contain our first program.</p>
- <p>We will use the gosu library. We will do this by typing:</p>
- <pre id="code-1-1" class="sampleCode">Code automatically inserted here...</pre>
+ <p>Dado que estás usando KidsRuby, estás listo para empezar a hacer tu primer juego usando Gosu.</p>
+ <p>Este es el archivo que contendrá nuestro primer programa.</p>
+ <p>Usaremos la librería gosu. Haremos esto escribiendo:</p>
+ <pre id="code-1-1" class="sampleCode">Código insertado automáticamente aquí...</pre>
- <p>We will then start our game by inheriting from the <code>Gosu</code> class.</p>
- <p>We will call our game <code>MyGame</code> like this:</p>
- <pre id="code-1-2" class="sampleCode">Code automatically inserted here...</pre>
+ <p>Empezaremos nuestro juego heradando de la clase <code>Gosu</code>.</p>
+ <p>Llamaremos a nuestro juego <code>MyGame</code> de la siguiente forma:</p>
+ <pre id="code-1-2" class="sampleCode">Código insertado automáticamente aquí...</pre>
- <p>Now, inside of this class, <code>Gosu</code> needs us to define three methods:</p>
- <p>We define our methods like so:</p>
- <pre id="code-1-3" class="sampleCode">Code automatically inserted here...</pre>
+ <p>Ahora, dentro de ésta clase, <code>Gosu</code> necesita que nosotros definamos tres métodos:</p>
+ <p>Definimos nuestros métodos de la siguiente manera:</p>
+ <pre id="code-1-3" class="sampleCode">Código insertado automáticamente aquí...</pre>
- <p>What happens here is that when the game starts, the <code>initialize</code> method is called. Then the game stays running and it goes in a loop, calling the methods: <code>update</code> and <code>draw</code>.</p>
- <p>Update, then draw. Update, then draw. Update, then draw. This cycle repeats several times a second.</p>
+ <p>Lo que pasa aqui es que cuando el juego comienza, el método <code>initialize</code> es mandado a llamar. Entonces comienza la ejecución del juego y queda dentro de un ciclo, mandando a llamar los métodos: <code>update</code> y <code>draw</code>.</p>
+ <p>Actualiza, luego dibuja. Actualiza, luego dibuja. Actualiza, luego dibuja. Este ciclo se repite varias veces por segundo.</p>
- <a href="#prev" class="prev-lesson">&laquo; Back</a>
- <a href="index.html">Back to Lessons</a>
- <a href="#next" class="next-lesson">Next &raquo;</a>
+ <a href="#prev" class="prev-lesson">&laquo; Anterior</a>
+ <a href="index.html">Ir a las lecciones </a>
+ <a href="#next" class="next-lesson">Siguiente &raquo;</a>
</section>
</article>
- <article class="lesson"><h1>Lesson 1 - Create A Window</h1>
- <section class="page"><h1>Create A Window</h1>
- <p>OK, so we are almost ready to run this code. The next step that we need to do now is tell <code>Gosu</code> how big a window we want for the game.</p>
- <p>We do this in the <code>initialize</code> method, by passing it three parameters like this:</p>
- <pre id="code-1-4" class="sampleCode">Code automatically inserted here...</pre>
+ <article class="lesson"><h1>Lección 1 - Crear una Ventana</h1>
+ <section class="page"><h1>Crear una Ventana</h1>
+ <p>Muy bien, estamos casi listos para ejecutar éste código. El siguiente paso que necesitamos hacer es decirle a <code>Gosu</code> el tamaño de la ventana que queremos para el juego.</p>
+ <p>Esto lo podemos hacer en el método <code>initialize</code>, pasandole tres parámetros de la siguiente manera:</p>
+ <pre id="code-1-4" class="sampleCode">Código insertado automáticamente aquí...</pre>
- <p>What this does, is make the window 300 pixels wide by 400 pixels high. A pixel is a single dot in your screen. If you put your face right next to the display, you can almost see the dots. Those are called pixels.</p>
- <p>The third parameter you pass to the initialize method is false. This tells gosu not to take over the whole sreen. So we will say false for this.</p>
- <p>OK, we are almost ready to see if this works.</p>
- <p>To show what we have so far, we have to use the class we just defined in our program.</p>
- <p>We do this by adding the following after the class definition:</p>
- <pre id="code-1-5" class="sampleCode">Code automatically inserted here...</pre>
+ <p>Lo que ésto hace, es hacer la ventana de 300 pixeles de ancho y 400 pixeles de alto. Un pixel es un solo punto en tu pantalla. Si acercas tu cara lo suficiente a la pantalla, casi podrás distinguir los puntos. Esos son llamados pixeles.</p>
+ <p>El tercer parámetro que pasamos al método initialize es false. Esto le dice a gosu que no tome la pantalla completa. Asi que pondremos false para esto.</p>
+ <p>Muy bien, estamos casi listos para para ver si ésto funciona.</p>
+ <p>Para mostrar lo que tenemos hasta ahora, tenemos que usar la clase que definimos en nuetro programa.</p>
+ <p>Esto lo hacemos añadiendo lo siguiente después de la definición de la clase:</p>
+ <pre id="code-1-5" class="sampleCode">Código insertado automáticamente aquí...</pre>
- <p>The first line creates an instance of the new game. Then, calling the <code>show</code> method, tells the game to show the game window.</p>
+ <p>Le primer línea crea una instancia del nuevo juego. Luego, mandando a llamar al método <code>show</code>, le indicamos al juego que muestre la ventana de el juego.</p>
- <a href="#prev" class="prev-lesson">&laquo; Back</a>
- <a href="index.html">Back to Lessons</a>
- <a href="#next" class="next-lesson">Next &raquo;</a>
+ <a href="#prev" class="prev-lesson">&laquo; Anterior</a>
+ <a href="index.html">Ir a las lecciones</a>
+ <a href="#next" class="next-lesson">Siguiente &raquo;</a>
</section>
</article>
- <article class="lesson"><h1>Lesson 1 - Run It!</h1>
- <section class="page"><h1>Run Your Program</h1>
- <p>We are now ready to run the program.</p>
- <p>Now, just click on the "Run" button</p>
- <p>If everything worked correctly, you will have seen your screen show up. You have written your first game program!</p>
- <p>Here is the entire program you should have written so far:</p>
- <pre id="code-1-6" class="sampleCode">Code automatically inserted here...</pre>
+ <article class="lesson"><h1>Lección 1 - ¡Ejecución!</h1>
+ <section class="page"><h1>Ejecuta tu Programa</h1>
+ <p>Ahora estamos listos para ejecutar el programa.</p>
+ <p>Ahora, sólo da click en el botón "Run"</p>
+ <p>Si todo salió bien, habrás visto como se muestra tu pantalla del juego. ¡Has escrito tu primer juego!</p>
+ <p>Aquí está el programa completo que deberías haber escrito hasta ahora:</p>
+ <pre id="code-1-6" class="sampleCode">Código insertado automáticamente aquí...</pre>
- <p>Granted, this does not do anything exciting, but at least you now know how to open a window in a computer game.</p>
- <p>Now you are ready to go on to <a href="lesson_2.html">Lesson 2</a>.</p>
+ <p>Lo aceptamos, ésto no hace nada emocionante, pero al menos ahora sabes como abrir una ventana en un juego de computadora.</p>
+ <p>Ahora estamos listos para seguir adelante a la <a href="lesson_2.html">Lección 2</a>.</p>
- <a href="#prev" class="prev-lesson">&laquo; Back</a>
- <a href="index.html">Back to Lessons</a>
- <a href="#next" class="next-lesson">Next &raquo;</a>
+ <a href="#prev" class="prev-lesson">&laquo; Anterior</a>
+ <a href="index.html">Ir a las lecciones</a>
+ <a href="#next" class="next-lesson">Siguiente &raquo;</a>
</section>
</article>
- <a href="#top">Back to top</a>
+ <a href="#top">Ir Hacia Arriba</a>
</body>
</html>
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
- <title>Ruby4Kids - Programming For The Fun Of It</title>
+ <title>Ruby4Kids - Programando sólo porque es divertido</title>
<!-- Load styles -->
<link rel="stylesheet" href="../../../css/blitzer/jquery-ui-1.8.16.custom.css" type="text/css" media="screen" title="style" charset="utf-8">
@@ -26,63 +26,63 @@
</head>
<body class="lesson-set">
- <h1>Ruby4Kids - Game Programming - Lesson 2</h1>
+ <h1>Ruby4Kids - Programación de Juegos - Lección 2</h1>
<nav id="top">
- <a href="#prev" class="prev-lesson">&laquo; Back</a>
- <a href="index.html">Back to Lessons</a>
- <a href="#next" class="next-lesson">Next &raquo;</a>
+ <a href="#prev" class="prev-lesson">&laquo; Anterior</a>
+ <a href="index.html">Ir a las lecciones</a>
+ <a href="#next" class="next-lesson">Siguiente &raquo;</a>
</nav>
- <article class="lesson"><h1>Lesson 2 - Add A Player</h1>
- <section class="page"><h1>Create A Player</h1>
- <p>It will be good to have a player in the game, so let's create one.</p>
- <p>We do this by adding a new class. I will call it <code>Player</code>.
- <p>Now, we will define what our player will do. Do this by typing:</p>
- <pre id="code-2-1" class="sampleCode">Code automatically inserted here...</pre>
+ <article class="lesson"><h1>Lección 2 - Agregar un Jugador</h1>
+ <section class="page"><h1>Crear un Jugador</h1>
+ <p>Sería bueno tener un jugador en el juego, así que creemos uno.</p>
+ <p>Hacemos esto agregando una nueva clase. La llamaremos <code>Player</code>.
+ <p>Ahora, definiremos lo que nuestro jugador hará. Hacemos esto de la siguiente manera:</p>
+ <pre id="code-2-1" class="sampleCode">Código insertado automáticamente aquí...</pre>
- <p>Next, we will add an icon to this player so that we can see it on the screen.</p>
- <p>We do this by finding a .png picture. KidsRuby happens to have a picture already that you can use.</p>
- <p>Go to your player class and add an icon to it, by typing the following:</p>
- <pre id="code-2-2" class="sampleCode">Code automatically inserted here...</pre>
+ <p>Ahora, agregamos un icono al jugador para que podamos verlo en la pantalla.</p>
+ Para esto buscamos una imagen de tipo <i>.png</i>. KidsRuby tiene ya una imagen que puedes usar.</p>
+ <p>Vamos a la clase <code>Player</code> y le agregamos el icono, escribiendo lo siguiente:</p>
+ <pre id="code-2-2" class="sampleCode">Código insertado automáticamente aquí...</pre>
- <p>Then, we add a draw method to the player. We do this by typing:</p>
- <pre id="code-2-3" class="sampleCode">Code automatically inserted here...</pre>
+ <p>Ahora, agregamos el método <code>draw</code> al jugador, escribiendo lo siguiente:</p>
+ <pre id="code-2-3" class="sampleCode">Código insertado automáticamente aquí...</pre>
- <a href="#prev" class="prev-lesson">&laquo; Back</a>
- <a href="index.html">Back to Lessons</a>
- <a href="#next" class="next-lesson">Next &raquo;</a>
+ <a href="#prev" class="prev-lesson">&laquo; Anterior</a>
+ <a href="index.html">Ir a las lecciones</a>
+ <a href="#next" class="next-lesson">Siguiente &raquo;</a>
</section>
</article>
- <article class="lesson"><h1>Lesson 2 - Add A Player</h1>
- <section class="page"><h1>Add Player To Game</h1>
- <p>Now, we're almost ready to try this again. I need to go back to the <code>MyGame</code> class first, and I need to instantiate this player.</p>
- <p>Do this by adding this code to the initialize method of the MyGame class:</p>
- <pre id="code-2-4" class="sampleCode">Code automatically inserted here...</pre>
+ <article class="lesson"><h1>Lección 2 - Agregar un Jugador</h1>
+ <section class="page"><h1>Agregar el Jugador al Juego </h1>
+ <p>Ahora, casi estamos listos para probas esto nuevamente. Primeramente necesitamos regresar a la clase <code>MyGame</code>, y necesitamos instanciar éste jugador.</p>
+ <p>Hacemos esto añadiendo el siguiente código al método <code>initialize</code> de la clase <code>MyGame</code>:</p>
+ <pre id="code-2-4" class="sampleCode">Código insertado automáticamente aquí...</pre>
- <p>This tells the player which window to draw itself on.</p>
- <p>Last, we need to add the following in the draw method of the game window:</p>
- <pre id="code-2-5" class="sampleCode">Code automatically inserted here...</pre>
- <p>This will draw the player when the game is running.</p>
- <p> One last thing! We need to type <code>require 'player'</code> right under <code>require 'gosu'</code>, so that the program knows that we're using the <code>Player</code> class.
- <p>Now, let's try it! Click on the "Run" button. Did it work?</p>
- <p>Here is the entire program you should have written so far:</p>
- <pre id="code-2-6" class="sampleCode">Code automatically inserted here...</pre>
- <p>Now that you've learned how to add a player, why don't we move on to <a href="lesson_3.html">making the player move left in lesson 3</a>?!</p>
+ <p>Esto le dice al jugador en que ventana dibujarse.</p>
+ <p>Por último, necesitamos agregar lo siguiente al método <code>draw</code> de la ventana del juego:</p>
+ <pre id="code-2-5" class="sampleCode">Código insertado automáticamente aquí...</pre>
+ <p>Esto dibujará al jugador cuando el juego esté corriendo.</p>
+ <p>¡Una última cosa! Necesitamos escribir <code>require 'player'</code> justamente abajo de <code>require 'gosu'</code>, para que el programa sepa que estamos usando la clase <code>Player</code>.
+ <p>Ahora, ¡vamos a probarlo! Da click sobre el botón "Run". ¿Funcionó?</p>
+ <p>Aquí está el programa completo que deberías de haber escrito hasta ahora:</p>
+ <pre id="code-2-6" class="sampleCode">Código insertado automáticamente aquí...</pre>
+ <p>Ahora que has aprendido como agregar un jugador, ¡¿Por qué no continuamos con <a href="lesson_3.html">mover el jugador hacia la izquierda en la lección 3</a>?!</p>
- <a href="#prev" class="prev-lesson">&laquo; Back</a>
- <a href="index.html">Back to Lessons</a>
- <a href="#next" class="next-lesson">Next &raquo;</a>
+ <a href="#prev" class="prev-lesson">&laquo; Anterior</a>
+ <a href="index.html">Ir a las lecciones</a>
+ <a href="#next" class="next-lesson">Siguiente &raquo;</a>
</section>
</article>
- <a href="#top">Back to top</a>
+ <a href="#top">Ir Hacia Arriba</a>
</body>
</html>
Oops, something went wrong.

0 comments on commit 5c1710b

Please sign in to comment.