資訊內(nèi)容
清華大學(xué)出版社Scratch教材第1課 百變?cè)煨?角色和造型
第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)。
- 上一篇
兒童學(xué)習(xí)編程 可以直接學(xué)到什么東西?
開(kāi)發(fā)思維,增強(qiáng)邏輯思維能力學(xué)習(xí)編程時(shí),孩子會(huì)成為一個(gè)思考者,孩子將學(xué)會(huì)如何把復(fù)雜的問(wèn)題分解成簡(jiǎn)單部分。培養(yǎng)認(rèn)同感和成就感孩子掌握了用數(shù)字技術(shù)表達(dá)自己和解決問(wèn)題的能力,對(duì)社會(huì)做出貢獻(xiàn)而獲得極大的成就感。培養(yǎng)孩子的專注力和細(xì)心程度在編程過(guò)程中,無(wú)論是調(diào)試錯(cuò)誤還
- 下一篇
清華大學(xué)出版社Scratch教材第2課 旋轉(zhuǎn)色彩-循環(huán)、動(dòng)作和圖章
第2課 旋轉(zhuǎn)色彩——循環(huán)、動(dòng)作和圖章任務(wù)導(dǎo)航很多游戲網(wǎng)站都神奇畫(huà)筆游戲,如圖2.1所示。可以選擇道具繪畫(huà)并且更換顏色,畫(huà)出很多形形色色的藝術(shù)世界,可是這些游戲中筆刷的種類(lèi)和效果有限,還是讓我們自己編寫(xiě)一個(gè)畫(huà)筆吧。圖 2.1 神奇畫(huà)筆游戲 本課,我們將設(shè)計(jì)一



