上期說了一些平面密鋪的數碼、數學和藝術概念,今期就讓我們熱熱身,利用 Python 程式,繪製簡單的平面密鋪圖形。透過編寫程式製作線條及圖形,可以有效訓練我們的邏輯思維,強化使用電腦語言的概念。
上期曾提及在瀏覽器中用 Python 畫圖龜的網站 —— Trinket ,此類型網站無需安裝任何軟件,只需在網頁上輸入程式碼,便能夠即時看到效果,非常方便。以下將輸入「程式碼一」,繪畫一個正方形的圖案。程式碼的設計會先定義一個包含座標參數的正方形繪畫的函數,並以隨機數值代表填滿正方形的顏色,令每個繪畫出來的正方形的顏色也不一樣,使圖像的視覺效果更加豐富。
Trinket 網址: https://trinket.io
繪畫正四方形
[row][double_paragraph]
![程式碼一:正方形平面密鋪](https://www.pcmarket.com.hk/wp-content/uploads/2018/05/1282kid04p21_program1-710x616.png)
[/double_paragraph][double_paragraph]
![程式碼一的說明](https://www.pcmarket.com.hk/wp-content/uploads/2018/05/1282kid04p22_program1_explain-710x345.png)
[/double_paragraph] [/row]
[row][double_paragraph]
![圖中說明 drawSquare 的函數運作。](https://www.pcmarket.com.hk/wp-content/uploads/2018/05/1282kid04p25_drawSquare-710x370.png)
[/double_paragraph][double_paragraph]
![按下運行圖標就可看見網站出現上圖的結果。](https://www.pcmarket.com.hk/wp-content/uploads/2018/05/1282kid04p03_1_square.png)
[/double_paragraph] [/row]
製作四方形平面圖密鋪
跟著我們在「程式碼一」中作一些改變,並使用巢狀結構,呼喚這個正方
形繪畫的函數,用來繪製出平面圖密鋪的圖案步驟如下:Step 1:在程式碼 a=40 的下面,加上水平和垂直距離的變數,分別是 dx 及 dy 。
![將下列的程式碼代替 drawSquare(0,0) , 步驟](https://www.pcmarket.com.hk/wp-content/uploads/2018/05/1282kid04p05_replace_drawSquare_a-710x375.png)
[row][double_paragraph]
![Step 3:接著,再次按下運行圖標,就可看見圖中的結果。](https://www.pcmarket.com.hk/wp-content/uploads/2018/05/1282kid04p06_4x4square.png)
[/double_paragraph][double_paragraph]
![Step 3:接著,再次按下運行圖標,就可看見圖中的結果。](https://www.pcmarket.com.hk/wp-content/uploads/2018/05/1282kid04p07_triangle_tessellation.png)
[/double_paragraph] [/row]
上面的左圖像中你可以看到一個一個的正方形被繪製出來,而每個正方形的顏色也是隨機數設定,只要將 for loop 句子中的 range 的數字增加,例如改變為 10 ,就可以畫更多的正方形出來。此外,讀者可以嘗試在上面的程式碼中 drawSquare 的函數部分作一些更改,嘗試製作出右圖中三角形的平面密鋪圖案。
下星期待續……