1. 程式人生 > >少兒創意學程式設計(Scratch基礎篇):第5課——繪畫板

少兒創意學程式設計(Scratch基礎篇):第5課——繪畫板

《少兒創意學程式設計(Scratch基礎篇)》,參考了英國公益組織發起的“code club(程式碼俱樂部)”——少兒免費學程式設計活動。願為中國的少兒創意程式設計教育盡微薄之力,對國內的家長、資訊教師和相關教育機構有所幫助,共同促進軟體素質教育的發展。

本課程以Scratch軟體為教育工具。Scratch是一種圖形化程式語言,由麻省理工學院開發。孩子們可以像搭積木一樣,拖動和組合程式碼塊,製作豐富多樣的程式,比如動畫,故事和遊戲等等。本課程共設有6個專案,知識點由簡到難,循序漸進,帶領孩子一步一步體驗創意程式設計世界的奇妙。具體技能知識點如下圖所示。


那麼,開始學習第5課吧!


課程簡介

在這個專案中,我們來學習製作一個繪畫板。

通過這個專案,你將學會新的知識點——布林運算子。

體驗地址:https://kada.163.com/project/760183-259196.htm

如下圖所示。



首先來製作一支鉛筆吧。

動手清單:

(1.1)步驟 1:開啟Scratch。

【具體操作】你可以開啟下載好的Scratch離線編輯器(找不到的話,可以聯絡我),也可以使用線上的Scratch。這裡使用網易卡搭的Scratch網頁版,地址如下:

https://kada.163.com/project/create.htm

開啟後,你會看到類似下面的介面。


(1.2)步驟 2:為舞臺新增一隻鉛筆。

【具體操作】請參考《第1課:搖滾樂隊》中(1.2)到(1.5)的內容。完成後,介面如下圖。


(1.3)步驟 3:對鉛筆造型。

【具體操作】選中鉛筆 → 選中“造型”選項卡 → 刪除一個造型 → 為形狀填色。演示如下。


(1.4)步驟 4:把鉛筆造型的名字修改為“藍色鉛筆”。如圖所示。


(1.5)步驟 5:讓鉛筆跟隨滑鼠移動(搭積木)。

【具體操作】選中鉛筆角色 → 找到並搭建下圖所示的方塊。


(1.6)步驟 6:設定移動中心。

在上個步驟中,你會發現,滑鼠指標一直指向鉛筆的中部,沒有指向筆尖的位置。可以在“造型”選項卡中解決這個問題。

【具體操作】選中鉛筆角色 → 選中“造型”選項卡 → 選中“設定造型中心”。演示如下。


(1.7)步驟 7:畫出線條。

【具體操作】選中鉛筆角色 → 找到並搭建如下圖所示的方塊。


這時,你應該可以用這隻鉛筆畫畫了。下圖所示。


(1.8)步驟 8:儲存專案。

【具體操作】請參考《第1課:搖滾樂隊》中(1.6)的內容。


繪畫板,當然需要更多顏色的鉛筆,接下來,我們就來新增另一隻彩色鉛筆。你可以在此基礎上,新增更多彩色鉛筆。

動手清單:

(2.1)步驟1:複製一隻綠色鉛筆。

【具體操作】選中鉛筆角色 → 選中“造型”選項卡 → 複製藍色鉛筆 → 將複製鉛筆改為綠色。演示如下。


(2.2)步驟2:為鉛筆新增廣播(搭積木)。

【具體操作】選中鉛筆角色 → 找到並搭建下圖所示的方塊。


這裡出現了“廣播事件”,後邊會詳細解釋,看老師如何進行操作的。演示如下。


(2.3)步驟3:繪製顏色選擇按鈕。

【具體操作】選中“繪製新角色” → 選擇“矩形”工具 → 繪製一個正方形 →填充顏色。演示如下。


(2.4)步驟4:為顏色選擇按鈕新增控制方塊(搭積木)。

【具體操作】選中“綠色”按鈕 → 找到並搭建方塊。演示如下。


大家應該發現,“廣播事件”的接收與監聽,都是配套使用的。也就是說,滑鼠點選“綠色按鈕”時,會發出一個名字為“綠色”的廣播事件;同時,就需要一個接收“綠色”的廣播事件。

那麼,藍色選擇按鈕的廣播事件,你應該也會搭建了吧。如圖所示。


現在你應該可以切換不同的顏色,來畫畫了。下圖所示。


(2.5)步驟5:儲存專案。

【具體操作】參考本課(1.8)的內容。


畫畫的時候,經常會出錯。所以,一個清除按鈕必不可少。動手試一試吧。

動手清單:

(3.1)步驟1:新增一個清除按鈕到舞臺上。

【具體操作】開啟“角色庫” → 找到一個“清除”按鈕角色 → 點選確定。下圖所示。


(3.2)步驟2:給“清除按鈕”搭建方塊。

【具體操作】選中清除按鈕角色 → 找到並搭建下圖所示的方塊。


這樣,每次點選清除按鈕的時候,舞臺又是乾乾淨淨的了。

挑戰一下

如果不想清除全部內容,你能製作出一個橡皮擦功能嗎?參考下圖。


(3.3)步驟3:儲存專案。

【具體操作】參考本課(1.8)的內容。


你可以再為畫板新增一個調整鉛筆粗度的功能。

動手清單:

(4.1)步驟1:新增“筆粗”變數。

【具體操作】選中“資料”選項卡 → 點選“新建變數” → 點選 確定。下圖所示。


(4.2)步驟2:將“筆粗”變數新增到鉛筆上(搭積木)。

【具體操作】選中鉛筆角色 → 找到並搭建方塊(程式碼)。下圖所示。


(4.3)步驟3:修改“筆粗”造型。

【具體操作】對於舞臺上的“筆粗”變數,可以修改它的造型。演示如下。


此時,你試一試,是否能改變鉛筆的粗度呢?下圖所示。


(4.4)儲存專案。

【具體操作】參考本課(1.8)的內容。

總結

隨著學習的深入,你可能發現,搭積木的難度似乎越來越大了。但是,老師也一定相信,你現在對這些不同功能的方塊也越來越熟悉。那麼,發揮你的想象,能不能讓這個繪畫板功能越來越豐富呢?比方說給繪畫板新增一些快捷鍵呢?參考下圖。


人有見識,就不輕易發怒;寬恕人的過失,便是自己的榮耀。