MS Small Basic第六章: Beginning Graphics(圖形入門)

好有成就感啊! 終於把第六章內容都融會貫通, 並且把作品發佈到網路上(http://smallbasic.com/program/?SPF659)

同時使用PicPick截圖編輯與各位分享. 第六章主題是Graphics(圖形), 從最簡單的直線, 矩形, 到橢圓和圓形, 圖形外框和內部可以填充不同顏色, 並且使用座標參數調整圖形位置和大小. 下方圖片是我的程式語言處女作畫面截圖:

程式執行結果如下:

第六章重點摘要: (1)畫直線使用GraphicsWindow.DrawLine(起點x座標, 起點y座標, 終點x座標, 終點y座標); (2)以視窗左上角為原點(o, o), 往右/往下數字漸大, 圖示為:

這種座標(co-ordinate)有點違反我們國中數學座標的直覺. 教材寫道: “The interesting thing with the computer graphics is that the co-ordinates (o, o) starts at the top left corner of the window……in the co-ordinate space the window is considered to be on the 2nd quadrant." 其中2nd quadrant就是第二象限的意思, 與我們直覺裡的第二象限(座標左上角, x為負, y為正)完全不符, 所以需特別留意(其實從電腦裡拉圖形都是由左上往右下拉就可理解).

(3)先選顏色再畫線, 順序不可對調: [GraphicsWindow.PenColor = “Green"][GraphicsWindow.DrawLine(10, 10, 100, 100)]; (4)用[GraphicsWindow.PenColor = “Red"]畫框, 用[GraphicsWindow.DrawRectangle(20, 20, x軸長, y軸長)]畫橢圓; 用[GraphicsWindow.BrushColor = “Yellow"]選擇要填充的筆刷顏色, 再用[GraphicsWindow.FillRectangle(20, 20, x軸長, y軸長)]填充橢圓; 橢圓可以同一個也可以分開兩個, 依座標參數指定; (5)橢圓是廣義的圓, 當橢圓的x軸和y軸等長時即是圓.

心得感想: 高中數學的座標和幾何概念好重要啊!!! 如果數學常識不夠, 程式也不用學了, 台灣的數學教育真的不錯, 讓我到現在還記得這些東西~~

廣告

About leeoxygen

吱吱喳喳,嚕嚕啦啦,嗯嗯啊啊.
本篇發表於 我的Small Basic學習記錄 並標籤為 , 。將永久鏈結加入書籤。

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s