第1單元   數(shù)字藝術(shù)家

計(jì)算機(jī)豐富了人類創(chuàng)造的可能性,有了計(jì)算機(jī)的幫助你可以自由地馳騁你的創(chuàng)意,創(chuàng)造出可以看得音樂,可以聽的繪畫,不可能的故事,極具個(gè)人風(fēng)格的動畫……，而這一切在Scratch的世界里，一切都變得那么的簡單和自然，奇趣而親切，請同學(xué)們在感受數(shù)字藝術(shù)魅力的同時(shí)學(xué)好程序的基礎(chǔ)知識，為接下來的學(xué)習(xí)打下一個(gè)好基礎(chǔ)。如果通過本單元的學(xué)習(xí)，你愛上了數(shù)字藝術(shù)這個(gè)領(lǐng)域，那么恭喜你，數(shù)字藝術(shù)家十一條充滿希望的道路，整裝待發(fā)吧。

第1課 百變造形——角色和造型

任務(wù)導(dǎo)航

在許多數(shù)碼游戲中，我們都可以對角色選擇膚色，服飾和發(fā)型，點(diǎn)擊服飾能給公主變換裝扮，如圖1.1所示。想必，同學(xué)們一定玩過類似的游戲，我們在Scratch中也能夠自己編寫類似的游戲！

圖1.1  漂亮公主換裝小游戲

本課，我們將利用Scratch設(shè)計(jì)一個(gè)變臉的互動小游戲。單擊頭像，使其變換成不同的樣子。制作完成的游戲畫面如圖1.2所示。

圖1.2 變臉

任務(wù)分析

可以使用如圖1.3所示的代碼實(shí)現(xiàn)下一個(gè)造型的切換。

圖1.3“變臉”作品的腳本

Follow me

1. 啟動Scratch

執(zhí)行“開始” → “所有程序” → Scratch → Scratch命令，即可啟動Scratch，進(jìn)入Scratch的工作界面，如圖1.4所示。

圖1.4  Scratch的工作界面

智多星

Scratch是一款編程語言，它與所有的編程語言一樣，可以用來編寫應(yīng)用程序。我們平時(shí)使用的計(jì)算機(jī)程序大部分都是通過Scratch這樣的編程語言制作的。所以我們有必要了解如何使用編程語言來表達(dá)自己的想法，制作一個(gè)軟件，甚至用它來從事一些簡單的科學(xué)研究。最重要的是，學(xué)習(xí)編程語言，是一個(gè)鍛煉邏輯思維能力和提高計(jì)算機(jī)使用水平的過程。

2. 認(rèn)識Scratch工作界面

Scratch的工作界面主要由標(biāo)題欄、菜單欄、指令模塊區(qū)、角色資料表、腳本區(qū)、工具欄、控制按鈕、舞臺、新建角色按鈕以及角色列表區(qū)等幾部分組成。

（1）標(biāo)題欄：顯示目前編輯的作品名稱。

（2）菜單欄：功能選項(xiàng)。

（3）指令模塊區(qū)：提供八大類指令。

（4）角色資料表：顯示當(dāng)前角色的相關(guān)資料。

（5）腳本區(qū)：拖拽指令模塊搭建腳本。

（6）工具欄：控制角色大小及復(fù)制、刪除的工具。

（7）控制按鈕：點(diǎn)擊綠旗播放，點(diǎn)擊紅圓停止播放。

（8）舞臺：演員演戲的地方，作品最后呈現(xiàn)的地方。

（9）新建角色按鈕：有三種新增角色的方法（繪制、導(dǎo)入、隨機(jī)）。

（10）角色列表區(qū)：所有的角色都會在出現(xiàn)在此區(qū)域。

DIY

隨便點(diǎn)擊左面指令模塊區(qū)的模塊，看看小貓會如何變化？

3. 設(shè)計(jì)造型

第1步：右擊角色列表區(qū)中Scratch默認(rèn)的小貓，選擇“刪除”，如圖1.5所示。

圖1.5 刪除默認(rèn)的小貓

第2步：單擊“繪制新角色”按鈕

，打開繪圖編輯器。在繪圖編輯器里用“筆刷工具”

繪制一個(gè)臉，用“色彩選取工具”

在顏色板中選擇白色，用“填色工具”

