3.2 動手試一試

下面開始使用Scratch軟件搭建方塊，實現(xiàn)“變色汽車”的界面效果。在這個過程中，我們會逐步講解具體的編程步驟。我們將從汽車前進、汽車后退、改變汽車顏色、汽車回到起點和添加舞臺背景5個方面進行講解。

3.2.1 汽車前進

【本小節(jié)源代碼：資源包\C3\1.sb3】

首先，按住鍵盤上的“→”鍵，讓汽車前進，向右移動。具體操作步驟如下：

（1）打開Scratch軟件，找到舞臺下方的小貓角色，單擊右上角的圖標(biāo)，將舞臺中默認(rèn)的小貓角色刪除，如圖3.5所示。

（2）找到舞臺下方的“選擇一個角色”圖標(biāo)并單擊，在彈出的窗口中，選中汽車圖片Convertible 2，如圖3.6所示。

（3）修改角色的名稱。在如圖3.7所示的輸入框中輸入“汽車”，就可以將Convertible 2修改為“汽車”了。

（4）為汽車搭建方塊。單擊“事件”方塊組，將方塊拖曳到方塊編輯區(qū)，單擊“空格”旁邊的圖標(biāo)，在彈出的選項中選擇“→”，如圖3.8所示。

（5）單擊“運動”方塊組，將方塊拖曳到方塊的下方，將10修改成2，如圖3.9所示。

（6）完成后，單擊圖標(biāo)，按住鍵盤上的“→”鍵，可以看到汽車向右移動。單擊圖標(biāo)，可以結(jié)束動畫效果，如圖3.10所示。

3.2.2 汽車后退

【本小節(jié)源代碼：資源包\C3\2.sb3】

與汽車前進的操作相似，接下來，我們按住鍵盤上的“←”鍵，讓汽車后退，即向左移動。具體操作步驟如下：

（1）單擊“事件”方塊組，將方塊拖曳到方塊編輯區(qū)，單擊“空格”旁邊的圖標(biāo)，在彈出的選項中選擇“←”，如圖3.11所示。

（2）單擊“運動”方塊組，將方塊拖曳到方塊的下方，將10修改成-2，如圖3.12所示。

說明 向右移動時，在移動步數(shù)前使用“+”；向左移動時，在移動步數(shù)前使用“-”。

（3）完成后，單擊圖標(biāo)，按住鍵盤上的“←”鍵，可以看到汽車向左移動。單擊圖標(biāo)，可以結(jié)束動畫效果。

3.2.3 改變汽車顏色

【本小節(jié)源代碼：資源包\C3\3.sb3】

前面通過鍵盤上的“→”鍵和“←”鍵，我們可以控制汽車的前進和后退。接下來，根據(jù)汽車移動的方向，我們來給汽車變換一下顏色。具體操作步驟如下：

（1）單擊“造型”標(biāo)簽，將汽車的造型名稱Convertible 3修改為“汽車1”，右擊汽車，在彈出的快捷菜單中選擇“復(fù)制”命令，如圖3.13所示。

（2）通過步驟（1）的操作，會自動生成“汽車2”，使用同樣的方法，再復(fù)制出“汽車3”，如圖3.14所示。

（3）改變汽車的顏色。選中“汽車2”，單擊左側(cè)工具欄中的圖標(biāo)，為形狀填色。選擇顏色庫中的紅色，單擊小車車身的部位，具體如圖3.15所示。

（4）使用相同的方法，將“汽車3”的顏色修改為藍(lán)色，如圖3.16所示。

（5）單擊代碼中的“外觀”方塊組，將方塊拖放到方塊的下方，將造型切換為“汽車1”，如圖3.17所示。

（6）使用同樣的方法，單擊代碼中的“外觀”方塊組，將方塊拖放到方塊的下方，將造型切換為“汽車2”，如圖3.18所示。

（7）完成后，單擊圖標(biāo)，通過按住鍵盤上的“→”鍵和“←”鍵，可以看到汽車的顏色發(fā)生了變化。單擊圖標(biāo)，可以結(jié)束動畫效果，如圖3.19所示。

3.2.4 汽車回到起點

【本小節(jié)源代碼：資源包\C3\4.sb3】

汽車可以前進、后退，也可以改變顏色了，再加入一個回到起點的功能怎么樣？接下來實現(xiàn)按鍵盤中的空格鍵，讓汽車回到起點。具體操作步驟如下：

（1）單擊代碼中的“事件”方塊組，將方塊拖曳到右側(cè)的方塊編輯區(qū)，如圖3.20所示。

（2）單擊代碼中的“運動”方塊組，將方塊拖放到方塊的下方，將x和y的值分別修改為-200和-60，如圖3.21所示。

說明 舞臺界面中x和y的構(gòu)成如圖3.22所示。

（3）單擊代碼中的“外觀”方塊組，將方塊拖放到方塊的下方，將造型切換為“汽車3”，如圖3.23所示。

3.2.5 添加舞臺背景

【本小節(jié)源代碼：資源包\C3\5.sb3】

最后，為舞臺添加一個你喜歡的背景吧。具體操作步驟如下：

（1）單擊舞臺下方的“選擇一個背景”圖標(biāo)，在彈出的界面中選擇一張喜歡的圖片，如圖3.24所示。

添加舞臺背景后的界面效果如圖3.25所示。

（2）保存項目。選擇Scratch軟件上方菜單中的“文件”→“立即保存”命令即可，如圖3.26所示。