LCD螢幕模組的程式磚塊說明

重要提示: 不同的模組都可以使用LCD螢幕模組，但不同模組內的LCD螢幕模組程式磚塊有些不同。以下是AI模組的LCD螢幕模組程式磚塊。

AI模組的LCD螢幕模組程式磚塊。

(I)基本

程式磚塊	說明
	初始化螢幕 ## 如要使用LCD螢幕的話，必須先設定這程式磚塊
	把螢幕方向旋轉 ## 以適應不同螢幕擺放位置
	把螢幕鏡面左右反向
	設定螢幕的底色，這裡顯示是紅色，只有紅、綠、藍可供選擇
	設定螢幕的底色。可顯示任意的RGB顏色，這裡是黑色。
	清除LCD螢幕。 ## 留意，清除螢幕跟清除畫布是不同的。
	設定RGB不同的數值。
	設定XY座標值。 ##0,0 是最左上角的位置。
	設定LCD的寬度及高度。 ## 這LCD螢幕預設是240x240的。(0,0)是最左上角;(239,239)是最右下角。 ## 但不同的硬體裝置(例如相機鏡頭)的長寬比例不同，有時有需要修改這數值，以便有效地查看來自其他裝置的影像。

 

 

(II) 繪製畫布 Canvas Drawing

        畫布(canvas)不是螢幕! 螢幕祇有一塊，但同一塊螢幕上可以有多張畫布。同學可以把螢幕想像成一張枱面，你可以使用不同的畫布，但當然，同一時間你不可能把所有畫布放在同一螢幕相同位置上，如不同位置則是可以的。由於可以設定多張畫布，為了區分不同畫布，不同畫布便可以設定不同名稱，而且預設不會顯示畫布內容(即是把畫布放上枱面)，你必須使用顯示畫布才會出現。

同學可以於不同畫布繪製不同形狀或輸出不同畫面，配合轉換畫布，便可以有動畫的感覺。

程式磚塊	說明
	創建一個空白畫布，名稱預設是canvas (即是畫布)。畫布的寬高分別是240及240。名稱可改動。 ## 240x240本身便是螢幕最大的範圍，不可以設得比240x240更大，但可以設得小一些，以便於不同位置同時顯示不同訊息。
	設定畫布的底色。
	由指定路徑(path)讀取相關影像，放於指定畫布中。(這裡畫布的名稱是canvas)
	設定畫布最左上角於螢幕上的位置。 ##其實即是設定畫布的位置。

 

 

 

繪製不同形狀

程式磚塊	說明
	於指定畫布上輸出字符(text) Set Start Coordinate: 第一個字符開始的位置。 Content: 內容(留意，這裡沒有內容) Color: 設定字符顏色 Text size: 字符大小 Set Monospace: 是否有空格 ## 留意，這程式磚塊不能輸出中文字
	於指定畫布上輸出中文字符(Hanzi Characters) Set Start Coordinate: 第一個字符開始的位置。 Content: 內容(留意，這裡沒有內容) Color: 設定字符顏色 Text size: 字符大小
	於指定畫布繪製直線 Set Start Coordinate: 直線開始的點的座標 Set End Coordinate: 直線結束的點的座標 Color : 直線顏色(如想設定任意顏色，可另選RGB的顏色設定磚塊) Thinkness直線粗幼度
	於指定畫布繪製矩形(Rectangle)，Filled 是實心的矩形。另一選項是Stroked(空心的) Set Start Coordinate: 矩形左上角的點的座標 Size:矩形的寬度及高度(程式會自動計自矩形4個角落的座標) Color : 矩形的顏色(如想設定任意顏色，可另選RGB的顏色設定磚塊)(如是實心的話，整個矩形是紅色，如是空心的話，祇有框線是紅色。) Thinkness框線粗幼度
	於指定畫布繪製正圓形(Circle)，Filled 是實心的矩形。另一選項是Stroked(空心的) Set Center Coordinate: 正圓形中心點的座標 Radius:圓形半徑 Color : 矩形的顏色(如想設定任意顏色，可另選RGB的顏色設定磚塊)(如是實心的話，整個矩形是紅色，如是空心的話，祇有框線是紅色。) Thinkness框線粗幼度
	於指定畫布繪製正十字形(Cross Sign)(即長及高是一樣的) Center Position: 十字形中心點座標 Length: 長度(設定長度便可以，高度跟長度是一樣的) Thinkness十字線粗幼度 Color顏色
	於指定畫布繪製箭咀 Set Start Coordinate: 直線開始的點的座標 Set End Coordinate: 直線結束的點的座標 Color : 箭咀顏色Thinkness箭咀線粗幼度
	於指定畫布上貼上指定的圖片或影像。 Set Image Path: 指定圖片或影像的位置 Set Start Coordinate: 設定圖片左上角的座標 Set Length Scale by X Direction: 設定X軸(橫軸)的長度(寬度)比例 Set Length Scale by Y Direction: 設定Y軸(橫軸)的長度(寬度)比例
	於螢幕上顯示指定的畫布(這裡是名叫Canvas的畫布)
	清除指定畫布(這裡是canvas)內所有內容

 

AI-example-(4)- Mini camera

 

(4) Mini camera

 

學習目標:

1.      如何把相機攝錄的影像顯示於LCD螢幕上。

 

前設知識:完成(1)至(3)

 

步驟:

1.      Example -->AI Teaching cases 1-->4. Mini Camera

2.      Run

3.      觀察LCD螢幕輸出。

 

工作:

1.      觀察相關的磚塊程式碼，理解每行的作用。

 

討論問題:

1.      如果不執行程式碼內的repeat forever….do，會有甚麼結果?

2.      為何要把相機擷取到的影像重新調整大小?

3.      相機的運作其實是怎樣的? 明明擷取的是影像，為何顯示出來的是影片?

 

進階工作

1.      查看一下CocoRobo 有關相機(camera)的設定，還有甚麼可供設定的。

 

 

程式說明

 

行數

4. 啟動相機功能。

5. 設定相機捕捉的影像大小，即 320 x 240。留意，相機的像素大小跟LCD螢幕不一樣。

6. 設定相機捕捉的影像是彩色的。(可以設定黑白的)

7. 設定相機捕捉的影像大小變成視窗大小，以符合LCD螢幕的輸出。

8. 留意，雖然LCD螢幕是240 x 240，但這裡有意設成小一點，以免上下留白，方便輸出其他字串資料。

9. 重複執行，把相機擷取到的影像放入命名為photo 變數內。

 

備註: 任何裝置，其實都要先啟動才能應用的。