more tutorials

This commit is contained in:
Peli de Halleux 2018-09-07 15:02:15 -07:00
parent eff228b75f
commit b4cb424ec4
3 changed files with 43 additions and 13 deletions

37
docs/projects/name-tag.md Normal file
View File

@ -0,0 +1,37 @@
# Name Tag
## Step 1 @fullscreen
Place the ``||basic:show string||`` block in the ``||basic:on start||`` block. Change the text to your name.
```blocks
basic.forever(() => {
basic.showString("MICRO");
});
```
## Step 2
Look at the simulator and make sure it shows up your name on the screen.
## Step 3 @fullscreen
Place more ``||basic:show leds||`` or ``||basic:show string||`` blocks to create your own animation.
```blocks
basic.forever(() => {
basic.showString("MICRO");
basic.showLeds(`
. # . # .
# # # # #
# # # # #
. # # # .
. . # . .`
);
basic.showString("<3<3<3");
})
```
## Step 4 @unplugged
If you have a @boardname@ connected, click ``|Download|`` to transfer your code and watch your name scroll!

BIN
docs/static/mb/projects/name-tag.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

View File

@ -2,19 +2,6 @@
Here are some cool tutorials to get you started with your @boardname@!
## Getting started
```codecard
[{
"name":"Get Started!",
"url":"/tutorials/getting-started",
"cardType": "tutorial",
"label": "New? Start Here!",
"labelClass": "red ribbon large tutorial",
"description": "Start coding your micro:bit with this simple tutorial."
}]
```
## Basic
```codecard
@ -23,6 +10,12 @@ Here are some cool tutorials to get you started with your @boardname@!
"url":"/projects/flashing-heart",
"imageUrl": "/static/mb/projects/a1-display.png",
"cardType": "tutorial"
}, {
"name": "Name Tag",
"description": "Scroll your name on the screen",
"imageUrl": "/static/mb/projects/name-tag.png",
"url": "/projects/name-tag",
"cardType": "tutorial"
}, {
"name": "Smiley Buttons",
"url":"/projects/smiley-buttons",