pxt-arcade 1.7.3 → 1.7.4

package/docs/skillmap/jungle/jungle7.md

@@ -11,24 +11,26 @@ This activity will show you how to add extra levels to your game.
 
 
 
-## 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 remember which chunk of code creates each action?
 
 
-## Step 3 - Not So Fast
+## 3. Not So Fast
 
-**🗝️ Find a second chest to win the game 🗝️**
+**Find a second chest to win the game**  
 
 ---
 
-► Look for your ``||game:game over <WIN>||`` block inside of the **Player overlaps chest1** container.
+- :binoculars: Look for your  
+``||game:game over <WIN>||``  
+block inside of the **Player overlaps chest1** container.
 
-► Click the image of **chest1** and change it to **chest2**.
+- :mouse pointer: Click the image of **chest1** and change it to **chest2**.
 
 ```blocks
 scene.onOverlapTile(SpriteKind.Player, assets.tile`chest2`, function (sprite, location) {
@@ -36,16 +38,18 @@ scene.onOverlapTile(SpriteKind.Player, assets.tile`chest2`, function (sprite, lo
 })
 ```
 
-## Step 4 - A New Level
+## 4. A New Level
 
-**🙌 Add a New Level 🙌**
+**🙌 Add a New Level 🙌**  
 When we get to the first chest, we want to take the player to a new level.
 
 ---
 
-► From ``||scene:Scene||``, drag ``||scene:on [sprite] of kind [Player] overlaps [ ] at [location]||`` into an empty area of the workspace.
+- :tree: Drag  
+``||scene:on [sprite] of kind [Player] overlaps [ ] at [location]||``  
+into an empty area of the workspace.
 
-► Click the empty square and choose **chest1**.
+- :paint brush: Click the empty square and choose **chest1**.
 
 
 
