pxt-arcade 1.7.3 → 1.7.7

package/docs/skillmap/clicker-themed/clickert4.md

@@ -1,106 +1,7 @@
 # Simple Clicker Store
 
-### @autoexpandOff true
 
-```assetjson
-{
-  "README.md": " ",
-  "images.g.jres": "{\n    \"image2\": {\n        \"data\": \"hwQeABAAAAAAAAAAuwsAAAAAALsbuwAAAACwGxGxAAAAALsREbELAAAAGxEREQsAAAAbERERCwAAsBsREdELAAC73RER0bsAsBHRERHRvQu7ERERERERCxsRERERERG7GxEREREREbEbERERERERsbsRERERERGxsBEREREREbEAuxERERERsQCwGxHRERG7AAAbER0dsQsAABvREdGxAAAAGxEREbsAAAAbERERCwAAsBsRERG7AACwEREREbEAALAbERERsQAAALu7ERG7AAAAALAbEQsAAAAAALsRCwAAAAAAsLsLAAAAAAAAuwAAAAAAAAAAAAA=\",\n        \"mimeType\": \"image/x-mkcd-f4\",\n        \"displayName\": \"Cloud\"\n    },\n    \"image3\": \"hwQeABAAAAAAAAAAuwsAAAAAALsbuwAAAACwGxGxAAAAALsREbELAAAAGxEREQsAAAAbERERCwAAsBsREdELAAC73RER0bsAsBHRERHRvQu7ERERERERCxsRERERERG7GxEREREREbEbERERERERsbsRERERERGxsBEREREREbEAuxERERERsQCwGxHRERG7AAAbER0dsQsAABvREdGxAAAAGxEREbsAAAAbERERCwAAsBsRERG7AACwEREREbEAALAbERERsQAAALu7ERG7AAAAALAbEQsAAAAAALsRCwAAAAAAsLsLAAAAAAAAuwAAAAAAAAAAAAA=\",\n    \"*\": {\n        \"mimeType\": \"image/x-mkcd-f4\",\n        \"dataEncoding\": \"base64\",\n        \"namespace\": \"myImages\"\n    }\n}",
-  "images.g.ts": "// Auto-generated code. Do not edit.\nnamespace myImages {\n\n    helpers._registerFactory(\"image\", function(name: string) {\n        switch(helpers.stringTrim(name)) {\n            case \"image2\":\n            case \"Cloud\":return img`\n.........bbbbb................\n........bb111bb...............\n.......b1111111b..............\n......bb1111111bb....bbb......\n...bbbbd11111111bbbbbb1bb.....\n..bb111dd111111111111111b.....\n.bb111111111111111111111b.....\n.b1111111111111111d11111bb....\nbb111111111111111d1111111bb...\nb111111111111111d111111111bb..\nbb111111111111111d111111111bb.\n.bbb11ddd111111111d11111111bb.\n...bbbbbd1111111111bbb11bbbb..\n.......bb11111111bbb.bbbb.....\n........bbb11111bb............\n..........bbbbbbb.............\n`;\n            case \"image3\":return img`\n.........bbbbb................\n........bb111bb...............\n.......b1111111b..............\n......bb1111111bb....bbb......\n...bbbbd11111111bbbbbb1bb.....\n..bb111dd111111111111111b.....\n.bb111111111111111111111b.....\n.b1111111111111111d11111bb....\nbb111111111111111d1111111bb...\nb111111111111111d111111111bb..\nbb111111111111111d111111111bb.\n.bbb11ddd111111111d11111111bb.\n...bbbbbd1111111111bbb11bbbb..\n.......bb11111111bbb.bbbb.....\n........bbb11111bb............\n..........bbbbbbb.............\n`;\n        }\n        return null;\n    })\n\n    helpers._registerFactory(\"animation\", function(name: string) {\n        switch(helpers.stringTrim(name)) {\n\n        }\n        return null;\n    })\n\n}\n// Auto-generated code. Do not edit.\n",
-  "main.blocks": "<xml xmlns=\"https://developers.google.com/blockly/xml\"><variables><variable type=\"KIND_SpriteKind\" id=\"4B?GV*)eD5DUvikVNk$t\">Player</variable><variable type=\"KIND_SpriteKind\" id=\"6j5)LMVdgl^XeJC*L.Dw\">Projectile</variable><variable type=\"KIND_SpriteKind\" id=\"TJcarl[PVtMHvEjiAkQ=\">Food</variable><variable type=\"KIND_SpriteKind\" id=\"l9d!xsEb8*84@?y9RWQJ\">Enemy</variable><variable id=\"OhzSzwl78,9[a~*FxDB+\">mySprite</variable><variable id=\"I?4@gJV,8)yi2RplwDBf\">power</variable><variable id=\"?SrrdKP|Z)`PL`-|XKVQ\">mySprite2</variable></variables><block type=\"pxt-on-start\" x=\"0\" y=\"0\"><statement name=\"HANDLER\"><block type=\"gamesetbackgroundcolor\"><value name=\"color\"><shadow type=\"colorindexpicker\"><field name=\"index\">11</field></shadow></value><next><block type=\"variables_set\"><field name=\"VAR\" id=\"I?4@gJV,8)yi2RplwDBf\">power</field><value name=\"VALUE\"><shadow type=\"math_number\"><field name=\"NUM\">1</field></shadow></value><next><block type=\"gamecountdown\"><value name=\"duration\"><shadow type=\"math_number\"><field name=\"NUM\">10</field></shadow></value><next><block type=\"gameSplash\"><mutation xmlns=\"http://www.w3.org/1999/xhtml\" _expanded=\"0\" _input_init=\"true\"></mutation><value name=\"title\"><shadow type=\"text\"><field name=\"TEXT\">Press (A) to earn clicks!</field></shadow></value><value name=\"subtitle\"><shadow type=\"text\"><field name=\"TEXT\"/></shadow></value></block></next></block></next></block></next></block></statement></block><block type=\"keyonevent\" x=\"410\" y=\"10\"><field name=\"button\">controller.B</field><field name=\"event\">ControllerButtonEvent.Pressed</field><statement name=\"HANDLER\"><block type=\"hudChangeScoreBy\"><value name=\"value\"><shadow type=\"math_number\"><field name=\"NUM\">-20</field></shadow></value><next><block type=\"variables_change\"><field name=\"VAR\" id=\"I?4@gJV,8)yi2RplwDBf\">power</field><value name=\"VALUE\"><shadow type=\"math_number\"><field name=\"NUM\">1</field></shadow></value><next><block type=\"game_show_long_text\"><field name=\"layout\">DialogLayout.Top</field><value name=\"str\"><shadow type=\"text\"><field name=\"TEXT\">You bought one extra click!</field></shadow></value></block></next></block></next></block></statement></block><block type=\"gamecountdownevent\" x=\"290\" y=\"270\"><statement name=\"HANDLER\"><block type=\"gameOver\"><mutation xmlns=\"http://www.w3.org/1999/xhtml\" _expanded=\"1\" _input_init=\"true\"></mutation><field name=\"effect\">effects.confetti</field><value name=\"win\"><shadow type=\"toggleWinLose\"><field name=\"win\">true</field></shadow></value></block></statement></block><block type=\"keyonevent\" x=\"30\" y=\"410\"><field name=\"button\">controller.A</field><field name=\"event\">ControllerButtonEvent.Pressed</field><statement name=\"HANDLER\"><block type=\"variables_set\"><field name=\"VAR\" id=\"OhzSzwl78,9[a~*FxDB+\">mySprite</field><value name=\"VALUE\"><shadow xmlns=\"http://www.w3.org/1999/xhtml\" type=\"math_number\"><field name=\"NUM\">0</field></shadow><block type=\"spritescreate\"><value name=\"img\"><shadow type=\"screen_image_picker\"><field name=\"img\">img`\n.........bbbbb................\n........bb111bb...............\n.......b1111111b..............\n......bb1111111bb....bbb......\n...bbbbd11111111bbbbbb1bb.....\n..bb111dd111111111111111b.....\n.bb111111111111111111111b.....\n.b1111111111111111d11111bb....\nbb111111111111111d1111111bb...\nb111111111111111d111111111bb..\nbb111111111111111d111111111bb.\n.bbb11ddd111111111d11111111bb.\n...bbbbbd1111111111bbb11bbbb..\n.......bb11111111bbb.bbbb.....\n........bbb11111bb............\n..........bbbbbbb.............\n`</field><data>{\"commentRefs\":[],\"fieldData\":{\"img\":\"myImages.image3\"}}</data></shadow></value><value name=\"kind\"><shadow type=\"spritekind\"><field name=\"MEMBER\">Player</field></shadow></value></block></value><next><block type=\"startEffectOnSprite\"><mutation xmlns=\"http://www.w3.org/1999/xhtml\" _expanded=\"0\" _input_init=\"false\"></mutation><field name=\"effect\">effects.spray</field><value name=\"sprite\"><block type=\"variables_get\"><field name=\"VAR\" id=\"OhzSzwl78,9[a~*FxDB+\">mySprite</field></block></value><next><block type=\"hudChangeScoreBy\"><value name=\"value\"><shadow type=\"math_number\"><field name=\"NUM\">1</field></shadow><block type=\"variables_get\"><field name=\"VAR\" id=\"I?4@gJV,8)yi2RplwDBf\">power</field></block></value></block></next></block></next></block></statement></block></xml>",
-  "main.ts": "controller.B.onEvent(ControllerButtonEvent.Pressed, function () {\n    info.changeScoreBy(-20)\n    power2 += 1\n    game.showLongText(\"You bought one extra click!\", DialogLayout.Top)\n})\ncontroller.A.onEvent(ControllerButtonEvent.Pressed, function () {\n    mySprite = sprites.create(img`\n        .........bbbbb................\n        ........bb111bb...............\n        .......b1111111b..............\n        ......bb1111111bb....bbb......\n        ...bbbbd11111111bbbbbb1bb.....\n        ..bb111dd111111111111111b.....\n        .bb111111111111111111111b.....\n        .b1111111111111111d11111bb....\n        bb111111111111111d1111111bb...\n        b111111111111111d111111111bb..\n        bb111111111111111d111111111bb.\n        .bbb11ddd111111111d11111111bb.\n        ...bbbbbd1111111111bbb11bbbb..\n        .......bb11111111bbb.bbbb.....\n        ........bbb11111bb............\n        ..........bbbbbbb.............\n        `, SpriteKind.Player)\n    mySprite.startEffect(effects.spray)\n    info.changeScoreBy(power2)\n})\ninfo.onCountdownEnd(function () {\n    game.over(true, effects.confetti)\n})\nlet mySprite: Sprite = null\nlet power2 = 0\nscene.setBackgroundColor(11)\npower2 = 1\ninfo.startCountdown(10)\ngame.splash(\"Press (A) to earn clicks!\")\n",
-  "pxt.json": "{\n    \"name\": \"clicker-withTimer\",\n    \"description\": \"\",\n    \"dependencies\": {\n        \"device\": \"*\"\n    },\n    \"files\": [\n        \"main.blocks\",\n        \"main.ts\",\n        \"README.md\",\n        \"tilemap.g.jres\",\n        \"tilemap.g.ts\",\n        \"images.g.jres\",\n        \"images.g.ts\"\n    ],\n    \"targetVersions\": {\n        \"branch\": \"v1.2.16\",\n        \"tag\": \"v1.2.16\",\n        \"commits\": \"https://github.com/microsoft/pxt-arcade/commits/971a86b03314f200ceb1a951ad277d1d6b8c1e23\",\n        \"target\": \"1.2.16\",\n        \"pxt\": \"6.2.30\"\n    },\n    \"preferredEditor\": \"blocksprj\"\n}\n",
-  "tilemap.g.jres": "{\n    \"transparency16\": {\n        \"data\": \"hwQQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==\",\n        \"mimeType\": \"image/x-mkcd-f4\",\n        \"tilemapTile\": true\n    },\n    \"*\": {\n        \"mimeType\": \"image/x-mkcd-f4\",\n        \"dataEncoding\": \"base64\",\n        \"namespace\": \"myTiles\"\n    }\n}",
-  "tilemap.g.ts": "// Auto-generated code. Do not edit.\nnamespace myTiles {\n    //% fixedInstance jres blockIdentity=images._tile\n    export const transparency16 = image.ofBuffer(hex``);\n\n    helpers._registerFactory(\"tile\", function(name: string) {\n        switch(helpers.stringTrim(name)) {\n            case \"transparency16\":return transparency16;\n        }\n        return null;\n    })\n\n}\n// Auto-generated code. Do not edit.\n"
-}
-```
-
-```template
-controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
-    power += 1
-    game.showLongText("You bought one extra click!", DialogLayout.Center)
-})
-controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
-    info.changeScoreBy(power)
-    mySprite.startEffect(effects.spray, 100)
-})
-info.onCountdownEnd(function () {
-    game.over(true, effects.confetti)
-})
-let power = 0
-let mySprite: Sprite = null
-scene.setBackgroundColor(11)
-info.startCountdown(10)
-game.splash("Press (A) to earn clicks!")
-mySprite = sprites.create(img`
-    .........bbbbb................
-    ........bb111bb...............
-    .......b1111111b..............
-    ......bb1111111bb....bbb......
-    ...bbbbd11111111bbbbbb1bb.....
-    ..bb111dd111111111111111b.....
-    .bb111111111111111111111b.....
-    .b1111111111111111d11111bb....
-    bb111111111111111d1111111bb...
-    b111111111111111d111111111bb..
-    bb111111111111111d111111111bb.
-    .bbb11ddd111111111d11111111bb.
-    ...bbbbbd1111111111bbb11bbbb..
-    .......bb11111111bbb.bbbb.....
-    ........bbb11111bb............
-    ..........bbbbbbb.............
-    `, SpriteKind.Player)
-power = 1
-
-```
-
-```ghost
-
-controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
-    if (10 <= info.score()) {
-        let mySprite: Sprite = null
-        info.changeScoreBy(-10)
-        power +=1
-        mySprite.say("You've purchased a super-clicker")
-                game.showLongText("You bought an auto-clicker!", DialogLayout.Center)
-
-    }
-})
-controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
-    info.changeScoreBy(clicks)
-})
-let autoClicks = 0
-let clicks = 0
-clicks = 1
-
-
-    game.splash("")
-    game.setDialogTextColor(0)
-    game.setDialogCursor(img`
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        . . . . . . . . . . . . . . . .
-        `)
-})
-
-
-```
-
-
-## Introduction @showdialog
+## {Introduction @showdialog}
 
 What's more fun than pressing buttons?
 
