c_meyer/pxt-calliope
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

support for multiple categories

Browse Source
This commit is contained in:
Peli de Halleux 2017-04-05 10:16:47 -07:00
parent 37efefdcee
commit 282189d41b
4 changed files with 69 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
docs/examples.md
View File

@ -8,22 +8,26 @@ Here are some fun programs for your @boardname@!
[{
"name": "Blinky",
"description": "A blinking LED",
"url":"/examples/blinky"
"url":"/examples/blinky",
"cardType": "example"
},
{
"name": "Name Tag",
"description": "Scroll your name on the screen",
"url":"/examples/name-tag"
"url":"/examples/name-tag",
"cardType": "example"
},
{
"name": "Rando",
"description": "Randomly blinking LEDs",
"url":"/examples/rando"
"url":"/examples/rando",
"cardType": "example"
},
{
"name": "Game of Life",
"description": "Simulation in LEDs. Use button A for next stage. Button B for reset.",
"url":"/examples/gameofLife"
"url":"/examples/gameofLife",
"cardType": "example"
}
]
```
@ -34,15 +38,18 @@ Here are some fun programs for your @boardname@!
[{
"name": "Plot Acceleration",
"description": "chart acceleration on the LED screen",
"url":"/examples/plot-acceleration"
"url":"/examples/plot-acceleration",
"cardType": "example"
}, {
"name": "Plot Light Level",
"description": "chart light level on the LED screen",
"url":"/examples/plot-light-level"
"url":"/examples/plot-light-level",
"cardType": "example"
}, {
"name": "Plot Analog Pin",
"description": "chart analog input on the LED screen",
"url":"/examples/plot-analog-pin"
"url":"/examples/plot-analog-pin",
"cardType": "example"
}]
```
@ -52,7 +59,8 @@ Here are some fun programs for your @boardname@!
[{
"name": "Servo Calibrator",
"description": "calibrates a servo",
"url":"/examples/servo-calibrator"
"url":"/examples/servo-calibrator",
"cardType": "example"
}]
```
@ -62,6 +70,7 @@ Here are some fun programs for your @boardname@!
[{
"name": "Eddystone Beacon",
"description": "Beacon that beams a URL",
"url": "/examples/eddystone-beacon"
"url": "/examples/eddystone-beacon",
"cardType": "example"
}]
```

3
docs/projects.md
View File

@ -10,7 +10,8 @@ Fun games to build with your @boardname@.
[{
"name": "Flashing Heart",
"url":"/projects/flashing-heart",
"imageUrl": "/static/mb/projects/a1-display.png"
"imageUrl": "/static/mb/projects/a1-display.png",
"cardType": "tutorial"
},{
"name": "Smiley Buttons",
"url":"/projects/smiley-buttons",

99
docs/projects/flashing-heart.md
View File

@ -1,16 +1,10 @@
# flashing heart
### ~avatar avatar
Use the LEDs to display a flashing heart!
### ~
# Flashing Heart
## Step 1
Use [show leds](/reference/basic/show-leds) and make your code look like this:
Place the ``||show leds||`` block and paint a heart.
```blocks
```block
basic.showLeds(`
. # . # .
# # # # #
@ -22,42 +16,33 @@ basic.showLeds(`
## Step 2
Add a [pause](/reference/basic/pause) to wait and [clear screen](/reference/basic/clear-screen) to turn off the LEDs.
Click ``|Download|`` to transfer your code in your @boardname@!
```blocks
## Step 3
Place another ``||show leds||`` block under the heart to make it blink.
```block
basic.showLeds(`
. # . # .
# # # # #
# # # # #
. # # # .
. . # . .`);
basic.pause(500);
basic.clearScreen();
```
## Step 3
Put a [forever loop](/reference/basic/forever) around it to repeat the animation.
```blocks
basic.forever(() => {
basic.showLeds(`
basic.showLeds(`
. # . # .
# # # # #
# # # # #
. # # # .
. . # . .`
);
basic.pause(500);
basic.clearScreen();
})
# . # . #
# . . . #
. # . # .
. . # . .`);
```
## Step 4
Add a [pause](/reference/basic/pause) to wait after clearing the screen.
Place the blocks inside the ``||forever||``
to repeat the animation.
```blocks
```block
basic.forever(() => {
basic.showLeds(`
. # . # .
@ -66,43 +51,47 @@ basic.forever(() => {
. # # # .
. . # . .`
);
basic.pause(500);
basic.clearScreen();
basic.pause(500);
basic.showLeds(`
. # . # .
# . # . #
# . . . #
. # . # .
. . # . .`);
})
```
## Send your heartbeats over radio!
## Step 5
Do you have a second @boardname@ at hand? You could use radio and send your heartbeats to other
@boardname@ and show a heart when you receive one.
Click ``|Download|`` to transfer your code in your @boardname@!
* move the code in the **forever** inside
a [on data packet received](/reference/radio/on-data-packet-received) handler.
The handler will run whenever a message is received from another @boardname@.
* use [send number](/reference/radio/send-number) and [pause](/reference/basic/pause)
to broadcast a packet of data every second.
## Step 6
```blocks
Place more ``||show leds||`` blocks to create your own animation.
```block
basic.forever(() => {
radio.sendNumber(0)
basic.pause(1000)
})
radio.onDataPacketReceived(({receivedNumber}) => {
basic.showLeds(`
. # . # .
# # # # #
# # # # #
. # # # .
. . # . .`
);
basic.showLeds(`
. # . # .
# . # . #
# . . . #
. # . # .
. . # . .`);
basic.pause(500)
basic.clearScreen()
basic.pause(500)
basic.showLeds(`
. . . . .
. # . # .
. # # # .
. . # . .
. . . . .`);
})
```
Download the .hex file onto both @boardname@ and try it out!
## Step 7
```package
radio
```
Click ``|Download|`` to transfer your code in your @boardname@!

4
pxtarget.json
View File

@ -213,6 +213,10 @@
"privacyUrl": "https://makecode.com/privacy",
"termsOfUseUrl": "https://makecode.com/termsofuse",
"githubUrl": "https://github.com/Microsoft/pxt-microbit",
"galleries": {
"Projects": "projects",
"Examples": "examples"
},
"projectGallery": "projects",
"exampleGallery": "examples",
"crowdinProject": "kindscript",