Let's write on the display!

Let's get down to business!

Before doing anything, you need to connect your Chatter to your computer's USB port and turn it on.

random image

If everything is okay, CircuitBlocks should say "Chatter connected".

random image

If CircuitBlocks didn't recognize your Chatter, please check if the USB cable is plugged in properly and if you are using a working USB port on your computer.

If you still cannot get CircuitBlocks to recognize your Chatter, something possibly went wrong with the driver installation on your computer. Drivers are these little programs that help your computer communicate with Chatter, and they sometimes act funny. Reach out to us via email at contact@circuitmess.com if you cannot get your computer to recognize your Chatter.   

Let's write something!

We will kick things off as simply as possible.

The first thing we're going to learn is how to clear Chatter's display and write on it!

You'll only need to use a Display block section to do that.

Please click on the mentioned section, and choose a "set font size to 6".

random image

Once you click on the block, it will appear on the drawing area, and you'll need to drag it into a bluish "Arduino run first" block.

random image

We think the font size 6 might be too big, so we changed it to 1. You can do that by simply deleting 6 and writing 1 instead. 

Easy, right?

The next thing we'll have to set is a font type. You can find that block in the Display section also.

random image

Font type doesn't need any change, but if you want to experiment, feel free to!

random image

The third thing we'll use from the Display section is a "set font colour to screen colour" block.

random image

Instead of green, we choose the font color to be navy. 

Note that you can choose any color you prefer. 

Your sketch should look like this now:

random image

Now that you set all the necessary sizes, colors, and font types, it's time to clear the display with some color so we can clearly see the sentence (or word) you'll print.

Like in the previous block, you can choose any color you want.

random image

Click on the circled block, and drag it in the Arduino run first like the rest of the blocks.

As you can see, we decided the display to be green.

random image

Let's make the main part of this sketch - write a sentence (or a word) you want to print on display.

To do that, you'll have to use this block:

random image

As you can see, there are three white circles used for writing. 

The first one, next to print, determines the sentence that will appear on display.

The x and y mark coordinates where the text will appear on display.

We decided to write "Hello, world!" on the screen, but we kept the coordinates.

random image

The last thing you need to do in this sketch is clicking on a "draw sprite to display" block.

We need to use this block to ensure this code will appear on display.

random image
random image

Hit the big red Run button and wait for the code to compile!

If you're doing this for the first time, the code can take up to a minute to compile.

But, don't worry, after that, the compiling should be faster.

When you hit the Run button, the red line will appear under the Toolbar representing the percentage of code that's compiled. Once the code is compiled, your Chatter will restart, the display will turn green, and there'll be a text in navy saying, "Hello, world!"

You can see what will happen in the photos below: 

random image