@@ -112,7 +13,7 @@ Let's modify our clicker game to offer a simple shop.
 
 ![Click away](/static/skillmap/clicker/clicker-activity-4.gif "Click and buy bigger clickers" )
 
-## Step 1
+## {Step 1}
 
 **The code for a clicker game is already in the workspace.**
 
@@ -121,10 +22,10 @@ what fun is it to get extra power for free? Let's add code to charge the player
 
 ---
 
-► From the ``||info:Info||`` category, grab a ``||info:change score by [1]||``
+- :mouse pointer:  From the ``||info:Info||`` category, grab a ``||info:change score by [1]||``
 block and snap it into the top of the **on B button pressed** container.
 
-► Change the value in the new block from **1** to **-10**.
+- :mouse pointer:  Change the value in the new block from **1** to **-10**.
 
 ```blocks
 controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
@@ -136,7 +37,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
 ```
 
 
-## Step 2
+## {Step 2}
 
 **💡 Now we're onto something 💡**
 
@@ -146,11 +47,11 @@ upgrade the power.
 
 ---
 
-► From ``||logic:Logic||``, choose the top
+- :mouse pointer:  From ``||logic:Logic||``, choose the top
 ``||logic:if <true> then||`` container and drag it into the top of your
 **on B button pressed** container already in the workspace.
 
