pxt-arcade 1.7.3 → 1.7.4

package/docs/skillmap/zoo/zoo2a.md

@@ -1,20 +1,20 @@
 # First Exhibit: By Sea
 
-## Step 1
+## 1. Welcome
 
-**🐙 Welcome to the aquarium! 🐙**
+**🐙 Welcome to the aquarium! 🐙**  
 We're so excited to have you designing this exhibit.
 
 ---
 
-► To start, go to the ``||sprites:Sprites||`` category and drag
+- :paper plane:  To start, go to the ``||sprites:Sprites||`` category and drag
 ``||variables:set [mySprite] to sprite [ ] of kind [Player]||``
 into the ``||loops:on start||`` container.
 
-► Click the grey box and use the **image editor** to
+- :paint brush:  Click the grey box and use the **image editor** to
 draw your favorite sea animal.
 
-▶ Click **> Next** when you're ready for the next step.
+- :mouse pointer:  Click **Next** when you're ready for the next step.
 
 ```blocks
 let mySprite = sprites.create(img`
@@ -37,20 +37,21 @@ let mySprite = sprites.create(img`
     `, SpriteKind.Player)
 ```
 
-## Step 2
+## 2. Move It
 
-**🐡 Just keep swimming! 🐡**
+**Just keep swimming!**
 
 ---
 
-▶ In ``||sprites:Sprites||``, find
-``||sprites:set [mySprite] [x] to [0]||``
+- :paper plane:  In ``||sprites:Sprites||``, find  
+``||sprites:set [mySprite] [x] to [0]||``  
 and drag it into the **end** of the ``||loops:on start||`` container.
 
-▶ Click **x** then choose ** vx (velocity x)** from the dropdown menu.
+- :mouse pointer:  Click **x** then choose ** vx (velocity x)** from the dropdown menu.
 
-▶ Try changing the **0** in the textbox to something else
+- :mouse pointer:  Try changing the **0** in the textbox to something else
 *(either positive or negative)*.
+
 You should see your fishy friend start to move on the game screen.
 
 ```blocks
