pxt-arcade 1.7.3 → 1.7.7

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
 },
 {

package/docs/static/gamejam/jams/global-2021/info.json

@@ -0,0 +1,10 @@
+
+{
+    "rules": {
+        "path": "/static/gamejam/jams/global-2021/rules.md",
+        "submitPositionId": "new-to-makecode-"
+    },
+    "start": "2021-11-29 00:00:01 GMT-0700",
+    "end": "2021-12-17 23:59:59 GMT-0700",
+    "featured": []
+}

package/docs/static/gamejam/jams/global-2021/rules.md

@@ -0,0 +1,22 @@
+### Game Jam Rules
+
+1. Games must be built in MakeCode Arcade
+2. Your game must relate to the provided theme. Someone playing your game should be able to see how it relates to the theme without extra explanation.
+3. Keep the games PG: no NSFW, offensive, or excessively violent content.
+4. All games must be submitted by someone who is at least 13 years old by December 17th. Younger students are welcome to participate, but it must be in partnership with a student over 13.
+
+
+### New to MakeCode?
+
+![A GIF of a plane putting out fires](/static/hour-of-code/2021/forest-skillmap-game.gif)
+
+If you’ve never written code or used MakeCode Arcade before, no worries! Try out climate themed [Hour of Code™](/hour-of-code-2021) activity or our [Beginner Skillmap](https://arcade.makecode.com/--skillmap#beginner) to get down the basics.
+<br /><br /><br /><br />
+
+### Educators Training
+
+Sign up for free training on how to run the Hour of Code Activity and Global MakeCode Arcade Game Jam in your classroom. We’ll cover how to use the MakeCode Arcade Platform, learning objectives, and more!
+
+### More Game Jam!
+
+Want to put on your own game jam? Check out our how-to guide, coming soon.

package/docs/static/gamejam/jams/global-2021/style.css

@@ -0,0 +1,141 @@
+/**** GAMEJAM PAGE OVERRIDES ****/
+
+.content {
+    background-color: unset;
+    color: #fff;
+    max-width: unset;
+    padding: 0;
+}
+
+/**** Countdown Timer ****/
+
+#timer {
+    margin: 0;
+    padding: 0;
+}
+
+#timer > .label {
+    display: none;
+}
+
+#timer > div:last-child {
+    width: 100%;
+    height: 100%;
+    align-items: stretch;
+}
+
+#timer .counter {
+    flex-basis: 25%;
+    margin: 0 0.5rem;
+    border-radius: 1rem;
+    background-color: #eeca49;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    width: 10rem;
+}
+
+.counter > .number {
+    font-family: 'Rowdies', 'Segoe UI', sans-serif;
+    font-weight: 700;
+    font-size: 5rem;
+}
+
+.counter > div:last-child {
+    margin-top: 2rem;
+    font-size: 2rem;
+}
+
+section.hoc-aside-01 #timer {
+    width: unset;
+}
+
+/**** Rules Section ****/
+
+.rules ol {
+    padding-left: 2.5rem;
+}
+
+.rules ol li {
+    padding-left: 1rem;
+    font-weight: 400;
+}
+
+.rules ol li::marker {
+    font-weight: 700;
+    color: #eeca49;
+}
+
+/**** Submit Section ****/
+
+.submit {
+    border-radius: 1rem;
+}
+
+.submit .wrapper {
+    padding: 0 4rem;
+}
+
+.submit .actions {
+    justify-content: flex-end;
+}
+
+@media (max-width: 480px) {
+}
+
+/**** New to MakeCode Section ****/
+
+.new {
+    margin-top: 8rem !important;
+}
+
+.new .btn {
+    float: unset !important;
+}
+
+.new .buttons {
+    text-align: right;
+}
+
+.new .buttons .btn:last-child {
+    margin-left: 2rem;
+}
+
+@media (max-width: 768px) {
+    .new {
+        margin-top: 5rem !important;
+    }
+}
+
+@media (max-width: 480px) {
+    .new .buttons .btn:last-child {
+        margin-top: 1.5rem;
+    }
+}
+
+/**** ACTION BUTTONS ****/
+
+.button {
+    color: #fff;
+    background-color: #3dc1aa;
+}
+
+.button:hover {
+    color: #fff;
+    background-color: #2ead98;
+}
+
+/**** SECTION COLORS ****/
+
+#educators-training,
+#educators-training + p {
+    color: #000;
+    background-color: #3dc1aa;
+}
+
+#new-to-makecode- + p {
+    float: right;
+    position: relative;
+    top: -5.5rem;
+}