-► To compare values, open the ``||logic: Logic||``
+- :mouse pointer:  To compare values, open the ``||logic: Logic||``
 category and grab a ``||logic: [0] [<] [0]||`` to replace **`<true>`**.
 
 
@@ -166,18 +67,18 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
 })
 ```
 
-## Step 3
+## {Step 3}
 
 We should check that score is greater than (or equal to) **10**
 before we charge the player 10 points.
 
 ---
 
-► To make sure the score is larger than (or equal to) 10, replace the first
+- :mouse pointer:  To make sure the score is larger than (or equal to) 10, replace the first
 **0** in ``||logic: [0] [<] [0]||`` with **10** and change **<**
 to **≤**.
 
-► Open the ``||info:Info||`` category and find the ``||info:score||`` value block.
+- :mouse pointer:  Open the ``||info:Info||`` category and find the ``||info:score||`` value block.
 Grab it and drop it in to replace the remaining **0** of the comparison argument.
 
 
@@ -194,14 +95,14 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
 ```
 
 
-## Step 4
+## {Step 4}
 
 Now if the player has a large enough score, you can charge them
 10 points and give them their extra power.
 
 ---
 
-► The code to adjust the score and power are already at the bottom of the
+- :mouse pointer:  The code to adjust the score and power are already at the bottom of the
 **on B button pressed** container.  Grab all of the code below and
 drag it into the empty **if/then** container.
 
