pxt-arcade 1.12.7 → 1.12.10

package/built/targetlight.json

@@ -505,11 +505,11 @@
         }
     ],
     "versions": {
-        "branch": "v1.12.7",
-        "tag": "v1.12.7",
-        "commits": "https://github.com/microsoft/pxt-arcade/commits/715c7109ab9caf1c80732808d6026448e12d70c7",
-        "target": "1.12.7",
-        "pxt": "8.5.8"
+        "branch": "v1.12.10",
+        "tag": "v1.12.10",
+        "commits": "https://github.com/microsoft/pxt-arcade/commits/6576759a84872c320cf9ecf75ccc89f3212eb27c",
+        "target": "1.12.10",
+        "pxt": "8.5.13"
     },
     "blocksprj": {
         "id": "blocksprj",

package/built/theme.json

@@ -136,6 +136,7 @@
     "tutorialCodeValidation": true,
     "multiplayer": true,
     "songEditor": true,
+    "shareToKiosk": true,
     "TOC": [
         {
             "name": "About",

package/docs/developer/kiosk.md

@@ -0,0 +1,116 @@
+# Kiosk
+
+To allow users to showcase their games in a fun and unique way, the Kiosk is added to Makecode Arcade. The Kiosk is an interface where a list of games is displayed in a carousel, letting a user scroll through what's currently highlighted to play. Hopefully, this will excite users to want to upload their games.  
+
+## Getting started 
+
+The default Kiosk contains an initial set some of our most popular games from Arcade. This page is located at https://arcade.makecode.com/kiosk.
+
+![Starting screen](/static/developer/kiosk/select-a-game.png)
+
+## Clearing the Kiosk
+
+To have students start with an empty (clean) Kiosk, so that they won't be tempted to play random games, you can add the clean flag to the url:
+
+https://arcade.makecode.com/kiosk?clean=1
+
+If there are no games uploaded yet, your kiosk will look like the following:
+
+![No games uploaded yet](/static/developer/kiosk/no-uploaded-games.png)
+
+If you have only uploaded one game, you will see three copies of that game. This gives the illusion that you can move to the next or previous game even though it's the same one.
+
+![Just one uploaded game](/static/developer/kiosk/single-uploaded-game.png)
+
+When you upload more games, you will see them in the list as you scroll through.
+
+![Multiple uploaded games](/static/developer/kiosk/multiple-uploaded-games.png)
+
+## Locking the Kiosk
+
+If you are just looking to put games on display and not to edit the game list already in the kiosk, there is a **lock** flag that can be added to the url. This makes the **Add your game** button disappear. https://arcade.makecode.com/kiosk?lock=1 
+
+![Locked kiosk](/static/developer/kiosk/locked-state.png)
+
+You can put your Kiosk in a locked and clean state by using both flags together like the this:
+
+https://arcade.makecode.com/kiosk?clean=1&lock=1
+
+The order of the flags does not matter.
+
+## Kiosk controls 
+
+The Kiosk is added to improve the "console style" experience and the intention is that users will have a keyboard, connect their computer to a shoebox controller, or build themselves an arcade cabinet. You can do any of those projects with our help here: 
+
+* [Making an arcade cabinet](https://arcade.makecode.com/hardware/raspberry-pi/wooden-cabinet)
+* [Making a shoe box controller](https://arcade.makecode.com/hardware/shoebox-controller)
+
+There's a full list of do it yourself projects at:
+
+* [Do it yourself hardware](diy-hardware)
+
+Because of this, the only way to interact with the kiosk is through keyboard controls. 
+
+![Keyboard controls](/static/developer/kiosk/keyboard-controls.png)
+
+Two additional keyboard controls are:
+
+* **Spacebar**: Select
+* **ESC**: Exit
+
+## Adding a game to the Kiosk 
+
+Use the up arrow or trigger your joystick in the upwards direction to select the **Add your game** button.
+
+![Starting screen](/static/developer/kiosk/select-a-game.png)
+
+Use the space bar or the a button to select the button. Then, scan the QR code on the Kiosk.
+
+![Add your game screen](/static/developer/kiosk/add-your-game.png)
+
+Get the share link or QR code of the game you created in MakeCode Arcade.
+
+![Share project window](/static/developer/kiosk/share-project.png)
+
+The steps to get your game's share link or QR code are outlined [below](#share-link-qr-code).
+
+Use the following page to add your game.
+
+![Add the game to a kiosk](/static/developer/kiosk/add-to-kiosk.png)
+
+If you submit/scan your game successfully, your game will be launched on the Kiosk. If you don't see your game, wait 5 seconds as the Kiosk might be polling for it. If you do not see your game in a couple of seconds, there might be something wrong. Check the logs on the page using the Developer Tools window.
+
+## Removing all user uploaded games from the Kiosk 
+
+At some point you may decide that you no longer want your games in the Kiosk anymore. If you want to get rid of all the user-uploaded games from Kiosk, follow these steps:
+
+1. Inspect the page by right clicking on the Kiosk's landing page and selecting 'Inspect'.
+This will bring up the Developer Tools window. 
+2. In the 'Application' tab, find the 'Storage' section.
+3. Expand 'Local Storage'.
+4. Click https://arcade.makecode.com to see all the items.
+5. Filter the items with the word 'user'.
+6. Click on the entry 'UserAddedGames'.
+7. Press backspace or delete on your keyboard.
+8. Close the Developer tools.
+9. Refresh the kiosk. You will now have the default kiosk.
+
+## Getting a game's share link or QR code #share-link-qr-code
+
+You can get a game's share link or QR code using these steps:
+
+Click on the three connected dots in the upper right corner of the Arcade editor.
+
+![Arcade edtior menu bar](/static/developer/kiosk/menu-bar.png)
+
+Make sure to change your project title to something fun and update the project thumbnail if desired. Click 'Share Project'.
+
+![Share project and name the project](/static/developer/kiosk/shared-project-name.png)
+
+For the share link: Click 'Copy'. This will copy the game's share link to your clipboard.
+
+![Shared project link](/static/developer/kiosk/shared-project-link.png)
+
+To scan the QR Code, click on the QR code to enlarge it.
+
+![Enlarged QR code for scanning](/static/developer/kiosk/qr-code-enlarged.png)

package/docs/firefox-picture-in-picture.md

@@ -0,0 +1,29 @@
+# Picture-in-Picture on Firefox
+
+Tutorials, skillmaps, or other content in Makecode Arcade may have illustrative videos which overlap their page. The browser can set these into a web page as Picture-in-Picture videos. Many browsers display these videos directly in the current page without any control actions from the user. In the Firefox browser, the Picture-in-Picture feature has special controls that let you move the video off of the page, view full screen, etc. To view and keep the video on the Makecode Arcade page, you may need to make changes to the settings for Picture-in-Picture in Firefox.
+
+## Keep the video in place
+
+While using Makecode Arcade and viewing the videos on it's pages, it is probably best to disable the Picture-in-Picture feature for the videos. This will let you have the full view of your activity while still seeing the video play. You should remember to re-enable Picture-in-Picture for the browser when you're finished using Makecode.
+
+There are two ways to keep your video in place on the web page:
+
+### Hide the Picture-in-Picture toggle
+
+You can hide the Picture-in-Picture toggle with a right click of the mouse on the Picture-in-Picture icon shown on top of the video.
+
+![Picture-in-Picture icon](/static/browser-pip/firefox/pip-icon.png)
+
+In the menu, select **"Hide Picture-in-Picture Toggle"**.
+
+![Hide Picture-in-Picture toggle](/static/browser-pip/firefox/hide-pip-toggle.png)
+
+### Change Picture-in-Picture settings
+
+In the browser menu, select **"Settings"** and uncheck the **"Enable picture-in-picture video controls"**.
+
+![Change Picture-in-Picture settings](/static/browser-pip/firefox/firefox-settings.png)
+
+## Reset Picture-in-Picture settings
+
+After using Makecode, remember to re-enable the **"Enable picture-in-picture video controls"** setting in **"Settings"** under the browser menu if you want to have Picture-in-Picture controls for videos in other web pages.

package/docs/kiosk.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/static/kiosk/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/static/kiosk/logo192.png"/><link rel="manifest" href="/static/kiosk/manifest.json"/><title>MakeCode Arcade Kiosk</title><script defer="defer" src="/static/kiosk/static/js/main.0fe8d35c.js"></script><link href="/static/kiosk/static/css/main.269c590e.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div class="content"><div id="root"></div></div><div class="footer"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/static/kiosk/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/static/kiosk/logo192.png"/><link rel="manifest" href="/static/kiosk/manifest.json"/><title>MakeCode Arcade Kiosk</title><script defer="defer" src="/static/kiosk/static/js/main.3ab95ea3.js"></script><link href="/static/kiosk/static/css/main.269c590e.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div class="content"><div id="root"></div></div><div class="footer"></div></body></html>

package/docs/multiplayer-games.md

@@ -0,0 +1,56 @@
+# Multiplayer Games
+
+Try these multiplayer games with your friends!
+
+## Fun stuff
+
+### ~ codecard
+* name: Perfect Fit
+* description: Move your character's limbs to match the cutout in the moving wall! Up to 4 people can compete for the highest score.
+* buttonLabel: Host Game
+* actionIcon: xicon multiplayer
+* imageUrl: /static/multiplayer/perfect-fit.png
+* url: https://arcade.makecode.com/---multiplayer?host=_bz3CCuWFiepH
+* cardType: link
+---
+* name: Galga
+* description: Controlling a starship, up to 4 players can help destroy the Galga forces, while avoiding enemies. Each player has 3 lives, last player alive wins the game!
+* buttonLabel: Host Game
+* actionIcon: xicon multiplayer
+* imageUrl: /static/multiplayer/galga.png
+* url: https://arcade.makecode.com/---multiplayer?host=_C71PmfFaYDm2
+* cardType: link
+---
+* name: Arrow Battle
+* description: 2-4 people can play to see who's the quickest at matching the arrow directions.
+* buttonLabel: Host Game
+* actionIcon: xicon multiplayer
+* imageUrl: /static/multiplayer/arrow-battle.gif
+* url: https://arcade.makecode.com/---multiplayer?host=_dCP7f8c3q5PJ
+* cardType: link
+---
+* name: Tag
+* description: When you're it, tag a friend and they will lose a life. Be careful, if time runs out you'll lose a life instead! Up to 4 people can play.
+* buttonLabel: Host Game
+* actionIcon: xicon multiplayer
+* imageUrl: /static/multiplayer/tag.png
+* url: https://arcade.makecode.com/---multiplayer?host=_cvxPm1WesYyi
+* cardType: link
+---
+* name: Horse Race
+* description: Up to 4 players race their horse to the finish line.
+* buttonLabel: Host Game
+* actionIcon: xicon multiplayer
+* imageUrl: /static/multiplayer/horse-race.png
+* url: https://arcade.makecode.com/---multiplayer?host=_1DogpPTpb8fK
+* cardType: link
+---
+* name: Painting Together
+* description: Up to 4 people can paint together. Paint by holding down the A button and moving the arrow keys. Change the brush size by clicking the B button.
+* buttonLabel: Host Game
+* actionIcon: xicon multiplayer
+* imageUrl: /static/multiplayer/painting.png
+* url: https://arcade.makecode.com/---multiplayer?host=_FdYfDwixRTAw
+* cardType: link
+
+### ~

package/docs/projects/SUMMARY.md

@@ -31,6 +31,13 @@
   * [Simple Extensions](/tutorials/simple-extensions)
   * [Maze](/tutorials/maze)
   * [Side Scroller](/recipes/side-scroller/01-background)
+* [Multiplayer Games](/multiplayer-games)
+  * [Perfect Fit](https://arcade.makecode.com/---multiplayer?host=_bz3CCuWFiepH)
+  * [Galga](https://arcade.makecode.com/---multiplayer?host=_C71PmfFaYDm2)
+  * [Arrow Battle](https://arcade.makecode.com/---multiplayer?host=_dCP7f8c3q5PJ)
+  * [Tag](https://arcade.makecode.com/---multiplayer?host=_cvxPm1WesYyi)
+  * [Horse Race](https://arcade.makecode.com/---multiplayer?host=_1DogpPTpb8fK)
+  * [Painting Together](https://arcade.makecode.com/---multiplayer?host=_FdYfDwixRTAw)
 * [Live Coding](/live-coding)
   * [Space Arcade Game](https://youtu.be/7pBGS_tKfmU)
   * [Chase the Pizza](https://youtu.be/sgeHKw437oE)

package/docs/projects.md

@@ -14,6 +14,11 @@
         "largeImageUrl": "/static/tutorials/chase-the-pizza.gif",
         "videoUrl": "/static/tutorials/chase-the-pizza.mp4"
     },
+    {
+        "name": "Multiplayer Games",
+        "url": "/multiplayer-games",
+        "imageUrl": "/static/multiplayer/perfect-fit.png"
+    },
     {
         "name": "Live Coding",
         "url": "/live-coding",
@@ -106,6 +111,7 @@
 
 [Skillmaps](/skillmaps),
 [Tutorials](/tutorials),
+[Multiplayer Games](/multiplayer-games),
 [Live Coding](/live-coding),
 [Blocks Games](/blocks-games),
 [JavaScript Games](/javascript-games),

package/docs/static/kiosk/asset-manifest.json

@@ -1,15 +1,15 @@
 {
   "files": {
     "main.css": "/static/kiosk/static/css/main.269c590e.css",
-    "main.js": "/static/kiosk/static/js/main.0fe8d35c.js",
+    "main.js": "/static/kiosk/static/js/main.3ab95ea3.js",
     "static/js/787.709d397d.chunk.js": "/static/kiosk/static/js/787.709d397d.chunk.js",
     "index.html": "/static/kiosk/index.html",
     "main.269c590e.css.map": "/static/kiosk/static/css/main.269c590e.css.map",
-    "main.0fe8d35c.js.map": "/static/kiosk/static/js/main.0fe8d35c.js.map",
+    "main.3ab95ea3.js.map": "/static/kiosk/static/js/main.3ab95ea3.js.map",
     "787.709d397d.chunk.js.map": "/static/kiosk/static/js/787.709d397d.chunk.js.map"
   },
   "entrypoints": [
     "static/css/main.269c590e.css",
-    "static/js/main.0fe8d35c.js"
+    "static/js/main.3ab95ea3.js"
   ]
 }