pxt-arcade 1.7.3 → 1.7.7

package/docs/skillmap/jungle/jungle4.md

@@ -3,34 +3,38 @@
 
 ## Welcome @showdialog
 
-**One of our baubles is locked away!**
+**One of our baubles is locked away!**  
+
 This activity will show you how to explode tiles so you can get every point.
 
 ![Using explosives to clear the way](/static/skillmap/jungle/jungle4.gif "Time to live dangerously!")
 
 
 
-## Step 2 - Try It!
+## 2. Try It!
 
-**🕹️ Start by playing the game in the game window 🕹️**
+**🕹️ Start by playing the game in the game window**
 
 ---
 
 Can you find the bauble that's blocked-in?
 
 
-## Step 3 - When B Pressed
+## 3. When B Pressed
 
-**💥 Nothing a little dynamite can't fix 💥**
-We need to remove some walls and tiles! Let's clear the way when the B button is pressed.
+**Nothing a little dynamite can't fix**  
+💥💥💥  
+We need to remove some walls and tiles! Let's clear the way when the (B) button is pressed.
 
 ---
 
-► From ``||controller:Controller||``, drag the ``||controller:on [A] button [pressed]||`` container into an empty area of the workspace.
+- :game: Drag the  
+``||controller:on [A] button [pressed]||``  
+container into an empty area of the workspace.
 
-► Click the letter A and change it to B.
+- :mouse pointer: Click the letter A and change it to B.
 
-► Move to the next step to learn how to spawn your explosive.
+_ 💡 Move to the next step to learn how to spawn your explosive._
 
 
 ```blocks
@@ -39,17 +43,21 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
 })
 ```
 
-## Step 4 - Set the explosive
+## 4. Set the Explosive
 
 We're going to use a **Projectile** block here, even though our dynamite stays in one place.
 
 ---
 
-► From ``||sprites:Sprites||``, drag ``||variables:set [projectile] to projectile from [mySprite] with vx [50] vy [50]||`` into the empty ``||controller:on [B] button [pressed]||`` container.
+- :paper plane: Drag  
+``||variables:set [projectile] to projectile from [mySprite] with vx [50] vy [50]||``   
+into the empty  
+``||controller:on [B] button [pressed]||``  
+container.
 
-► Change both **vx** (horizontal speed) and **vy** (vertical speed) to **0** so the explosive stays where you drop it.
+- :mouse pointer: Change both **vx** (horizontal speed) and **vy** (vertical speed) to **0** so the explosive stays where you drop it.
 
-💡 Don't set the image yet. We'll handle that in another step.
+_💡 Don't set the image yet. We'll handle that in another step._
 
 
 
@@ -61,17 +69,24 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
 })
 ```
 
-## Step 5 - Make it powerful
+## 5. Make it Powerful
 
 For the explosive to overlap the blocks around it, we need it to be able to **go through walls**!
 
 ---
 
-► From ``||sprites:Sprites||``, drag ``||sprites:set [mySprite] [auto destroy] <OFF>||`` into **the end** of ``||controller:on [B] button [pressed]||`` container, then toggle **`<OFF>`** to **`<ON>`**.
+- :paper plane: Drag  
+``||sprites:set [mySprite] [auto destroy] <OFF>||``  
+into **the end** of  
+``||controller:on [B] button [pressed]||``  
+container, then toggle **`<OFF>`** to **`<ON>`**.
 
-► Click ``||variables:mySprite||`` and change it to ``||variables:projectile||``.
+- :mouse pointer: Click ``||variables:mySprite||`` and change it to ``||variables:projectile||``.
 
-► Click ``||sprites:auto destroy||`` and change it to ``||sprites:ghost through walls||``.
+- :mouse pointer: Click  
+``||sprites:auto destroy||``  
+and change it to  
+``||sprites:ghost through walls||``.
 
 
 ```blocks
