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

bump to pxt 4.2 -- bump pxt-microbit to 1.2... (#1555)

Browse Source 
* simplify flashing heart

* improved name-tag

* tweak
This commit is contained in:
Peli de Halleux
2018-10-29 21:36:33 -07:00
committed by GitHub
parent 0a708ef815
commit d062f95a3b
3 changed files with 20 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,80 +8,37 @@ Learn how to use the LEDs and make a flashing heart!
## Step 1 @fullscreen
Place the ``||basic:show leds||`` block in the ``||basic:on start||`` block and draw a heart.
Place the ``||basic:show leds||`` block in the ``||basic:forever||`` block and draw a heart.
![An animation that shows how to drag a block and paint a heart](/static/mb/projects/flashing-heart/showleds.gif)
## Step 2 @fullscreen
Place another ``||basic:show leds||`` block under the heart to make it blink. Check in the simulator to see the heart blink.
Place another ``||basic:show leds||`` block. You can leave it blank and draw what you want.
```blocks
basic.showLeds(`
. # . # .
# # # # #
# # # # #
. # # # .
. . # . .`);
basic.showLeds(`
. . . . .
. . . . .
. . . . .
. . . . .
. . . . .`);
```
## Step 3 @fullscreen
But we only see the heart blink once. To have it continue to blink, move the blocks inside the ``||basic:forever||`` to make the animation repeat.
```blocks
basic.forever(() => {
basic.forever(function() {
basic.showLeds(`
. # . # .
# # # # #
# # # # #
. # # # .
. . # . .`
);
basic.showLeds(`
. . . . .
. . . . .
. . . . .
. . . . .
. . . . .`
);
})
```
## Step 4 @fullscreen
Now let's get fancy and place more ``||basic:show leds||`` blocks to create your own animation.
```blocks
basic.forever(() => {
basic.showLeds(`
. # . # .
# # # # #
# # # # #
. # # # .
. . # . .`
);
basic.showLeds(`
. # . # .
# . # . #
# . . . #
. # . # .
. . # . .`);
basic.showLeds(`
. . . . .
. # . # .
. # # # .
. . # . .
. . . . .
. . . . .
. . . . .
. . . . .`);
})
```
## Step 5 @fullscreen
## Step 3 @fullscreen
Look at the virtual @boardname@, you should see the heart and your drawing blink on the screen.
![Heart shape in the LEDs](/static/mb/projects/flashing-heart/show-leds.gif)
## Step 4 @fullscreen
If you have a @boardname@ connected, click ``|Download|`` to transfer your code and watch the hearts flash!

13
docs/projects/name-tag.md
View File

@ -8,7 +8,7 @@ Tell everyone who you are. Show you name on the LEDs.
## Step 1 @fullscreen
Place the ``||basic:show string||`` block in the ``||basic:on start||`` block. Change the text to your name.
Place the ``||basic:show string||`` block in the ``||basic:forever||`` block to repeat it. Change the text to your name.
```blocks
basic.forever(() => {
@ -20,20 +20,15 @@ basic.forever(() => {
Look at the simulator and make sure it shows up your name on the screen.
![Name scrolling on the LEDs](/static/mb/projects/name-tag/name-tag.gif)
## Step 3 @fullscreen
Place more ``||basic:show leds||`` or ``||basic:show string||`` blocks to create your own animation.
Place more ``||basic:show string||`` blocks to create your own story.
```blocks
basic.forever(() => {
basic.showString("MICRO");
basic.showLeds(`
. # . # .
# # # # #
# # # # #
. # # # .
. . # . .`
);
basic.showString("<3<3<3");
})
```