@@ -219,28 +120,28 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
 ```
 
 
-## Step 6 @showdialog
+## {Step 6 @showdialog}
 
 **🎮 Give your game a try on the game screen 🎮**
 
 It should do what you expect...as long as you have 10 points to spend!
 
 
-## Step 7
+## {Step 7}
 
 Finally, we should let the player know if they don't have enough points to
 buy the clicker.
 
 ---
 
-► We already have a note that shows **if** the player has enough points.
+- :mouse pointer:  We already have a note that shows **if** the player has enough points.
 Click the **⊕** at the bottom of the **if/then** container to create an **else** space
 for code that runs when the **if** statement is not true.
 
-► Now you have an **else** container.  Grab another
+- :mouse pointer:  Now you have an **else** container.  Grab another
 ``||game:show long text [" "] [bottom]||`` and drag it into the empty **else**.
 
-► Click into the textarea of the new block and write a message to let your
+- :mouse pointer:  Click into the textarea of the new block and write a message to let your
 player know that they didn't have enough points for an auto-clicker.
 
 
@@ -258,11 +159,97 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
 })
 ```
 
-## Finale
+## {Finale}
 
 **⚡️ Amazing ⚡️**
 
 Now you have a clicker game with a simple shop.  Give it a try on the game screen.
 
 Click **Done** to return to the main page where you can share your game