@@ -83,17 +98,20 @@ let projectile = sprites.createProjectileFromSprite(assets.image`blank`, mySprit
 })
 ```
 
-## Step 6 - Animate It!
+## 6. Animate It!
 
 In this step, we'll choose **an animation** for our projectile to make it look like it's exploding!
 
 ---
 
-► Click the **Advanced** category in the toolbar to reveal the ``||animation:Animation||`` category.
+- :chevron down: Click the **Advanced** category in the toolbar to reveal the ``||animation:Animation||`` category.
 
-► Drag the large ``||animation:animate [mySprite]||`` block to **the end** of ``||controller:on [B] button [pressed]||``.
+- :sync: Drag the large  
+``||animation:animate [mySprite]||``  
+block to **the end** of  
+``||controller:on [B] button [pressed]||``.
 
-► Click ``||variables:mySprite||`` and change it to ``||variables:projectile||``.
+- :mouse pointer: Click ``||variables:mySprite||`` and change it to ``||variables:projectile||``.
 
 
 ```blocks
@@ -104,22 +122,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
     animation.runImageAnimation(
     projectile,
     [img`
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
+        . 
         `],
     500,
     false
@@ -127,14 +130,14 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
 })
 ```
 
-## Step 7 - Choose the Boom!
+## 7. Choose the Boom!
 
 
-► Inside the large ``||animation:animate [mySprite]||`` block, click the empty grey square and toggle to **My Assets** to choose the **splode** animation, then click **Done**.
+- :paint brush: Inside the large ``||animation:animate [mySprite]||`` block, click the empty grey square and toggle to **My Assets** to choose the **splode** animation, then click **Done**.
 
-► The **interval** should automatically change to **100** ms, but if it doesn't, you can change it yourself.
+- :binoculars: The **interval** should automatically change to **100** ms, but if it doesn't, you can change it yourself.
 
-💡 Don't worry if the animation looks empty in your code. The beginning frames are blank to give your character time to get out of the way!
+_💡 Don't worry if the animation looks empty in your code. The beginning frames are blank to give your character time to get out of the way!_
 
 
 ```blocks
@@ -151,30 +154,32 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
 })
 ```
 
-## Try It!
+## 8. Try It Again!
 
-**🕹️ Now try your game 🕹️**
+**🕹️ Now try your game**
 
 ---
 
-You should be able to jump with the up arrow, place tiles with the A button, and set an explosive with the B button.
+You should be able to jump with the up arrow, place tiles with the (A) button, and set an explosive with the (B) button.
 
 **BUT WAIT!** The explosive doesn't do anything.  We'll fix that in the next step.
 
 
 
-## Step 9 - Removing Block Tiles
+## 9. Removing Block Tiles
 
-**💥 Kaboom 💥**
+**💥 Kaboom 💥**  
 When your **splode** animation overlaps a platform tile, we need to remove both the wall and the tile.
 
 ---
 
-► From ``||scene:Scene||``, drag the ``||scene:on [sprite] of kind [Player] overlaps [ ] at [location]||`` container into an empty area of the workspace.
+- :tree: Drag the  
+``||scene:on [sprite] of kind [Player] overlaps [ ] at [location]||``  
+container into an empty area of the workspace.
 
-► Click ``||sprites:Player||`` and change it to ``||sprites:Projectile||``.
+- :mouse pointer: Click ``||sprites:Player||`` and change it to ``||sprites:Projectile||``.
 
-► Click the empty tile box and choose the leafy **skyblock** platform tile.
+- :paint brush: Click the empty tile box and choose the leafy **skyblock** platform tile.
 
 
 ```blocks
