Small tweaks to instructions.

Author: amirrajan

index.html

@@ -77,12 +77,10 @@
             <div>
                 <h1>Tutorials</h1>
                 <ul>
-                    <li><a href="index.html?tutorial=tutorial-hello-world.html">Hello World</a></li>
-                    <li><a href="index.html?tutorial=tutorial-collisions-many-to-one.html">Collisions: Many to One</a></li>
-                    <li><a href="index.html?tutorial=tutorial-traveling-at-light-speed.html">Traveling at Light Speed</a></li>
-                    <li><a href="index.html?tutorial=tutorial-primitives.html">Primitives</a></li>
-                    <li><a href="index.html?tutorial=tutorial-animation.html">Animation</a></li>
+                    <li><a href="index.html?tutorial=tutorial-primitives.html">Rendering Primitives</a></li>
+                    <li><a href="index.html?tutorial=tutorial-animation.html">Animating Sprites</a></li>
                     <li><a href="index.html?tutorial=tutorial-arcade-shooter.html">Arcade Shooter</a></li>
+                    <li><a href="index.html?tutorial=tutorial-traveling-at-light-speed.html">Traveling at Light Speed</a></li>
                 </ul>
             </div>
         </div>

tutorial-animation.html

@@ -72,6 +72,11 @@ <h1>Non-looping animation</h1>
                         args.state.starting_tick = args.state.tick_count
                       end
 
+                      args.outputs.labels << [80, 1.from_top,
+                                              "press space to animate",
+                                              -7.5,
+                                              1]
+
                       number_of_sprites = 7
                       number_of_frames_per_sprite = 6
                       does_animation_loop = false
@@ -137,6 +142,18 @@ <h1>Animating from Sprite Sheets</h1>
                         tile_w: 32,
                         tile_h: 32,
                       }
+
+                      args.outputs.labels << [80, 22,
+                                              "(contents of png)",
+                                              -7.5, 1]
+
+                      args.outputs.sprites << {
+                        x: 24,
+                        y: 0,
+                        h: 16,
+                        w: 112,
+                        path: 'sprites/explosion-sheet.png'
+                      }
                     end
 
                     $gtk.reset
@@ -177,6 +194,11 @@ <h1>Non-looping Animation from a Sprite Sheet</h1>
                         tile_w: 32,
                         tile_h: 32,
                       }
+
+                      args.outputs.labels << [80, 1.from_top,
+                                              "press space to animate",
+                                              -7.5,
+                                              1]
                     end
 
                     $gtk.reset

tutorial-arcade-shooter.html

@@ -11,7 +11,7 @@ <h1>DragonRuby Game Toolkit - Arcade Shooter</h1>
         <div itemscope="itemscope" itemtype="tutorial-step" data-step-number="1">
             <div itemscope="itemscope" itemtype="tutorial-text">
                 <h1>Moveable Player</h1>
-                <p>We can start by creating a moveable player</p>
+                <p>We can start by creating a moveable player. Use the arrow keys to move around.</p>
             </div>
             <div itemscope="itemscope" itemtype="tutorial-code">
                 <pre>
@@ -69,8 +69,7 @@ <h1>Moveable Player</h1>
         <div itemscope="itemscope" itemtype="tutorial-step" data-step-number="2">
             <div itemscope="itemscope" itemtype="tutorial-text">
                 <h1>Player Shooting</h1>
-                Next, we will add player shooting.
-                The label shows the number of bullets that exist.
+                Next, we will add player shooting. Press space to shoot. The label shows the number of bullets that exist.
             </div>
             <div itemscope="itemscope" itemtype="tutorial-code">
                 <pre>
@@ -111,7 +110,7 @@ <h1>Player Shooting</h1>
 
                         # Shows how many bullets are being rendered
                         args.outputs.labels << [
-                          10, 20, player.bullets.size
+                          5, 5.from_top, "bullet count: #{player.bullets.size}", -7.5
                         ]
                       end
 
@@ -140,7 +139,7 @@ <h1>Player Shooting</h1>
                         player.y -= player.speed if args.inputs.keyboard.down
 
                         # If the space bar is pressed and lifted
-                        if args.inputs.keyboard.key_up.space
+                        if args.inputs.keyboard.key_down.space
                           # Add a bullet sprite to player.bullets
                           player.bullets << [
                             # Centers the bullet on the center of the player
@@ -414,7 +413,7 @@ <h1>Bringing it all together</h1>
                         player.y += player.speed if args.inputs.keyboard.up
                         player.y -= player.speed if args.inputs.keyboard.down
 
-                        if args.inputs.keyboard.key_up.space
+                        if args.inputs.keyboard.key_down.space
                           player.bullets << [
                             player.x + player.w / 2 - player.bullet_size / 2,
                             player.y + player.h / 2 - player.bullet_size / 2,
@@ -603,7 +602,7 @@ <h1>Adding collisions</h1>
                         player.y += player.speed if args.inputs.keyboard.up
                         player.y -= player.speed if args.inputs.keyboard.down
 
-                        if args.inputs.keyboard.key_up.space
+                        if args.inputs.keyboard.key_down.space
                           player.bullets << [
                             player.x + player.w / 2 - player.bullet_size / 2,
                             player.y + player.h / 2 - player.bullet_size / 2,