-with family and friends!
+with family and friends!
+
+
+
+```template
+controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
+    power += 1
+    game.showLongText("You bought one extra click!", DialogLayout.Center)
+})
+controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
+    info.changeScoreBy(power)
+    mySprite.startEffect(effects.spray, 100)
+})
+info.onCountdownEnd(function () {
+    game.over(true, effects.confetti)
+})
+let power = 0
+let mySprite: Sprite = null
+scene.setBackgroundColor(11)
+info.startCountdown(10)
+game.splash("Press (A) to earn clicks!")
+mySprite = sprites.create(img`
+    .........bbbbb................
+    ........bb111bb...............
+    .......b1111111b..............
+    ......bb1111111bb....bbb......
+    ...bbbbd11111111bbbbbb1bb.....
+    ..bb111dd111111111111111b.....
+    .bb111111111111111111111b.....
+    .b1111111111111111d11111bb....
+    bb111111111111111d1111111bb...
+    b111111111111111d111111111bb..
+    bb111111111111111d111111111bb.
+    .bbb11ddd111111111d11111111bb.
+    ...bbbbbd1111111111bbb11bbbb..
+    .......bb11111111bbb.bbbb.....
+    ........bbb11111bb............
+    ..........bbbbbbb.............
+    `, SpriteKind.Player)
+power = 1
+
+```
+
+```ghost
+
+controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
+    if (10 <= info.score()) {
+        let mySprite: Sprite = null
+        info.changeScoreBy(-10)
+        power +=1
+        mySprite.say("You've purchased a super-clicker")
+                game.showLongText("You bought an auto-clicker!", DialogLayout.Center)
+
+    }
+})
+controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
+    info.changeScoreBy(clicks)
+})
+let autoClicks = 0
+let clicks = 0
+clicks = 1
+
+
+    game.splash("")
+    game.setDialogTextColor(0)
+    game.setDialogCursor(img`
+        . 
+        `)
+})
+
+
+```
+
+
+
+```assetjson
+{
+  "README.md": " ",
+  "images.g.jres": "{\n    \"image2\": {\n        \"data\": \"hwQeABAAAAAAAAAAuwsAAAAAALsbuwAAAACwGxGxAAAAALsREbELAAAAGxEREQsAAAAbERERCwAAsBsREdELAAC73RER0bsAsBHRERHRvQu7ERERERERCxsRERERERG7GxEREREREbEbERERERERsbsRERERERGxsBEREREREbEAuxERERERsQCwGxHRERG7AAAbER0dsQsAABvREdGxAAAAGxEREbsAAAAbERERCwAAsBsRERG7AACwEREREbEAALAbERERsQAAALu7ERG7AAAAALAbEQsAAAAAALsRCwAAAAAAsLsLAAAAAAAAuwAAAAAAAAAAAAA=\",\n        \"mimeType\": \"image/x-mkcd-f4\",\n        \"displayName\": \"Cloud\"\n    },\n    \"image3\": \"hwQeABAAAAAAAAAAuwsAAAAAALsbuwAAAACwGxGxAAAAALsREbELAAAAGxEREQsAAAAbERERCwAAsBsREdELAAC73RER0bsAsBHRERHRvQu7ERERERERCxsRERERERG7GxEREREREbEbERERERERsbsRERERERGxsBEREREREbEAuxERERERsQCwGxHRERG7AAAbER0dsQsAABvREdGxAAAAGxEREbsAAAAbERERCwAAsBsRERG7AACwEREREbEAALAbERERsQAAALu7ERG7AAAAALAbEQsAAAAAALsRCwAAAAAAsLsLAAAAAAAAuwAAAAAAAAAAAAA=\",\n    \"*\": {\n        \"mimeType\": \"image/x-mkcd-f4\",\n        \"dataEncoding\": \"base64\",\n        \"namespace\": \"myImages\"\n    }\n}",
+  "images.g.ts": "// Auto-generated code. Do not edit.\nnamespace myImages {\n\n    helpers._registerFactory(\"image\", function(name: string) {\n        switch(helpers.stringTrim(name)) {\n            case \"image2\":\n            case \"Cloud\":return img`\n.........bbbbb................\n........bb111bb...............\n.......b1111111b..............\n......bb1111111bb....bbb......\n...bbbbd11111111bbbbbb1bb.....\n..bb111dd111111111111111b.....\n.bb111111111111111111111b.....\n.b1111111111111111d11111bb....\nbb111111111111111d1111111bb...\nb111111111111111d111111111bb..\nbb111111111111111d111111111bb.\n.bbb11ddd111111111d11111111bb.\n...bbbbbd1111111111bbb11bbbb..\n.......bb11111111bbb.bbbb.....\n........bbb11111bb............\n..........bbbbbbb.............\n`;\n            case \"image3\":return img`\n.........bbbbb................\n........bb111bb...............\n.......b1111111b..............\n......bb1111111bb....bbb......\n...bbbbd11111111bbbbbb1bb.....\n..bb111dd111111111111111b.....\n.bb111111111111111111111b.....\n.b1111111111111111d11111bb....\nbb111111111111111d1111111bb...\nb111111111111111d111111111bb..\nbb111111111111111d111111111bb.\n.bbb11ddd111111111d11111111bb.\n...bbbbbd1111111111bbb11bbbb..\n.......bb11111111bbb.bbbb.....\n........bbb11111bb............\n..........bbbbbbb.............\n`;\n        }\n        return null;\n    })\n\n    helpers._registerFactory(\"animation\", function(name: string) {\n        switch(helpers.stringTrim(name)) {\n\n        }\n        return null;\n    })\n\n}\n// Auto-generated code. Do not edit.\n",
+  "main.blocks": "<xml xmlns=\"https://developers.google.com/blockly/xml\"><variables><variable type=\"KIND_SpriteKind\" id=\"4B?GV*)eD5DUvikVNk$t\">Player</variable><variable type=\"KIND_SpriteKind\" id=\"6j5)LMVdgl^XeJC*L.Dw\">Projectile</variable><variable type=\"KIND_SpriteKind\" id=\"TJcarl[PVtMHvEjiAkQ=\">Food</variable><variable type=\"KIND_SpriteKind\" id=\"l9d!xsEb8*84@?y9RWQJ\">Enemy</variable><variable id=\"OhzSzwl78,9[a~*FxDB+\">mySprite</variable><variable id=\"I?4@gJV,8)yi2RplwDBf\">power</variable><variable id=\"?SrrdKP|Z)`PL`-|XKVQ\">mySprite2</variable></variables><block type=\"pxt-on-start\" x=\"0\" y=\"0\"><statement name=\"HANDLER\"><block type=\"gamesetbackgroundcolor\"><value name=\"color\"><shadow type=\"colorindexpicker\"><field name=\"index\">11</field></shadow></value><next><block type=\"variables_set\"><field name=\"VAR\" id=\"I?4@gJV,8)yi2RplwDBf\">power</field><value name=\"VALUE\"><shadow type=\"math_number\"><field name=\"NUM\">1</field></shadow></value><next><block type=\"gamecountdown\"><value name=\"duration\"><shadow type=\"math_number\"><field name=\"NUM\">10</field></shadow></value><next><block type=\"gameSplash\"><mutation xmlns=\"http://www.w3.org/1999/xhtml\" _expanded=\"0\" _input_init=\"true\"></mutation><value name=\"title\"><shadow type=\"text\"><field name=\"TEXT\">Press (A) to earn clicks!</field></shadow></value><value name=\"subtitle\"><shadow type=\"text\"><field name=\"TEXT\"/></shadow></value></block></next></block></next></block></next></block></statement></block><block type=\"keyonevent\" x=\"410\" y=\"10\"><field name=\"button\">controller.B</field><field name=\"event\">ControllerButtonEvent.Pressed</field><statement name=\"HANDLER\"><block type=\"hudChangeScoreBy\"><value name=\"value\"><shadow type=\"math_number\"><field name=\"NUM\">-20</field></shadow></value><next><block type=\"variables_change\"><field name=\"VAR\" id=\"I?4@gJV,8)yi2RplwDBf\">power</field><value name=\"VALUE\"><shadow type=\"math_number\"><field name=\"NUM\">1</field></shadow></value><next><block type=\"game_show_long_text\"><field name=\"layout\">DialogLayout.Top</field><value name=\"str\"><shadow type=\"text\"><field name=\"TEXT\">You bought one extra click!</field></shadow></value></block></next></block></next></block></statement></block><block type=\"gamecountdownevent\" x=\"290\" y=\"270\"><statement name=\"HANDLER\"><block type=\"gameOver\"><mutation xmlns=\"http://www.w3.org/1999/xhtml\" _expanded=\"1\" _input_init=\"true\"></mutation><field name=\"effect\">effects.confetti</field><value name=\"win\"><shadow type=\"toggleWinLose\"><field name=\"win\">true</field></shadow></value></block></statement></block><block type=\"keyonevent\" x=\"30\" y=\"410\"><field name=\"button\">controller.A</field><field name=\"event\">ControllerButtonEvent.Pressed</field><statement name=\"HANDLER\"><block type=\"variables_set\"><field name=\"VAR\" id=\"OhzSzwl78,9[a~*FxDB+\">mySprite</field><value name=\"VALUE\"><shadow xmlns=\"http://www.w3.org/1999/xhtml\" type=\"math_number\"><field name=\"NUM\">0</field></shadow><block type=\"spritescreate\"><value name=\"img\"><shadow type=\"screen_image_picker\"><field name=\"img\">img`\n.........bbbbb................\n........bb111bb...............\n.......b1111111b..............\n......bb1111111bb....bbb......\n...bbbbd11111111bbbbbb1bb.....\n..bb111dd111111111111111b.....\n.bb111111111111111111111b.....\n.b1111111111111111d11111bb....\nbb111111111111111d1111111bb...\nb111111111111111d111111111bb..\nbb111111111111111d111111111bb.\n.bbb11ddd111111111d11111111bb.\n...bbbbbd1111111111bbb11bbbb..\n.......bb11111111bbb.bbbb.....\n........bbb11111bb............\n..........bbbbbbb.............\n`</field><data>{\"commentRefs\":[],\"fieldData\":{\"img\":\"myImages.image3\"}}</data></shadow></value><value name=\"kind\"><shadow type=\"spritekind\"><field name=\"MEMBER\">Player</field></shadow></value></block></value><next><block type=\"startEffectOnSprite\"><mutation xmlns=\"http://www.w3.org/1999/xhtml\" _expanded=\"0\" _input_init=\"false\"></mutation><field name=\"effect\">effects.spray</field><value name=\"sprite\"><block type=\"variables_get\"><field name=\"VAR\" id=\"OhzSzwl78,9[a~*FxDB+\">mySprite</field></block></value><next><block type=\"hudChangeScoreBy\"><value name=\"value\"><shadow type=\"math_number\"><field name=\"NUM\">1</field></shadow><block type=\"variables_get\"><field name=\"VAR\" id=\"I?4@gJV,8)yi2RplwDBf\">power</field></block></value></block></next></block></next></block></statement></block></xml>",
+  "main.ts": "controller.B.onEvent(ControllerButtonEvent.Pressed, function () {\n    info.changeScoreBy(-20)\n    power2 += 1\n    game.showLongText(\"You bought one extra click!\", DialogLayout.Top)\n})\ncontroller.A.onEvent(ControllerButtonEvent.Pressed, function () {\n    mySprite = sprites.create(img`\n        .........bbbbb................\n        ........bb111bb...............\n        .......b1111111b..............\n        ......bb1111111bb....bbb......\n        ...bbbbd11111111bbbbbb1bb.....\n        ..bb111dd111111111111111b.....\n        .bb111111111111111111111b.....\n        .b1111111111111111d11111bb....\n        bb111111111111111d1111111bb...\n        b111111111111111d111111111bb..\n        bb111111111111111d111111111bb.\n        .bbb11ddd111111111d11111111bb.\n        ...bbbbbd1111111111bbb11bbbb..\n        .......bb11111111bbb.bbbb.....\n        ........bbb11111bb............\n        ..........bbbbbbb.............\n        `, SpriteKind.Player)\n    mySprite.startEffect(effects.spray)\n    info.changeScoreBy(power2)\n})\ninfo.onCountdownEnd(function () {\n    game.over(true, effects.confetti)\n})\nlet mySprite: Sprite = null\nlet power2 = 0\nscene.setBackgroundColor(11)\npower2 = 1\ninfo.startCountdown(10)\ngame.splash(\"Press (A) to earn clicks!\")\n",
+  "pxt.json": "{\n    \"name\": \"clicker-withTimer\",\n    \"description\": \"\",\n    \"dependencies\": {\n        \"device\": \"*\"\n    },\n    \"files\": [\n        \"main.blocks\",\n        \"main.ts\",\n        \"README.md\",\n        \"tilemap.g.jres\",\n        \"tilemap.g.ts\",\n        \"images.g.jres\",\n        \"images.g.ts\"\n    ],\n    \"targetVersions\": {\n        \"branch\": \"v1.2.16\",\n        \"tag\": \"v1.2.16\",\n        \"commits\": \"https://github.com/microsoft/pxt-arcade/commits/971a86b03314f200ceb1a951ad277d1d6b8c1e23\",\n        \"target\": \"1.2.16\",\n        \"pxt\": \"6.2.30\"\n    },\n    \"preferredEditor\": \"blocksprj\"\n}\n",
+  "tilemap.g.jres": "{\n    \"transparency16\": {\n        \"data\": \"hwQQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==\",\n        \"mimeType\": \"image/x-mkcd-f4\",\n        \"tilemapTile\": true\n    },\n    \"*\": {\n        \"mimeType\": \"image/x-mkcd-f4\",\n        \"dataEncoding\": \"base64\",\n        \"namespace\": \"myTiles\"\n    }\n}",
+  "tilemap.g.ts": "// Auto-generated code. Do not edit.\nnamespace myTiles {\n    //% fixedInstance jres blockIdentity=images._tile\n    export const transparency16 = image.ofBuffer(hex``);\n\n    helpers._registerFactory(\"tile\", function(name: string) {\n        switch(helpers.stringTrim(name)) {\n            case \"transparency16\":return transparency16;\n        }\n        return null;\n    })\n\n}\n// Auto-generated code. Do not edit.\n"
+}
+```