@@ -183,11 +188,18 @@ scene.onOverlapTile(SpriteKind.Projectile, assets.tile`skyblock`, function (spri
 })
 ```
 
-## Step 10 - Removing Walls
+## 10. Removing Walls
 
-► From ``||scene:Scene||``, drag ``||scene:set wall <OFF> at tilemap col [0] row [0]||`` into the empty ``||scene:on [sprite] of kind [Projectile] overlaps [skyblock] at [location]||`` container.
+- :tree: Drag  
+``||scene:set wall <OFF> at tilemap col [0] row [0]||``  
+into the empty  
+``||scene:on [sprite] of kind [Projectile] overlaps [skyblock] at [location]||``   
+container.
 
-► To remove the wall at the location of overlap, drag the ``||variables:location||`` value block out of the ``||scene:on [sprite] of kind [Projectile] overlaps [skyblock] at [location]||`` title and drop it in to replace ``||scene:tilemap col [0] row [0]||``.
+- :mouse pointer: To remove the wall at the location of overlap, drag the ``||variables:location||`` value block out of the  
+``||scene:on [sprite] of kind [Projectile] overlaps [skyblock] at [location]||``   
+title and drop it in to replace  
+``||scene:tilemap col [0] row [0]||``.
 
 ![Editing our platformer](/static/skillmap/jungle/projectile-wall-off.gif "Time to live dangerously!")
 
@@ -204,15 +216,21 @@ scene.onOverlapTile(SpriteKind.Projectile, assets.tile`skyblock`, function (spri
 ![Editing our platformer](/static/skillmap/jungle/projectile-wall-off.gif "Time to live dangerously!")
 
 
-## Step 11 - Removing Tiles
+## 11. Removing Tiles
 
 Lastly, we need to remove the tile from the same place that we removed the wall.
 
 ---
 
-► From ``||scene:Scene||``, drag the ``||scene:set [ ] at tilemap col [0] row [0]||`` into **the end** of the ``||scene:on [sprite] of kind [Projectile] overlaps [skyblock] at [location]||`` container.
+- :tree: Drag  
+``||scene:set [ ] at tilemap col [0] row [0]||``  
+into **the end** of the  
+``||scene:on [sprite] of kind [Projectile] overlaps [skyblock] at [location]||``  
+container.
 
-► To remove the tile at the location of overlap, drag the ``||variables:location||`` value block out of the ``||scene:on [sprite] of kind [Projectile] overlaps [skyblock] at [location]||`` title and drop it in to replace ``||scene:tilemap col [0] row [0]||``.
+- :mouse pointer: To remove the tile at the location of overlap, drag the  ``||variables:location||`` value block out of the  
+``||scene:on [sprite] of kind [Projectile] overlaps [skyblock] at [location]||``   title and drop it in to replace  
+``||scene:tilemap col [0] row [0]||``.
 
 
 ```blocks
@@ -223,7 +241,7 @@ scene.onOverlapTile(SpriteKind.Projectile, assets.tile`skyblock`, function (spri
 })
 ```
 
-## Try It!
+## 12. Play!
 
 **🕹️ Time to play your game 🕹️**
 
@@ -233,13 +251,13 @@ You should have everything you need to collect all five baubles and get to the e
 
 
 
-## Finished
+## Finale
 
 **Play your game and see how many points you can get.**
 
 ---
 
-When you're done playing, click **Done** to return to the main page to learn how to add additional consequences for your explosives.
+When you're done playing, click **Done** to return to the main page to find out how to add additional consequences for your explosives!
 
 
 

package/docs/skillmap/jungle/jungle5.md

@@ -3,33 +3,35 @@
 
 ## Welcome @showdialog
 
-**🧨 Explosions are dangerous 🧨**
+**🧨 Explosions are dangerous 🧨** 
+
 This activity will show you how to register a hit on your player if the monkey is standing too close to the blast. You can remove other game elements, too!
 
 ![Move away from the explosions!](/static/skillmap/jungle/jungle5.gif "Don't live too dangerously!")
 
 
 
-## Step 2 - Try It!
+## 2. Try It!
 
-**🕹️ Start by playing your game in the game window 🕹️**
+**🕹️ Start by playing your game in the game window**
 
 ---
 
 Can you connect each chunk of code to the actions it creates?
 
 
-## Step 3 - Fried Monkey
+## 3. Fried Monkey?
 
-**💥 STAND BACK 💥**
+**💥 STAND BACK 💥**  
 Make sure to get the monkey out of the way before the big bang!
 
 ---
 
-► From ``||sprites:Sprites||``, drag the
-``||sprites:on [sprite] of kind [Player] overlaps [otherSprite] of kind [Player]||`` container into an empty area of the workspace.
+- :paper plane: Drag the  
+``||sprites:on [sprite] of kind [Player] overlaps [otherSprite] of kind [Player]||``   
+container into an empty area of the workspace.
 
-► Click the second kind ``||sprites:Player||`` and change it to ``||sprites:Projectile||``.
+- :mouse pointer: Click the second kind ``||sprites:Player||`` and change it to ``||sprites:Projectile||``.
 
 
 ```blocks
