pxt-calliope/docs/projects/name-badge.md
Juri Wolf a93febb5b7
Map and clean deprecated functions (#175)
* 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>
2022-04-26 10:28:42 -07:00

2.6 KiB

Name Badge

Name badge project

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.

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.

input.onButtonEvent(Button.A, ButtonEvent.Click, function () {
    basic.showString("Hello!")
})

Show my name

In the ||basic:show string|| block, type your name.

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.

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.

Construction paper and scisssors

Loop a piece of duct tape and stick it on the back of your @boardname@.

Roll of tape with the other materials

Stick your @boardname@ onto the front of your badge.

Board attached to the paper

Using a hole-punch, punch out 2 holes in the top of your badge.

Holes punched in the paper

Attach the battery pack to the @boardname@.

Battery pack connected to the board

Tape battery pack onto the back of the badge.

Battery pack taped on

Thread a shoelace through the top 2 holes of your badge.

Shoelace threaded through a hole

Tie a knot at the end of your shoelace

Ends of shoelace tied together

Decorate your badge with colored paper, markers, stickers, glitter.

Completed name badge

It's now finished! your badge is ready let others know who you are.