pxt-microbit 4.0.9 → 4.0.13

package/docs/blocks/comments.md

@@ -0,0 +1,131 @@
+# Comments
+
+For simple programs, is easy to understand the steps and the flow the program might take when it runs. If you have just a few steps in your program that run one after the other in a sequence, it's fairly easy to understand what's happening at each place in your program.
+
+The following program does 4 simple things:
+
+1. Show a "Hello" message
+2. Display a smiley face as part of a greeting
+2. Pause for a second so you can see the smiley
+3. Clear the screen
+
+```blocks
+basic.showString("Hello!")
+basic.showIcon(IconNames.Happy)
+basic.pause(1000)
+basic.clearScreen()
+```
+
+It's quite obvious what this program is doing. Each block does one thing, the next block runs after the previous one in a sequence, then the program ends. Let's say you want the user to show that they saw the greeting. You could add button press event that shows a check mark icon.
+
+```blocks
+basic.showString("Hello!")
+basic.showIcon(IconNames.Happy)
+basic.pause(1000)
+basic.clearScreen()
+input.onButtonPressed(Button.A, function () {
+    basic.showIcon(IconNames.Yes)
+})
+```
+
+You know, of course, that the button press event means that the user has acknowleged your greeting. If you shared your program with someone else though, they might not understand why you wanted to add the button press to the program. 
+
+## Block comments
+
+To let others know what certain parts of your program are supposed to do, you can add **comments**. Comments are a text description that says what that part of your program is doing. To put a comment on a block, open the block menu and select **Add comment**.
+
+![Block menu](/static/blocks/block-menu.jpg)
+
+A place for your comment will appear and you can type in your description of what that block is for and what it's supposed to do.
+
+![Insert the comment](/static/blocks/insert-comment.jpg)
+
+Once a comment is added to a block, a comment icon will show in the upper-left corner of the block. Here's our program with the comment on the ``||input:on button A press||``.
+
+```blocks
+// Signal that the greeting was seen
+input.onButtonPressed(Button.A, function () {
+    basic.showIcon(IconNames.Yes)
+})
+basic.showString("Hello!")
+basic.showIcon(IconNames.Happy)
+basic.pause(1000)
+basic.clearScreen()
+```
+
+In the Blocks editor, the comment is displayed when you click on the comment icon. If you view the JavaScript or Python code, you'll see a comment line directly above the button press code.
+
+```typescript
+// Signal that the greeting was seen
+input.onButtonPressed(Button.A, function () {
+    basic.showIcon(IconNames.Yes)
+})
+basic.showString("Hello!")
+basic.showIcon(IconNames.Happy)
+basic.pause(1000)
+basic.clearScreen()
+```
+
+When a program contains conditionals, loops, or functions, adding comments becomes important to help understand what's happening at those places in your program. The program can take a different path based on a condition, result from a function, or some other action.
+
+### ~ hint
+
+#### Workspace comments
+
+You can add comments an notes about your project with **Workspace Comments**. Just right-click on the Workspace background and choose **Add Comment** to insert your comments for the project.
+
+```block
+/**
+ * This is a workspace comment.
+ * 
+ * Use this space to make comments
+ * 
+ * and notes about your project.
+ */
+// Display a message
+function showMessage () {
+    basic.showString("Workspaces have comments!")
+}
+```
+
+### ~
+
+The following example has a conditional inside a loop to choose one of three different mood values. For each mood, a function will display an icon for it. Each block has a comment that describes what it will do. Take a look at the JavaScript or Python code to see the comments on the code text also.
+
+```blocks
+/**
+ * The mood icon project.
+ * 
+ * TODO: add more moods
+ * 
+ * 1. Sad
+ * 
+ * 2. Confused
+ */
+// Display an emotion of love
+function heart () {
+    basic.showIcon(IconNames.Heart)
+}
+// Show a surprised expression
+function surprised () {
+    basic.showIcon(IconNames.Surprised)
+}
+// Display a smiley mood
+function smiley () {
+    basic.showIcon(IconNames.Happy)
+}
+// My program that shows three mood icons
+// Run the loop to show 3 icons
+for (let index = 0; index <= 2; index++) {
+    // Select an icon based on the index
+    if (index == 0) {
+        smiley()
+    } else if (index == 1) {
+        heart()
+    } else {
+        surprised()
+    }
+    // Pause for a second between moods
+    basic.pause(1000)
+}
+```

