V4 Updates from remote Repo
@ -78,6 +78,13 @@ input.onButtonPressed(Button.B, () => {
|
||||
|
||||
We have tons of [projects](/projects), [examples](/examples) and [courses](/courses) to get your started!
|
||||
|
||||
## C++ Runtime
|
||||
|
||||
The [C++ micro:bit runtime](http://lancaster-university.github.io/microbit-docs/), created at [Lancaster University](http://www.lancaster.ac.uk/), provides access to the hardware functions of the micro:bit,
|
||||
as well as a set of helper functions (such as displaying a number/image/string on the LED screen).
|
||||
|
||||
The [micro:bit library](/reference) mirrors the functions of the C++ library.
|
||||
When code is compiled to ARM machine code, the calls to JavaScript micro:bit functions are replaced with calls to the corresponding C++ functions.
|
||||
|
||||
## [Command Line Tools](/cli)
|
||||
|
||||
|
BIN
docs/calliope/02_Hero_CalliopEO.png
Normal file
After Width: | Height: | Size: 25 KiB |
BIN
docs/calliope/03_Hero_KidsLab.png
Normal file
After Width: | Height: | Size: 21 KiB |
BIN
docs/calliope/calliopeo-header.png
Normal file
After Width: | Height: | Size: 220 KiB |
21
docs/hero-banner.md
Normal file
@ -0,0 +1,21 @@
|
||||
# Hero Banner
|
||||
|
||||
Here are some cool activities to get you started with your @boardname@!
|
||||
|
||||
## Intro Content
|
||||
|
||||
### ~ codecard
|
||||
* name: CalliopEO
|
||||
* description: CALLIOPEO – Taking the Calliope mini to the ISS.
|
||||
* imageUrl: /calliope/02_Hero_CalliopEO.png
|
||||
* url: https://calliope.cc/calliopeo
|
||||
* buttonLabel: Participate!
|
||||
* cardType: link
|
||||
---
|
||||
* name: The 5x5 LED matrix
|
||||
* description: KIDS LAB – play, learn and hack!
|
||||
* imageUrl: /calliope/03_Hero_KidsLab.png
|
||||
* url: https://calliope.cc/programmieren/kidslab
|
||||
* buttonLabel: Explore!
|
||||
* cardType: link
|
||||
### ~
|
@ -6,7 +6,7 @@ Tell everyone who you are. Show you name on the LEDs.
|
||||
|
||||

|
||||
|
||||
## Step 1 @fullscreen
|
||||
## Step 1
|
||||
|
||||
Place the ``||basic:show string||`` block in the ``||basic:forever||`` block to repeat it. Change the text to your name.
|
||||
|
||||
@ -16,13 +16,12 @@ basic.forever(() => {
|
||||
});
|
||||
```
|
||||
|
||||
## Step 2 @fullscreen
|
||||
## Step 2
|
||||
|
||||
Look at the simulator and make sure it shows your name on the screen.
|
||||
|
||||

|
||||
|
||||
## Step 3 @fullscreen
|
||||
|
||||
Place more ``||basic:show string||`` blocks to create your own story.
|
||||
|
||||
@ -33,6 +32,6 @@ basic.forever(() => {
|
||||
})
|
||||
```
|
||||
|
||||
## Step 4 @unplugged
|
||||
## Step 4
|
||||
|
||||
If you have a @boardname@ connected, click ``|Download|`` to transfer your code and watch your name scroll!
|
||||
|
BIN
docs/skillmap/img/space.png
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
docs/skillmap/img/spacet4.gif
Normal file
After Width: | Height: | Size: 84 KiB |
37
docs/skillmap/mini.md
Normal file
@ -0,0 +1,37 @@
|
||||
# Build a mini Explorer
|
||||
* name: Build a mini Explorer
|
||||
* description: Learn to make a Galga-style game by following this short series of tutorials.
|
||||
* bannerUrl: /skillmap/img/spacet4.gif
|
||||
* backgroundurl: /skillmap/img/space.png
|
||||
* primarycolor: #2EA9B0
|
||||
* secondarycolor: #d6f7fa
|
||||
* tertiarycolor: #5d416b
|
||||
* highlightcolor: #FFFFFF
|
||||
* completednodecolor: #504c52
|
||||
* tags: beginner, mini, first steps
|
||||
|
||||
|
||||
## mini
|
||||
* name: Design a mini Explorer
|
||||
* description: Let's explore the depths of mini! We'll add a vessel for mini travel, create some enemies, and make sure we have plenty of fuel for the journey.
|
||||
* completionUrl: /skillmap/img/spacet4.gif
|
||||
|
||||
### mini-activity1
|
||||
* allowcodecarryover: false
|
||||
|
||||
|
||||
* name: Prepare Your Ship
|
||||
* type: tutorial
|
||||
* description: Get your miniship ready for an adventure!
|
||||
* tags: easy, sprites, scroller
|
||||
|
||||
* url: /calliope/firststeps/firstSteps
|
||||
* imageUrl: /skillmap/img/spacet4.gif
|
||||
|
||||
|
||||
### mini-cert-1
|
||||
* name: Congrats!
|
||||
* kind: completion
|
||||
* type: certificate
|
||||
* imageUrl: /skillmap/img/spacet4.gif
|
||||
* url: /skillmap/img/spacet4.gif
|
81
docs/skillmap/space.md
Normal file
@ -0,0 +1,81 @@
|
||||
# Build a Space Explorer
|
||||
* name: Build a Space Explorer
|
||||
* description: Learn to make a Galga-style game by following this short series of tutorials.
|
||||
* infoUrl: skillmap/educator-info/int-map-info
|
||||
* bannerUrl: /static/skillmap/space/spacet4.gif
|
||||
* backgroundurl: /static/skillmap/backgrounds/space-comp.png
|
||||
* primarycolor: #2EA9B0
|
||||
* secondarycolor: #d6f7fa
|
||||
* tertiarycolor: #5d416b
|
||||
* highlightcolor: #FFFFFF
|
||||
* completednodecolor: #504c52
|
||||
* tags: intermediate, space, projectiles
|
||||
* alternatesources: github:https://github.com/microsoft/pxt-skillmap-sample/skillmap.md
|
||||
|
||||
|
||||
## space
|
||||
* name: Design a Space Explorer
|
||||
* description: Let's explore the depths of space! We'll add a vessel for space travel, create some enemies, and make sure we have plenty of fuel for the journey.
|
||||
* completionUrl: /static/skillmap/certificates/design-a-space-explorer.pdf
|
||||
|
||||
### space-activity1
|
||||
* allowcodecarryover: false
|
||||
|
||||
|
||||
* name: Prepare Your Ship
|
||||
* type: tutorial
|
||||
* description: Get your spaceship ready for an adventure!
|
||||
* tags: easy, sprites, scroller
|
||||
* next: space-activity2, pusher1
|
||||
|
||||
* url: /skillmap/space/space1
|
||||
* imageUrl: /static/skillmap/space/spacet1.gif
|
||||
|
||||
### space-activity2
|
||||
|
||||
* name: Ready, aim, fire!
|
||||
* type: tutorial
|
||||
* description: Equip your ship with projectiles and special effects.
|
||||
* tags: easy, projectiles, kinds
|
||||
* next: pusher2, space-activity3
|
||||
|
||||
* url: /skillmap/space/space2
|
||||
* imageUrl: /static/skillmap/space/spacet2.gif
|
||||
|
||||
### space-activity3
|
||||
|
||||
* name: Here comes trouble!
|
||||
* description: Watch out for danger! Add enemies and countdown lives in your game.
|
||||
* type: tutorial
|
||||
* tags: intermediate, enemies, kinds
|
||||
* next: space-activity4
|
||||
|
||||
* url: /skillmap/space/space3
|
||||
* imageUrl: /static/skillmap/space/spacet3.gif
|
||||
|
||||
### space-activity4
|
||||
|
||||
* name: Fuel Up!
|
||||
* type: tutorial
|
||||
* description: Use an extension to add a fuel gauge to your ship. Make sure to refuel often!
|
||||
* tags: intermediate, extensions
|
||||
* next: space-cert-1
|
||||
|
||||
* url: /skillmap/space/space4
|
||||
* imageUrl: /static/skillmap/space/spacet4.gif
|
||||
|
||||
### space-cert-1
|
||||
* name: Congrats!
|
||||
* kind: completion
|
||||
* type: certificate
|
||||
* imageUrl: /static/skillmap/certificates/space-cert.png
|
||||
* url: /static/skillmap/certificates/design-a-space-explorer.pdf
|
||||
|
||||
|
||||
### pusher1
|
||||
* name: Blank node
|
||||
* kind: layout
|
||||
|
||||
### pusher2
|
||||
* name: Blank node
|
||||
* kind: layout
|
172
docs/skillmap/space/activity1.md
Normal file
@ -0,0 +1,172 @@
|
||||
# Space Explorer
|
||||
|
||||
|
||||
## Introduction @showdialog
|
||||
|
||||
** Let's explore the depths of space! **
|
||||
|
||||
In this tutorial, you'll design a spaceship for your journey.
|
||||
|
||||

|
||||
|
||||
## Set the scene
|
||||
**Give 'em something to look at** 🔭
|
||||
|
||||
---
|
||||
|
||||
|
||||
► Drag the ``||scene:start screen [confetti] effect ⊕||`` from the ``||scene:Scene||`` category and
|
||||
into the ``||loops:on start||`` block that's already in the workspace.
|
||||
|
||||
► Next, select ``||scene:star field||`` (instead of ``||scene:confetti||``) from the dropdown
|
||||
and watch as you blast into space! 🚀
|
||||
|
||||
|
||||
---
|
||||
|
||||
|
||||
```blocks
|
||||
// @highlight
|
||||
effects.starField.startScreenEffect()
|
||||
```
|
||||
|
||||
|
||||
|
||||
## Draw your ship
|
||||
**🧑🏿🚀 Time to choose our ship! 👩🏾🚀**
|
||||
|
||||
---
|
||||
|
||||
► From the ``||sprites:Sprites||`` category, drag the ``||variables:set [mySprite] to sprite [ ] of kind [Player]||``
|
||||
block and place it at the end of the ``||loops:on start||`` container.
|
||||
|
||||
► Click on the grey box in the middle of your
|
||||
``||variables:set [mySprite] to sprite [ ] of kind [Player]||`` block
|
||||
to design a ship of your own! Are you a rusty pile of scraps or a sleek, futuristic rocket?
|
||||
|
||||
---
|
||||
|
||||
**Tip:** Don't feel like drawing your ship? Once you're in the sprite editor,
|
||||
flip to the gallery and choose from premade images.
|
||||
|
||||
```blocks
|
||||
effects.starField.startScreenEffect()
|
||||
// @highlight
|
||||
let mySprite = sprites.create(img`
|
||||
. . . . . . . 9 9 . . . . . . .
|
||||
. . . . . . 9 . . 9 . . . . . .
|
||||
. . . . . . 9 . . 9 . . . . . .
|
||||
. . . . . 9 . 9 9 . 9 . . . . .
|
||||
. . . . . 9 . 9 9 . 9 . . . . .
|
||||
. . . . 9 . 9 9 9 9 . 9 . . . .
|
||||
. . . . 9 . 9 9 9 9 . 9 . . . .
|
||||
. . . 9 . 9 9 9 9 9 9 . 9 . . .
|
||||
. . . 9 . 9 . . . . 9 . 9 . . .
|
||||
. . 9 . 9 9 . 9 9 . 9 9 . 9 . .
|
||||
. . 9 . 9 9 . . . . 9 9 . 9 . .
|
||||
. 9 . 9 9 9 . 9 9 9 9 9 9 . 9 .
|
||||
. 9 . 9 9 9 . 9 9 9 9 9 9 . 9 .
|
||||
9 . 9 9 9 9 9 9 9 9 9 9 9 9 . 9
|
||||
9 . . . . . . . . . . . . . . 9
|
||||
9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9
|
||||
`, SpriteKind.Player)
|
||||
```
|
||||
|
||||
## Control your ship
|
||||
|
||||
🌟 Let's get your ship moving 🌟
|
||||
|
||||
---
|
||||
|
||||
► Find the ``||controller:move [mySprite] with buttons ⊕||`` block
|
||||
and drag it into the bottom of the ``||loops:on start||`` container.
|
||||
|
||||
** Now try moving your ship around on the game screen! **
|
||||
Your ship will move with the joystick, arrow keys, or **W A S D** keys.
|
||||
|
||||
|
||||
|
||||
```blocks
|
||||
effects.starField.startScreenEffect()
|
||||
let mySprite = sprites.create(img`
|
||||
. . . . . . . 9 9 . . . . . . .
|
||||
. . . . . . 9 . . 9 . . . . . .
|
||||
. . . . . . 9 . . 9 . . . . . .
|
||||
. . . . . 9 . 9 9 . 9 . . . . .
|
||||
. . . . . 9 . 9 9 . 9 . . . . .
|
||||
. . . . 9 . 9 9 9 9 . 9 . . . .
|
||||
. . . . 9 . 9 9 9 9 . 9 . . . .
|
||||
. . . 9 . 9 9 9 9 9 9 . 9 . . .
|
||||
. . . 9 . 9 . . . . 9 . 9 . . .
|
||||
. . 9 . 9 9 . 9 9 . 9 9 . 9 . .
|
||||
. . 9 . 9 9 . . . . 9 9 . 9 . .
|
||||
. 9 . 9 9 9 . 9 9 9 9 9 9 . 9 .
|
||||
. 9 . 9 9 9 . 9 9 9 9 9 9 . 9 .
|
||||
9 . 9 9 9 9 9 9 9 9 9 9 9 9 . 9
|
||||
9 . . . . . . . . . . . . . . 9
|
||||
9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9
|
||||
`, SpriteKind.Player)
|
||||
// @highlight
|
||||
controller.moveSprite(mySprite)
|
||||
```
|
||||
|
||||
## Stay in screen
|
||||
|
||||
**Uh-oh, if you move off screen, your ship disappears!**
|
||||
|
||||
---
|
||||
|
||||
► To keep your ship from exploring beyond the edges, find
|
||||
the ``||sprites:set [mySprite] stay in screen <on>||`` block and
|
||||
snap it in at the end of the program.
|
||||
|
||||
|
||||
|
||||
```blocks
|
||||
effects.starField.startScreenEffect()
|
||||
let mySprite = sprites.create(img`
|
||||
. . . . . . . 9 9 . . . . . . .
|
||||
. . . . . . 9 . . 9 . . . . . .
|
||||
. . . . . . 9 . . 9 . . . . . .
|
||||
. . . . . 9 . 9 9 . 9 . . . . .
|
||||
. . . . . 9 . 9 9 . 9 . . . . .
|
||||
. . . . 9 . 9 9 9 9 . 9 . . . .
|
||||
. . . . 9 . 9 9 9 9 . 9 . . . .
|
||||
. . . 9 . 9 9 9 9 9 9 . 9 . . .
|
||||
. . . 9 . 9 . . . . 9 . 9 . . .
|
||||
. . 9 . 9 9 . 9 9 . 9 9 . 9 . .
|
||||
. . 9 . 9 9 . . . . 9 9 . 9 . .
|
||||
. 9 . 9 9 9 . 9 9 9 9 9 9 . 9 .
|
||||
. 9 . 9 9 9 . 9 9 9 9 9 9 . 9 .
|
||||
9 . 9 9 9 9 9 9 9 9 9 9 9 9 . 9
|
||||
9 . . . . . . . . . . . . . . 9
|
||||
9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9
|
||||
`, SpriteKind.Player)
|
||||
controller.moveSprite(mySprite)
|
||||
// @highlight
|
||||
mySprite.setStayInScreen(true)
|
||||
|
||||
```
|
||||
|
||||
|
||||
## Finale @showdialog
|
||||
|
||||
**Great Job!**
|
||||
|
||||
---
|
||||
|
||||
**Try your project on the game screen
|
||||
before you click finish on the tutorial.**
|
||||
|
||||
Is everything how you want it? You can always go back and edit steps if you discover you'd like them to work differently.
|
||||
|
||||
|
||||
|
||||
## Byeeee
|
||||
|
||||
** 🚀 That's it! 🚀**
|
||||
|
||||
You're all set to travel the universe!
|
||||
|
||||
Click **Finish** to return to the main page where you can share your game
|
||||
with family and friends!
|
BIN
docs/skillmap/space/img/space.png
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
docs/skillmap/space/img/spacet4.gif
Normal file
After Width: | Height: | Size: 84 KiB |
19
docs/skillmaps.md
Normal file
@ -0,0 +1,19 @@
|
||||
# Skillmaps
|
||||
|
||||
|
||||
## Getting started
|
||||
|
||||
```codecard
|
||||
[
|
||||
{
|
||||
"name": "Beginner Skillmap",
|
||||
"cardType": "link",
|
||||
"description": "Learn to make exciting and shareable arcade games by following a few quick tutorials!",
|
||||
"imageUrl": "/static/skillmap/backgrounds/beginner.png",
|
||||
"url": "http://localhost:3232--skillmap#mini",
|
||||
"label": "New? Try This!",
|
||||
"labelClass": "orange ribbon large",
|
||||
"directOpen": true
|
||||
}
|
||||
]
|
||||
```
|