Interactions Between Two Microbits & Connect Scratch with Microbit

 



Interactions between two microbits 

To make a project that uses communication between two Microbits, I chose a project from the list, which is called Heartbeat beacon. A heart pattern will show up in a microbit when it receives a string signal from another microbit. 

At the start, I prepared two microbits: one as a receiver, one as a transmitter. They had the same preset code to set the radio set group and radio set transmit power. For the transmitter, there is a forever loop to transmit radio. For the receiver, there is a trigger to show a heart icon when it receives a string signal. 



For fun, I modified the code. After sending a string, the transmitter will send a number. It is still a forever loop. At the same, I added a new code to the receiver, making it react to the number signal showing a smile icon. 





It is interesting to compare Makecode with Javascript. I found it a little bit different from js that I learned before. Here are some guesses based on my knowledge of js:

1. radio & basic are two objects. Basic refers to microbits

2. block names are method names 

3. nested structures are wrapped by (function( ){ })

4. values (numbers, patterns) are arguments 


Connect Scratch with Microbit

Using music extension and microbit extension, I played the Twinkle Twinkle Little Star using a microbit. The code part is super easy. Each button is connected with a sound. Here is the video. 


https://drive.google.com/file/d/1hrXZ5Ou4NXq-th8BtQmNBGYrxhIgDoZ-/view?usp=sharing


Comments

Post a Comment

Popular posts from this blog

Scratch Mini-project: Simple MP4 & Remix

Image
During the past few weeks, I worked on a mini-project using Scratch. This small piece is an MP4 player, to be more specific, it is a music player. I tried to simulate the real user journey in a music player, like turn on and off, next and previous song, pause and start a song, etc.  Week 1  In week 1, I just grabbed some thoughts about the mini-project. I thought of making a storytelling project, demonstrating the great fun brought by MP4 during my childhood. But I decided to make an interactive virtual MP4, which could be more interesting since people can interact with it. Due to the time pressure, I just forked the music player function of the MP4 player. Week 2 Before starting to use Scratch to create the project, I made a plan first to sort out my sort of random thoughts. They are many functions of a music player. I need to decide put which functions into priority. I made a list to map the user interactions in sequence: 1.  turn off/on the device   2. see a centr...
Read more

Learn how draw with p5: A Chinese lantern

Image
  https://editor.p5js.org/hh2871/sketches/diyXJRSYG  Why do I choose lantern? Because lantern is a meaningful symbol for Chinese people. It stands for coming back home or reunion with family. Therefore, Chinese people like hanging out lanterns during traditional festivals as a good blessing.  How do I make it? First, I drew a picture of it.  I broke it down into several parts: the top, the body, the bottom, the fringe, and the decorations(a line and a square). For each part, I used basic shapes, like squares, rectangles, lines. The body part is special because of its irregular shape. Therefore, I used vertex() to sketch it out. The last step is to color different parts. I messed up with coloring since I used color() instead of fill(). And, I learned that every time I want to apply different colors, I need to reset the RGB.
Read more

Create Button Press and Key Press Events in p5.js

Image
Creating button-press and key-press events can add more interactive fun to the program. The picture above shows the "Hello" text I wrote using my program. In this program, users can change colors, clear canvas, change stroke weights, and change background colors by pressing buttons and keys.  https://editor.p5js.org/hh2871/sketches/-sXGieDYf In the setup function, I set up the background color, the size of the canvas, stroke weight, and filling color first. Besides, I also preset the positions, texts, and event triggers of the four buttons. After this, I defined the functions of each button and the functions of keypress events. The function of fill() is to change colors. The function of strokeWeight() is to change the stroke weight. The function of background() is to change the background color.
Read more