pxt-calliope/docs/projects/micro-chat.md
2018-10-15 11:28:51 -07:00

2.2 KiB

Micro Chat

Introduction @unplugged

Two @boardname@ connected via radio

Use the radio to send and receive messages with other @boardname@.

Sending a message @fullscreen

Use ||input:on button pressed|| to send a text message over radio with ||radio:send string||. Every @boardname@ nearby will receive this message.

You can also add the ||basic:show icon|| and ||basic:clear screen|| blocks to show a simple animation when the message is sent.

input.onButtonPressed(Button.A, () => {
    radio.sendString("Yo");
    basic.showIcon(IconNames.Chessboard)
    basic.clearScreen();
});

Receiving a message @fullscreen

Add a ||radio:on received string|| block to run when a message is received.

radio.onReceivedString(function (receivedString) {
})

Displaying text @fullscreen

Add a ||basic:show string|| to display the string on the screen. You will find the receivedString variable under Variables in the toolbox.

radio.onReceivedString(function (receivedString) {
    basic.showString(receivedString);
})

Testing in the simulator @fullscreen

Press button A on the simulator, you will notice that a second @boardname@ appears (if your screen is too small, the simulator might decide not to show it). Try pressing A again and notice that the "Yo" message gets displayed on the other @boardname@.

input.onButtonPressed(Button.A, () => {
    radio.sendString("Yo");
    basic.showIcon(IconNames.Chessboard)
    basic.clearScreen();
});
radio.onReceivedString(function (receivedString) {
    basic.showString(receivedString);
})

Try it for real @fullscreen

If you two @boardname@s, download the program to each one. Press button A on one and see if the other gets a message.

Groups @fullscreen

Use the ||radio:set group|| block to assign a group number to your program. You will only receive messages from @boardname@s within the same group. Use this to avoid receiving messages from every @boardname@ that is transmitting.

/**
* Pick a unique group in your classroom!
*/
radio.setGroup(123)
radio