pxt-arcade 1.7.3 → 1.7.4

package/docs/skillmap/collector-themed/collectort3.md

@@ -78,7 +78,7 @@ forever(function () {
 ```
 
 
-## Intro @showdialog
+## {Intro @showdialog}
 
 Collecting things is great, but let's also add an element of **DANGER!**
 
@@ -86,14 +86,14 @@ This tutorial will show you how to add cars to the road.
 
 ![Avoid the cars](/static/skillmap/collector/collectort3.gif "Stay safe!" )
 
-## Step 2
+## {Step 2}
 
 The code for a collector game is already in the workspace.
 🕹️ Play your game to help you remember what each chunk of code does.
 
 
 
-## Step 3
+## {Step 3}
 
 Let's start by adding a new kind of projectile, an ``||sprites:Enemy||``!
 
@@ -116,7 +116,7 @@ forever(function () {
 ```
 
 
-## Step 4
+## {Step 4}
 
 ► Click the empty grey box and toggle to **My Assets** to select the blue car.
 
@@ -130,7 +130,7 @@ forever(function () {
 ```
 
 
-## Step 4
+## {Step 4}
 
 **Our new enemy isn't quite ready.**
 We still have to set the vertical positions on the screen and add a pause to the loop.
@@ -152,7 +152,7 @@ forever(function () {
 })
 ```
 
-## Step 5
+## {Step 5}
 
 ► Add ``||loops:pause [100] ms||`` to the bottom of this ``||loops:forever||`` loop.
 
@@ -168,7 +168,7 @@ forever(function () {
 })
 ```
 
-## Step 6
+## {Step 6}
 
 
 **🎮 Now try your game on the game screen 🎮**
@@ -177,7 +177,7 @@ How is it working?
 
 
 
-## Step 7
+## {Step 7}
 
 **😲 Uh-Oh 😲**
 
@@ -204,7 +204,7 @@ forever(function () {
 })
 ```
 
-## Step 8
+## {Step 8}
 
 **😈 Wicked 😈**
 
@@ -229,7 +229,7 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Enemy, function (sprite, otherSp
 ```
 
 
-## Step 9
+## {Step 9}
 
 At this point, the player is still awarded points when they hit a car.
 
@@ -253,7 +253,7 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Enemy, function (sprite, otherSp
 ```
 
 
-## Step 8
+## {Step 8}
 
 **What an amazing creation!**
 

package/docs/skillmap/collector-themed/collectort4.md

@@ -79,7 +79,7 @@ forever(function () {
 ```
 
 
-## Intro @showdialog
+## {Intro @showdialog}
 
 A fantastic game can be made even better by adding small details.
 
@@ -88,14 +88,14 @@ This tutorial will show you how to animate your characters.
 ![Mama dino looks like she's walking](/static/skillmap/collector/collectort4.gif "One foot in front of the other." )
 
 
-## Step 2
+## {Step 2}
 
 The code for **Dino Mama** is already in the workspace.
 🕹️ Play your game to remember what the code does.
 
 
 
-## Step 3 @showdialog
+## {Step 3 @showdialog}
 
 Let's start by animating Mama Dino!
 
@@ -106,7 +106,7 @@ Let's start by animating Mama Dino!
 
 
 
-## Step 4
+## {Step 4}
 
 
 ► In the toolbox, click **Advanced** to reveal the ``||animation:Animation||`` category.
@@ -150,7 +150,7 @@ true
 ```
 
 
-## Step 5
+## {Step 5}
 
 **🎥 Let's get animating 🎥**
 
@@ -177,7 +177,7 @@ true
 )
 ```
 
-## Step 6
+## {Step 6}
 
 **Watch your speed!**
 
@@ -206,7 +206,7 @@ true
 ```
 
 
-## Step 7
+## {Step 7}
 
 
 **🎮 Now try your game on the game screen 🎮**
@@ -215,7 +215,7 @@ How cool is that?!?
 
 
 
-## Step 8
+## {Step 8}
 
 **🔁 Let's do it again 🔁**
 
@@ -248,7 +248,7 @@ true
 ```
 
 
-## Step 9
+## {Step 9}
 
 
 **🎮 Try your project on the game screen! 🎮**
@@ -257,7 +257,7 @@ Looking good!
 
 
 
-## Step 10
+## {Step 10}
 
 **😈 Wicked 😈**
 
@@ -290,7 +290,7 @@ true
 
 
 
-## Step 8
+## {Step 8}
 
 **Now that's an exciting game!**
 

package/docs/skillmap/collector-themed/collectort4old.md

@@ -191,7 +191,7 @@ forever(function () {
 
 
 
-## Intro @showdialog
+## {Intro @showdialog}
 
 Ready to give your game some extra life?
 
@@ -200,7 +200,7 @@ Ready to give your game some extra life?
 
 
 
-## Step 1
+## {Step 1}
 
 The code for a collector game is already in the workspace.
 
@@ -249,7 +249,7 @@ forever(function () {
 ```
 
 
-## Step 2
+## {Step 2}
 
 **The extra life isn't quite ready.**
 
@@ -297,7 +297,7 @@ forever(function () {
 ```
 
 
-## Step 3
+## {Step 3}
 
 Extra lives are supposed to be special, but they appear just as much
 as the other two projectiles right now.
@@ -341,7 +341,7 @@ forever(function () {
 
 
 
-## Step 4
+## {Step 4}
 
 **Play through your game once or twice.  Notice anything wrong?**
 
@@ -369,7 +369,7 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Food, function (sprite, otherSpr
 ```
 
 
-## Step 6
+## {Step 6}
 
 The extra life is still **subtracting** a life when collected.
 
@@ -401,7 +401,7 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Food, function (sprite, otherSpr
 
 
 
-## Step 7
+## {Step 7}
 
 ► The new **mySprite say** block is pointed toward the wrong sprite. To fix that,
 drag the ``||variables:otherSprite||`` argument out of the header of the
@@ -422,7 +422,7 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Food, function (sprite, otherSpr
 
 ```
 
-## Step 8
+## {Step 8}
 
 
 **There you go!**

package/docs/skillmap/collector-themed/collectort5.md

@@ -472,7 +472,7 @@ forever(function () {
 
 ```
 
-## Intro @showdialog
+## {Intro @showdialog}
 
 You've learned everything you know to make an exciting collector game.  Now put it all together to create something that's all your own!
 
@@ -481,7 +481,7 @@ You've learned everything you know to make an exciting collector game.  Now put
 
 
 
-## Step 1
+## {Step 1}
 
 The code for a collector game is already in the workspace.
 

package/docs/skillmap/educator-info/forest-map-info.md

@@ -42,49 +42,49 @@ Specifically, they will experience the following topics:
 As students progress through these projects, they will progressively build a game where their plane shoots water at flames to weaken them until they eventually extinguish.
 
 ```package
-pxt-tilemaps=github:microsoft/pxt-tilemaps/
+pxt-forest-special=github:kiki-lee/forest-special/
 ```
 
 #### 1. Prepare Your Plane
 | Activity | Prepare Your Plane (7 min) |
 |---|---|
 | ![Prepare Your Plane thumbnail](/static/skillmap/forest/forest1.gif) | Set up your plane to make sure you can get everywhere you need to be!  |
-| Blocks used | ``[let mySprite = sprites.create(img`.`, SpriteKind.Player)]``<br/>``[let mySprite: Sprite=null; controller.moveSprite(mySprite)]``<br/>``[tiles.placeOnRandomTile()]``<br/>``[let mySprite: Sprite=null; scene.cameraFollowSprite(mySprite)]`` |
+| Blocks used | ``[let mySprite = sprites.create(img`.`, SpriteKind.Player)]``<br/>``[let mySprite: Sprite=null; controller.moveSprite(mySprite)]``<br/>``[let mySprite: Sprite=null; scene.cameraFollowSprite(mySprite)]`` |
 | Solution option | [Prepare Your Plane Project](https://makecode.com/_0CbLhcf6TW1W) |
 
 #### 2. Burning Issues
 | Activity | Burning Issues (8 min) |
 |---|---|
 | ![Burning Issues thumbnail](/static/skillmap/forest/forest2.gif) | Use loops to add random fires to your map!  |
-| Blocks used | ``[scene.onOverlapTile()]``<br/>``[tiles.setTileAt(location, assets.tile`transparency16`)]``<br/>``[info.changeScoreBy(1)]``<br/>``[game.over(true)]`` |
+| Blocks used | ``[for (let index = 0; index < 4; index++) {}]``<br/>``[newFire = sprites.create(img`.`, SpriteKind.Player)]``<br/>``[tiles.placeOnRandomTile(newFire, assets.tile`transparency16`)]``<br/>``[sprites.onCreated()]``<br/>``[let sprite: Sprite=null; sprite.startEffect(effects.fire)]`` |
 | Solution option | [Burning Issues Project](https://makecode.com/_EdjVbU6eMTPW) |
 
 #### 3. Fire Fighting
 | Activity | Fire Fighting (10 min) |
 |---|---|
 | ![Fire Fighting! thumbnail](/static/skillmap/forest/forest3.gif) | Add a water hose to your plane so you can keep your fires under control.  |
-| Blocks used | ``[scene.onOverlapTile()]``<br/>``[tiles.setTileAt(location, assets.tile`transparency16`)]``<br/>``[info.changeScoreBy(-1)]``<br/>``[info.startCountdown(0)]`` |
+| Blocks used | ``[controller.A.onEvent(ControllerButtonEvent.Repeated, function () {})]``<br/>``[let mySprite: Sprite=null; sprites.spray(mySprite, img`.`)]``<br/>``[sprites.set_flame_strength(sprite, 10)]``<br/>``[sprites.onOverlap()]``<br/>``[let sprite: Sprite=null; sprite.destroy()]``<br/>``[sprites.change_flame_strength_by(sprite, -1)]`` |
 | Solution option | [Fire Fighting Project](https://makecode.com/_9p32WzfzX1uv) |
 
 #### 4. Spreads Like Wildfire
 | Activity | Spreads Like Wildfire (10 min) |
 |---|---|
-| ![Spreads Like Wildfire thumbnail](/static/skillmap/forest/forest4.gif) | Conditions in the weather and environment such as drought, winds, vegetation density and dryness can cause fires to spread more quickly.  Let’s simulate these conditions in our game.  |
-| Blocks used | ``[scene.onOverlapTile()]``<br/>``[tiles.setTileAt(location, assets.tile`transparency16`)]``<br/>``[info.changeScoreBy(-1)]``<br/>``[info.startCountdown(0)]`` |
+| ![Spreads Like Wildfire thumbnail](/static/skillmap/forest/forest4.gif) | Conditions in the weather and environment such as drought, winds, vegetation density and dryness can cause fires to spread more quickly.  Let's simulate these conditions in our game.  |
+| Blocks used | ``[game.set_health_of_trees(7)]``<br/>``[game.set_strength_of_wind(3)]``<br/>``[game.set_dryness_of_grass(3)]``<br/>``[game.onUpdate(function () {})]``<br/>``[sprites.random_spread(img`.`]``<br/>``[sprites.onDestroyed(SpriteKind.Player, function (sprite) {})]``<br/>``[tiles.setTileAt(tiles.locationOfSprite(sprite), assets.tile`transparency16`)]``<br/>``[scene.onOverlapTile()]``<br/>``[sprites.onOverlap()]``<br/>``[let otherSprite: Sprite=null; otherSprite.destroy()]``<br/> |
 | Solution option | [Spreads Like Wildfire Project](https://makecode.com/_ifR6pigEHKP7) |
 
 #### 5. Head's Up!
 | Activity | Head's Up! (9 min) |
 |---|---|
 | ![Head's Up!](/static/skillmap/forest/forest5.gif) | Computer science is more important to firefighting than ever before. Let's add a heads-up-display (HUD) to help the pilot get information from their fire database in real-time.  |
-| Blocks used | ``[scene.onOverlapTile()]``<br/>``[tiles.setTileAt(location, assets.tile`transparency16`)]``<br/>``[info.changeScoreBy(-1)]``<br/>``[info.startCountdown(0)]`` |
+| Blocks used | ``[hud.forest_hud(true)]``<br/>``[hud.danger_hud(true)]``<br/>``[hud.forest_hud(true)]`` |
 | Solution option | [Head's Up Project](https://makecode.com/_77cLwx4b120o) |
 
 #### 4. Keep Going
 | Activity | Keep Going (10 min) |
 |---|---|
 | ![Keep Going thumbnail](/static/skillmap/forest/forest6.gif) | Add more to your game! Experiment with sounds and animation to make your game truly unique.  |
-| Blocks used | ``[scene.onOverlapTile()]``<br/>``[tiles.setTileAt(location, assets.tile`transparency16`)]``<br/>``[info.changeScoreBy(-1)]``<br/>``[info.startCountdown(0)]`` |
+| Blocks used | ``[controller.left.onEvent(ControllerButtonEvent.Pressed, function () {})]``<br/>``[animation.runImageAnimation()]``<br/>``[music.thump.play()]`` |
 | Solution option | [Keep Going Project](https://makecode.com/_0kzFyAgPMa4A) |
 
 ##### Game Mod Ideas

package/docs/skillmap/educator-info/racer-map-info.md

@@ -0,0 +1,105 @@
+# About Save the Forest!
+
+**A page for Educators & Parents**
+
+The **Save the Forest!** map uses basic code blocks and extensions in MakeCode Arcade to implement simple game concepts.
+
+In this short set of activities, students code a game that recreates the conditions for a forest fire, and then code a fire-fighting airtanker plane to spray water and put out the flames! This map is intended for students who are new to MakeCode with little or no previous coding experience.
+
+Designed for students between the ages of 11 & 18, this experience contains a total of 6 tutorials (approximating 54 minutes of instruction).  At the end of the learning path, students receive a certificate of completion.
+
+|                 | Minutes* | Game Type | Key Concepts |
+| --------------- | -------- | --------- | ------------ |
+| Prepare Your Plane | 7 | Intro | movement, sprites |
+| Burning Issues | 8 | Maze | events, loops, random |
+| Fire Fighting | 10 | Maze | events, projectiles |
+| Spreads Like Wildfire | 10 | Maze | events, variables, collisions |
+| Head's Up! | 9 | Maze | displays, customization |
+| Keep Going | 10 | Maze | animations, sounds |
+
+\* Minutes are approximate, based on time to follow instructions as written. Times do not include time spent on designing elements or re-aquainting with previously-written code. Providing extra time for creativity and debugging is encouraged.
+
+### Objectives 
+
+After completing Save the Forest, students will have gained exposure to computer science and game design elements using MakeCode Arcade.
+
+Specifically, they will experience the following topics:
+
+- Loops
+- Events
+- Variables
+- Tilemaps
+- Movement
+- Collisions
+- Projectiles
+- Animation
+- Sounds
+- Strength/Life Mechanics
+
+
+### Projects
+
+As students progress through these projects, they will progressively build a game where their plane shoots water at flames to weaken them until they eventually extinguish.
+
+```package
+pxt-forest-special=github:kiki-lee/forest-special/
+```
+
+#### 1. Prepare Your Plane
+| Activity | Prepare Your Plane (7 min) |
+|---|---|
+| ![Prepare Your Plane thumbnail](/static/skillmap/forest/forest1.gif) | Set up your plane to make sure you can get everywhere you need to be!  |
+| Blocks used | ``[let mySprite = sprites.create(img`.`, SpriteKind.Player)]``<br/>``[let mySprite: Sprite=null; controller.moveSprite(mySprite)]``<br/>``[let mySprite: Sprite=null; scene.cameraFollowSprite(mySprite)]`` |
+| Solution option | [Prepare Your Plane Project](https://makecode.com/_0CbLhcf6TW1W) |
+
+#### 2. Burning Issues
+| Activity | Burning Issues (8 min) |
+|---|---|
+| ![Burning Issues thumbnail](/static/skillmap/forest/forest2.gif) | Use loops to add random fires to your map!  |
+| Blocks used | ``[for (let index = 0; index < 4; index++) {}]``<br/>``[newFire = sprites.create(img`.`, SpriteKind.Player)]``<br/>``[tiles.placeOnRandomTile(newFire, assets.tile`transparency16`)]``<br/>``[sprites.onCreated()]``<br/>``[let sprite: Sprite=null; sprite.startEffect(effects.fire)]`` |
+| Solution option | [Burning Issues Project](https://makecode.com/_EdjVbU6eMTPW) |
+
+#### 3. Fire Fighting
+| Activity | Fire Fighting (10 min) |
+|---|---|
+| ![Fire Fighting! thumbnail](/static/skillmap/forest/forest3.gif) | Add a water hose to your plane so you can keep your fires under control.  |
+| Blocks used | ``[controller.A.onEvent(ControllerButtonEvent.Repeated, function () {})]``<br/>``[let mySprite: Sprite=null; sprites.spray(mySprite, img`.`)]``<br/>``[sprites.set_flame_strength(sprite, 10)]``<br/>``[sprites.onOverlap()]``<br/>``[let sprite: Sprite=null; sprite.destroy()]``<br/>``[sprites.change_flame_strength_by(sprite, -1)]`` |
+| Solution option | [Fire Fighting Project](https://makecode.com/_9p32WzfzX1uv) |
+
+#### 4. Spreads Like Wildfire
+| Activity | Spreads Like Wildfire (10 min) |
+|---|---|
+| ![Spreads Like Wildfire thumbnail](/static/skillmap/forest/forest4.gif) | Conditions in the weather and environment such as drought, winds, vegetation density and dryness can cause fires to spread more quickly.  Let's simulate these conditions in our game.  |
+| Blocks used | ``[game.set_health_of_trees(7)]``<br/>``[game.set_strength_of_wind(3)]``<br/>``[game.set_dryness_of_grass(3)]``<br/>``[game.onUpdate(function () {})]``<br/>``[sprites.random_spread(img`.`]``<br/>``[sprites.onDestroyed(SpriteKind.Player, function (sprite) {})]``<br/>``[tiles.setTileAt(tiles.locationOfSprite(sprite), assets.tile`transparency16`)]``<br/>``[scene.onOverlapTile()]``<br/>``[sprites.onOverlap()]``<br/>``[let otherSprite: Sprite=null; otherSprite.destroy()]``<br/> |
+| Solution option | [Spreads Like Wildfire Project](https://makecode.com/_ifR6pigEHKP7) |
+
+#### 5. Head's Up!
+| Activity | Head's Up! (9 min) |
+|---|---|
+| ![Head's Up!](/static/skillmap/forest/forest5.gif) | Computer science is more important to firefighting than ever before. Let's add a heads-up-display (HUD) to help the pilot get information from their fire database in real-time.  |
+| Blocks used | ``[hud.forest_hud(true)]``<br/>``[hud.danger_hud(true)]``<br/>``[hud.forest_hud(true)]`` |
+| Solution option | [Head's Up Project](https://makecode.com/_77cLwx4b120o) |
+
+#### 4. Keep Going
+| Activity | Keep Going (10 min) |
+|---|---|
+| ![Keep Going thumbnail](/static/skillmap/forest/forest6.gif) | Add more to your game! Experiment with sounds and animation to make your game truly unique.  |
+| Blocks used | ``[controller.left.onEvent(ControllerButtonEvent.Pressed, function () {})]``<br/>``[animation.runImageAnimation()]``<br/>``[music.thump.play()]`` |
+| Solution option | [Keep Going Project](https://makecode.com/_0kzFyAgPMa4A) |
+
+##### Game Mod Ideas
+
+As students work on **Keep Going**, we encourage them to plan out ways they can dive even deeper using the full editor after opening their game using the [SAVE TO MY PROJECTS] button. 
+
+- What other environment could my plane explore? Neighborhoods? The desert?
+- What could pop-up randomly instead of fires? Fish? Mice? Snowmen?
+- What could you move around instead of an airplane? A boat? A magnifying glass?
+
+##### What's Next?
+
+When students are finished with **Save the Forest!** consider graduating them to another map to work on skills further.
+
+- [Try the Beginner Skillmap](/skillmap/beginner)
+- [Try the Jungle Monkey Skillmap](/skillmap/jungle)
+- [Try the Space Explorer Map](/skillmap/space)
+- [Try our Time Flies Tutorial](/tutorials/froggy)

package/docs/skillmap/educator-info/simple-shark-map-info.md

@@ -0,0 +1,101 @@
+# About Shark Splash
+
+**A page for Educators & Parents**
+
+**Shark Splash** introduces a number of MakeCode Arcade game design elements.
+
+In this set of activities, students will create a MakeCode Arcade game that involves protecting their shark from submarines while it hunts for food.  This activity is intended for students who are new to MakeCode with little to moderate previous coding experience.  Through step-by-step instructions, students will focus on game creation across 3 primary topics: destroying enemies, collecting food, and custom modification.
+
+Designed for students between the ages of 10 & 16, this experience contains a total of 5 tutorials (approximating at least 32 minutes of instruction).  At the end of the learning path, students receive a certificate of completion.
+
+|                 | Minutes* | Game Type | Key Concepts |
+| --------------- | -------- | --------- | ------------ |
+| **Day 1**           |          |           |              |
+| Set the Scene | 7 | Intro | movement, events, projectiles |
+| Food not Friends | 7 | Collector | events, positioning, random numbers, movement |
+| Eat Up! | 8 | Collector | events, destroying, game score |
+| Under the Sea | 8 | Collector | loops, design, positioning, random numbers |
+| Let's Get Animated! | 10+ | Design | art design, effects |
+
+
+\* Minutes are approximate, based on time to follow instructions as written. Times do not include time spent on designing elements or re-aquainting with previously-written code. Providing extra time for creativity and debugging is encouraged.
+
+### Objectives 
+
+After completing Shark Splash, students will have gained exposure to multiple classic arcade game concepts using MakeCode Arcade.
+
+Specifically, they will experience the following topics:
+
+#### Computer Science Concepts
+
+- Events
+- Loops
+- Variables
+
+#### Game Design Concepts
+
+- Movement
+- Positioning
+- Randomization
+- Effects
+- Game Score
+- Velocity
+- Art Design
+
+
+
+#### 1. Set the Scene
+
+| Activity | Set The Scene (7 min) |
+|---|---|
+| ![Set the Scene thumbnail](/static/skillmap/shark/shark1.gif) | Set up your laser-firing ocean shark. |
+| Blocks used | ``[scene.setBackgroundColor(0)]``<br/>``[let mySprite = sprites.create(img`.`, SpriteKind.Player)]``<br/>``[controller.moveSprite(mySprite)]``<br/>``[let mySprite: Sprite = null; mySprite.setStayInScreen(true)]``<br>``[controller.A.onEvent(ControllerButtonEvent.Pressed, function () {})]``<br/>``[projectile = sprites.createProjectileFromSprite(img`.`, mySprite)]``|
+| Solution option | [Set the Scene Project](https://makecode.com/_ghyiPCDsJLAC) |
+
+
+
+
+#### 2. Food not Friends
+
+| Activity | Food not Friends (7 min) |
+|---|---|
+| ![Food not Friends thumbnail](/static/skillmap/shark/shark2.gif) | Back to an enemy-free ocean, this tutorial will go over spawing some food for your shark. |
+| Blocks used | ``[game.onUpdateInterval()]``<br/>``[myFood = sprites.create(img`.`, SpriteKind.Food)]``<br/>``[let myFood: Sprite = null; let mySprite: Sprite = null; myFood.setPosition(0 + mySprite.x, randint())]``<br/>``[let myFood: Sprite = null; myFood.vx = 0]``|
+| Solution option | [Food not Friends Project](https://makecode.com/_dLJHiifhR2ev) |
+
+#### 3. Eat Up!
+
+| Activity | Eat Up! (8 min) |
+|---|---|
+| ![Eat Up! thumbnail](/static/skillmap/shark/shark3.gif) | This game builds off the last level. Animate and gamify your shark's consumption of fish. |
+| Blocks used | ``[sprites.onOverlap(SpriteKind.Player, SpriteKind.Food, function (sprite, otherSprite) {})]``<br/>``[let otherSprite: Sprite = null; otherSprite.destroy(effects.disintegrate,)]``<br/>``[info.changeScoreBy()]``<br/>``[info.startCountdown()]``<br/>``[info.onCountdownEnd(function () {})]``<br/>``[game.over(true)]``|
+| Solution option | [Eat Up! Project](https://makecode.com/_WM31H3Uur331) |
+
+#### 4. Under the Sea
+
+| Activity | Under the Sea (8 min) |
+|---|---|
+| ![Under the Sea thumbnail](/static/skillmap/shark/shark4.gif) | Building off the previous level, this level mixes design with automated generation to create a unique sea environment for your shark. |
+| Blocks used | ``[scene.setBackgroundImage(img`.`)]``<br/>``[for (let index = 0; index < 10; index++) {}]``<br/>``[myDecor = sprites.create(img`.`,)]``<br/>``[let myDecor: Sprite = null; myDecor.setPosition(randint())]`` |
+| Solution option | [Under the Sea Project](https://makecode.com/_2D9JL6Rm36yC) |
+
+
+#### 5. Let's Get Animated!
+
+| Activity | Let's Get Animated! (15+) |
+|---|---|
+| ![Let's Get Animated! thumbnail](/static/skillmap/shark/shark4a.gif) | Animate your sprites for a more life-like game! |
+| Blocks used | _None_ |
+| Solution option | N/A |
+
+
+
+##### Game Mod Ideas
+
+After students work on "Let's Get Animated!", we encourage them to plan out how they want to modify this game to best suit their interests. Consider the following questions: 
+
+- What is an activity that I really like? How does that tell me who my hero should be?
+- When I do this activity, what supplies do I need? Replace the fishy food with these supplies!
+- What environment do I usually do this activity in? Replace the background with something similar!
+
+Don't forget to save this activity to projects and keep building!

package/docs/skillmap/forest/forest1.md

@@ -84,7 +84,7 @@ to **the end** of the
 ``||loops:on start||``
 container.
 
-_💡  Remember, the bubble on the left shows the icon of the toolbox category for the block you need._
+_💡  Remember, the icon to the left of the instructions shows the same icon as the toolbox category for the block you need._
 
 - :paint brush:  To choose your plane, click the empty grey box, then toggle to **My Assets** and choose your aircraft.
 
@@ -173,74 +173,6 @@ head to the next activity where you'll add the 🔥🔥🔥.
 
 
 
-
-```package
-pxt-tilemaps=github:microsoft/pxt-tilemaps/
-pxt-text=github:microsoft/arcade-text
-arcade-premium-life=github:jwunderl/arcade-premium-life/
-pxt-characterAnimations=github:microsoft/arcade-character-animations/
-pxt-data=github:microsoft/arcade-sprite-data/
-pxt-story=github:microsoft/arcade-storytelling/
-arcade-sprite-util=github:jwunderl/arcade-sprite-util/
-pxt-status-bar=github:jwunderl/pxt-status-bar
-```
-
-
-```customts
-
-let statusbar = statusbars.create(82, 4, StatusBarKind.Health)
-statusbar.top = 12
-statusbar.left = 4
-statusbar.max = tiles.tilemapRows() * tiles.tilemapColumns()
-let statusLabel = textsprite.create("Healthy Forest", 0, 1)
-statusLabel.setFlag(SpriteFlag.RelativeToCamera, true)
-statusLabel.top = 2
-statusLabel.left = 4
-statusbar.setColor(7, 14)
-let fireLabel = textsprite.create("Fires:")
-fireLabel.right = 145
-fireLabel.top = 2
-fireLabel.setMaxFontHeight(4)
-fireLabel.setFlag(SpriteFlag.RelativeToCamera, true)
-statusLabel.setFlag(SpriteFlag.Invisible, true)
-statusbar.setFlag(SpriteFlag.Invisible, true)
-fireLabel.setFlag(SpriteFlag.Invisible, true)
-info.showScore(false)
-
-
-
-namespace animation {
-    /*
-     * Loops the passed frames on the sprite at the given interval whenever
-     * the specified rule is true for that sprite.
-     *
-     * If more than one rule applies, the most specific rule will be used.
-     * If multiple rules are equally specific, the currently executing rule
-     * is favored (or one is chosen at random).
-     *
-     * @param sprite    the sprite to animate
-     * @param frames    the images that make up that animation
-     * @param frame     Interval the amount of time to spend on each frame in milliseconds
-     * @param rule      the rule that decides when this animation will play
-     */
-    //% blockId=arcade_character_loop_frames2
-    //% block="animate $sprite loop frames $frames interval (ms) $frameInterval when $rule"
-    //% sprite.defl=mySprite
-    //% frames.defl=Fire Plane Right
-    //% sprite.shadow=variables_get
-    //% frames.shadow=animation_editor
-    //% frameInterval.shadow=timePicker
-    //% rule.shadow=arcade_character_make_rule
-    //% weight=100
-    //% blockGap=8
-    //% help=github:arcade-character-animations/docs/loop-character-animation
-    export function loopFrames2(sprite: Sprite, frames: Image[], frameInterval: number, rule: number) {
-        characterAnimations.loopFrames(sprite, frames, frameInterval, rule);
-    }
-}
-```
-
-
 ```assetjson
 {
   "README.md": " ",