pxt-arcade 1.7.3 → 1.7.4

package/docs/recipes/wonder-woman-1984/01-maze.md

@@ -1,291 +0,0 @@
-# WW84: Chaos Maze
-
-## {Introduction @unplugged}
-
-![Game animation!](/static/recipes/wonder-woman-1984/ww-splash3.gif)
-
-Hey, let's make a game where Wonder Woman must find the way out of a tricky maze! In that maze, she can collect
-artifacts to gain points, but also needs to avoid her enemies that will steal points.
-
-## {Step 1 : Make Wonder Woman @fullscreen}
-
-Open the ``||sprites:Sprites||`` Toolbox drawer and grab the ``||variables:set mySprite to||`` block. Drop this block in the ``||loops:on start||`` block.
-In the ``||variables:set mySprite to||`` block, click the grey box and draw Wonder Woman!
-**Tip: draw Wonder Woman small enough to fit through the pathway!**
-
-```blocks
-let mySprite = sprites.create(img`
-    . . . . . . . . . . . . . . . .
-    . . . . . . f f f . . . . . . .
-    . . . . f f f 5 f f f . . . . .
-    . . . . f f 5 2 5 f f . . . . .
-    . . . f f 2 2 2 2 2 f f . . . .
-    . . . f f d d d d d f f . . . .
-    . . f f f d e d e d f f f . . .
-    . . f f f d d d d d f f f . . .
-    . f f f f f d d d f f f f f . .
-    . f f f f d 2 2 2 d f f f f . .
-    . f f . . 5 2 5 2 5 . . f f . .
-    . . . . . d 8 8 8 d . . . . . .
-    . . . . . . 8 8 8 . . . . . . .
-    . . . . . . d . d . . . . . . .
-    . . . . . . 2 . 2 . . . . . . .
-    . . . . . . . . . . . . . . . .
-`, SpriteKind.Player)
-```
-
-![WW](/static/recipes/wonder-woman-1984/wonder-woman3.png)
-
-## {Step 2 : Let's make Wonder Woman move!}
-
-In the ``||controller:controller||`` drawer grab the ``||controller:move mySprite with buttons||`` block.
-This block will let you control Wonder Woman with the joystick or the arrow keys.
-Click on the **(+)** to change your speed. The **vx** and **vy** boxes represent her horizontal and vertical speed.
-Set them both to `150`! Now try moving Wonder Woman around the screen.
-
-```blocks
-let mySprite = sprites.create(img`
-    . . . . . . . . . . . . . . . .
-    . . . . . . f f f . . . . . . .
-    . . . . f f f 5 f f f . . . . .
-    . . . . f f 5 2 5 f f . . . . .
-    . . . f f 2 2 2 2 2 f f . . . .
-    . . . f f d d d d d f f . . . .
-    . . f f f d e d e d f f f . . .
-    . . f f f d d d d d f f f . . .
-    . f f f f f d d d f f f f f . .
-    . f f f f d 2 2 2 d f f f f . .
-    . f f . . 5 2 5 2 5 . . f f . .
-    . . . . . d 8 8 8 d . . . . . .
-    . . . . . . 8 8 8 . . . . . . .
-    . . . . . . d . d . . . . . . .
-    . . . . . . 2 . 2 . . . . . . .
-    . . . . . . . . . . . . . . . .
-`, SpriteKind.Player)
-controller.moveSprite(mySprite, 150, 150)
-```
-
-## {Step 3 : Choose background color}
-
-From the ``||scene:Scene||`` Toolbox drawer, get the ``||scene:set background color||`` block and drop it into the ``||loops:on start||`` block. Click on the grey oval to choose a color. This will end up being the color of the pathway in the maze.
-
-```blocks
-let mySprite = sprites.create(img`
-    . . . . . . . . . . . . . . . .
-    . . . . . . f f f . . . . . . .
-    . . . . f f f 5 f f f . . . . .
-    . . . . f f 5 2 5 f f . . . . .
-    . . . f f 2 2 2 2 2 f f . . . .
-    . . . f f d d d d d f f . . . .
-    . . f f f d e d e d f f f . . .
-    . . f f f d d d d d f f f . . .
-    . f f f f f d d d f f f f f . .
-    . f f f f d 2 2 2 d f f f f . .
-    . f f . . 5 2 5 2 5 . . f f . .
-    . . . . . d 8 8 8 d . . . . . .
-    . . . . . . 8 8 8 . . . . . . .
-    . . . . . . d . d . . . . . . .
-    . . . . . . 2 . 2 . . . . . . .
-    . . . . . . . . . . . . . . . .
-`, SpriteKind.Player)
-controller.moveSprite(mySprite, 150, 150)
-scene.setBackgroundColor(11)
-```
-
-## {Step 4 : Create tilemap}
-
-From the ``||scene:Scene||`` Toolbox drawer, drag and drop a ``||scene:set tilemap||`` block. Go to the next step in this tutorial to learn how to draw your maze.
-
-```blocks
-let mySprite = sprites.create(img`
-    . . . . . . . . . . . . . . . .
-    . . . . . . f f f . . . . . . .
-    . . . . f f f 5 f f f . . . . .
-    . . . . f f 5 2 5 f f . . . . .
-    . . . f f 2 2 2 2 2 f f . . . .
-    . . . f f d d d d d f f . . . .
-    . . f f f d e d e d f f f . . .
-    . . f f f d d d d d f f f . . .
-    . f f f f f d d d f f f f f . .
-    . f f f f d 2 2 2 d f f f f . .
-    . f f . . 5 2 5 2 5 . . f f . .
-    . . . . . d 8 8 8 d . . . . . .
-    . . . . . . 8 8 8 . . . . . . .
-    . . . . . . d . d . . . . . . .
-    . . . . . . 2 . 2 . . . . . . .
-    . . . . . . . . . . . . . . . .
-`, SpriteKind.Player)
-controller.moveSprite(mySprite, 150, 150)
-scene.setBackgroundColor(11)
-tiles.setTilemap(tilemap`level`)
-```
-
-## {Now draw your maze @unplugged}
-
-This is how you will draw your maze in the next step. First fill in the canvas with a tile, then use the **Eraser** tool to draw the path for your maze.
-
-![Draw Maze gif!](/static/recipes/wonder-woman-1984/fill-maze.gif)
-
-## {Step 5 : Draw your maze}
-
-In the ``||scene:set tilemap||`` block, click on the grey box to choose a color or tile for the walls of your maze, then use the bucket **Fill** tool to fill in the entire canvas with the tile you selected.
-Next, use the **Erasor** tool to draw the path for the maze.
-
-![Draw Maze!](/static/recipes/wonder-woman-1984/draw-maze-backup.png)
-
-## {Now draw the walls of your maze @unplugged}
-
-Now, outline the walls of the maze with a **Wall** creation tool.
-
-![Draw Walls gif!](/static/recipes/wonder-woman-1984/fill-walls.gif)
-
-## {Step 6 : Create the maze walls}
-
-Now that we know what the maze looks like, we need to show the program where the walls of the maze are.
-In the Tilemap Editor, click on the red Wall icon, then draw the walls around your Maze path.
-Using this tool highlight all the walls that Wonder Woman should **NOT** be able to walk through.
-
-![Draw Walls](/static/recipes/wonder-woman-1984/draw-walls-backup.png)
-
-## {Step 7 : Create a Starting Position for Wonder Woman}
-
-In the Tilemap Editor, choose a new tile from the Gallery to be the start location for Wonder Woman. Place it at the beginning of the maze.
-Get the ``||scene:place mySprite on top of random||`` block and put it in the ``||loops:on start||`` block. Click on the checkered box and select the Start tile that you chose earlier.
-Wonder Woman should now start at this location when you play the game.
-
-```blocks
-let mySprite = sprites.create(img`
-    . . . . . . . . . . . . . . . .
-    . . . . . . f f f . . . . . . .
-    . . . . f f f 5 f f f . . . . .
-    . . . . f f 5 2 5 f f . . . . .
-    . . . f f 2 2 2 2 2 f f . . . .
-    . . . f f d d d d d f f . . . .
-    . . f f f d e d e d f f f . . .
-    . . f f f d d d d d f f f . . .
-    . f f f f f d d d f f f f f . .
-    . f f f f d 2 2 2 d f f f f . .
-    . f f . . 5 2 5 2 5 . . f f . .
-    . . . . . d 8 8 8 d . . . . . .
-    . . . . . . 8 8 8 . . . . . . .
-    . . . . . . d . d . . . . . . .
-    . . . . . . 2 . 2 . . . . . . .
-    . . . . . . . . . . . . . . . .
-`, SpriteKind.Player)
-controller.moveSprite(mySprite, 150, 150)
-scene.setBackgroundColor(11)
-tiles.setTilemap(tilemap`level`)
-tiles.placeOnRandomTile(mySprite, sprites.dungeon.stairWest)
-```
-
-## {Step 8 : Follow the Sprite}
-
-Get the ``||scene:camera follow sprite||`` block and add it in the ``||loops:on start||`` block. This makes it so that Wonder Woman will always be on the screen.
-
-```blocks
-let mySprite = sprites.create(img`
-    . . . . . . . . . . . . . . . .
-    . . . . . . f f f . . . . . . .
-    . . . . f f f 5 f f f . . . . .
-    . . . . f f 5 2 5 f f . . . . .
-    . . . f f 2 2 2 2 2 f f . . . .
-    . . . f f d d d d d f f . . . .
-    . . f f f d e d e d f f f . . .
-    . . f f f d d d d d f f f . . .
-    . f f f f f d d d f f f f f . .
-    . f f f f d 2 2 2 d f f f f . .
-    . f f . . 5 2 5 2 5 . . f f . .
-    . . . . . d 8 8 8 d . . . . . .
-    . . . . . . 8 8 8 . . . . . . .
-    . . . . . . d . d . . . . . . .
-    . . . . . . 2 . 2 . . . . . . .
-    . . . . . . . . . . . . . . . .
-`, SpriteKind.Player)
-controller.moveSprite(mySprite, 150, 150)
-scene.setBackgroundColor(11)
-tiles.setTilemap(tilemap`level`)
-tiles.placeOnRandomTile(mySprite, sprites.dungeon.stairWest)
-scene.cameraFollowSprite(mySprite)
-```
-
-## {Step 9 : Create End Position }
-
-Go back to your tilemap and choose a new tile from the Gallery to be the end location of the maze. Place it where you want the end of the maze to be.
-
-![End Position](/static/recipes/wonder-woman-1984/end-position.png)
-
-## {Step 10 : Allow Wonder Woman to win the game}
-
-Now, drag a ``||scene:on sprite of kind overlaps||`` block into the workspace. This will **NOT** go into the ``||loops:on start||`` block.
-Click on the checkered tile and select the End tile that you chose.
-Get a ``||game:game over||`` block and put it inside the ``||scene:on sprite of kind overlaps||`` block. Switch to **WIN** .
-
-Now, when Wonder Woman overlaps this tile, she'll get out of the maze and win the game!
-
-```blocks
-scene.onOverlapTile(SpriteKind.Player, sprites.dungeon.stairLarge, function (sprite, location) {
-    game.over(true)
-})
-```
-
-## {Step 11 : Finally, add a countdown timer!}
-
-Now let's add a timer to make the maze a bit harder! Get a ``||info:start countdown||`` block and put it inside the ``||loops:on start||`` block. Change the amount of time to `20` seconds.
-
-```blocks
-let mySprite = sprites.create(img`
-    . . . . . . . . . . . . . . . .
-    . . . . . . f f f . . . . . . .
-    . . . . f f f 5 f f f . . . . .
-    . . . . f f 5 2 5 f f . . . . .
-    . . . f f 2 2 2 2 2 f f . . . .
-    . . . f f d d d d d f f . . . .
-    . . f f f d e d e d f f f . . .
-    . . f f f d d d d d f f f . . .
-    . f f f f f d d d f f f f f . .
-    . f f f f d 2 2 2 d f f f f . .
-    . f f . . 5 2 5 2 5 . . f f . .
-    . . . . . d 8 8 8 d . . . . . .
-    . . . . . . 8 8 8 . . . . . . .
-    . . . . . . d . d . . . . . . .
-    . . . . . . 2 . 2 . . . . . . .
-    . . . . . . . . . . . . . . . .
-`, SpriteKind.Player)
-controller.moveSprite(mySprite, 150, 150)
-scene.setBackgroundColor(11)
-tiles.setTilemap(tilemap`level`)
-tiles.placeOnRandomTile(mySprite, sprites.dungeon.stairWest)
-scene.cameraFollowSprite(mySprite)
-info.startCountdown(20)
-```
-
-## {Finish current tutorial or add artifacts @fullscreen}
-
-Congratulations on completing your Chaos Maze inspired by WONDER WOMAN 1984! Click on [**this link**](#recipe:/recipes/wonder-woman-1984/02-artifact) to move to the next tutorial where you can add items for Wonder Woman to collect! Otherwise, click the **Done** button.
-
-![Add Artifacts](/static/recipes/wonder-woman-1984/artifact-preview.png)
-
-```jres
-{
-    "transparency16": {
-        "data": "hwQQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==",
-        "mimeType": "image/x-mkcd-f4",
-        "tilemapTile": true
-    },
-    "level": {
-        "id": "level",
-        "mimeType": "application/mkcd-tilemap",
-        "data": "MTAxMDAwMTAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMA==",
-        "tileset": [
-            "myTiles.transparency16",
-            "sprites.dungeon.stairWest",
-            "sprites.dungeon.stairLarge"
-        ]
-    },
-    "*": {
-        "mimeType": "image/x-mkcd-f4",
-        "dataEncoding": "base64",
-        "namespace": "myTiles"
-    }
-}
-```

package/docs/recipes/wonder-woman-1984/02-artifact.md

@@ -1,70 +0,0 @@
-# WW84: Add Items to Collect
-
-## {Intro @unplugged}
-
-Now let's add some artifacts that Wonder Woman can collect for points!
-
-![Artifacts!](/static/recipes/wonder-woman-1984/artifact-preview.png)
-
-## {Step 1 : Make an artifact}
-
-Go to the Tilemap Editor and click on **My Tiles**. Click on the **(+)** icon to create a new tile where you can draw the artifact you want Wonder Woman to collect. It could be her golden lasso, a coin, or anything else Wonder Woman might need. Place this artifact tile on your maze in all the places you want it to appear.
-
-![Artifacts!](/static/recipes/wonder-woman-1984/artifact-preview.png)
-
-## {Step 2 : Select the artifacts}
-
-From the ``||scene:Scene||`` Toolbox drawer, get the on ``||scene:sprite of kind overlaps||`` block and drop onto the Workspace. Click on the checkered square and select the artifact you just made.
-
-```blocks
-scene.onOverlapTile(SpriteKind.Player, myTiles.null, function (sprite, location) {
-
-})
-```
-
-## {Step 3 : Earn points when items are collected}
-
-First, we need to create a score tracker for the game.
-Get the ``||info:set score to||`` block at put it in the ``||loops:on start||`` block.
-Now when you start the game, your score will be set to `0`.
-
-Next, get the ``||info:change score by||`` block and put it in the ``||scene:on sprite of kind overlaps||`` artifact block you added in the previous step.
-This means that when Wonder Woman overlaps with the item, 1 point will be added to the score.
-
-```blocks
-info.setScore(0)
-scene.onOverlapTile(SpriteKind.Player, myTiles.null, function (sprite, location) {
-    info.changeScoreBy(1)
-})
-```
-
-## {Step 4 : Add a sound when items are collected}
-
-From the ``||music:Music||`` Toolbox drawer, drag the ``||music:play sound||`` block into the ``||scene:on sprite of kind overlaps||`` artifact block. Then in the ``||music:play sound||`` block, click on the drop-down menu to select the sound you want to hear when Wonder Woman picks up the artifact.
-
-```blocks
-scene.onOverlapTile(SpriteKind.Player, myTiles.null, function (sprite, location) {
-    info.changeScoreBy(1)
-    music.baDing.play()
-})
-```
-
-## {Step 5 : Make the item disappear when collected}
-
-Now we need to delete the artifact when Wonder Woman picks it up. From the ``||scene:Scene||`` Toolbox drawer, drag a ``||scene:set at tilemap||`` block and drop it into the ``||scene:on sprite of kind overlaps||`` artifact block after the ``||music:play sound||`` block. Then from the ``||scene:on sprite of kind overlaps||`` block, drag the ``||variables:location||`` block into the ``||scene:set at tilemap||`` block replacing the ``||scene:tilemap col row||`` block.
-
-```blocks
-scene.onOverlapTile(SpriteKind.Player, myTiles.null, function (sprite, location) {
-    info.changeScoreBy(1)
-    music.baDing.play()
-    tiles.setTileAt(location, myTiles.null)
-})
-```
-
-![Drag Location](/static/recipes/wonder-woman-1984/artifacts-location.gif)
-
-## {Step 6 @fullscreen}
-
-Repeat these steps to add more artifacts for Wonder Woman to collect in her Maze. When you're ready to move on to the next tutorial, click [**this link**](#recipe:/recipes/wonder-woman-1984/03-enemies) to add enemies to your maze! Otherwise, click **Done**."
-
-![Enemies!](/static/recipes/wonder-woman-1984/enemies-preview.png)

package/docs/recipes/wonder-woman-1984/03-enemies.md

@@ -1,65 +0,0 @@
-# WW84: Add Enemies
-
-## {Intro @unplugged}
-
-Now let's add some of Wonder Woman's biggest enemies to the maze!
-
-![Enemies!](/static/recipes/wonder-woman-1984/enemies-preview.png)
-
-## {Step 1 : Create your villain}
-
-Go to the Tilemap Editor and click on **My Tiles**. Click on the **(+)** icon to create a new tile where you can draw one of Wonder Woman's enemies - for example, **Cheetah**.
-Then place this enemy tile on your maze in all the places you want it to appear.
-
-![Enemies!](/static/recipes/wonder-woman-1984/enemies-preview.png)
-
-## {Step 2 : Place your artifacts}
-
-From the ``||scene:Scene||`` Toolbox drawer, get the ``||scene: on sprite of kind overlaps||`` block and drop onto the Workspace. Click on the checkered square and select the enemy you just made.
-
-```blocks
-scene.onOverlapTile(SpriteKind.Player, myTiles.null, function (sprite, location) {
-
-})
-```
-
-## {Step 3 : Lose points when Wonder Woman runs into enemies}
-
-Now, let's make Wonder Woman lose points when she runs into an enemy.
-
-From the ``||info:Info||`` Toolbox drawer, drag a ``||info:change score by||`` block and drop it into the ``||scene: on sprite of kind overlaps||`` enemy block you just created. In the ``||info:change score by||`` block, type `-1` as the value to change the score by. Now when Wonder Woman overlaps with an enemy, she will lose one point.
-
-```blocks
-scene.onOverlapTile(SpriteKind.Player, myTiles.null, function (sprite, location) {
-    info.changeScoreBy(-1)
-})
-```
-
-## {Step 4 : Add a sound when for the enemy}
-
-From the ``||music:Music||`` Toolbox drawer, drag the ``||music:play sound||`` block into the ``||scene:on sprite of kind overlaps||`` enemy block. Then in the ``||music:play sound||`` block, click on the drop-down menu to select the sound you want to hear when Wonder Woman runs into an enemy.
-
-```blocks
-scene.onOverlapTile(SpriteKind.Player, myTiles.null, function (sprite, location) {
-    info.changeScoreBy(1)
-    music.baDing.play()
-})
-```
-
-## {Step 5 : Make enemies disappear}
-
-Now we need to destroy the enemy when Wonder Woman overlaps with it. From the ``||scene:Scene||`` Toolbox drawer, drag a ``||scene:set at tilemap||`` block and drop it into the ``||scene:on sprite of kind overlaps||`` enemy block after the ``||music: play sound||`` block. Then from the ``||scene:on sprite of kind overlaps||`` block, drag the ``||variables:location||`` block into the ``||scene:set at tilemap||`` block replacing the ``||scene:tilemap col row||`` block.
-
-```blocks
-scene.onOverlapTile(SpriteKind.Player, myTiles.null, function (sprite, location) {
-    info.changeScoreBy(1)
-    music.baDing.play()
-    tiles.setTileAt(location, myTiles.null)
-})
-```
-
-![Drag Location](/static/recipes/wonder-woman-1984/enemies-location.gif)
-
-## {Step 6 Add more enemies}
-
-Repeat these steps to add more enemies for Wonder Woman to avoid in her Maze. When you're done, click **Done** to play and share your Wonder Woman Chaos Maze with friends! Congratulations!