@@ -76,13 +77,14 @@ let mySprite = sprites.create(img`
 mySprite.vx = 50
 ```
 
-## Step 3
+## 3. Bounce
 
 **Let's teach our fishy friend to do a flip!**
 
 ---
 
-► Open ``||sprites:Sprites||``, then snap ``||sprites:set [mySprite] bounce on wall <ON>||``
+- :paper plane:  Open ``||sprites:Sprites||``, then snap  
+``||sprites:set [mySprite] bounce on wall <ON>||``  
 to the end of the program and check out your exhibit on the game screen!
 
 ```blocks
@@ -111,16 +113,18 @@ mySprite.setBounceOnWall(true)
 ```
 
 
-## Step 4
+## 4. Random
 
 **Let's make the aquarium more exciting with some** **_randomness_**.
 
 ---
 
-► Grab a **new** ``||sprites:set [mySprite] [x] to [0]||`` block
-and drag it to the end of the ``||loops:on start||`` container.
+- :paper plane:  Grab a **new**  
+``||sprites:set [mySprite] [x] to [0]||``  
+block and drag it to the end of the ``||loops:on start||`` container.
+
+- :mouse pointer:  Replace **x** with **y** using the dropdown menu.
 
-► Replace **x** with **y** using the dropdown menu.
 This will change the position of the fish in the up/down direction.
 
 
@@ -149,19 +153,19 @@ mySprite.setBounceOnWall(true)
 mySprite.y = 0
 ```
 
-## Step 5
+## 5. Replace Values
 
-► From the ``||math:Math||`` category, grab a
-``||math:pick random [0] to [10]||`` value block and
+- :calculator:  From the ``||math:Math||`` category, grab a  
+``||math:pick random [0] to [10]||``   
+value block and
 use it to replace the **0** next to ``||sprites:y||``.
 
-► Try replacing **0** and **10** with larger numbers
+- :mouse pointer:  Try replacing **0** and **10** with larger numbers
 to see how they affect your new friend!
 
----
 
-**Hint:** The screen height only goes from **0** to **120** so numbers outside
-that range will hide your aquatic animal.
+_💡 The screen height only goes from **0** to **120** so numbers outside
+that range will hide your aquatic animal._
 
 
 ```blocks
@@ -189,19 +193,29 @@ mySprite.setBounceOnWall(true)
 mySprite.y = randint(10, 110)
 ```
 
+## 6. Try It
+
+**Click the Game Window Tab (Above)**  
+![Click the Game Window tab to see your scene. ](/static/skillmap/assets/game-win-tab.png "Don't forget to look at your game!")
+
+---
+
+Watch your friend swim!
+
+
+
+## 7. Add More
 
-## Step 6
-**This is awesome...**but it's looking a little lonely in that aquarium.
-Let's give your sea critter a few friends!
+**This is awesome...**but it's looking a little lonely in that aquarium. Let's give your sea critter a few friends!
 
 ---
 
-► In ``||loops:Loops||``, find the
-``||loops:repeat [4] times||`` loop container and snap it into the **top** of the
-**on start** container.
+- :redo:  In ``||loops:Loops||``, find the  
+``||loops:repeat [4] times||``  
+loop container and snap it into the **top** of the  
+``||loops:on start||`` container.
 
-► Grab the first block of code beneath the new loop and use it to drag the whole
-chunk of code up into the empty **repeat** container.
+- :mouse pointer:  Grab the first block of code beneath the new loop and use it to drag the whole chunk of code up into the empty **repeat** container.
 
 ```blocks
 //@highlight
@@ -230,7 +244,7 @@ for (let index = 0; index < 4; index++) {
 }
 ```
 
-## Step 7 @showdialog
+## 8. What's Up? @showdialog
 
 **🌟 Great work 🌟**
 
@@ -240,7 +254,7 @@ Now it's feeding time, so let's
 get over to — **OH NO! What's this?**
 
 
-## Step 8 @showdialog
+## 9. WooWoo @showdialog
 
 ![A rotating red siren](/static/skillmap/zoo/siren.gif)
 
@@ -249,8 +263,9 @@ get over to — **OH NO! What's this?**
 What's going on? Hold on, we're getting a report from the penguin department — the
 penguins did *what*?
 
-## Step 9
-**🚨 You better click "Done" and get over there!🚨**
+## Finale
+**You better click "Done" and get over there!**  
+🚨 🚨 
 
 
 

package/docs/skillmap/zoo/zoo3.md

@@ -2,25 +2,26 @@
 # Penguins!
 
 
-## Step 1 @showdialog
+## 1. Help! @showdialog
 
 ![A dirt path with a penguin looking up at a wooden sign. Several penguins are hiding in the bushes.](static/skillmap/zoo/zoo-penguins.png)
 
-**Thank goodness, you're here!** Penguins are *everywhere*!
+**Thank goodness, you're here!**   
+Penguins are *everywhere*!
 
 They're running around outside of their enclosure. You have to help!
 They're eating all the ice cream and sliding down the street!
 
-## Step 2
+## 2. Troubleshoot
 
 Look through the code and figure out how to put the penguins back into their
 icy paradise.
 
-► Can you figure out how to move the penguin spawn point?
+- :binoculars:  Can you figure out how to move the penguin spawn point?
 
 ---
 
-When you've helped the penguins back into the exhibit click **Done**
+Once you've helped the penguins back into the exhibit click **Done**
 to continue to other parts of the zoo.
 
 
@@ -29,8 +30,8 @@ let penguin: Sprite = null
   penguin.x = 10
 ```
 
-Look at this block in particular. What is it doing? Where does
-**x=10** put the penguins on the screen?
+☝ Look at this block. What is it doing?   
+Where does **x=10** put the penguins on the screen?
 
 
 

package/docs/skillmap/zoo/zoo4.md

@@ -1,6 +1,6 @@
 # Feed the Panda
 
-## Step 1
+## 1. Feed the Panda
 
 **🎋 It's feeding time! 🎋**
 
@@ -9,21 +9,27 @@ write some code to feed it some tasty bamboo.
 
 ---
 
-► Take a look at the code in your workspace.
-It should look familiar. Can you remember what it does?
+- :binoculars:  Take a look at the code in your workspace.
+It should look familiar. 
 
+Can you remember what each block does?
 
-## Step 2
+
+## 2. Get Bamboo
 
 **First, you'll need to grab some bamboo.**
 
 ---
 
-► From ``||controller:Controller||``, drag an ``||controller:on [A] button pressed ||`` container into the workspace.
+- :game:  From ``||controller:Controller||``, drag an  
+``||controller:on [A] button pressed ||``  
+container into the workspace.
 
-► Snap a new ``||variables:set [mySprite] to sprite [ ] of kind [Player]||`` block inside it.
+- :paper plane:  Snap a new  
+``||variables:set [mySprite] to sprite [ ] of kind [Player]||``  
+block inside it.
 
-► Make sure to change the kind to ``||sprites:Food||``, then click on
+- :mouse pointer:  Make sure to change the kind to ``||sprites:Food||``, then click on
 the grey square and draw a delicious piece of bamboo in the **image editor**.
 
 ```blocks
@@ -50,7 +56,7 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
 ```
 
 
-## Step 3  @showdialog
+## 3. Try It!  @showdialog
 
 **Press the Ⓐ button**
 
@@ -59,19 +65,23 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
 Look at your game screen to see what happens.
 
 
-## Step 4
+## 4. Random Bamboo
 
 **Time to scatter the bamboo around the panda enclosure!**
 
 ---
 
-► From ``||sprites:Sprites||``, get a ``||sprites:set [mySprite] position to x [0] y [0]||``
-block and place it at the **end** of the ``||controller:on [A] button pressed ||`` container.
+- :paper plane:  From ``||sprites:Sprites||``, get a  
+``||sprites:set [mySprite] position to x [0] y [0]||``  
+block and place it at the **end** of the  
+``||controller:on [A] button pressed ||``   
+container.
 
-► From ``||math:Math||``, grab two ``||math:pick random [0] to [10]||`` value blocks and
-use them to replace the **x** and **y** values in the new **set position** block.
+- :calculator:  From ``||math:Math||``, grab two  
+``||math:pick random [0] to [10]||``  
+value blocks and use them to replace the **x** and **y** values in the new **set position** block.
 
-► Try some different numbers to see how they affect the way the bamboo is **randomly** placed on the screen.
+- :mouse pointer:  Try some different numbers to see how they affect the way the bamboo is **randomly** placed on the screen.
 
 
 ```blocks
@@ -100,23 +110,23 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
 ```
 
 
-## Step 5
+## 5. Panda Food
 
 **Press the Ⓐ button (or click the space bar)** to place food for the panda.
 
 
-## Step 6
+## 6. Help the Panda
 
 **Aw, the panda isn't very good at finding the food...let's help it out!**
 
 ---
 
-► Open ``||sprites:Sprites||`` and drag a
-``||sprites:set [myEnemy] follow [mySprite]||`` block out into the **end**
+- :paper plane:  Open ``||sprites:Sprites||`` and drag a  
+``||sprites:set [myEnemy] follow [mySprite]||``   
+block out into the **end**
 of the ``||controller:on A button pressed||`` container.
 
-► Change the first variable value to ``||variables:panda||``, then try your code
-on the game screen.
+- :mouse pointer:  Change the first variable value to ``||variables:panda||``, then try your code on the game screen.
 
 ```blocks
 let panda:Sprite = null;
@@ -145,7 +155,7 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
 })
 ```
 
-## Step 7
+## 7. Good Eats
 
 **😋 Munch time 😋**
 
@@ -154,10 +164,11 @@ panda **overlaps** the bamboo.
 
 ---
 
-► From ``||sprites:Sprites||``, pull out an ``||sprites:on [sprite] of kind [Player] overlaps [othersprite] of kind [Player]||``
+- :paper plane:  From ``||sprites:Sprites||``, pull out an  
+``||sprites:on [sprite] of kind [Player] overlaps [othersprite] of kind [Player]||``  
 container and drop it in the workspace.
 
-► Click on the second ``||sprites:Player||`` dropdown menu
+- :mouse pointer:  Click on the second ``||sprites:Player||`` dropdown menu
 and select **Food**.
 
 ```blocks
@@ -166,17 +177,34 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Food, function (sprite, otherSpr
 })
 ```
 
-## Step 8
+## 8. Destroy the Sprite
 
-► Next, grab a ``||sprites:destroy [mySprite] ⊕||`` block from ``||sprites:Sprites||``
+- :paper plane:  Next, grab a  
+``||sprites:destroy [mySprite] ⊕||``  
+block from ``||sprites:Sprites||``
 and put it in the **on overlaps** container.
 
-► See the oblong value block in the header of the **on overlaps** container called
-``||variables:otherSprite||``?
-Grab it and drag it down to replace **mySprite** in the **destroy** block.
+- :mouse pointer:  Grab ``||variables:otherSprite||`` from the title of the **overlaps** container and drag it down to replace ``||variables:mySprite||`` in the **destroy** block.
+
+![An example of someone dragging the otherSprite variable out of the container and into the other block](static/skillmap/zoo/overlaps-food-sprite.gif "So that's how you do that!")
+
+```blocks
+
+}
+sprites.onOverlap(SpriteKind.Player, SpriteKind.Food, function (sprite, otherSprite) {
+    //@highlight
+    otherSprite.destroy()
+})
+```
+
 
-► Press the plus icon on the block to add an effect that will play when the
-panda starts munching. Both **spray** and **disintegrate** work well here!
+## 9. Special Effects
+
+- :mouse pointer:  Press the plus icon on the  
+``||sprites:destroy [otherSprite] ⊕||``   
+block to add an effect that will play when the panda starts munching. 
+
+_💡 Both **spray** and **disintegrate** work well here!_
 
 
 
@@ -189,13 +217,14 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Food, function (sprite, otherSpr
 })
 ```
 
-## step 9
+
+## 10. Full Panda
 
 **Way to go!**
 
 That panda's getting a full meal!
 
-Give your game a try using the game screen, and when you're done,
+Give your game a try using the game screen, and when you're finished,
 click **Done** to continue your zoo journey.
 
 

package/docs/skillmap/zoo/zoo5.md

@@ -1,6 +1,6 @@
 # Quail Hatching
 
-## Step 1   @showdialog
+## So Many Quail!   @showdialog
 
 It's quail hatching season! The quail are laying eggs left
 and right.
@@ -8,29 +8,34 @@ and right.
 Let's catch them and put them back into the
 quail coop.
 
-## step 2
+
+## 2. Look for the Glove
 
 First, look at the code in the workspace.
 
 ---
 
-► Can you find where the quail-catching glove is created
+- :binoculars:  Can you find where the quail-catching glove is created
 and where the controller buttons are enabled?
 
 ---
 
-At the moment, the glove doesn't do anything when it overlaps quail. We should fix that.
+At the moment, the glove doesn't do anything when it overlaps quail. 
+
+We should fix that.
+
 
-## Step 3
+## 3. Overlap
 
 **Let's catch some birds!**
 
 ---
 
-► From ``||sprites:Sprites||``, drag an ``||sprites:on [sprite] of kind [Player] overlaps [othersprite] of kind [Player]||``
+- :paper plane:  From ``||sprites:Sprites||``, drag an  
+``||sprites:on [sprite] of kind [Player] overlaps [othersprite] of kind [Player]||``  
 container into the workspace.
 
-► Click the **second** ``||sprites:Player||`` dropdown and
+- :mouse pointer:  Click the **second** ``||sprites:Player||`` dropdown and
 change it to ``||sprites:Quail||``.
 
 
@@ -43,16 +48,17 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Quail, function (sprite, otherSp
 })
 ```
 
