iT邦幫忙

2021 iThome 鐵人賽

DAY 29
0
自我挑戰組

Scratch 3 從入門到精通系列 第 29

Day29 ( 高級 ) 繪製正多角星形 ( 多線版 )

  • 分享至 

  • xImage
  •  

繪製正多角星形 ( 多線版 )

教學原文參考:繪製正多角星形 ( 多線版 )

這篇文章會沿用「繪製正多角星形 ( 單純版 )」的範例,將多角星形的內部增加連接的線段,讓單純版的星形變成「多線」版本的星形。

相關文章參考:繪製正多角星形 ( 單純版 )

積木程式原理

本篇教學為「繪製正多角星形 ( 單純版 )」一文的延伸,請先開啟範例進行編輯。

範例連結:https://scratch.mit.edu/projects/563395294/

「多線版」畫星星的原理,需要將「邊長數量 - 2」的端點進行畫線的動作,以六角星形為例,下方表格是指定編號要連接的位置:

  • 編號 1:連接編號 3、4、5。
  • 編號 2:連接編號 4、5、6。
  • 編號 3:連接編號 5、6。
  • 編號 4:連接編號 6。

從中可以看出連線的「規律」,前兩個編號都是相同的數量 ( 邊長數量 - 3 ),第三個編號開始,數量逐漸減少 1。

Scratch 3 教學 - 繪製正多角星形 ( 多線版 )

下圖是繪製「正六角星形」的過程:

Scratch 3 教學 - 繪製正多角星形 ( 多線版 )

開啟範例後,用滑鼠在「畫星星」函式上按右鍵,編輯函式,替函式加入一個參數 i

Scratch 3 教學 - 繪製正多角星形 ( 多線版 )

編輯「畫星星」函式:

  • 設定變數 b 為 a+2 ( 連接點從 a+2 開始 )。
  • 使用「重複...次」積木,重複 i 次 ( i 的數值會在執行函式時給予 )。
  • 每次重複,從 a 座標出發下筆,畫線到 b 座標後停筆。
  • 將 b 增加 1。

Scratch 3 教學 - 繪製正多角星形 ( 多線版 )

編輯「多邊形」函式:

  • 設定變數 a 為 1,表示第一個點出發。
  • 使用「重複 2 次」積木,每次重複執行:
    • 執行畫星星函式,參數設定為「邊數 - 3」( 自己的左右兩點 + 自己一點 )。
    • 將變數 a 增加 1。
  • 使用「重複...次」積木,重複「邊數 - (a+1)」次,每次重複執行:
    • 執行畫星星函式,參數設定為「邊數 - (a+1)」。
    • 將變數 a 增加 1。

Scratch 3 教學 - 繪製正多角星形 ( 多線版 )

如果不容易理解,可以換成以「正六角星形」的變數 a 來觀察:

  • 起始點 a 為 1。
  • 重複兩次,每次都會畫出三條線。
  • 重複結束後,a 為 3。
  • 第三個點變成兩條線。
  • 第四個點一條線。

Scratch 3 教學 - 繪製正多角星形 ( 多線版 )

完成效果

完成後,點擊綠旗,在舞台上調整變數數值,就會看見對應的正多角星形。

Scratch 3 教學 - 繪製正多角星形 ( 多線版 )

範例解答

範例解答:繪製正多角星形 ( 多線版 )

關於我

大家好,我是 OXXO,是個即將邁入中年的斜槓青年,如果對我有點興趣(笑,可以與我聯繫,一起來做點有玩又有創意的東西吧!


上一篇
Day28 ( 高級 ) 記錄畫圖軌跡
下一篇
Day30 ( 高級 ) 顯示聲波圖形
系列文
Scratch 3 從入門到精通46
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言