iT邦幫忙

2021 iThome 鐵人賽

DAY 13
0
自我挑戰組

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

Day 13 ( 中級 ) 大型數字 ( 圖形數字 )

  • 分享至 

  • xImage
  •  

大型數字 ( 圖形數字 )

教學原文參考:大型數字 ( 圖形數字 )

如果要在 Scratch 3 裡顯示數字,通常是透過「說」或「想」的積木顯示,但卻沒有積木能修改數字的樣式、大小或顏色,這篇文章將會介紹,如何在 Scratch 3 裡使用更換角色造型、分身、變數、重複無限次、詢問使用者...等積木,實作在舞台區顯示「大型數字」( 圖形數字 ) 的效果。

相關文章參考:更換角色造型分身重複無限次變數詢問並等待

角色設定

在角色編輯區,刪除貓咪角色,使用「繪畫」功能繪製新的角色 ( 參考:造型與繪圖 )。

Scratch 3 教學 - 顯示大型數字 ( 圖形數字 )

繪製角色的第一個造型,使用文字工具,輸入一個「紅色」的 0,並將造型名稱改為「0」,將文字的中心點對齊造型繪圖的中心點。

使用紅色是為了之後可以調整數字顏色 ( 如果使用黑色,會無法調整顏色,只能調整亮度 )

Scratch 3 教學 - 顯示大型數字 ( 圖形數字 )

使用滑鼠在造型 0 上按右鍵,點選複製,複製 0 的造型,將造型的內容和名稱改為 1

Scratch 3 教學 - 顯示大型數字 ( 圖形數字 )

依此類推,使用「複製 + 修改」,建立 0~9 共十個造型

Scratch 3 教學 - 顯示大型數字 ( 圖形數字 )

積木程式原理

首先在左側積木清單裡,建立「數字」和「n」兩個變數。

Scratch 3 教學 - 顯示大型數字 ( 圖形數字 )

設計讓使用者輸入數字的程式:

  • 使用定位積木,定位大型數字在舞台中的起始點。
  • 隱藏本尊 ( 大型數字會使用「分身」顯示 )。
  • 使用重複無限次積木。
  • 每次重複時,讓使用者輸入數字。
  • 使用者輸入數字後,將數字存入「數字」變數

Scratch 3 教學 - 顯示大型數字 ( 圖形數字 )

加入建立分身的程式:

  • 加入變數 n 為 0 的積木,目的在建立分身後,確認是第幾個分身 ( 對應數字的位數 )
  • 加入「重複...次」的積木,設定重複次數為「數字的位數」( 使用字串長度 )。
  • 每次重複時,建立自己的分身

Scratch 3 教學 - 顯示大型數字 ( 圖形數字 )

設計顯示大型數字的程式 ( 建立分身的程式 ):

  • 當分身產生後,顯示分身。
  • 將變數 n 增加 1 ( 位數增加 )。
  • 將造型換成對應位數的造型 ( 例如 1 就會換成造型 1,2 就會換成造型 2 )
  • 使用「x 改變」積木,依據 n 的不同,讓 x 改變「n x 50」( 出現的分身就會往右移動,如果執行後數字重疊,就將 50 變大 )。
  • 使用重複無限次積木,每次重複偵測 n 是否為 0,如果為 0,表示使用者重新輸入數字,就將分身刪除。

Scratch 3 教學 - 顯示大型數字 ( 圖形數字 )

完成後,點擊綠旗,輸入數字後,舞台上就會顯示大型的數字。

Scratch 3 教學 - 顯示大型數字 ( 圖形數字 )

如果加入「圖像效果亮度設定」積木,將亮度設定為 -100,就會呈現黑色文字。

Scratch 3 教學 - 顯示大型數字 ( 圖形數字 )

如果加入「圖像效果顏色改變」積木,將顏色改變 25。

Scratch 3 教學 - 顯示大型數字 ( 圖形數字 )

完成效果

完成後,點擊綠旗,輸入數字,舞台上就會顯示不同顏色的大型數字。

Scratch 3 教學 - 顯示大型數字 ( 圖形數字 )

範例解答

範例解答:顯示大型數字 ( 圖形數字 )

延伸練習

如果已經熟悉了顯示大型數字 ( 圖形數字 ) 的原理,還可以嘗試更多好玩的作法:

  • 改變數字樣式,讓數字變成可愛的數字圖形。
  • 加入「小數點」和「負號」的圖形。

關於我

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


上一篇
Day 12 ( 中級 ) 貓咪跑步 ( 超長背景 )
下一篇
Day 14 ( 中級 ) 鍵盤鋼琴 ( 音符動畫 )
系列文
Scratch 3 從入門到精通46
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言