填充整個(gè)臉，如圖1.6所示。單擊“確定”按鈕，完成新角色的繪制。

圖1.6繪制新角色

第3步：單擊角色資料表中的造型選項(xiàng)卡，可以看到新增的造型。單擊“復(fù)制”按鈕復(fù)制造型，在繪圖編輯器里修改臉型，完成第2個(gè)造型，以此類推完成第3個(gè)、第4個(gè)或更多造型。

智多星

如果你遇到造型設(shè)計(jì)的困難，不妨探究嘗試如何把GIF圖片導(dǎo)入。首先從網(wǎng)上下載GIF格式的圖片，一種情況是用于補(bǔ)充角色的造型，那么,在“角色列表區(qū)”點(diǎn)擊該角色，再在“腳本區(qū)”點(diǎn)擊“造型”和“導(dǎo)入”。另一種情況是用作新增一個(gè)角色，可在“角色列表區(qū)”點(diǎn)擊“從文件夾中選擇新的角色”，如果需要更多造型，這時(shí)需要按照第一種方法再導(dǎo)入一次造型。

3. 程序設(shè)計(jì)

程序設(shè)計(jì)之前，我們首先要有自己的想法，圍繞自己的想法，設(shè)計(jì)好角色和造型，然后嘗試把指令模塊區(qū)能實(shí)現(xiàn)自己想法的模塊拖拽到腳本區(qū)，雙擊腳本塊，觀察角色在舞臺上的變化。然后用合適的Scratch模塊一步步實(shí)現(xiàn)自己的想法，進(jìn)行腳本的搭建及程序設(shè)計(jì)。設(shè)計(jì)思路如表1.1所示。

表1.1 “變臉”作品的設(shè)計(jì)思路

想法	模塊	腳本
單擊角色開始執(zhí)行程序
角色發(fā)生變化

智多星

在腳本塊上右擊，選擇彈出菜單中的“幫助”，可以幫助你更深入地了解各個(gè)腳本塊。

第1步：單擊指令模塊區(qū)的“控制”按鈕，將“當(dāng) 角色1 被點(diǎn)擊”腳本塊拖拽到腳本區(qū)，如圖1.7所示。

圖1.7拖拽“當(dāng) 角色1 被點(diǎn)擊”腳本塊腳本區(qū)

第2步：單擊“外觀”按鈕，拖拽“下一個(gè)造型”腳本塊到腳本區(qū)，如圖1.8所示。當(dāng)拖拽新的指令模塊到腳本區(qū)中已有的模塊周圍時(shí)，會以白色高亮提示可以堆在一起，放開鼠標(biāo)，模塊就相聯(lián)堆積起來了。

圖1.8拖拽“下一個(gè)造型”腳本塊到腳本區(qū)

第3步：腳本設(shè)計(jì)好后，你可以雙擊腳本區(qū)中的任何地方的腳本運(yùn)行它。嘗試玩一下，看！臉能變了嗎？

DIY

1. 單擊舞臺下方的這個(gè)按鈕

，看看有什么驚喜。

2. 單擊按鈕

，打開Scratch自帶的角色，看看都有哪些種類。

3. 單擊角色時(shí)，有時(shí)候角色被移動了位置，一個(gè)角色被另一個(gè)角色遮擋了？怎么辦？

4. 如果想要臉的各個(gè)部位都能變化，如何來實(shí)現(xiàn)呢？                           

4.保存作品

執(zhí)行“文件”→“存檔”命令，在彈出的“保存作品”對話框中選擇保存的位置，輸入新文件名為“變臉”，單擊“確定”按鈕后，就將作品以sb格式保存起來，如圖1.9所示。

圖1.9 保存作品

智多星

在保存作品時(shí)，可以在“保存作品”對話框右下角的“作者”欄中輸入作者名，在“關(guān)于這個(gè)作品”中輸入作品簡介和版權(quán)信息。

DIY

改進(jìn)變臉程序，使眼睛、嘴巴、鼻子和眉毛都能獨(dú)立變化，在各個(gè)部位上單擊時(shí)，都可以變換不同的形狀。要實(shí)現(xiàn)這個(gè)效果，臉的每個(gè)部分都要作為獨(dú)立的角色，并且每個(gè)角色設(shè)計(jì)過程中都要注意五官的大小和距離要保持基本一致，如圖1.10所示。

