更多

    平面密鋪的浪漫(四)

    隨著中小學推動 STEM 教育,相信很多老師和同學都有使用過 Scratch 編寫程式。在 Scratch 平台中編寫程式,只需將不同的方塊拉出來組合在一起,然後改變當中的一些數據就能完成。經過兩期程式的講解後,今期運用 Scratch 來製作平面密鋪圖案。

    Scratch 不需要輸入複雜的程式碼或指令,而且網上教學甚多,因此受到中小學生歡迎,確實是一個適合用作訓練邏輯思維和編程技巧的工具。歷經兩期程式製作,以下改用簡單的方式,運用 Scratch 繪畫另一種平面密鋪的圖案。

    進階思考訓練

    練習中,我們主要是繪畫一個基於正方形為基本單位的平面密鋪圖案,但會先在正方形中,分割出四個不同顏色的不規則三角形,而當使用正方形作密鋪的時候,同時會將正方形作隨機的旋轉,令最後繪製出來的圖案,表面看來十分不規則,但只要細心觀察,就能夠看到當中排列是十分有秩序的。

    Scratchhttps://scratch.mit.edu

    Step 1 :登入網站後按「 Create 」,然後再「 File 」按「 New 」,確保是一個新專案。接著在中間的位置按「 Costumes 」,並加上一個新的圖像「 Paint new sprite 」。
    Step 1 :登入網站後按「 Create 」,然後再「 File 」按「 New 」,確保是一個新專案。接著在中間的位置按「 Costumes 」,並加上一個新的圖像「 Paint new sprite 」。

    [row][double_paragraph]

    Step 2 :按右下角的放大符號,會發現繪圖板的中間有一個十字記號代表新增圖案的中心點,以個中心點繪畫一個邊長 8 格單位的正方形,並且按下「 Convert to vector 」使圖像轉變為向量圖。
    Step 2 :按右下角的放大符號,會發現繪圖板的中間有一個十字記號代表新增圖案的中心點,以個中心點繪畫一個邊長 8 格單位的正方形,並且按下「 Convert to vector 」使圖像轉變為向量圖。

    [/double_paragraph][double_paragraph]

    Step 3 :按下「 Rectangle 」圖標,在繪圖板中畫上四個不同顏色的長方形。
    Step 3 :按下「 Rectangle 」圖標,在繪圖板中畫上四個不同顏色的長方形。

    [/double_paragraph] [/row]

    [row][double_paragraph]

    Step 4 :再按下「 Reshape 」圖標,將長方形改變為不規則三角形,四個不規則三角形的頂點均為同一點。
    Step 4 :再按下「 Reshape 」圖標,將長方形改變為不規則三角形,四個不規則三角形的頂點均為同一點。

    [/double_paragraph][double_paragraph]

    Step 4 :再按下「 Reshape 」圖標,將長方形改變為不規則三角形,四個不規則三角形的頂點均為同一點。
    Step 4 :再按下「 Reshape 」圖標,將長方形改變為不規則三角形,四個不規則三角形的頂點均為同一點。

    [/double_paragraph] [/row]

    [row][double_paragraph]

    Step 5 :當完成繪製正方形之後,在左邊的「 New costume 」可以檢查正方形的大小,例如 33×33 我們在之後的程式編寫中會利用這個數字。
    Step 5 :當完成繪製正方形之後,在左邊的「 New costume 」可以檢查正方形的大小,例如 33×33 我們在之後的程式編寫中會利用這個數字。

    [/double_paragraph][double_paragraph]

    Step 6 :跳回「 Scripts 」,經由拖拉組合程式,完整程式碼如圖。
    Step 6 :跳回「 Scripts 」,經由拖拉組合程式,完整程式碼如圖。

    [/double_paragraph] [/row]

    完全圖:完成後, 按下綠色旗, Scratch 便會以你所設計的正方形為基礎,製作平面密鋪的圖像,因為在程式中加入隨機旋轉,令整個圖像有不規則的感覺。
    完全圖:完成後, 按下綠色旗, Scratch 便會以你所設計的正方形為基礎,製作平面密鋪的圖像,因為在程式中加入隨機旋轉,令整個圖像有不規則的感覺。

    總結

    有關編寫程式繪製圖像,運用 Trinket 及 Scratch 外,同學還可以考慮安裝一個免費的互動程式- Processing 。熟悉 Processing 軟件的朋友,相信也知道此軟件是善於處理多媒體的程式,可按不同的輸入數據,並即時運算出新的圖像,而且能配合 Arduino 、 Kinect 或手提電腦等,製作出互動的藝術裝置。網上亦找到大量的學習資源,同學可以慢慢進一步探索。

    您會感興趣的內容

    相關文章