Skip to content

Commit

Permalink
[fr] translation
Browse files Browse the repository at this point in the history
lesson 6
  • Loading branch information
bootis committed Jul 3, 2012
1 parent 3b1718c commit 11c23ae
Showing 1 changed file with 31 additions and 32 deletions.
63 changes: 31 additions & 32 deletions public/help/fr/ruby4kids/lesson_6.html
Original file line number Diff line number Diff line change
Expand Up @@ -39,24 +39,24 @@ <h1>Ruby4Kids - Programmation de Jeux - Leçon 6</h1>
</nav>

<article class="lesson"><h1>Leçon 6 - Ajout d'un Ballon à Eviter</h1>
<section class="page"><h1>Creating a New Class and Randomizing</h1>
<p>OK, in the first lesson, we learned how to open a window in Gosu.
Then, we learned to draw a player inside the game window.
Next, learned to move this player around the game window.
We also limited its movement to just the bounds of the game window.</p>
<p>Now, we are ready to add more excitement to the game.</p>
<p>How about if we play dodge ball with our player? We can have a ball that appears as if thrown into the game window, and our player dodges the ball by moving with the arrow keys.</p>
<p>So let's try that. We already have a picture that you can use included with KidsRuby.</p>
<p>Start by creating a new class for our dodge ball: </p>
<section class="page"><h1>Créer une Nouvelle Classe et des Phénomènes Aléatoires</h1>
<p>OK, dans la première leçon, nous avons appris comment ouvrir une fenêtre dans Gosu.
Ensuite, nous avons appris à dessiner un joueur dans la fenêtre de jeu.
Puis à faire se déplacer ce joueur autour de la fenêtre de jeu.
On a aussi limité ses mouvements aux bords de la fenêtre de jeu.</p>
<p>Alors nous sommes prêts à ajouter encore plus de piment au jeu.</p>
<p>Et si on jouait au ballon avec notre joueur ? On pourrait avoir une balle qui apparaît comme si elle était lancée dans la fenêtre de jeu, et notre joueur taperait la balle en bougeant avec les touches fléchées.</p>
<p>Essayons ça. On a déjà une image qui peut être utilisée, incluse dans KidsRuby.</p>
<p>Commençons par créer une nouvelle classe pour notre ballon :</p>

<pre id="code-6-1" class="sampleCode">Code inséré automatiquement ici...</pre>

<p>Now, we will make this ball come from the top of the screen and drop down from random places.</p>
<p>We accomplish this by setting the initial position <code>@x</code> to a random number between 0 and the width of the game window, in pixels.The <code>@y</code> position for this ball will be 0, since it is at the top during initialize. So, your code should look like this:</p>
<p>Maintenant, nous allons faire en sorte que ce ballon vienne du haut de l'écran et tombe depuis des endroits aléatoires.</p>
<p>On peut faire cela en mettant le <code>@x</code> de la position initiale à un nombre aléatoire entre 0 et la largeur de la fenêtre de jeu, en pixels. La position <code>@y</code> sera 0, étant donné qu'elle est en haut quand on initialise. Le code devrait ressembler à ça :</p>

<pre id="code-6-2" class="sampleCode">Code inséré automatiquement ici...</pre>

<p>This means that when the game starts, the random method will give us a position somewhere between 0 and the width of the game window.</p>
<p>Cela signifique que lorsque le jeu commence, la méthode aléatoire va nous donner une position entre 0 et la largeur de la fenêtre de jeu.</p>

<a href="#prev" class="prev-lesson">&laquo; Précédent</a>
<a href="index.html">Retour aux Leçons</a>
Expand All @@ -68,16 +68,16 @@ <h1>Ruby4Kids - Programmation de Jeux - Leçon 6</h1>


<article class="lesson"><h1>Leçon 6 - Ajout d'un Ballon à Eviter</h1>
<section class="page"><h1>Changing Positions, Defining, and Updating</h1>
<p>Now, with each update, we need to make the ball move down. So, let's say the ball moves 1 pixel with every update. We will see how fast that is.</p>
<p>We do this in the update, where we change the <code>@y</code> position by 1 pixel like this:</p>
<pre id="code-6-3" class="sampleCode">Code automatically inserted here...</pre>
<section class="page"><h1>Changer les positions, Définir, et Mettre à Jour</h1>
<p>Maintenant, avec chaque mise à jour, nous avons besoin de faire se déplacer la balle vers le bas. Disons alors que la balle va se déplacer de 1 pixel à chaque mise à jour. Nous verrons à quelle vitesse ça va aller.</p>
<p>On fait ça dans la mise à jour, où l'on change la position <code>@y</code> de 1 pixel comme cela :</p>
<pre id="code-6-3" class="sampleCode">Code inséré automatiquement ici...</pre>

<p>Next, we need to just define our ball within the <code>MyGame</code> class, under the <code>def initialize</code>. So, it should look like this:</p>
<p>Ensuite on a juste besoin de définir notre balle dans la classe <code>MyGame</code> sous le <code>def initialize</code>. Donc cela devrait donner :</p>

<pre id="code-6-4" class="sampleCode">Code inséré automatiquement ici...</pre>

<p>Then, we go to <code>def update</code> and tell the ball to update itself. So, we type:</p>
<p>Ensuite, on va dans <code>def update</code> et on dit à la balle de se mettre à jour. On tape :</p>