圖1.10 五官獨(dú)立設(shè)計(jì)

由于每個(gè)部位要獨(dú)立變化，所以每個(gè)角色都要有點(diǎn)擊該角色到下一個(gè)造型的代碼。我們可以搭建好一個(gè)角色的腳本（如臉型），然后將這段腳本拖拽到角色列表區(qū)的其他角色身上（如眼睛），就可以輕松地將臉型中切換角色的代碼復(fù)制給眼睛，如圖1.11所示。

圖1.11 復(fù)制代碼

這樣做你就可以制造出一些有趣的搭配效果了，哇居然還有長成這樣的人！（見圖1.12）

圖1.12 新奇的變臉結(jié)果

你如果想保存某個(gè)變臉效果，可以按下鍵盤中的Print Screen鍵，然后再粘貼屏幕到Windows畫圖板中，或者在舞臺上單擊鼠標(biāo)右鍵，截取部分屏幕區(qū)域稱為新角色，將其保存在Scratch中，或者使用將舞臺保存成圖片功能保存當(dāng)前變臉結(jié)果。如圖1.13所示，試著給你的角色上個(gè)顏色吧！

圖1.13 保存變臉效果

【知識著陸】

設(shè)計(jì)：用繪圖編輯器繪制和修改角色和造型。

腳本：當(dāng)角色被點(diǎn)擊，切換造型

技巧：

1.

鍵哪個(gè)                         鼠標(biāo)指向舞臺空白處，點(diǎn)擊鼠標(biāo)右鍵用“截取部分屏幕區(qū)域成為新角色”，將每個(gè)角色獨(dú)立出來。

2.鼠標(biāo)指向舞臺上的角色，點(diǎn)擊鼠標(biāo)右鍵用“截取部分屏幕區(qū)域成為新造型”，添加造型。

【創(chuàng)作天地】

1.添加變臉按鈕，改變臉的表情，如圖1.14所示。

圖1.14 添加變臉按鈕

2.參看Scratch內(nèi)建例子“Interactive Art”文件夾中第2個(gè)例子“Expression Creator”，如圖1.15所示，你能想到哪些創(chuàng)新設(shè)計(jì)。

圖1.15Scratch內(nèi)建例子Expression Creator

3.點(diǎn)擊

在全屏狀態(tài)下欣賞你的作品，看看

中的鎖頭在打開和關(guān)閉狀態(tài)下有什么區(qū)別。

4. 嘗試著用按鍵ABCDEF分別控制五官的變化。

5. 使用照相的方法新增造型，如圖1.16并且制作一個(gè)exe文件發(fā)送給你的朋友。

圖1.16 使用照相的方法新增造型

6. 除了變臉之外，你能不能想到變其他的東西？比如變車、變細(xì)胞、變衣服、變植物等等

視野拓展

Scratch的家在美國麻省理工學(xué)院（MIT）媒體實(shí)驗(yàn)室的“終身幼兒園”項(xiàng)目組，這是一個(gè)神奇的地方，在里面許多工程師憑借自己的技術(shù)和想象力不斷地制造新奇而有趣的東西。

Scratch的圖標(biāo)是一只可愛的小貓，這只小貓期望全世界的青少年都可以在它的引領(lǐng)下，快速地學(xué)會編寫程序，跟著這只小貓就可以輕輕松松的創(chuàng)作出交互式故事、動畫、游戲、音樂等令人驚嘆的作品，還可以把你的創(chuàng)作共享到它的官方網(wǎng)站（scratch.mit.edu）上去，把自己的程序和全世界的學(xué)習(xí)者分享，真是一套有趣簡單的軟件喔！

在沒有安裝Scratch的計(jì)算機(jī)上，無法直接打開使用Scratch制作的擴(kuò)展名為sb的文件，此時(shí)就需要將程序源文件發(fā)布為擴(kuò)展名為exe可執(zhí)行文件，以方便分享或發(fā)布。首先需要將scratch源文件的文件名改為英文字母。運(yùn)行Scratch2exe，選擇要轉(zhuǎn)化的Scratch源文件，選擇ico圖標(biāo)文件（如果沒有圖標(biāo)，單擊“取消”即可），之后你就可以看到擴(kuò)展名

為exe的另外一只小貓了，這只小貓可以在任意的一臺電腦上打開。