iT邦幫忙

2021 iThome 鐵人賽

DAY 7
0
自我挑戰組

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

Day 7 ( 入門 ) 按鈕控制貓咪 ( 廣播 )

  • 分享至 

  • xImage
  •  

按鈕控制貓咪 ( 廣播 )

教學原文參考:按鈕控制貓咪 ( 廣播 )

這篇文章會介紹,如何在 Scratch 3 裡使用偵測滑鼠按下、廣播訊息、角色移動...等積木,實作用滑鼠點擊舞台上的按鈕,控制貓咪移動的功能。

相關文章參考:偵測滑鼠按下廣播訊息移動

角色設定

在角色編輯區,保留貓咪的角色,使用繪畫,繪製另外一個新的角色 ( 參考:造型與繪圖 )。

Scratch 3 按鈕控制貓咪 ( 廣播 )

使用「圓形」和「文字工具」,建立一個向上箭頭的圓形按鈕,( 其他下、左、右的按鈕,等待會程式寫好之後再用複製的產生 )。

箭頭圖案可以從這個網頁點選複製:特殊符號

Scratch 3 按鈕控制貓咪 ( 廣播 )

複製黑色箭頭按鈕的造型 ( 產生第二個造型 ),將黑色箭頭改成紅色箭頭,接著再點選黑色箭頭的造型 ( 舞台上才會呈現黑色箭頭 )。

Scratch 3 按鈕控制貓咪 ( 廣播 )

積木程式原理 ( 向上箭頭 )

點擊「向上箭頭」角色,設定點擊綠旗時的動作:

  • 先將箭頭按鈕定位到舞台左下方。
  • 使用「重複無限次」和「如果...那麼」積木。
  • 判斷滑鼠點擊按鈕時 ( 滑鼠碰到按鈕而且滑鼠被按下 ),讓箭頭變成紅色。
  • 如果沒有點擊按鈕,按鈕就會是黑色。

Scratch 3 按鈕控制貓咪 ( 廣播 )

完成後點擊綠旗,就能看到效果。

Scratch 3 按鈕控制貓咪 ( 廣播 )

增加「廣播訊息:上」的積木,就能在滑鼠點擊按鈕時,發送「上」的廣播訊息

相關教學:廣播訊息

Scratch 3 按鈕控制貓咪 ( 廣播 )

積木程式原理 ( 貓咪 )

點擊「貓咪」角色,在綠旗點擊時,先將貓咪定位在舞台正中間,接著放入「當收到訊息:上」的積木,讓貓咪在收到「上」的訊息時,位置往上移動 5 點。

Scratch 3 按鈕控制貓咪 ( 廣播 )

完成後,點擊綠旗,用滑鼠點擊向上箭頭的按鈕,貓咪就會往上移動。

Scratch 3 按鈕控制貓咪 ( 廣播 )

複製角色

前往角色區域,從向上的按鈕,複製向下、向左、向右三個角色,並且將箭頭改成向下、向左和向右 ( 每個角色也都有兩個造型,第一個造型是黑箭頭,第二個造型是紅箭頭 )。

Scratch 3 按鈕控制貓咪 ( 廣播 )

因為是複製向上按鈕,所以程式積木也會一併複製,這時*只需要分別修改「定位」以及「發送的訊息」*即可。( 發送訊息分別發送下、左、右 )

Scratch 3 按鈕控制貓咪 ( 廣播 )

回到貓咪角色,加入「當收到訊息」下、左、右的積木,分別設定在收到訊息時,往下、往左、往右移動。

Scratch 3 按鈕控制貓咪 ( 廣播 )

完成效果

完成後,點擊綠旗,就能夠用滑鼠點擊按鈕,控制貓咪的移動。

Scratch 3 按鈕控制貓咪 ( 廣播 )

範例解答

範例解答:按鈕控制貓咪 ( 廣播 )

延伸練習

如果已經熟悉了按鈕控制貓咪 ( 廣播 )的原理,還可以嘗試更多好玩的作法:

  • 加上控制貓咪「旋轉」和「放大縮小」的按鈕。( 解答 )

. Scratch 3 按鈕控制貓咪 ( 廣播 )

關於我

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


上一篇
Day 6 ( 入門 ) 抽獎輪盤
下一篇
Day 8 ( 中級 ) 貓咪跑步 ( 超長背景 )
系列文
Scratch 3 從入門到精通46
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言