pxt-calliope/docs/projects/name-badge.md
Amerlander 918af4f3ac
Bump V3.0.22 (#110)
* change simulator svg

* change radio image

* Remove google fonts cdn

* change color of 'advanced' button

* font fix

* font fix 2

* display fix

* change fullsceen simulator bg

* Continuous servo

* handle continuous state

* adding shims

* update rendering for continuous servos

* fixing sim

* fix sig

* typo

* fix sim

* bump pxt

* bump pxt

* rerun travis

* Input blocks revision

- add Button and Pin event types
- merge onPinPressed & onPinReleased in new onPinEvent function
- create new onButtonEvent function

* update input blocks in docs and tests

* remove device_pin_release block

* Hide DAL.x behind Enum

* bring back deprecated blocks, but hide them

* shims and locales files

* fix input.input. typing

* remove buildpr

* bump V3

* update simulator aspect ratio

* add Loudness Block

* revoke loudness block

* Adds soundLevel

To be replaced by pxt-common-packages when DAL is updated.

* Remove P0 & P3 from AnalogPin

Co-authored-by: Juri <gitkraken@juriwolf.de>
2020-09-08 02:04:25 -07:00

98 lines
2.5 KiB
Markdown

# Name Badge
![Name badge project](/static/mb/projects/name-badge/header.png)
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.onButtonPressed(Button.A, 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.onButtonPressed(Button.A, function () {
basic.showString("Hello!")
})
```
### Show my name
In the ``||basic:show string||`` block, type your name.
```blocks
input.onButtonPressed(Button.A, function () {
basic.showString("My Name")
})
```
### Test the badge
Go to the simulator and test your name badge by pressing button **A**.
```sim
input.onButtonPressed(Button.A, 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.
![Construction paper and scisssors](/static/mb/projects/name-badge/picture1.png)
Loop a piece of duct tape and stick it on the back of your @boardname@.
![Roll of tape with the other materials](/static/mb/projects/name-badge/picture2.png)
Stick your @boardname@ onto the front of your badge.
![Board attached to the paper](/static/mb/projects/name-badge/picture3.png)
Using a hole-punch, punch out 2 holes in the top of your badge.
![Holes punched in the paper](/static/mb/projects/name-badge/picture4.png)
Attach the battery pack to the @boardname@.
![Battery pack connected to the board](/static/mb/projects/name-badge/picture5.png)
Tape battery pack onto the back of the badge.
![Battery pack taped on](/static/mb/projects/name-badge/picture6.png)
Thread a shoelace through the top 2 holes of your badge.
![Shoelace threaded through a hole](/static/mb/projects/name-badge/picture7.png)
Tie a knot at the end of your shoelace
![Ends of shoelace tied together](/static/mb/projects/name-badge/picture8.png)
Decorate your badge with colored paper, markers, stickers, glitter.
![Completed name badge](/static/mb/projects/name-badge/picture9.png)
It's now finished! your badge is ready let others know who you are.