# 未來板顯示屏KittenBlock編程教學

在未來板的屏幕上，我們也可以做到很多有趣的效果。

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

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

### 顯示屏積木塊

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

#### 範例程式：屏幕填充

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

#### 範例程式：顯示文字

未來板可以顯示繁體中文字。

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

#### 範例程式：繪畫點與線

#### 範例程式：繪畫矩形與圓形

注意：矩形的座標為圖形的左上角，圓形的座標為圖形的正中心。

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

#### 範例程式：繪畫三角形與多邊形

#### 範例程式：同步模式

關閉同步模式對於顯示動畫會有幫助。不關掉屏幕同步刷新的話，屏幕會不斷閃屏。

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

#### 範例程式：顯示圖片

未來板可以顯示png，bmp與gif圖片。

請將圖片放在SD卡上。

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