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

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

eight 刪除 20px 進行 fan 1.5 clas sans end

《少兒創意學編程(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)的內容。

總結

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

技術分享圖片

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

技術分享圖片


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