- 零基礎(chǔ)學(xué)Scratch少兒編程:小學(xué)課本中的Scratch創(chuàng)意編程
- 白宏健
- 1783字
- 2019-12-20 11:52:52
3.2 動(dòng)手試一試
下面開始使用Scratch軟件搭建方塊,實(shí)現(xiàn)“變色汽車”的界面效果。在這個(gè)過程中,我們會(huì)逐步講解具體的編程步驟。我們將從汽車前進(jìn)、汽車后退、改變汽車顏色、汽車回到起點(diǎn)和添加舞臺(tái)背景5個(gè)方面進(jìn)行講解。
3.2.1 汽車前進(jìn)
【本小節(jié)源代碼:資源包\C3\1.sb3】
首先,按住鍵盤上的“→”鍵,讓汽車前進(jìn),向右移動(dòng)。具體操作步驟如下:
(1)打開Scratch軟件,找到舞臺(tái)下方的小貓角色,單擊右上角的圖標(biāo),將舞臺(tái)中默認(rèn)的小貓角色刪除,如圖3.5所示。

圖3.5 刪除默認(rèn)的小貓角色
(2)找到舞臺(tái)下方的“選擇一個(gè)角色”圖標(biāo)并單擊,在彈出的窗口中,選中汽車圖片Convertible 2,如圖3.6所示。

圖3.6 添加汽車的操作步驟
(3)修改角色的名稱。在如圖3.7所示的輸入框中輸入“汽車”,就可以將Convertible 2修改為“汽車”了。

圖3.7 改變角色的名稱
(4)為汽車搭建方塊。單擊“事件”方塊組,將方塊拖曳到方塊編輯區(qū),單擊“空格”旁邊的
圖標(biāo),在彈出的選項(xiàng)中選擇“→”,如圖3.8所示。

圖3.8 為汽車添加事件方塊
(5)單擊“運(yùn)動(dòng)”方塊組,將方塊拖曳到
方塊的下方,將10修改成2,如圖3.9所示。

圖3.9 為汽車添加運(yùn)動(dòng)方塊
(6)完成后,單擊圖標(biāo),按住鍵盤上的“→”鍵,可以看到汽車向右移動(dòng)。單擊
圖標(biāo),可以結(jié)束動(dòng)畫效果,如圖3.10所示。

圖3.10 執(zhí)行舞臺(tái)動(dòng)畫
3.2.2 汽車后退
【本小節(jié)源代碼:資源包\C3\2.sb3】
與汽車前進(jìn)的操作相似,接下來,我們按住鍵盤上的“←”鍵,讓汽車后退,即向左移動(dòng)。具體操作步驟如下:
(1)單擊“事件”方塊組,將方塊拖曳到方塊編輯區(qū),單擊“空格”旁邊的
圖標(biāo),在彈出的選項(xiàng)中選擇“←”,如圖3.11所示。

圖3.11 為汽車添加事件方塊
(2)單擊“運(yùn)動(dòng)”方塊組,將方塊拖曳到
方塊的下方,將10修改成-2,如圖3.12所示。

圖3.12 為汽車添加運(yùn)動(dòng)方塊
說明 向右移動(dòng)時(shí),在移動(dòng)步數(shù)前使用“+”;向左移動(dòng)時(shí),在移動(dòng)步數(shù)前使用“-”。
(3)完成后,單擊圖標(biāo),按住鍵盤上的“←”鍵,可以看到汽車向左移動(dòng)。單擊
圖標(biāo),可以結(jié)束動(dòng)畫效果。
3.2.3 改變汽車顏色
【本小節(jié)源代碼:資源包\C3\3.sb3】
前面通過鍵盤上的“→”鍵和“←”鍵,我們可以控制汽車的前進(jìn)和后退。接下來,根據(jù)汽車移動(dòng)的方向,我們來給汽車變換一下顏色。具體操作步驟如下:
(1)單擊“造型”標(biāo)簽,將汽車的造型名稱Convertible 3修改為“汽車1”,右擊汽車,在彈出的快捷菜單中選擇“復(fù)制”命令,如圖3.13所示。

圖3.13 修改“汽車”的造型
(2)通過步驟(1)的操作,會(huì)自動(dòng)生成“汽車2”,使用同樣的方法,再復(fù)制出“汽車3”,如圖3.14所示。

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

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

圖3.16 修改“汽車3”的顏色
(5)單擊代碼中的“外觀”方塊組,將方塊拖放到
方塊的下方,將造型切換為“汽車1”,如圖3.17所示。

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

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

圖3.19 執(zhí)行舞臺(tái)動(dòng)畫
3.2.4 汽車回到起點(diǎn)
【本小節(jié)源代碼:資源包\C3\4.sb3】
汽車可以前進(jìn)、后退,也可以改變顏色了,再加入一個(gè)回到起點(diǎn)的功能怎么樣?接下來實(shí)現(xiàn)按鍵盤中的空格鍵,讓汽車回到起點(diǎn)。具體操作步驟如下:
(1)單擊代碼中的“事件”方塊組,將方塊拖曳到右側(cè)的方塊編輯區(qū),如圖3.20所示。

圖3.20 為汽車添加事件方塊
(2)單擊代碼中的“運(yùn)動(dòng)”方塊組,將方塊拖放到
方塊的下方,將x和y的值分別修改為-200和-60,如圖3.21所示。

圖3.21 為汽車添加運(yùn)動(dòng)方塊
說明 舞臺(tái)界面中x和y的構(gòu)成如圖3.22所示。

圖3.22 舞臺(tái)界面中x和y的界限
(3)單擊代碼中的“外觀”方塊組,將方塊拖放到
方塊的下方,將造型切換為“汽車3”,如圖3.23所示。

圖3.23 為汽車添加外觀方塊
3.2.5 添加舞臺(tái)背景
【本小節(jié)源代碼:資源包\C3\5.sb3】
最后,為舞臺(tái)添加一個(gè)你喜歡的背景吧。具體操作步驟如下:
(1)單擊舞臺(tái)下方的“選擇一個(gè)背景”圖標(biāo),在彈出的界面中選擇一張喜歡的圖片,如圖3.24所示。

圖3.24 添加舞臺(tái)背景
添加舞臺(tái)背景后的界面效果如圖3.25所示。

圖3.25 舞臺(tái)背景效果
(2)保存項(xiàng)目。選擇Scratch軟件上方菜單中的“文件”→“立即保存”命令即可,如圖3.26所示。

圖3.26 保存項(xiàng)目的操作過程
- Mobile Web Performance Optimization
- LabVIEW Graphical Programming Cookbook
- Computer Vision for the Web
- Ext JS Data-driven Application Design
- .NET 3.5編程
- OpenCV 4計(jì)算機(jī)視覺項(xiàng)目實(shí)戰(zhàn)(原書第2版)
- Web前端應(yīng)用開發(fā)技術(shù)
- C# Multithreaded and Parallel Programming
- 計(jì)算機(jī)應(yīng)用基礎(chǔ)教程(Windows 7+Office 2010)
- 鴻蒙OS應(yīng)用編程實(shí)戰(zhàn)
- 平面設(shè)計(jì)經(jīng)典案例教程:CorelDRAW X6
- RocketMQ實(shí)戰(zhàn)與原理解析
- JavaScript從入門到精通(視頻實(shí)戰(zhàn)版)
- Web編程基礎(chǔ):HTML5、CSS3、JavaScript(第2版)
- INSTANT Premium Drupal Themes