搜尋

繪製造型&背景

Scratch 提供簡單的圖形編輯功能,除了可以修改內建的造型與背景,更可以從無到有的繪製所需的圖形或透過攝影機拍照,每個造型或背景都可以各自進行編輯,不會互相影響,繪製後的圖形立刻就可以和程式互相搭配,這也是 Scratch 與眾不同的地方。

由於繪製背景和繪製造型的方法完全相同 ( 只有頁籤名稱不同 ),因此本篇文章將會以介紹「造型」為主,背景部分著墨不多。

Scratch 的造型/背景編輯器主要分成幾個部分:造型清單造型與繪圖功能繪圖區 ( 向量圖 )繪圖區 ( 點陣圖 )

造型清單

「造型清單」可以增加角色的造型,一個角色可以有多個造型,例如貓咪的角色有「腳分開」和「腳併攏」兩種造型,屆時就可以透過程式積木,讓兩種造型互相切換,做出跑步的動畫效果。

Scratch 3 教學 - 繪製造型&背景

將滑鼠移到下方的按鈕,會出現四個新增造型的選項,分別是上傳圖片驚喜 ( 從圖庫中隨機挑選 )、繪圖選個造型

Scratch 3 教學 - 繪製造型&背景

造型與繪圖功能

「造型與繪圖功能」可以設定造型的名稱,以及繪製造型每個元素的功能,功能又分成「向量圖」和「點陣圖」兩種,向量圖的功能較多,包含 群組、復原、圖層、填滿、外框、複製、貼上、刪除、垂直水平翻轉

Scratch 3 教學 - 繪製造型&背景

用滑鼠點選繪製的元素,選單就會有對應的變化,主要變化有兩種:

  • 選單呈現半透明:該功能無法使用,例如已經是單一群組的元素,就無法再變成群組。
  • 顏色選擇出現藍橘黃的圖示:選取的元素包含多種顏色。

Scratch 3 教學 - 繪製造型&背景

點陣圖可編輯的功能較少,只有復原、複製、貼上、刪除、垂直水平翻轉,不論是向量圖還是點陣圖,只要用滑鼠點擊想要的繪畫工具,就會出現對應的選項 ( 例如使用筆刷,功能列就會出現筆刷大小的選項,使用圓形或方形,就會出現填滿選項 )。

特別注意,當向量圖變成點陣圖後,再變回向量圖後,仍然會維持點陣圖狀態,無法以向量模式編輯。

Scratch 3 教學 - 繪製造型&背景

繪圖區 ( 向量圖 )

繪圖區的右邊是畫布,左邊是繪圖工具,「向量圖」的繪圖工具包含 選取、筆刷、填滿、直線、方形、圓形、重新塑形、擦子和文字,可以利用繪圖工具在畫布裡畫圖,繪製過程中如果想要復原,除了點選上方的復原按鈕,也可以按下鍵盤的 Ctrl + z 就可以復原。

Scratch 3 教學 - 繪製造型&背景

繪圖區 ( 點陣圖 )

「點陣圖」的繪圖工具包含 選取、筆刷、填滿、直線、方形、圓形、擦子和文字,可以利用繪圖工具在畫布裡畫圖,繪製過程中如果想要復原,除了點選上方的復原按鈕,也可以按下鍵盤的 Ctrl + z 就可以復原。

注意,點陣圖和向量圖在繪製時,有幾個最大的不同點:

  • 點陣圖繪製之後無法透過節點修改,必須一筆一筆的繪製或擦除。
  • 點陣圖也沒有群組的概念。
  • 點陣圖放大縮小造成失真。

Scratch 3 教學 - 繪製造型&背景

參考資料

意見回饋

如果有任何建議或問題,可傳送「意見表單」給我,謝謝~

Scratch 3 教學

基本介紹

關於 Scratch 3 使用 Scratch 3 註冊與登入 操作介面 我的東西

圖形與聲音

繪製造型&背景 編輯音效

程式積木

積木種類 動作 外觀 音效 事件 控制 偵測 運算 變數 清單 函式積木

擴充功能

音樂 畫筆 視訊偵測 文字轉語音 翻譯

技巧&觀念

