第2課 旋轉(zhuǎn)色彩——循環(huán)、動(dòng)作和圖章

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

很多游戲網(wǎng)站都神奇畫(huà)筆游戲，如圖2.1所示。可以選擇道具繪畫(huà)并且更換顏色，畫(huà)出很多形形色色的藝術(shù)世界，可是這些游戲中筆刷的種類和效果有限，還是讓我們自己編寫(xiě)一個(gè)畫(huà)筆吧。

圖 2.1 神奇畫(huà)筆游戲

本課，我們將設(shè)計(jì)一個(gè)筆刷，按下鼠標(biāo)，使其能夠旋轉(zhuǎn)起來(lái)，并始終移到鼠標(biāo)的位置，用圖章形成意想不到的藝術(shù)效果，如圖2.2 所示。

圖2.2  神奇畫(huà)筆

任務(wù)分析

從效果圖中可以看出，畫(huà)筆跟著鼠標(biāo)走，并且在鼠標(biāo)所在的位置“蓋了一個(gè)戳”，這個(gè)效果可以使用

和

功能實(shí)現(xiàn)，使用

可以重新畫(huà)圖。

Follow me

    1.新增筆刷

畫(huà)筆要想做的好，筆刷的種類一定要比較多，所以首先需要設(shè)計(jì)各種各樣的筆刷。

單擊“繪制新角色”按鈕，在繪圖編輯器中繪制各種各樣的筆刷。設(shè)計(jì)完成的各種筆刷造型如圖2.3所示。

圖2.3 設(shè)計(jì)多樣的筆刷造型

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

按照表2.1中給出的思路，嘗試完成腳本設(shè)計(jì)。

表2.1 “神奇畫(huà)筆”作品的設(shè)計(jì)思路

想法	模塊	腳本
點(diǎn)擊綠旗子開(kāi)始
使角色旋轉(zhuǎn)起來(lái)
讓角色始終移動(dòng)鼠標(biāo)的位置
留下痕跡，設(shè)定圖章
永遠(yuǎn)重復(fù)以上動(dòng)作

3. 測(cè)試與調(diào)整

有時(shí)候很好看的筆刷造型，但是畫(huà)出來(lái)的效果卻不好，所以需要根據(jù)實(shí)際的效果改進(jìn)筆刷造型或者程序。

想一想

1. 為什么我只能畫(huà)一筆畫(huà)呢？

2. 我覺(jué)得畫(huà)面不滿意？如何清除所有畫(huà)筆？

3. 如何在畫(huà)畫(huà)中更換筆刷的種類? 

4. 改變每次旋轉(zhuǎn)的角度，會(huì)有什么樣的變化？

改進(jìn)程序一般會(huì)從造型和代碼兩個(gè)方向進(jìn)行改進(jìn)。造型方面可以改進(jìn)筆刷造型，讓你的畫(huà)筆變得靈活多樣起來(lái)。代碼方面可以修改角色腳本，使筆刷能夠間斷使用。

用

腳本塊替換

，使筆刷在按下鼠標(biāo)后開(kāi)始畫(huà)，放開(kāi)鼠標(biāo)后停止，這樣就可以使畫(huà)筆從另一個(gè)地方開(kāi)始畫(huà)，實(shí)現(xiàn)多筆畫(huà)的功能。如圖2.4所示，拖拽偵測(cè)模塊

填充到重復(fù)模塊中

，嘗試搭建一個(gè)復(fù)合腳本塊。

圖 2.4 復(fù)合腳本塊的搭建

4. 保存作品

舞動(dòng)你的畫(huà)筆來(lái)描繪一下吧！看！多奇妙！在舞臺(tái)上右擊，把它收藏起來(lái)，用欣賞的眼光給作品賦予一個(gè)名字吧，不妨多來(lái)幾張。

第1步：在舞臺(tái)上右擊，在彈出的選項(xiàng)中選擇“將舞臺(tái)存為圖片”，如圖2.5所示。

圖 2.5 將舞臺(tái)轉(zhuǎn)換成圖片

第2步：打開(kāi)PowerPoint，將圖片導(dǎo)入，用幻燈片給作品添加題目，整理制作個(gè)人數(shù)字畫(huà)展，如圖2.6所示。你還可以把制作好的PPT打印出來(lái)，制作成海報(bào)或者明信片。

圖2.6 在PowerPoint中整理圖片

知識(shí)著陸

設(shè)計(jì)：造型的修改和調(diào)試

腳本：無(wú)條件重復(fù)

和有條件重復(fù)

、

、

以及

功能。

技巧：

1.用“將舞臺(tái)轉(zhuǎn)換成圖片”的方法，可以將程序輸出的結(jié)果轉(zhuǎn)換成一張漂亮的圖片。

2. 偵測(cè)模塊中

，鼠標(biāo)是否按下只有兩種情況，只有這樣的模塊才能放在兩頭尖的條件判斷框中。

創(chuàng)作天地

1. 改動(dòng)筆刷造型中旋轉(zhuǎn)中心的位置，看看畫(huà)圖效果有怎樣的變化？參見(jiàn)圖2.7。

圖2.7 改動(dòng)筆刷造型旋轉(zhuǎn)中心的位置

1. 把你設(shè)計(jì)好的一張張藝術(shù)效果，整理輸出成圖片，用PPT整理，把每張圖片標(biāo)上名稱和作者要表達(dá)的意思，如圖2.8所示。

圖2.8 用PPT整理圖片

3．如圖2.9所示的兩段代碼是否執(zhí)行效果相同？

（a）                         (b)

圖2.9 第2課代碼比較練習(xí)

4．如圖2.10所示的代碼的執(zhí)行效果是怎樣的？

圖2.10 鼠標(biāo)左鍵控制造型

5. 鼠標(biāo)滾輪鍵向下滾相當(dāng)于下移鍵被按下，如何使用這個(gè)功能用鼠標(biāo)滾輪做出更加流暢的換筆刷功能？

6.能不能再找?guī)追N需要用鼠標(biāo)移動(dòng)控制的小游戲？

視野拓展

你在家里的電腦中安裝Scratch嗎？你想在Scratch得官方網(wǎng)站上認(rèn)識(shí)不同地區(qū)的編程者么？趕快去下載嘗試一下，你一定能給你帶來(lái)無(wú)限樂(lè)趣。啟動(dòng)瀏覽器，在地址欄里輸入網(wǎng)址：scratch.mit.edu，進(jìn)入官方網(wǎng)站，如下圖，點(diǎn)擊下載。

圖2.11 Scratch官方網(wǎng)站

接下來(lái)，出現(xiàn)一個(gè)資料填寫(xiě)頁(yè)面，要大家填寫(xiě)，你不會(huì)或不想填也可以偷懶跳過(guò)去，直接點(diǎn)擊繼續(xù)下載。

圖2.12 調(diào)查問(wèn)卷

進(jìn)入下載頁(yè)面后，如圖下圖，Scratch軟件支持三個(gè)操作系統(tǒng)，同學(xué)們可以根據(jù)你的電腦系統(tǒng)選擇，一般我們選擇Windows版。

圖2.13 選擇適合版本的Scratch下載