-## Step 3
+## 4. Follow the Glove
 
-**✋ Once you catch a quail, it should stay in your hand 🤚**
+**✋ Once you catch a quail, it should stay in your hand**
 
 ---
 
-► Also from ``||sprites:Sprites||``, grab ``||sprites:set [myEnemy] follow [mySprite] ||`` and drag it into
-the empty **overlaps** container.
+- :paper plane:  Also from ``||sprites:Sprites||``, grab   
+``||sprites:set [myEnemy] follow [mySprite] ||``   
+and drag it into the empty **overlaps** container.
 
-► From the header of the **on overlaps** container, grab the ``||variables:otherSprite||`` value block and
+- :mouse pointer:  Grab the ``||variables:otherSprite||`` value block out of the title of the outer container and
 drag it down to replace the ``||variables:myEnemy||`` argument in the **set follow** block.
 
 
@@ -68,24 +74,27 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Quail, function (sprite, otherSp
 })
 ```
 
-## Step 5
+## 5. Try It
 
-**Give the game a try in the simulator.**
+**Give the game a try in the game window.**
 
-What's happening?
+---
+
+What's happening?  
 What's not happening?
 
 
-## Step 6
+## 6. Put It Away
 
 **We need to put the quail back into the coop.**
 
 ---
 
-► From ``||scene:Scene||``, drag an
-``||scene:on [sprite] of kind [Player] overlaps [ ] at [location]||`` container into the workspace.
+- :tree:  From ``||scene:Scene||``, drag an  
+``||scene:on [sprite] of kind [Player] overlaps [ ] at [location]||``  
+container into the workspace.
 
-► Change **Player** to **Quail**, and change the empty tile to the **coop** tile.
+- :mouse pointer:  Change **Player** to **Quail**, and change the empty tile to the **coop** tile.
 
 ```blocks
 namespace SpriteKind {
@@ -97,12 +106,13 @@ scene.onOverlapTile(SpriteKind.Quail, assets.tile`myTile`, function (sprite, loc
 ```
 
 
-## Step 7
+## 7. Destroy
 
-► Snap a ``||sprites:destroy [mySprite]||`` block into the empty
-overlaps container.
+- :paper plane:  From ``||sprites:Sprites||``, snap a  
+``||sprites:destroy [mySprite]||``  
+block into the empty overlaps container.
 
-► Grab the ``||variables:sprite||`` variable in the header of the
+- :mouse pointer:  Grab the ``||variables:sprite||`` value block from the
 **overlaps** container and drag it down to replace the
 ``||variables:mySprite||`` argument in the **destroy** block.
 
@@ -120,25 +130,25 @@ scene.onOverlapTile(SpriteKind.Quail, assets.tile`myTile`, function (sprite, loc
 })
 ```
 
-## Step 8
+## 8. Gather the Eggs
 
 **Now you have to deal with the pesky leftover quail eggs**
 
 ---
 
-► Right-click on your
-``||sprites:on [sprite] of kind [Player] overlaps [othersprite] of kind [Quail]||``
+- :mouse pointer:  Right-click on your  
+``||sprites:on [sprite] of kind [Player] overlaps [othersprite] of kind [Quail]||``  
 container and select **Duplicate** from the dropdown menu. Then change the second
 argument from **Quail** to **Egg**.
 
-► Right-click on your
-``||scene:on [sprite] of kind [Quail] overlaps [coop] at [location]||``
+- :mouse pointer:  Right-click on your  
+``||scene:on [sprite] of kind [Quail] overlaps [coop] at [location]||``  
 container and select **Duplicate** from the dropdown menu.
 Then change the kind from **Quail** to **Egg**.
 
 ---
 
-Use the simulator to see how fast you can clear out the quail!
+Look at the game window to see how fast you can clear out the quail!
 
 ```blocks
 namespace SpriteKind {
@@ -154,13 +164,13 @@ scene.onOverlapTile(SpriteKind.Egg, assets.tile`myTile`, function (sprite, locat
 ```
 
 
-## Step 8
+## 9. Finale
 
 **Now play your game!**
 
 Can you clear all of the eggs before they hatch into more quail?
 
-Once you're done playing, click **Done** to go back to the map where you can share
+Once you're finished playing, click **Done** to go back to the map where you can share
 this game with family and friends!
 
 

package/docs/skillmap/zoo.md

@@ -1,4 +1,4 @@
-# Zookeepers Day
+# A Zookeeper's Adventure!
 * name: A Zookeeper's Adventure!
 * description: Ever wonder what it takes to be a zookeeper? The answer may surprise you...
 * infoUrl: skillmap/educator-info/zookeeper-map-info
@@ -42,7 +42,7 @@
 * url: /skillmap/zoo/zoo2a
 * imageurl: /static/skillmap/zoo/zoo2a.gif
 * tags: easy, movement, random
-* next: zoo-activity2
+* next: zoo-activity3
 
 ### zoo-activity3
 * allowcodecarryover: false

package/docs/skillmaps.md

@@ -16,11 +16,27 @@
   "directOpen": true
 },
 {
-  "name": "Shang-Chi and the Legend of the Ten Rings",
+  "name": "Create a Space Adventure",
   "cardType": "link",
-  "description": "Create your own amazing adventure based on the movie Shang-Chi and the Legend of the Ten Rings!",
-  "imageUrl":  "/static/skillmap/backgrounds/sc.png",
-  "url": "https://arcade.makecode.com/--skillmap#sc",
+  "description": "Make a Galaga-style game by creating a rocket that fires at enemies. Design your outerspace view, create amazing animations, and MORE!",
+  "imageUrl":  "/static/skillmap/backgrounds/space.png",
+  "url": "https://arcade.makecode.com/--skillmap#space",
+  "directOpen": true
+},
+{
+  "name": "Jungle Monkey Jump Platformer",
+  "cardType": "link",
+  "description": "Code your monkey, add magic platforms, toss explosives, and collect valuables through customizable level maps.",
+  "imageUrl":  "/static/skillmap/backgrounds/jungle-map.png",
+  "url": "https://arcade.makecode.com/--skillmap#jungle",
+  "directOpen": true
+},
+{
+  "name": "80s Rockstar Maze",
+  "cardType": "link",
+  "description": "Code your rockstar to move through the crowded backstage area to collect all the gear before they're mobbed by fans!",
+  "imageUrl":  "/static/skillmap/backgrounds/rockstar-card.gif",
+  "url": "https://arcade.makecode.com/--skillmap#rockstar",
   "directOpen": true
 },
 {