全域變數、區域變數 控制指定分身 雲端變數 雲端變數記錄文字 變數串接文字 文字轉清單 中斷與停止程式 廣播訊息並等待 鍵盤與滑鼠 突破角色尺寸限制 角色與舞台邊界 重複積木的等待時間 清單數字排序 清單最大值最小值

入門範例

鍵盤控制貓咪 指向中間的箭頭 水果音樂鋼琴 貓咪的影分身之術 貓咪的細胞分裂 螃蟹跑來跑去 吃水果 摸蝴蝶 小狗追棒球 魚兒水中游 小鳥往前飛 舞棍阿伯 小時鐘 搖骰子 轉動的眼球 抽獎輪盤 大樂透電腦選號 移動到邊緣切換場景 人物依序跳舞 ( 廣播 ) 按鈕控制貓咪 ( 廣播 )

進階範例

貓咪跑步 ( 連續背景 ) 貓咪跑步 ( 超長背景 ) 大型數字 ( 圖形數字 ) 拖拉怪獸碰撞牆壁 鍵盤鋼琴 ( 記錄音符 ) 中文字逐字稿 英文字逐字稿 計算機 1 ( 顯示數字 ) 計算機 2 ( 加減乘除 ) 雲端聊天室 推貓咪 ( 視訊偵測 ) 圍捕小魚 ( 視訊偵測 ) 戳泡泡 ( 視訊偵測 )

視覺特效範例

視差效果 水中吐泡泡 雪花隨風飄 鍵盤鋼琴 ( 音符動畫 ) 無限循環畫中畫 水底探照燈 狙擊望遠鏡 ( 兩倍變焦 ) 貓咪萬花筒 仙女棒 ( 光跡效果 ) 駭客任務背景特效 放煙火 1 ( 往上發射 ) 放煙火 2 ( 爆炸效果 )

繪圖範例

鏡射畫圖 ( 對稱圖形 ) 小畫家 ( 舞台上畫圖 ) 記錄畫圖軌跡 繪製圓形 繪製橢圓形 繪製立方體 ( 會動 ) 繪製正多邊形 繪製正多角星形 ( 單純 ) 繪製正多角星形 ( 多線 ) 繪製拋物線 繪製折線圖 蜘蛛結網 ( 八邊形網 ) 繪製舞台方格 繪製正弦波形 ( sin ) 正弦波毛毛蟲動畫 顯示聲波圖形

物理&模擬範例

鐘擺運動 簡單磁鐵效果 兩個磁鐵的磁力線 立體空間 ( 三度空間 ) 循跡移動 拋物線發射炮彈 地球繞著太陽轉 彈跳的籃球 電風扇 ( 控制強度 ) 拉不走的彈力球 慣性移動 ( 滑鼠 ) 慣性移動 ( 鍵盤 )

入門遊戲範例

猴子接香蕉 打地鼠 刮刮樂 吹風機吹頭髮 太空狗閃躲隕石 九九乘法測驗 英文單字測驗 釣魚遊戲 拍西瓜 ( 儲存最高分 ) 形狀配對拼圖 台灣地圖拼圖 英文打字機 射擊外星人 猜數字 ( 猜大小 ) 猜數字 ( 幾 A 幾 B ) 連連看 ( 產生器 ) 連連看

進階遊戲範例

青蛙過河 青蛙過馬路 反彈球 ( 乒乓球 ) 打磚塊 狙擊氣球 ( 兩倍變焦 ) Flappy Bird 走迷宮 ( 基本 ) 大型迷宮 ( 鍵盤控制 ) 大型迷宮 ( 滑鼠控制 ) 翻翻卡 ( 卡牌記憶 ) 九宮格拼圖 音階記憶 貪吃蛇 小雞下樓梯

遊戲設計技巧

角色 ( 地上移動 ) 角色 ( 蹲下、左右轉 ) 角色 ( 跳耀、兩段跳 ) 角色 ( 牆壁、爬牆 ) 地圖 ( 清單轉換 ) 地圖 ( 二維陣列 ) 地圖 ( 控制移動 ) 地圖 ( 牆壁碰撞偵測 ) 地圖 ( 吃東西偵測 )