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

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

第1課 百變?cè)煨巍巧驮煨?/p>

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

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

圖1.1  漂亮公主換裝小游戲

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

圖1.2 變臉

任務(wù)分析

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

圖1.3“變臉”作品的腳本

Follow me

1. 啟動(dòng)Scratch

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

圖1.4  Scratch的工作界面

智多星

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

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

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

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

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

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

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

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

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

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

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

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

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

DIY

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

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

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

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

第2步：?jiǎn)螕簟袄L制新角色”按鈕

，打開(kāi)繪圖編輯器。在繪圖編輯器里用“筆刷工具”

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

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

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

圖1.6繪制新角色

第3步：?jiǎn)螕艚巧Y料表中的造型選項(xiàng)卡，可以看到新增的造型。單擊“復(fù)制”按鈕復(fù)制造型，在繪圖編輯器里修改臉型，完成第2個(gè)造型，以此類(lèi)推完成第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ū)，雙擊腳本塊，觀察角色在舞臺(tái)上的變化。然后用合適的Scratch模塊一步步實(shí)現(xiàn)自己的想法，進(jìn)行腳本的搭建及程序設(shè)計(jì)。設(shè)計(jì)思路如表1.1所示。

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

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

智多星

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

第1步：?jiǎn)螕糁噶钅K區(qū)的“控制”按鈕，將“當(dāng) 角色1 被點(diǎn)擊”腳本塊拖拽到腳本區(qū)，如圖1.7所示。

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

第2步：?jiǎn)螕簟巴庥^”按鈕，拖拽“下一個(gè)造型”腳本塊到腳本區(qū)，如圖1.8所示。當(dāng)拖拽新的指令模塊到腳本區(qū)中已有的模塊周?chē)鷷r(shí)，會(huì)以白色高亮提示可以堆在一起，放開(kāi)鼠標(biāo)，模塊就相聯(lián)堆積起來(lái)了。

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

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

DIY

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

，看看有什么驚喜。

2. 單擊按鈕

，打開(kāi)Scratch自帶的角色，看看都有哪些種類(lèi)。

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

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

4.保存作品

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

圖1.9 保存作品

智多星

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

DIY

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

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

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

圖1.11 復(fù)制代碼

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

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

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

圖1.13 保存變臉效果

【知識(shí)著陸】

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

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

技巧：

1.

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

2.鼠標(biāo)指向舞臺(tái)上的角色，點(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)下欣賞你的作品，看看

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

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

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

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

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

視野拓展

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

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

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

為exe的另外一只小貓了，這只小貓可以在任意的一臺(tái)電腦上打開(kāi)。