package/docs/static/gamejam/lib/gamejam.d.ts

@@ -10,6 +10,7 @@ interface Rules {
     path: string;
     collaborateId?: string;
     tipsId?: string;
+    submitPositionId?: string; // Insert the submit section before this ID, if present
 }
 
 interface Session {

package/docs/static/gamejam/lib/gamejam.js

@@ -119,9 +119,17 @@ function makeRules() {
             var parent = document.getElementById("rules");
             parent.innerHTML = markdown;
             // insert schedule of events after rules
-            var node = document.getElementById(info.rules.collaborateId);
-            if (node) {
-                node.parentElement.insertBefore(document.getElementById("events"), node);
+            var collaborateNode = document.getElementById(info.rules.collaborateId);
+            if (collaborateNode) {
+                collaborateNode.parentElement.insertBefore(document.getElementById("events"), collaborateNode);
+            }
+            // move submit section if submitPositionId exists
+            if (info.rules.submitPositionId) {
+                var beforeNode = document.getElementById(info.rules.submitPositionId);
+                var submitNode = document.getElementById("submit");
+                if (beforeNode && submitNode) {
+                    beforeNode.parentElement.insertBefore(submitNode, beforeNode);
+                }
             }
             initRulesTelemetry(info.rules.tipsId);
         }
@@ -157,30 +165,32 @@ function makeWinners() {
 function makeGallery() {
     var container = document.querySelector(".gallery");
     var parent = document.getElementById("gallery");
-    if (!(info === null || info === void 0 ? void 0 : info.featured.length)) {
-        var description = document.querySelector(".gallery .description");
-        description.innerText = "Check back later to play some submitted games!";
-    }
-    else {
-        var hint = document.createElement("div");
-        hint.className = "hint";
-        hint.innerText = "If you see blocks overlapping each other in the editor workspace, you can \
-            reformat them by selecting \"Format Code\" from the menu when you right-click \
-            on the workspace background.";
-        container.insertBefore(hint, parent);
-    }
-    var selected = randomize(info.featured); // show all the games
-    var row = document.createElement("div");
-    for (var i = 0; i < selected.length; i++) {
-        row.appendChild(makeGameCard(selected[i]));
-        if (i % 3 == 2) {
+    if (container && parent) {
+        if (!(info === null || info === void 0 ? void 0 : info.featured.length)) {
+            var description = document.querySelector(".gallery .description");
+            description.innerText = "Check back later to play some submitted games!";
+        }
+        else {
+            var hint = document.createElement("div");
+            hint.className = "hint";
+            hint.innerText = "If you see blocks overlapping each other in the editor workspace, you can \
+                reformat them by selecting \"Format Code\" from the menu when you right-click \
+                on the workspace background.";
+            container.insertBefore(hint, parent);
+        }
+        var selected = randomize(info.featured); // show all the games
+        var row = document.createElement("div");
+        for (var i = 0; i < selected.length; i++) {
+            row.appendChild(makeGameCard(selected[i]));
+            if (i % 3 == 2) {
+                parent.appendChild(row);
+                row = document.createElement("div");
+            }
+        }
+        if (selected.length % 3 != 0) {
             parent.appendChild(row);
-            row = document.createElement("div");
         }
     }
-    if (selected.length % 3 != 0) {
-        parent.appendChild(row);
-    }
 }
 function makeGameCard(game) {
     var card = document.createElement("div");