@@ -38,11 +40,13 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Projectile, function (sprite, ot
 })
 ```
 
-## Step 4 - Remove the Projectile
+## 4. Remove the Projectile
 
-► From the ``||sprites:Sprites||`` category, drag ``||sprites:destroy [mySprite]||`` into the empty **on Projectile overlaps Player** container.
+- :paper plane: Drag  
+``||sprites:destroy [mySprite]||``  
+into the empty **on Projectile overlaps Player** container.
 
-► Drag the ``||variables:otherSprite||`` value block out of the title bar to replace ``||variables:mySprite||``.
+- :mouse pointer: Drag the ``||variables:otherSprite||`` value block out of the title bar to replace ``||variables:mySprite||``.
 
 ![Borrow a variable](/static/skillmap/assets/give-var.gif "Don't destroy the monkey!")
 
@@ -62,13 +66,15 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Projectile, function (sprite, ot
 
 
 
-## Step 5 - Take a Hit
+## 5. Take a Hit
 
 Don't forget to remove HP from the monkey!
 
 ---
 
-► From ``||info:Info||``, drag ``||info:change life by [-1]||`` to **the end** of the **on Projectile overlaps Player** container.
+- :id card: Drag  
+``||info:change life by [-1]||``  
+to **the end** of the **on Projectile overlaps Player** container.
 
 
 ```blocks