package/docs/skillmap/collector/collector1.md

@@ -46,7 +46,7 @@ forever(function () {
 ```
 
 
-## Intro @showdialog
+## {Intro @showdialog}
 
 Ready to give your **W,A,S,D** keys a workout?
 
@@ -56,7 +56,7 @@ Let's create a game that brings back some of the iconic arcade style that we lov
 
 
 
-## Step 2
+## {Step 2}
 
 **🐤 This game needs a** [__*sprite*__](#sprote "a dynamic 2-D image")**. 🐤**
 
@@ -100,7 +100,7 @@ let mySprite = sprites.create(img`
 
 
 
-## Step 3
+## {Step 3}
 
 **🤩 Fabulous 🤩**
 
@@ -147,7 +147,7 @@ controller.moveSprite(mySprite, 0, 100)
 
 
 
-## Step 4
+## {Step 4}
 
 **💰 The sprite needs something to collect 💰**
 
@@ -191,7 +191,7 @@ forever(function () {
 
 
 
-## Step 5
+## {Step 5}
 
 **😯 Now you have a steady stream of income 😯**
 
@@ -232,7 +232,7 @@ forever(function () {
 
 
 
-## Step 6
+## {Step 6}
 
 **This is looking great, but the coins still hover around the top.**
 
@@ -267,12 +267,12 @@ forever(function () {
 
 ```
 
-## Step 7 @showdialog
+## {Step 7 @showdialog}
 
 **🎮 Give your game a try in the game screen 🎮**
 
 
-## Step 8
+## {Step 8}
 
 **Notice anything missing?**
 
@@ -296,7 +296,7 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Projectile, function (sprite, ot
 
 
 
-## Step 9
+## {Step 9}
 
 Now we have a container for code that runs when the sprite
 overlaps a projectile.
@@ -322,7 +322,7 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Projectile, function (sprite, ot
 ```
 
 
-## Step 10
+## {Step 10}
 
 **🏆 Keeping score 🏆**
 
@@ -345,7 +345,7 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Projectile, function (sprite, ot
 ```
 
 
-## Step 11
+## {Step 11}
 
 **🎆 Congrats 🎆**
 

package/docs/skillmap/collector/collector1a.md

@@ -1,13 +1,13 @@
 # Design a Background
 
-## Introduction @showdialog
+## {Introduction @showdialog}
 
 Let's give your hero a world to protect!
 
 ![Background](/static/recipes/shark-splash/04-background.png)
 
 
-## Add a background
+## {Add a background}
 
 **We're going to need a background image.**
 
@@ -145,7 +145,7 @@ scene.setBackgroundImage(img`
     `)
 ```
 
-## Edit the background
+## {Edit the background}
 
 **🖼️ Time to get creative 🖼️**
 
@@ -282,7 +282,7 @@ scene.setBackgroundImage(img`
 ```
 
 
-## Play @@showdialog
+## {Play @@showdialog}
 
 **🎮 Play your game 🎮**
 
@@ -293,7 +293,7 @@ scene.setBackgroundImage(img`
 ► Feel free to return to the **Image Editor** and change it until you get it just the way you want it!
 
 
-## Decorative sprites
+## {Decorative sprites}
 
 ** 🐚 Add some sprites to decorate your game 🐚**
 
@@ -362,7 +362,7 @@ let mySprite2 = sprites.create(img`
 
 ```
 
-## Update sprite y-position
+## {Update sprite y-position}
 
 **You can put your sprites wherever you want...**
 
@@ -441,7 +441,7 @@ mySprite2.setPosition(randint(5, 155), 115)
 
 ```
 
-## Add More 
+## {Add More }
 
 **You can add more decorations the same way!**
 
@@ -449,7 +449,7 @@ Just give each sprite a unique name and make sure
 you select that name from the dropdown when positioning each sprite.
 
 
-## Conclusion 
+## {Conclusion }
 
 **🎉 Congratulations 🎉**
 

package/docs/skillmap/collector/collector2.md

@@ -202,7 +202,7 @@ forever(function () {
 ```
 
 
-## Intro @showdialog
+## {Intro @showdialog}
 
 You've made a collector game, now let's add some
 special touches to make it even more fun.
@@ -211,7 +211,7 @@ special touches to make it even more fun.
 
 
 
-## Step 1
+## {Step 1}
 
 The code for a basic collector is already in the workspace, but a few extra
 blocks could make it amazing.
@@ -251,7 +251,7 @@ controller.moveSprite(mySprite, 0, 100)
 
 
 
-## Step 2
+## {Step 2}
 
 **If the game gets wild, our sprite might leave the screen.**
 Let's prevent that.
@@ -291,7 +291,7 @@ mySprite.setStayInScreen(true)
 ```
 
 
-## Step 3
+## {Step 3}
 
 **🕔 Does this game feel long to you? 🕔**
 
@@ -332,7 +332,7 @@ info.startCountdown(15)
 ```
 
 
-## Step 4
+## {Step 4}
 
 **🥇 Everyone's a winner 🥇**
 
@@ -355,7 +355,7 @@ info.onCountdownEnd(function () {
 ```
 
 
-## Step 5
+## {Step 5}
 
 **🎊 Little celebrations 🎊**
 
@@ -382,7 +382,7 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Projectile, function (sprite, ot
 ```
 
 
-## Step 6
+## {Step 6}
 
 Finally, let's make the timing of the coins less predictable using random numbers.
 
@@ -414,7 +414,7 @@ forever(function () {
 })
 ```
 
-## Step 7
+## {Step 7}
 
 There you have it...a collector game with style AND class.
 

package/docs/skillmap/collector/collector3.md

@@ -131,7 +131,7 @@ forever(function () {
 ```
 
 
-## Intro @showdialog
+## {Intro @showdialog}
 
 Collecting things is great, but avoiding danger is more exciting.
 
@@ -141,7 +141,7 @@ This tutorial will show you how to add menacing elements to your game.
 
 
 
-## Step 1
+## {Step 1}
 
 The code for a collector game is already in the workspace.
 We can build on this to make something that requires extra skill.
@@ -182,7 +182,7 @@ forever(function () {
 ```
 
 
-## Step 2
+## {Step 2}
 
 Our new enemy isn't quite ready. Let's make sure to get all the blocks
 in the new **forever** loop pointed to the right thing.
@@ -223,7 +223,7 @@ forever(function () {
 ```
 
 
-## Step 3
+## {Step 3}
 
 If you play your game right now, you'll see that the rocks and the coins
 fly out at about the same rate. Let's add some variation.
@@ -263,7 +263,7 @@ forever(function () {
 ```
 
 
-## Step 4
+## {Step 4}
 
 **😲 Uh-Oh 😲**
 
@@ -309,7 +309,7 @@ forever(function () {
 })
 ```
 
-## Step 5
+## {Step 5}
 
 **😈 Wicked 😈**
 
@@ -338,7 +338,7 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Enemy, function (sprite, otherSp
 ```
 
 
-## Step 6
+## {Step 6}
 
 At this point, the player is still awarded points when they hit a rock.
 
@@ -364,7 +364,7 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Enemy, function (sprite, otherSp
 ```
 
 
-## Step 7
+## {Step 7}
 
 **What an amazing creation!**