a93febb5b7
* add image and deprecated arrow functions * update locales * map basic.showArrow * map arrow blocks * map & remove arrow images * remove arrow blocks * update locales * remove & patch: rgbw -> rgb button/pin pressed -> button/pin event loudness -> soundLevel * update ts mappings for arrows * add wip ts patch rules * update .blocks files * use Click instead of Down as default in Documentation and tests * patch test.blocks * fix lowercase name tag * update test.blocks * update blocks test files * update blocks test files * format block files * pass blocks file tests * fix ts mapping * fix color.defl value closes https://github.com/microsoft/pxt-calliope/issues/136 * fix ts mappings - add optional spacing at the end of rgbw() - map up to v4.0.19 * add suggested changes * replace innerText by textContent Co-authored-by: JW <gitkraken@juriwolf.de> Co-authored-by: Juri <info@juriwolf.de>
98 lines
2.6 KiB
Markdown
98 lines
2.6 KiB
Markdown
# Name Badge
|
|
|
|
|
|
|
|
Make yourself known with a fancy name badge powered by your @boardname@!
|
|
|
|
## Code
|
|
|
|
First, let's get your name to display on the screen.
|
|
|
|
### Button press
|
|
|
|
From the ``||input:Input||`` Toolbox drawer, drag an ``||input:on button A pressed||`` block onto the Workspace.
|
|
|
|
```blocks
|
|
input.onButtonEvent(Button.A, ButtonEvent.Click, function () {
|
|
|
|
})
|
|
```
|
|
|
|
### Show a string
|
|
|
|
From the ``||basic:Basic||`` Toolbox drawer drag a ``||basic:show string||`` block into the ``||input:on button A pressed||`` block.
|
|
|
|
```blocks
|
|
input.onButtonEvent(Button.A, ButtonEvent.Click, function () {
|
|
basic.showString("Hello!")
|
|
})
|
|
```
|
|
|
|
### Show my name
|
|
|
|
In the ``||basic:show string||`` block, type your name.
|
|
|
|
```blocks
|
|
input.onButtonEvent(Button.A, ButtonEvent.Click, function () {
|
|
basic.showString("My Name")
|
|
})
|
|
```
|
|
|
|
### Test the badge
|
|
|
|
Go to the simulator and test your name badge by pressing button **A**.
|
|
|
|
```sim
|
|
input.onButtonEvent(Button.A, ButtonEvent.Click, function () {
|
|
basic.showString("My Name")
|
|
})
|
|
```
|
|
|
|
### Download
|
|
|
|
Download the program to your @boardname@:
|
|
|
|
1. Make sure your @boardname@ is plugged into the computer.
|
|
2. Click the `|Download|` button.
|
|
|
|
## Make
|
|
|
|
Now that you have your name showing on the @boardname@, let's make a proper badge to wear and display it on.
|
|
|
|
Cut out a badge shape from a piece of colored construction paper.
|
|
|
|
|
|
|
|
Loop a piece of duct tape and stick it on the back of your @boardname@.
|
|
|
|
|
|
|
|
Stick your @boardname@ onto the front of your badge.
|
|
|
|
|
|
|
|
Using a hole-punch, punch out 2 holes in the top of your badge.
|
|
|
|
|
|
|
|
Attach the battery pack to the @boardname@.
|
|
|
|
|
|
|
|
Tape battery pack onto the back of the badge.
|
|
|
|
|
|
|
|
Thread a shoelace through the top 2 holes of your badge.
|
|
|
|
|
|
|
|
Tie a knot at the end of your shoelace
|
|
|
|
|
|
|
|
Decorate your badge with colored paper, markers, stickers, glitter.
|
|
|
|
|
|
|
|
It's now finished! your badge is ready let others know who you are. |