package/docs/blocks/loops.md

@@ -1,3 +1,15 @@
 # @extends
 
 ## #specific
+
+```cards
+loops.everyInterval(500, function () {})
+```
+
+## #seealso
+
+[for](/blocks/loops/for), 
+[while](/blocks/loops/while), 
+[repeat](/blocks/loops/repeat), 
+[for of](/blocks/loops/for-of),
+[every](/reference/loops/every)

package/docs/extensions.md

@@ -62,6 +62,14 @@ Check out [the accessories pages on microbit.org](https://microbit.org/buy/acces
 
 ```codecard
 [{
+    "name": "Kitronik 128x64 Display",
+    "url": "/pkg/KitronikLtd/pxt-kitronik-128x64Display",
+    "cardType": "package"
+}, {
+    "name": "Monk Makes 7-Segment",
+    "url": "/pkg/monkmakes/monkmakes-7-segment",
+    "cardType": "package"
+}, {
     "name": "Pimoroni inky:bit",
     "url": "/pkg/pimoroni/pxt-inkybit",
     "cardType": "package"
@@ -156,6 +164,10 @@ Check out [the accessories pages on microbit.org](https://microbit.org/buy/acces
 
 ```codecard
 [{
+ "name": "TCS3200 Color sensor",
+  "url":"/pkg/joy-it/pxt-SEN-Color",
+  "cardType": "package"
+}, {
  "name": "MPU6050 Gyroscope",
   "url":"/pkg/joy-it/SEN-MPU6050",
   "cardType": "package"
@@ -316,9 +328,21 @@ Check out [the accessories pages on microbit.org](https://microbit.org/buy/acces
 
 ```codecard
 [{
+   "name": "KittenBot Powerbrick",
+   "url": "/pkg/KittenBot/pxt-powerbrick",
+   "cardType": "package"
+}, {
+   "name": "Kitronik LAB:bit",
+   "url": "/pkg/KitronikLtd/pxt-kitronik-lab-bit",
+   "cardType": "package"
+}, {
    "name": "PT-BOT PTKidsBIT",
    "url": "/pkg/iBuilds/pxt-PTKidsBIT",
    "cardType": "package"
+}, {
+   "name": "Stemhub City",
+   "url": "/pkg/stemhub/pxt-StemhubCity",
+   "cardType": "package"
 }, {
    "name": "Pi Supply tinker:kit",
    "url": "/pkg/PiSupply/pxt-tinker-kit",
@@ -388,6 +412,10 @@ Check out [the accessories pages on microbit.org](https://microbit.org/buy/acces
 
 ```codecard
 [{
+  "name": "Elecfreaks Smart AI Lens ",
+  "url":"/pkg/elecfreaks/pxt-PlanetX-AI",
+  "cardType": "package"
+}, {
   "name": "MU Vision camera",
   "url":"/pkg/mu-opensource/pxt-muvision",
   "cardType": "package"
@@ -401,6 +429,18 @@ Check out [the accessories pages on microbit.org](https://microbit.org/buy/acces
 
 ```codecard
 [{
+  "name": "MakeKit Hoverbit",
+  "url":"/pkg/gomakekit/Hoverbit_V2",
+  "cardType": "package"
+}, {
+  "name": "Stemhubbit car",
+  "url":"/pkg/stemhub/pxt-Stemhubbit",
+  "cardType": "package"
+}, {
+  "name": "MATRIX Micro",
+  "url":"/pkg/pxt-MatrixMicro",
+  "cardType": "package"
+}, {
   "name": "PTKidsBIT",
   "url":"/pkg/iBuilds/pxt-PTKidsBIT-Robot",
   "cardType": "package"

package/docs/projects/SUMMARY.md

@@ -7,6 +7,12 @@
   * [Dice](/projects/dice)
   * [Love Meter](/projects/love-meter)
   * [Micro Chat](/projects/micro-chat)
+* [Tutorials for the new micro:bit (V2)](/v2tutorials)
+  * [Pet Hamster](/projects/v2-pet-hamster)
+  * [Countdown](/projects/v2-countdown)
+  * [Morse Chat](/projects/v2-morse-chat)
+  * [Clap Lights](/projects/v2-clap-lights)
+  * [Blow Away](/projects/v2-blow-away)
 * [Live Coding](/live-coding)
   * [Flashing Heart](https://youtu.be/NvEOKZ8wh9s)
   * [Name Tag](https://youtu.be/xpRI5jjQ31E)
@@ -106,7 +112,7 @@
   * [Square](/projects/turtle-square)
   * [Spiral](/projects/turtle-spiral)
   * [Scanner](/projects/turtle-scanner)
-* [Blocks To JavaScript](/courses/blocks-to-javascript)
+* [Blocks to JavaScript](/courses/blocks-to-javascript)
   * [Hello JavaScript](/courses/blocks-to-javascript/hello-javascript)
   * [Starter Blocks](/courses/blocks-to-javascript/starter-blocks)
   * [Writing Code](/courses/blocks-to-javascript/writing-code)

package/docs/projects/micro-chat.md

@@ -6,6 +6,14 @@
 
 Use the **radio** to send and receive messages with other @boardname@.
 
+## Set a radio group
+
+The first thing you want to do is to put in a ``||radio:set group||``. This will make certain that you and another @boardname@ will receive just the messages assigned to that group and not the messages sent from some other @boardname@ that's not part of your conversation. This like tuning to a particular channel to talk on.
+
+```blocks
+radio.setGroup(1)
+```
+
 ## Sending a message
 
 Use ``||input:on button pressed||`` to send a text message over radio with ``||radio:send string||``.
@@ -53,14 +61,6 @@ radio.onReceivedString(function (receivedString) {
 
 If you have two @boardname@s, download the program to each one. Press button **A** on one and see if the other gets a message.
 
-## Groups
-
-Use the ``||radio:set group||`` block to assign a **group** number to your program. You will only receive messages from @boardname@s within the same group. Use this to avoid receiving messages from every @boardname@ that is transmitting.
-
-```blocks
-radio.setGroup(123)
-```
-
 ```package
 radio
 ```

package/docs/projects/mood-radio.md

@@ -15,6 +15,7 @@ between @boardname@s using the radio antenna, just like a phone can send text me
 Let's add blocks that send a number when button ``A`` is pressed. We assume that `0` is the "mood code" to send for **smiley**.
 
 ```blocks
+radio.setGroup(1)
 input.onButtonPressed(Button.A, () => {
     radio.sendNumber(0)
     basic.showIcon(IconNames.Happy)
@@ -65,9 +66,10 @@ That's it. Download your code to multiple @boardname@s and try it out!
 
 Try adding a new code and use the ``||input:on shake||`` event to send it.
 
-## Full sources
+## Complete program
 
 ```blocks
+radio.setGroup(1)
 input.onButtonPressed(Button.A, () => {
     radio.sendNumber(0)
     basic.showIcon(IconNames.Happy)

package/docs/projects/multi-dice.md

@@ -22,9 +22,9 @@ input.onGesture(Gesture.Shake, function () {
 
 We need to store the result of the dice cast in a variable. A **variable** is like a place in the memory of the @boardname@ where you save information, like numbers.
 
-* Go to the **Variables** toolbox and click ``||Make a Variable||`` to create a new variable. We will call it **dice**.
-* Add a ``||set dice to||`` block and drag the ``||pick random||`` into it.
-* Drag a ``||dice||`` from the **Variables** toolbox into the ``||basic:show number||`` block.
+* Go to the **Variables** toolbox and click ``Make a Variable`` to create a new variable. We will call it **dice**.
+* Add a ``||variables:set dice to||`` block and drag the ``||math:pick random||`` into it.
+* Drag a ``||variables:dice||`` variable from the **Variables** toolbox into the ``||basic:show number||`` block.
 
 ```blocks
 let dice = 0
@@ -36,9 +36,10 @@ input.onGesture(Gesture.Shake, function () {
 
 ## Send the dice
 
-Put in a ``||radio:send number||`` and a ``||dice||`` to send the value stored in the ``dice`` variable via radio.
+Put in a ``||radio:send number||`` and a ``||variables:dice||`` to send the value stored in the ``||variables:dice||`` variable via radio. Make sure to add a ``||radio:set group||`` to ``||basic:on start||`` with the group number set to the group you want to use.
 
 ```blocks
+radio.setGroup(1)
 let dice = 0
 input.onGesture(Gesture.Shake, function () {
     dice = randint(1, 6)
@@ -49,7 +50,7 @@ input.onGesture(Gesture.Shake, function () {
 
 ## Receive the dice
 
-Go get an ``||radio:on received number||`` event block. This event runs when a radio message from another @boardname@ arrives. The ``receivedNumber`` value is the value of the dice in this game.
+Go get an ``||radio:on received number||`` event block. This event runs when a radio message from another @boardname@ arrives. The ``||variables:receivedNumber||`` value is the value of the dice in this game.
 
 ```blocks
 radio.onReceivedNumber(function (receivedNumber) {
@@ -58,7 +59,7 @@ radio.onReceivedNumber(function (receivedNumber) {
 
 ## Check your cast
 
-Add a ``||logic:if||`` block to test if ``receivedNumber`` is greater or equal to ``dice``.
+Add a ``||logic:if||`` block to test if ``||variables:receivedNumber||`` is greater or equal to ``||variables:dice||``.
 If is, you lost so display a sad face on the screen.
 
 ```blocks
@@ -78,6 +79,7 @@ If you have more than one @boardname@, download your code onto each one and try
 
 ```blocks
 let dice = 0
+radio.setGroup(1)
 input.onGesture(Gesture.Shake, function () {
     dice = randint(1, 6)
     basic.showNumber(dice)

package/docs/projects/plot-acceleration.md

@@ -6,7 +6,7 @@ The ``||led:plot bar graph||`` uses the screen to display the _magnitude_ (how b
 
 ## Acceleration
 
-In a ``||loops:forever||`` loop, ``||led:plot||`` ``||input:acceleration||`` in the ``x`` dimension on the LEDs.
+In a ``||basic:forever||`` loop, ``||led:plot||`` ``||input:acceleration||`` in the ``x`` dimension on the LEDs.
 
 ```blocks
 basic.forever(function() {
@@ -50,4 +50,4 @@ basic.forever(function() {
 
 ## Download and try
 
-Download the code to your @boardname@ and test the sensors.
+Download the code to your @boardname@ and test the sensors.

package/docs/projects/v2-blow-away.md

@@ -0,0 +1,317 @@
+# Blow Away
+
+## 1. Introduction pt. 1 @unplugged
+
+👻 Oh, no! Your @boardname@ is being haunted by a ghost named Haven 👻
+
+For this tutorial, we'll learn how to blow Haven away 🌬️
+
+![Blow away banner message](/static/mb/projects/blow-away.png)
+
+## 2. Haunted ghost setup
+
+🏚️ **BooOooOoo** 🏚️
+
+A wild Haven has appeared!
+
+---
+
+► From the ``||basic:Basic||`` category, find ``||basic:show icon [ ]||`` and add it to your ``||basic:on start||`` container.
+
+► Click the heart icon and set it to show a ghost.  
+💡 In the ``show icon`` dropdown menu options, you can hover to see what each design is called.
+
+```blocks
+// @highlight
+basic.showIcon(IconNames.Ghost)
+```
+
+---
+
+## 3. Loop setup
+
+➰ **Looping around** ➰
+
+---
+
+► From the ``||loops:Loops||`` category, find the ``||loops:repeat [4] times||`` loop and snap it into your empty ``||basic:forever||`` container.   
+💡 Why do we need a [__*repeat loop*__](#repeatLoop "repeat code for a given number of times") when we already have a ``forever`` container? Because ``forever`` has an embedded delay that we want to avoid!
+
+```blocks
+basic.forever(function () {
+    // @highlight
+    for (let index = 0; index < 4; index++) {
+            
+    }
+})
+```
+
+## 4. Conditional setup
+
+🤔 **Conditioning and comparing** 🤔
+
+Haven hates noise and will blow away if things get too loud. Let's use an [__*if statement*__](#ifstatement "if this condition is met, do something") to check for sounds.
+
+---
+
+► From ``||logic:Logic||``, grab an ``||logic:if <true> then||`` statement and snap it into your empty ``||loops:repeat [4] times do||`` loop.
+
+► Go back to ``||logic:Logic||`` to get a ``||logic:<[0] [=] [0]>||`` comparison.
+
+► Snap ``||logic:<[0] [=] [0]>||`` in to **replace** the ``||logic:<true>||`` condition for your ``||logic:if then||`` statement.
+
+```blocks
+basic.forever(function () {
+    // @highlight
+    for (let index = 0; index < 4; index++) {
+        // @highlight
+        if (0 == 0) {
+            
+        }   
+    }
+})
+```
+
+## 5. Blow sound
+
+👂 **Haven's ears** 👂
+
+We'll be using a [__*sound threshold*__](#soundThreshold "a number for how loud a sound needs to be to trigger an event. 0 = silence to 255 = maximum noise") to act as Haven's ears.
+
+---
+
+► From the ``||input:Input||`` category, drag ``||input:sound level||`` in to **replace** the **_left_ ``0``** of your ``||logic:<[0] [=] [0]>||`` comparison.
+
+► Using the dropdown in the **middle** of ``||logic:[sound level] [=] [0]||``, change the comparison to be **``>``** (greater than).
+
+► Finally, have the **right side** of the comparison say ``128`` so your full comparison reads: **``sound level > 128``**.  
+💡 This means Haven will hear any sound above ``128``.
+
+```blocks
+basic.forever(function () {
+    for (let index = 0; index < 4; index++) {
+        // @highlight
+        if (input.soundLevel() > 128) {
+            
+        }   
+    }
+})
+```
+
+## 6. Making variables
+
+☀️ **Variable weather** 🌨️
+
+Let's create some [__*variables*__](#variable "a holder for information that may change") to keep track of Haven's movement.
+
+---
+
+►  In the ``||variables:Variables||`` category, click on ``Make a Variable...`` and make a variable named ``col``.  
+💡 ``col`` is short for "column".
+
+►  Make **another** variable and name it ``row``.
+
+## 7. Displacing LEDs part 1
+
+🔀 **Random chance** 🔀
+
+To show Haven is blowing away, we want to move a random set of lights sideways.
+
+---
+
+► Your ``||variables:Variables||`` category should now have the option to ``||variables:set [row] to [0]||``. Drag that block into your empty ``||logic:if then||`` statement.
+
+► From the ``||math:Math||`` category, find ``||math:pick random [0] to [10]||`` and snap that in to **replace** the ``[0]`` in your ``||variables:set [row] to [0]||`` block.
+
+► Change the maximum number from ``10`` to **``4``**.  
+💡 We are setting the maximum random value to 4 because the lights on the @boardname@ are numbered 0, 1, 2, 3, and 4 for columns and rows.
+
+```blocks
+let row = 0
+basic.forever(function () {
+    for (let index = 0; index < 4; index++) {
+        if (input.soundLevel() > 128) {
+            // @highlight
+            row = randint(0, 4)    
+        }   
+    }
+})
+```
+
+## 8. Displacing LEDs part 2
+
+► Go back into ``||variables:Variables||`` and drag out another ``||variables:set [row] to [0]||``. Place this one below the last one (at **the end**) of your `if then` statement.
+
+► Using the **dropdown menu**, set the new block to read ``||variables:set [col] to [0]||``.
+
+► From the ``||math:Math||`` category, grab another ``||math:pick random [0] to [10]||`` and snap that in to **replace** the ``[0]`` in your ``||variables:set [col] to [0]||`` block.
+
+► Change the maximum number from ``10`` to **``4``**.  
+
+```blocks
+let col = 0
+let row = 0
+basic.forever(function () {
+    for (let index = 0; index < 4; index++) {
+        if (input.soundLevel() > 128) {
+            row = randint(0, 4)   
+            // @highlight
+            col = randint(0, 4)         
+        }   
+    }
+})
+```
+
+## 9. Conditioning on one point
+
+✨ **Ooh, sparkly** ✨
+
+Time to move some lights around!
+
+---
+
+► From ``||logic:Logic||``, grab another ``||logic:if <true> then||`` and snap it at the **inside and at the bottom of** your ``||loops:repeat [4] times do||`` loop, right below your ``||logic:if [sound level] [>] [128]||`` statement.
+
+► From the ``||led:Led||`` category, find ``||led:point x [0] y [0]||`` and drag it in to **replace** the ``||logic:<true>||`` condition in the **new** ``||logic:if then||`` statement.  
+💡 This block will test if the light is on at the the given ``x`` and ``y`` coordinate points.
+
+```blocks
+let col = 0
+let row = 0
+basic.forever(function () {
+    for (let index = 0; index < 4; index++) {
+        if (input.soundLevel() > 128) {
+            row = randint(0, 4)
+            col = randint(0, 4)         
+        }
+        // @highlight
+        if (led.point(0, 0)) { }
+    }
+})
+```
+
+## 10. Unplotting and replotting LEDs
+
+To create the animation effect of Haven blowing away, we will turn off (or ``unplot``) a light that is on and then turn it on again (``plot`` it) in a different spot.
+
+---
+
+► From ``||led:Led||``, grab ``||led:unplot x [0] y [0]||`` and snap it inside the **empty** ``||logic:if <point x [0] y [0]> then||`` statement.
+
+► Go back to ``||led:Led||`` and get ``||led:plot x [0] y [0]||``. Snap that in **beneath** the ``||led:unplot x [0] y [0]||`` block that you just added.
+
+```blocks
+let col = 0
+let row = 0
+basic.forever(function () {
+    for (let index = 0; index < 4; index++) {
+        if (input.soundLevel() > 128) {
+            row = randint(0, 4)
+            col = randint(0, 4)         
+        }
+        // @highlight
+        if (led.point(0, 0)) {
+            led.unplot(0, 0)
+            led.plot(0, 0)
+        }
+    }
+})
+```
+
+## 11. Setting variables
+
+📃 **Columns and rows** 📃
+
+Notice how you have **three** blocks from the ``||led:Led||`` category. All three have ``||led:x||`` ``[0]`` and ``||led:y||`` ``[0]`` coordinates. In these **two** steps, we will set it so that every ``||led:x||`` is followed by the ``||variables:col||`` variable and every ``||led:y||`` is followed by the ``||variables:row||`` variable.
+
+---
+
+► From ``||variables:Variables||``, get three copies of ``||variables:col||``, and use them to **replace the ``x`` values** in the following three blocks:  
+**1.** ``||led:point x [0] y [0]||``  
+**2.** ``||led:unplot x [0] y [0]||``  
+**3.** ``||led:plot x [0] y [0]||``
+
+► Go into ``||variables:Variables||``, get three copies of ``||variables:row||``, and use them to **replace the ``y`` values** in the same three blocks.
+
+```blocks
+let col = 0
+let row = 0
+basic.forever(function () {
+    for (let index = 0; index < 4; index++) {
+        if (input.soundLevel() > 128) {
+            row = randint(0, 4)
+            col = randint(0, 4)         
+        }
+        // @highlight
+        if (led.point(col, row)) {
+            led.unplot(col, row)
+            led.plot(col, row)
+        }
+    }
+})
+```
+
+## 12. Moving LEDs
+
+➕ **Math makes the lights go swoosh** ➗
+
+Right now, we are unplotting and replotting in the same spot. What we want to do  is move the lights we're turning back on just a smidge to the right every time until there's nothing left on the grid.
+
+---
+
+► From ``||math:Math||``, find the ``||math:[0] [+] [0]||`` operation and use it to **replace** ``||variables:col||`` in your ``||led:plot x [col] y [row]||`` block.  
+💡 If you move your entire ``||basic:forever||`` container, you should find a greyed out ``col`` variable in your workspace.
+
+► Take the greyed out ``||variables:col||`` variable (or get a new one) and use it to **replace** the **_first_ ``[0]``** so the operation reads ``||math:[col] [+] [0]||``.
+
+► Replace the **_second_ ``[0]``** with **``[1]``** so the operation reads ``||math:[col] [+] [1]||``.
+
+```blocks
+let col = 0
+let row = 0
+basic.forever(function () {
+    for (let index = 0; index < 4; index++) {
+        if (input.soundLevel() > 128) {
+            row = randint(0, 4)
+            col = randint(0, 4)         
+        }
+        // @highlight
+        if (led.point(col, row)) {
+            led.unplot(col, row)
+            led.plot(col + 1, row)
+        }
+    }
+})
+```
+
+## 13. Testing in the simulator
+
+🌬️ **Test what you've created** 👻
+
+Check out the simulator!
+
+---
+
+► Click on the pink bar underneath the microphone icon. Drag it above the sound number you chose (we used ``128``!) to blow Haven away.
+
+► If you have a new @boardname@ (the one with the **shiny gold** logo at the top), download this code and try it out!  
+💡 Blow close to the @boardname@ and watch Haven swoosh away 💨  
+💡 Use your @boardname@'s reset button (it's on the back!) to bring Haven back 👻
+
+```blocks
+let col = 0
+let row = 0
+basic.showIcon(IconNames.Ghost)
+basic.forever(function () {
+    for (let index = 0; index < 4; index++) {
+        if (input.soundLevel() > 128) {
+            row = randint(0, 4)
+            col = randint(0, 4)         
+        }
+        if (led.point(col, row)) {
+            led.unplot(col, row)
+            led.plot(col + 1, row)
+        }
+    }
+})
+```