@@ -57,12 +61,14 @@ scene.onOverlapTile(SpriteKind.Player, assets.tile`chest1`, function (sprite, lo
 
 
 
-## Step 5 - Change of Scenery
+## 5. Change of Scenery
 
 
-► To show the player that the level has changed, go to ``||scene:Scene||`` and drag ``||scene:set background image to [ ]||`` into the empty **Player overlaps chest1** container.
+- :tree: To show the player that the level has changed, drag  
+``||scene:set background image to [ ]||``  
+into the empty **Player overlaps chest1** container.
 
-► Click the grey square and toggle to **My Assets** to choose **background2**.
+- :paint brush: Click the grey square and toggle to **My Assets** to choose **background2**.
 
 
 ```blocks
@@ -72,12 +78,14 @@ scene.onOverlapTile(SpriteKind.Player, assets.tile`chest1`, function (sprite, lo
 ```
 
 
-## Step 6 - Change of Location
+## 6. Change of Location
 
 
-► To change the level tilemap, go to ``||scene:Scene||`` and drag ``||scene:set tilemap to [ ]||`` to **the end** of the **Player overlaps chest1** container.
+- :tree: To change the level tilemap, drag  
+``||scene:set tilemap to [ ]||``  
+to **the end** of the **Player overlaps chest1** container.
 
-► Click the grey square and toggle to **My Assets** to choose **level2**.
+- :paint brush: Click the grey square and toggle to **My Assets** to choose **level2**.
 
 
 ```blocks
@@ -89,17 +97,21 @@ scene.onOverlapTile(SpriteKind.Player, assets.tile`chest1`, function (sprite, lo
 ```
 
 
-## Step 9 - Back to the Beginning
+## 7. Back to the Beginning
 
-**⏪ Here we go again! ⏪**
+**⏪ Here we go again!**
 
 ---
 
-► To carry your character back to the beginning of the level,  visit the ``||animation:Animation||`` category and drag the ``||animation:animate [mySprite] with [fly to center]||`` block into **the end** of the **Player overlaps chest1** container.
+- :sync: To carry your character back to the beginning of the level,  drag the  
+``||animation:animate [mySprite] with [fly to center]||``  
+block into **the end** of the **Player overlaps chest1** container.
 
-► From the ``||sprites:Sprites||`` category, drag ``||sprites:[mySprite] say [":)"]||`` into **the end** of the **Player overlaps chest1** container.
+- :paper plane: Drag  
+``||sprites:[mySprite] say [":)"]||``  
+into **the end** of the **Player overlaps chest1** container.
 
-► Change the text to say **Level 2!** and click the white plus **(+)** to the right of the block so that the text disappears after 500 ms.
+- :mouse pointer: Change the text to say **Level 2!** and click the white plus **(+)** to the right of the block so that the text disappears after 500 ms.
 
 ```blocks
 let mySprite: Sprite = null
@@ -117,7 +129,7 @@ scene.onOverlapTile(SpriteKind.Player, assets.tile`chest1`, function (sprite, lo
 ```
 
 
-## Try It!
+## 8. Try It!
 
 **🕹️ Give it a try 🕹️**
 
@@ -128,12 +140,12 @@ Make your way to the treasure chest. You should be transported to a new level!
 
 ## Finished
 
-**🥳 Congratulations 🥳**
+**🥳 Congratulations 🥳**  
 You did it!!  Can you play your game all the way to the end?
 
 ---
 
-When you're done playing your game, click **Done** to return to the main page for your certificate and the option to customize your final game!
+When you're done playing your game, click **Done** to return to the main skillmap for your certificate and the option to customize your final game!
 
 
 

package/docs/skillmap/jungle/jungle8.md

@@ -12,39 +12,41 @@ In this activity, you'll edit images and tilemaps to create a custom game!
 
 
 
-## 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**
 
 ---
 
 How do you feel about the main character? The background?
 
 
-## Step 3 - A New Location
+## 3. A New Location
+
+**Let's change the scene**  
+🖼️ 🖼️ 🖼️ 
 
-**🖼️ Let's change the scene 🖼️**
 
 ---
 
-► Click **background** in the **My Assets** window, then click **Edit** under the **Asset Preview**.
+- :paint brush: Click **background** in the **My Assets** window, then click **Edit** under the **Asset Preview**.
 
-► You can either customize the current background in the **Image Editor** or toggle to the **Gallery** to choose something new.
+- :paint brush: You can either customize the current background in the **Image Editor** or toggle to the **Gallery** to choose something new.
 
 
 
-## Step 4 - Edit Your Monkeys
+## 4. Edit Your Monkeys
 
 **🙈 Change the Monkey 🙈**
 
 ---
 
-► Go through **My Assets** and edit each of the monkeys. You can choose new characters and animations from the **Gallery** or draw your own!
+- :paint brush: Go through **My Assets** and edit each of the monkeys. You can choose new characters and animations from the **Gallery** or draw your own!
 
 
-## Step 5 - Try It!
+## 5. Try It!
 
-**🕹️ Play your game after each step 🕹️**
+**🕹️ Play your game after each step**
 
 ---
 
@@ -52,48 +54,48 @@ When you play your game, it's easier to see what changes need to be made to your
 
 
 
-## Step 6 - A New Level
+## 6. A New Level
 
-**🚧 Let's dig in to the level editor 🚧**
+**🚧 Let's dig in to the level editor**
 
 ---
 
-► Scroll down to find **level1**, then click **Edit**.
+- :paint brush: Scroll down to find **level1**, then click **Edit**.
 
-💡 You should see the full tilemap for level 1. You can zoom in or out using the magnifying glasses at the bottom.
+_💡 You should see the full tilemap for level 1. You can zoom in or out using the magnifying glasses at the bottom._
 
 
 
 
-## Step 7 - Start Small
+## 7. Start Small
 
 Let's make the character's starting platform longer.
 
 ---
 
-► Look for the single hovering tile at the lower left of the screen. To make it longer, click the **skyblock** square beneath **My Tiles** and make sure the pencil icon is selected above.
+- :binoculars: Look for the single hovering tile at the lower left of the screen. To make it longer, click the **skyblock** square beneath **My Tiles** and make sure the pencil icon is selected above.
 
-► Click on either side of the floating platform to add extra skyblocks.
+- :paint brush: Click on either side of the floating platform to add extra skyblocks.
 
 
 ![Add tiles with the pencil](/static/skillmap/jungle/platform-tiles.gif)
 
 
-## Step 8 - Build a Wall
+## 8. Build a Wall
 
 Add walls on top of your new tiles so that your character doesn't fall through.
 
 ---
 
-► Click the large **wall** icon (it has a corner missing at the top) and make sure the pencil is still selected.
+- :paint brush: Click the large **wall** icon (it has a corner missing at the top) and make sure the pencil is still selected.
 
-► Click on each new skyblock to add a wall to the tile (it should shade overtop with a light red color.) Then click **Done**.
+- :paint brush: Click on each new skyblock to add a wall to the tile (it should shade overtop with a light red color.) Then click **Done**.
 
 ![Add walls with the pencil](/static/skillmap/jungle/platform-walls.gif)
 
 
 
-##  Step 9 - Try It!
+##  9. Try It!
 
 **🕹️ Give it a try 🕹️**
 
@@ -103,17 +105,17 @@ Is your game platform longer? Does it hold your main character?
 
 
 
-## Step 10 - Go Crazy!
+## 10. Go Crazy!
 
 Now that you know how to add tiles and walls, you can change the levels whichever way you like.
 
-💡 Remember that your code is built to work with certain tile names only.  If you add new tiles or change the names, you'll need to go back to the code to add your changes!
+_💡 Remember that your code is built to work with certain tile names only.  If you add new tiles or change the names, you'll need to go back to the code to add your changes!_
 
 
 
-## Finished
+## Finale
 
-When you're done playing your new game, click **Done** to return to the main page to share your final game!
+When you're done playing your new game, click **Done** to return to the main page to share your final game, then open it with a full toolbox to edit even more!
 
 
 

package/docs/skillmap/jungle.md

@@ -18,7 +18,7 @@
 
 ### jungle1
 * allowcodecarryover: false
-* name: Jungle Monkey Jump
+* name: Moving Monkey
 * type: tutorial
 * description: Make your monkey jump and move around!
 * url: /skillmap/jungle/jungle1
@@ -104,9 +104,13 @@
 * name: Congrats!
 * kind: completion
 * type: certificate
-* imageUrl: /static/skillmap/certificates/platformer-cert.png
-* url: /static/skillmap/certificates/learn-to-make-a-platformer.pdf
+* imageUrl: /static/skillmap/certificates/jungle-cert.png
+* url: /static/skillmap/certificates/jungle-cert.pdf
 * position: 4 1
+* actions:
+    * map: [Try 80s Rockstar Maze](/skillmap/rockstar)
+    * map: [Try our Space Explorer](/skillmap/space)
+    * editor: [Edit Your Project with a Full Toolbox](/)
 
 
 

package/docs/skillmap/long-shark.md

@@ -0,0 +1,119 @@
+# Shark Splash
+* name: Shark Splash
+* description: The deep sea is a fascinating place! This skillmap will guide you through the ocean as a shark on a journey to find food and avoid enemy submarines.
+* infoUrl: skillmap/educator-info/shark-map-info
+* backgroundurl: /static/skillmap/backgrounds/shark-attack-bg.png
+* bannerurl: /static/skillmap/shark/shark4a.gif
+* primarycolor: #ff93c4
+* secondarycolor: #87f2ff
+* tertiarycolor: #5c406c
+* strokecolor: #5c406c
+* highlightcolor: #fff609
+* completednodecolor: #473c4d
+
+## shark
+* name: Shark Splash
+* layout: manual
+
+### shark1
+* name: Swimming with Sharks
+* type: tutorial
+* description: First, we'll plop a shark into the vast ocean, then we'll give it lasers!
+* url: /skillmap/shark/shark1
+* tags: easy, sprites, projectiles
+* imageUrl: /static/skillmap/shark/shark1.gif
+* next: shark2, shark1a
+* position: 0 0
+
+### shark1a
+* name: Beware the Enemy
+* type: tutorial
+* description: Spawn enemy submarines that track your shark!
+* url: /skillmap/shark/shark1a
+* tags: easy, design, background
+* imageUrl: /static/skillmap/shark/shark1a.gif
+* next: shark1b
+* position: 0 2
+
+### shark1b
+* name: Enemies Attack!
+* type: tutorial
+* description: Turn your project into a game by adding damage every time a submarine catches your shark.
+* url: /skillmap/shark/shark1b
+* tags: easy, enemies, overlap, lives
+* imageUrl: /static/skillmap/shark/shark1b.gif
+* next: shark1c
+* position: 1 2
+
+### shark1c
+* name: Laser Focus
+* type: tutorial
+* description: You have enemies. You have lasers. Let's put them together!
+* url: /skillmap/shark/shark1c
+* tags: easy, enemies, points
+* imageUrl: /static/skillmap/shark/shark1c.gif
+* next: shark2
+* position: 2 2
+* edges: 2 1, 1 1
+
+
+
+### shark2
+* name: Food, Not Friends
+* type: tutorial
+* description: A shark's gotta eat!  Learn to make fish appear all over the ocean.
+* url: /skillmap/shark/shark2
+* tags: easy, spawn, sprites
+* imageUrl: /static/skillmap/shark/shark2.gif
+* next: shark3
+* position: 1 0
+
+
+### shark3
+* name: Eat Up!
+* type: tutorial
+* description: Add points for each fish you catch in 15 seconds!
+* url: /skillmap/shark/shark3
+* tags: easy, enemies, overlaps
+* imageUrl: /static/skillmap/shark/shark3.gif
+* next: shark4
+* position: 2 0
+
+
+### shark4
+
+* name: Under the Sea
+* type: tutorial
+* description: Decorate your shark's surroundings with an ocean background and seaweed.
+* url: /skillmap/shark/shark4
+* tags: easy, background, decorations
+* imageUrl: /static/skillmap/shark/shark4.gif
+* next: shark-finish, shark4a, shark4b
+* position: 3 0
+
+### shark4a
+
+* name: Let's Get Animated
+* type: tutorial
+* description: Bring your game to life with custom animations for your characters.
+* url: /skillmap/shark/shark4a
+* tags: easy, animations
+* imageUrl: /static/skillmap/shark/shark4a.gif
+* position: 4 1
+
+### shark4b
+
+* name: A Whole New World
+* type: tutorial
+* description: Give your game a brand new theme and really make it yours!
+* url: /skillmap/shark/shark4b
+* tags: easy, background, decorations, asset editor
+* imageUrl: /static/skillmap/shark/shark4b.gif
+* position: 4 2
+
+
+### shark-finish
+* kind: completion
+* type: certificate
+* url: /static/skillmap/certificates/collector-game.pdf
+* position: 4 0

package/docs/skillmap/racer.md

@@ -18,9 +18,9 @@
 * name: Trapped Backstage
 * type: tutorial
 * description: Create a rockstar backstage after the show, then keep an eye on them as they navigate the path!
-* url: /skillmap/rockstar/rockstar1
+* url: /skillmap/rockstar/racer1
 * tags: easy, sprites, tiles
-* imageUrl: /static/skillmap/rockstar/rockstar1.gif
+* imageUrl: /static/skillmap/racer/racer1.gif
 * next: racer2
 * position: 1 -1
 
@@ -28,9 +28,9 @@
 * name: Gather Your Gear
 * type: tutorial
 * description: Write the code to give your rockstar points for gathering all their gear before they head out on tour.
-* url: /skillmap/rockstar/rockstar2
+* url: /skillmap/rockstar/racer2
 * tags: easy, tiles, events
-* imageUrl: /static/skillmap/rockstar/rockstar2.gif
+* imageUrl: /static/skillmap/racer/racer2.gif
 * next: racer3
 * position: 2 -1
 
@@ -38,9 +38,9 @@
 * name: Avoid the Fans!
 * type: tutorial
 * description: Code some crazed fans who will steal points as souveniers unless the rockstar can avoid them!
-* url: /skillmap/rockstar/rockstar3
+* url: /skillmap/rockstar/racer3
 * tags: easy, enemies, overlap, lives
-* imageUrl: /static/skillmap/rockstar/rockstar3.gif
+* imageUrl: /static/skillmap/racer/racer3.gif
 * next: racer-finish
 * position: 3 0
 
@@ -48,7 +48,7 @@
 ### racer-finish
 * kind: completion
 * type: certificate
-* url: /static/skillmap/certificates/rockstar-cert.pdf
+* url: /static/skillmap/certificates/racer-cert.pdf
 * position: 4 0
 * actions:
     * map: [Try Jungle Monkey Jump](/skillmap/jungle)

package/docs/skillmap/rockstar/rockstar1.md

@@ -14,7 +14,7 @@ We'll walk you through the skills you'll need to help Jerry navigate backstage t
 
 ## 2. Let's Get Started
 
-**Your scene has already been set!**
+**Your scene has already been set!**  
 
 ---
 
@@ -27,16 +27,22 @@ have already been added to this activity.
 
 ## 3. We need a HERO
 
-**👏  We need Jerry! 👏**
+**👏  We need Jerry!**  
 
-Our moving character is called a [__*sprite*__](#sprote "2-D image that move on the screen"). Let's create a rockstar sprite and get it moving before we do anything else.
+Our game character is called a [__*sprite*__](#sprote "2-D image that move on the screen"). Let's create a rockstar sprite and get it moving before we do anything else.
 
 ---
 
-- :puzzle: From the ``||sprites:Sprites||`` category, drag ``||variables:set [mySprite] to sprite [ ] of kind [Player]||`` to **the end** of the ``||loops:on start||`` container.
+- :paper plane: From the ``||sprites:Sprites||`` category, drag  
+``||variables:set [mySprite] to sprite [ ] of kind [Player]||``  
+to **the end** of the ``||loops:on start||`` container.
+
+_💡  Having trouble finding the block you need? Look to the left of the instructions for the icon of the toolbox category where your block lives!_
 
 - :mouse pointer: To add Jerry, click the empty grey box, then toggle to **My Assets** and click  **rockstar**.
 
+![Toggle to My Assets](/static/skillmap/assets/my-assets-three.png "toggle to the My Assets Window")
+
 
 ```blocks
 scene.setBackgroundColor(13)
@@ -48,13 +54,16 @@ let mySprite = sprites.create(assets.image`rockstar`, SpriteKind.Player)
 
 ## 4. Control the Player
 
-**Time to get the sprite moving**
+**Time to get the sprite moving**  
 
 ---
 
-- :puzzle: From ``||controller:Controller||``, drag ``||controller:move [mySprite] with buttons ⊕||``
+- :game: Drag  
+``||controller:move [mySprite] with buttons ⊕||``  
 to **the end** of the ``||loops:on start||`` container.
 
+_💡  Remember, the icon to the left of the instructions shows the same icon as the toolbox category for the block you need._
+
 
 ```blocks
 scene.setBackgroundColor(13)
@@ -67,7 +76,8 @@ controller.moveSprite(mySprite)
 
 ## 5. Try It
 
-**🕹️ Test on the game screen 🕹️ **
+**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!")
 
 ---
 
@@ -83,10 +93,17 @@ The rockstar sprite should appear at the stage door.
 
 ---
 
-- :puzzle: To start Jerry at the stage door, open ``||scene:Scene||`` and drag ``||scene: place [mySprite] on top of random [ ]||`` to **the end** of the ``||loops:on start||`` container.
+- :tree: To start Jerry at the stage door, drag  
+``||scene: place [mySprite] on top of random [ ]||``  
+to **the end** of the  
+``||loops:on start||``  
+container.
 
 - :mouse pointer: Click the checkered tile and select the teal stage door called **stage** from the grid menu.
 
+_💡 Don't forget to play with your project after each step to see the changes your code has made._
+
+
 
 ```blocks
 scene.setBackgroundColor(13)
@@ -102,8 +119,10 @@ tiles.placeOnRandomTile(mySprite, assets.tile`stage`)
 ## 7. Follow with Camera
 
 
-- :puzzle: Next, to keep Jerry in sight, open ``||scene:Scene||`` again and drag
-``||scene:camera follow sprite [mySprite]||`` to **the end** of the ``||loops:on start||`` container.
+- :tree: Next, to keep Jerry in sight, drag  
+``||scene:camera follow sprite [mySprite]||``  
+to **the end** of the  
+``||loops:on start||`` container.
 
 ```blocks
 scene.setBackgroundColor(13)
@@ -119,18 +138,18 @@ scene.cameraFollowSprite(mySprite)
 
 ## 8. Look Again
 
-**🕹️ Try your maze in the game window 🕹️ **
+**🕹️ Try your maze in the game window**  
 
 ---
 
-You should be able to see your sprite as you move it around backstage.  Can you make it to the door?
+You should be able to see your sprite as you move it around backstage.  Can you make it to the exit?
 
 
 
 
 ## Finale
 
-🔥 **Well done!** 🔥
+🔥 **Well done!** 🔥  
 
 ---