<pre id="code-6-5" class="sampleCode">Code inséré automatiquement ici...</pre>

Expand All @@ -91,18 +91,18 @@ <h1>Ruby4Kids - Programmation de Jeux - Leçon 6</h1>


<article class="lesson"><h1>Leçon 6 - Ajout d'un Ballon à Eviter</h1>
<section class="page"><h1>Adding the Icon and Drawing</h1>
<p>Now, just like we did with the player, we're going to need an icon for the ball, as well. So we'll just copy the <code>@icon</code> code from the <code>Player</code>class and paste it right under <code>@game_window = game_window</code> in the <code>Ball</code> class. Then, we're going to change the <code>player1.png</code> to <code>asteroid.png</code>. So, your code should look like this:</p>
<section class="page"><h1>Ajouter l'Icône et Dessiner</h1>
<p>Et maintenant, de la même manière que ce qu'on a fait avec le joueur, nous allons aussi avoir besoin d'une icône pour le ballon. Donc on va simplement copier le code de <code>@icon</code> de la classe <code>Player</code> et le coller juste sous <code>@game_window = game_window</code> dans la classe <code>Ball</code>. Ensuite, nous allons changer le nom <code>player1.png</code> en <code>asteroid.png</code>. Ton code devrait donner ceci :</p>

<pre id="code-6-6" class="sampleCode">Code inséré automatiquement ici...</pre>

<p>Next, when we want to draw the ball, we just add the following under the <code>Ball</code>class:</p>
<p>Ensuite, pour dessiner la balle, nous ajoutons le code suivant dans la classe <code>Ball</code> :</p>

<pre id="code-6-7" class="sampleCode">Code inséré automatiquement ici...</pre>

<p>Now, the last number within the parentheses in the code above, refers to whether the ball will be dropped behind the player or in front of the player. For right now, we're going to make ball goin front of the player, which is why the number is set to <code>2</code> instead of <code>1</code>.</p>
<p>A présent, le dernier nombre entre parenthèse dans le code ci-dessus se réfère a si la balle va tomber devant ou derrière le joueur. Pour l'instant, on va faire passer la balle devant le joueur, ce qui explique pourquoi le nombre est fixé à <code>2</code> plutôt que <code>1</code>.</p>

<p> OK, now we're just going to go to the <code>MyGame</code> class and add <code>@ball.draw</code> to the <code>def draw</code> method. So, it should look like this:</p>
<p>Maintenant nous allons dans la classe <code>MyGame</code> et ajouter <code>@ball.draw</code> à la méthode <code>def draw</code>. Cela devrait donner cela :</p>

<pre id="code-6-8" class="sampleCode">Code inséré automatiquement ici...</pre>

Expand All @@ -114,23 +114,22 @@ <h1>Ruby4Kids - Programmation de Jeux - Leçon 6</h1>
</article>

<article class="lesson"><h1>Leçon 6 - Ajout d'un Ballon à Eviter</h1>
<section class="page"><h1>Things are Getting Pretty Random</h1>
<section class="page"><h1>Les Choses Deviennent Vraiment Aléatoires</h1>

<p>As we have learned, we need to trap for when the ball goes off of the screen. If the ball goes beyond the screen, we want to start again, find a random position from the top of the screen, and drop the ball again.</p>
<p>So we can do this by adding our familiar <code>if</code> statement like this:</p>
<p>Comme nous l'avons appris, nous devons rattrapper la balle quand elle sort de l'écran. Si la balle va derrière l'écran, nous voulons recommencer, trouver une position aléatoire depuis le haut de l'écran, et encore laisser tomber la balle.</p>
<p>On peut faire ça en ajoutant notre instruction <code>if</code> que l'on connaît bien, comme ceci :</p>

<pre id="code-6-9" class="sampleCode">Code inséré automatiquement ici...</pre>


<p>Now, we will do something else. We want the ball to start dropping from another position, not the same x position as before. So, in the line where we reset @y to 0, we also change the @x position to be another random position. So, the code should look like this:</p>

<p>Et là, nous allons faire autre chose. On veut que le ballon recommence à tomber depuis une autre position, pas la même qu'avant. Donc dans la ligne où on remet <code>@y</code> à 0, on va aussi mettre la position <code>@x</code> à une autre position aléatoire. Alors le code devrait ressembler à cela :</p>

<pre id="code-6-10" class="sampleCode">Code inséré automatiquement ici...</pre>

<p>Now, the ball should go down as expected.</p>
<p>Here is the entire program you should have written so far:</p>
<p>Maintenant, le ballon devrait aller vers le bas comme prévu.</p>
<p>Voici l'intégralité du programme que tu devrais avoir écrit jusqu'ici :</p>
<pre id="code-6-11" class="sampleCode">Code inséré automatiquement ici...</pre>

<p>You've made it to the end of the 6th lesson! Now, let's see if you can handle being <a href="lesson_7.html">hit by dodgeballs in lesson 7</a>!</p>
<p>Tu as réussi jusqu'à la fin de la 6ème leçon ! Alors voyons voir si tu vas supporter de te faire <a href="lesson_7.html">percuter par des ballons dans la leçon 7</a> !</p>

<a href="#prev" class="prev-lesson">&laquo; Précédent</a>
<a href="index.html">Retour aux Leçons</a>
Expand Down

0 comments on commit 11c23ae

Please sign in to comment.