> For the complete documentation index, see [llms.txt](https://sharinghub-eng.kittenbot.hk/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sharinghub-eng.kittenbot.hk/main-controllers/meowbit/meowbit-programming-tutorial/meowbits-display-kittenblock.md).

# Meowbit’s Display(Kittenblock)

Meowbit’s screen can be programmed to display various text or shapes.

### Kittenblock Coding Tutorial

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/kbbanner.png)

#### Blocks for controlling the screen

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/kb11_1.png) ![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/kb11_2.png)

#### Filling a color and clear screen

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/tft1.png)

#### Drawing dots and lines

```
Lines must be given two coordinates for them to be drawn.
```

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/tft2.png)

#### Drawing Rectangles and Circles

```
The coordinates of a rectangle represents its top-left corner, with width and height as w and h.
The coordinates of a circle represents its origin, with radius as r.
```

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/tft3.png)

#### Drawing Triangles and Polygons

```
Give 3 coordinates as vertices to create a triangle.
The coordinates of a polygon represents its origin.
```

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/tft4.png)

#### Displaying text

```
The coordinates are at the top-left corner of the string.
Traditional Chinese Characters are not supported yet.
```

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/tft5.png)