@@ -81,31 +87,31 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Projectile, function (sprite, ot
 
 
 
-## Try It!
+## 6. Try It!
 
 **🕹️ Try your game 🕹️**
 
 ---
 
-You should be able to jump with the up arrow, place tiles with the A button, and set an explosive with the B button.
+You should be able to jump with the up arrow, place tiles with the (A) button, and set an explosive with the (B) button.
 
 **What happens if you don't get your monkey out of the way quickly enough?**
 
 
 
 
-## Step 9 - Remove More Tiles
+## 7. Remove More Tiles
 
-**💥 Kablow 💥**
+**💥 Kablow 💥**  
 This game could have even more options if we remove **bounce** crates and **poison pit** tiles with explosives, too.
 
 ---
 
-► Find the **Projectile overlaps skyblock** container that's already in your code.
+- :binoculars: Find the **Projectile overlaps skyblock** container that's already in your code.
 
-► Right-click the outer container and choose **Duplicate**. The new chunk of code will be faded out, but that's okay!
+- :mouse pointer: Right-click the outer container and choose **Duplicate**. The new chunk of code will be faded out, but that's okay!
 
-► In the new container, change the **skyblock** tile to the **bounce** crate.
+- :paint brush: In the new container, change the **skyblock** tile to the **bounce** crate.
 
 
 ```blocks
@@ -119,9 +125,9 @@ scene.onOverlapTile(SpriteKind.Projectile, assets.tile`bounce`, function (sprite
 })
 ```
 
-## Step 9 - Remove More Tiles
+## 8. Remove More Tiles
 
-Repeat the process once again, but this time choose the **poison pit** tile.
+- :mouse pointer: Repeat the process once again, but this time choose the **poison pit** tile.
 
 
 ```blocks
@@ -140,7 +146,7 @@ scene.onOverlapTile(SpriteKind.Projectile, assets.tile`bounce`, function (sprite
 ```
 
 
-## Try It!
+## 9. Play!
 
 **🕹️ Play your game 🕹️**
 
@@ -150,9 +156,9 @@ Now that you can add and destroy blocks, is there anywhere you can't reach?!
 
 
 
-## Finished
+## Finale
 
-When you're done playing your game, click **Done** to return to the main page to learn how to animate your main player!
+When you're done playing your game, click **Done** to return to the main skillmap to move on and see how to animate your sprite!
 
 
 

package/docs/skillmap/jungle/jungle6.md

@@ -11,25 +11,27 @@ Now that we've added an animation for our explosives, let's animate our characte
 
 
 
-## Step 2 - Try It!
+## 2. Try It!
 
-**🕹️ Start by playing your game in the game window 🕹️**
+**🕹️ Start by playing your game in the game window**
 
 ---
 
 Can you connect each chunk of code to the actions it creates?
 
 
-## Step 3 - Step to the Right
+## 3. Step to the Right
 
-**➡️ Walking to the Right ➡️**
+**➡️ Walking to the Right**  
 Let's make our character walk to the right when the right arrow is pressed.
 
 ---
 
-► To add code that runs when the player moves to the right, open ``||controller:Controller||`` and drag ``||controller:on [A] button [pressed]||`` into an empty area of the workspace.
+- :game: To add code that runs when the player moves to the right, drag  
+``||controller:on [A] button [pressed]||``  
+into an empty area of the workspace.
 
-► Click ``||controller:A||`` and choose ``||controller:right||`` from the dropdown.
+- :mouse pointer: Click ``||controller:A||`` and choose ``||controller:right||`` from the dropdown.
 
 
 ```blocks
@@ -38,15 +40,19 @@ controller.right.onEvent(ControllerButtonEvent.Pressed, function () {
 })
 ```
 
-## Step 4 - Right Animation
+## 4. Right Animation
 
-► Click the **Advanced** category in the toolbar to reveal the ``||animation:Animation||`` category.
+- :chevron down: Click the **Advanced** category in the toolbar to reveal the ``||animation:Animation||`` category.
 
-► Drag the large ``||animation:animate [mySprite]||`` into the empty ``||controller:on [right] button [pressed]||`` container.
+- :sync: Drag the large  
+``||animation:animate [mySprite]||``  
+block into the empty  
+``||controller:on [right] button [pressed]||``  
+container.
 
-► Click the empty grey box and toggle to **My Assets** to choose the **walk right** animation.
+- :paint brush: Click the empty grey box and toggle to **My Assets** to choose the **walk right** animation.
 
-► Toggle **loop** to **`<ON>`** so the monkey continues to walk.
+- :mouse pointer: Toggle **loop** to **`<ON>`** so the monkey continues to walk.
 
 
 
@@ -64,19 +70,13 @@ controller.right.onEvent(ControllerButtonEvent.Pressed, function () {
 
 
 
-## Step 5 - Walk Left
+## 5. Walk Left
 
-**⬅️ And Left ⬅️**
+**⬅️ And Left**
 
 ---
 
-► Drag another ``||controller:on [A] button [pressed]||`` into an empty area of the workspace.
-
-► Click ``||controller:A||`` and choose ``||controller:left||`` from the dropdown.
-
-► Drag ``||animation:animate [mySprite]||`` into the empty ``||controller:on [left] button [pressed]||`` container.
-
-► Click the grey box and toggle to **My Assets** to choose the **walk left** animation, then toggle **loop** to **`<ON>`**.
+Look at what you did for the right animation and see if you can figure out what changes to make when for when the left arrow is pressed.
 
 
 ```blocks
@@ -92,7 +92,7 @@ controller.left.onEvent(ControllerButtonEvent.Pressed, function () {
 
 
 
-## Try It!
+## 6. Try It!
 
 **🕹️ Try your game 🕹️**
 
@@ -101,17 +101,23 @@ controller.left.onEvent(ControllerButtonEvent.Pressed, function () {
 Does your monkey walk right when you click the right arrow? Does it walk left with the left arrow?
 
 
-## Step 9 - Jump!
+## 7. Jump!
 
 Now we need an animation that runs when the monkey jumps!
 
 ---
 
-► Find your ``||controller:on [up] button [pressed]||`` container.
+- :binoculars: Find your  
+``||controller:on [up] button [pressed]||``  
+container that's already in the workspace.
 
-► From ``||animation:Animation||``, grab an ``||animation:animate [mySprite]||`` block and drag it into **the end** of the ``||controller:on [up] button [pressed]||`` container.
+- :sync: Grab an  
+``||animation:animate [mySprite]||``  
+block and drag it into **the end** of the  
+``||controller:on [up] button [pressed]||``  
+container.
 
-► Click the empty grey box and toggle to **My Assets** to choose the **jump** animation.
+- :paint brush: Click the empty grey box and toggle to **My Assets** to choose the **jump** animation.
 
 
 
@@ -129,7 +135,7 @@ controller.up.onEvent(ControllerButtonEvent.Pressed, function () {
 ```
 
 
-## Try It!
+## 8. Play!
 
 **🕹️ Play your game 🕹️**
 
@@ -139,9 +145,9 @@ Your monkey should look amazing as it runs and jumps!
 
 
 
-## Finished
+## Finale
 
-When you're done playing your game, click **Done** to return to the main page to learn how to add more levels!
+When you're done playing your game, click **Done** to return to the main skillmap to move on and find out how to add more levels!