玩轉(zhuǎn) Scratch 之背景知識(shí)

當(dāng)我們興沖沖地打開(kāi)Scratch，看到密密麻麻的編程積木塊的時(shí)候，是不是滿(mǎn)腔熱血都有墜入冰窟的感覺(jué)了？怎么入手呢？不要著急，接下去我們會(huì)從角色、舞臺(tái)、運(yùn)動(dòng)、外觀、聲音、事件、控制、偵測(cè)、運(yùn)算、變量等各個(gè)板塊介紹，很快，就能進(jìn)行創(chuàng)作啦...

寫(xiě)在開(kāi)始寫(xiě)玩轉(zhuǎn)Scratch的初衷：
看到、聽(tīng)到太多的家長(zhǎng)們，希望找到一家好的培訓(xùn)機(jī)構(gòu)，把孩子們送過(guò)去跟著老師們學(xué)習(xí)去。目前的少兒編程也好、STEM教育也好，都是很成熟的模式化商業(yè)模式。PPT也好、視頻介紹也好，無(wú)非都是動(dòng)手動(dòng)腦、思維訓(xùn)練、信息奧賽，盡早提升小孩的能力，... 諸如此類(lèi)，差別在于硬件設(shè)施和老師配置，至于孩子們?cè)趯W(xué)校學(xué)得怎么樣、學(xué)得是否有用、是否開(kāi)心等等，可能大多數(shù)家長(zhǎng)也無(wú)法完全掌握。
那么，在做決定之前或者自己有更好的想法的時(shí)候，家長(zhǎng)是否可以也先和孩子一起玩玩，最能發(fā)現(xiàn)孩子們是否有興趣的不應(yīng)該是家長(zhǎng)么？
所以，大孩子們、小孩子們，我們一起玩玩Scratch，看看它有什么，怎么玩，怎么培養(yǎng)孩子的呢？

Scratch是非常適合小朋友學(xué)習(xí)編程，因?yàn)樵赟cratch的世界里：

• 可以學(xué)會(huì)如何構(gòu)思創(chuàng)意，我要實(shí)現(xiàn)什么功能？

  怎么樣的游戲？

  講什么故事？

  怎么安排場(chǎng)景?都有哪些角色？

  怎么控制角色？

  ...

• 可以學(xué)會(huì)規(guī)劃，確定創(chuàng)意之后，要把創(chuàng)意實(shí)現(xiàn)，就需要規(guī)劃流程了，這個(gè)要精確到:什么時(shí)間、什么角色、在什么事件的觸發(fā)、產(chǎn)生什么樣的動(dòng)作...

• 還可以學(xué)習(xí)電腦繪圖，雖然Scratch已經(jīng)帶了很多場(chǎng)景圖和角色了，但是可能還是無(wú)法滿(mǎn)足我們的需求，畢竟我們是有想法有創(chuàng)意的有為少年，自己也是能畫(huà)的能制作的

• 當(dāng)然還少不了精準(zhǔn)的邏輯判斷和數(shù)值運(yùn)算

Scratch的設(shè)計(jì)的初衷就是培養(yǎng)孩子們的綜合能力，創(chuàng)意、邏輯、計(jì)算、藝術(shù)繪畫(huà)、規(guī)劃等等，樣樣都少不了哦~
Scratch還成立了交流社區(qū)，也是孩子們自助尋求解決方案的能力培養(yǎng)，再有，這個(gè)社區(qū)是全世界的交流社區(qū)哦，小朋友們，還能鍛煉鍛煉外語(yǔ)能力，還能跟志同道合的人一起成長(zhǎng)~
老馮叔叔希望，大家不要被秘密麻麻的積木塊嚇倒，馬上，我們就能Control它們了！

Scratch基本操作界面

我們先來(lái)看一下Scratch首頁(yè)的樣子：

圖1.Scratch基本操作界面
操作的界面大致分幾個(gè)區(qū)域：

• 系統(tǒng)工具欄，主要操作語(yǔ)言設(shè)置、文件加載和保存、加速模式開(kāi)關(guān)以及官方的教程入口

• 編輯區(qū)，用于資源編輯、代碼編寫(xiě)

• 舞臺(tái)預(yù)覽區(qū)，用于程序執(zhí)行結(jié)果預(yù)覽

• 資源管理區(qū)，用于管理角色資源和舞臺(tái)背景，也可查看角色屬性

舞臺(tái)是什么
舞臺(tái)就是場(chǎng)景，就是我們要安排的游戲、我們要講的故事發(fā)生的地方。
我們看話劇、木偶劇的時(shí)候一樣，舞臺(tái)上總是會(huì)有一個(gè)場(chǎng)景的背景，是”孫悟空“的老家花果山呢還是”哪吒“被困的”山河社稷圖“？這就是我們要設(shè)計(jì)的舞臺(tái)。
舞臺(tái)可以設(shè)計(jì)舞臺(tái)效果，可以設(shè)計(jì)舞臺(tái)音效，還可以切換場(chǎng)景...
所以舞臺(tái)是故事的基礎(chǔ)，我們現(xiàn)在可以想想開(kāi)始要做個(gè)什么場(chǎng)景的舞臺(tái)了~ （剛開(kāi)始學(xué)習(xí)，我們也可以從Scratch中選擇現(xiàn)成的場(chǎng)景哦~）

角色是什么
舞臺(tái)上的所有可以控制的事務(wù)，都是角色。一只小貓，一個(gè)人，一個(gè)物品，發(fā)生在場(chǎng)景中的事物，都是角色。
角色可以是靜止的，也可以是運(yùn)動(dòng)的。
在Scratch里有很多運(yùn)動(dòng)的角色，行走的貓、跳舞的人... 更多的角色，需要你自己去探索發(fā)現(xiàn)。當(dāng)然，如果找不到自己中意的角色，我們還可以自己畫(huà)，Scratch也提供了畫(huà)畫(huà)創(chuàng)作角色的編輯器哦

資源管理區(qū)圖2.Scratch資源管理界面
理解了舞臺(tái)和角色之后，我們先來(lái)了解一下資源管理，如上圖。
資源管理分別包含：角色資源管理區(qū)、角色屬性顯示區(qū)、舞臺(tái)場(chǎng)景資源管理區(qū)。
在角色資源管理區(qū)，我們可以選擇想要編輯、編程的角色，選中角色后，對(duì)應(yīng)的編輯區(qū)就跟這個(gè)角色有關(guān)了哦！
選中角色后，角色屬性顯示區(qū)就展示對(duì)應(yīng)角色的屬性，比如位置（x和y坐標(biāo)）、大小（100為原始大小，可以根據(jù)需求放大或者縮小角色）、方向（角色可以角色的中心為原點(diǎn)，進(jìn)行360度朝向改變，默認(rèn)角色為90度朝向）、顯示或隱藏（在舞臺(tái)場(chǎng)景中是否顯示角色）等屬性的查看和設(shè)置。
舞臺(tái)場(chǎng)景資源管理區(qū)則是用于管理舞臺(tái)背景，可以添加多個(gè)背景并通過(guò)程序來(lái)控制顯示哪個(gè)背景。同角色管理，舞臺(tái)選中之后，所有的編輯模式就跟舞臺(tái)關(guān)聯(lián)了。

Tips:
大家注意啦，選中角色或者舞臺(tái)之后，編輯區(qū)也就對(duì)應(yīng)設(shè)置為相應(yīng)的角色和舞臺(tái)了，也就是說(shuō)每個(gè)角色（程序腳本、造型、聲音都是各自獨(dú)立的）和舞臺(tái)都有自己的編輯區(qū)。
另外提示一下，選中舞臺(tái)之后，編輯區(qū)的造型會(huì)跟著變成背景哦

編輯區(qū)

剛才說(shuō)了，每個(gè)角色、舞臺(tái)都有自己的編輯區(qū)，那編輯區(qū)又是怎么構(gòu)成的呢？看下圖：

圖3-1.編輯區(qū)代碼頁(yè)
上圖中，編輯區(qū)有三塊：
角色對(duì)應(yīng)的分別為代碼、造型和聲音。
舞臺(tái)對(duì)應(yīng)的分別為代碼、背景和聲音。

代碼編輯區(qū)

首先來(lái)看看代碼編輯區(qū)，還是看上圖！
左邊就是預(yù)設(shè)的編程積木塊，看上去就像拼圖的分片一樣，除了選擇默認(rèn)的積木塊，還可以自定義積木塊，也可以選擇擴(kuò)展積木塊。
中間空白區(qū)域是編程區(qū)域了，就是把積木塊拖拽到這個(gè)區(qū)域，進(jìn)行組合編程，圖中示例的就是一個(gè)簡(jiǎn)單的程序啦，猜猜結(jié)果是什么樣的呢？
編程區(qū)域的右下角，有三個(gè)按鈕用來(lái)調(diào)整代碼顯示的，可以放大、縮小或者根據(jù)窗口大小自動(dòng)適配哦！

Tips:
在編程區(qū)，點(diǎn)擊右鍵，可以進(jìn)行整理積木塊、刪除積木塊哦，還有撤銷(xiāo)或者重做等通用的編輯操作！

造型編輯區(qū)

圖3-2.編輯區(qū)造型頁(yè)
如上圖，對(duì)角色不同的造型進(jìn)行繪制編輯哦！繪制的教程，后面我們?cè)偕钊雽W(xué)習(xí)吧？
不同的造型代表角色的不同的狀態(tài)，比如走路的姿勢(shì)，拆解出幾個(gè)造型，然后在代碼里湊在一起就能重現(xiàn)角色走路的姿勢(shì)啦，這就是動(dòng)畫(huà)的基礎(chǔ)了哦！再比如角色包含喜怒哀樂(lè)的表情造型，這樣就可以根據(jù)需要，展示不同的角色造型了！

聲音編輯區(qū)

圖3-3.編輯區(qū)聲音頁(yè)
同造型編輯區(qū)，聲音編輯就是設(shè)計(jì)這個(gè)造型的聲音的，比如圖示的”喵“叫，可以增加多個(gè)聲音資源，然后在需要的時(shí)候播放。

背景編輯區(qū)

圖3-4.編輯區(qū)背景頁(yè)
背景同造型編輯區(qū)的區(qū)別，就是一個(gè)是使用于舞臺(tái)場(chǎng)景，一個(gè)適用于角色，在編輯操作上沒(méi)有什么差別哦。
對(duì)了，背景和造型一樣，也可以添加多個(gè)，可以這么認(rèn)為-背景就是一個(gè)占滿(mǎn)舞臺(tái)區(qū)的角色吧！

舞臺(tái)預(yù)覽區(qū)

說(shuō)完了編輯區(qū)，我們?cè)倏纯次枧_(tái)預(yù)覽區(qū)吧！

圖4.舞臺(tái)預(yù)覽區(qū)
舞臺(tái)預(yù)覽區(qū)是為了顯示程序執(zhí)行結(jié)果的。有程序腳本開(kāi)始和結(jié)束的按鈕，還有倆個(gè)調(diào)整布局的按鈕，用來(lái)調(diào)整編輯區(qū)和預(yù)覽區(qū)的大小。
另外有一個(gè)最大化按鈕，可以讓程序進(jìn)入發(fā)布運(yùn)行狀態(tài)（全屏）。

Tips:
什么是發(fā)布？
就是我們的程序?qū)懞昧?，沒(méi)問(wèn)題了，可以正式玩了，可以分享到Scratch社區(qū)給全世界的朋友們玩了！
編輯狀態(tài)下，有的屬性是不生效的，比如角色的拖拽，在發(fā)布運(yùn)行狀態(tài)下可以設(shè)置為不可拖拽哦！這樣的程序結(jié)果才算是完整的哦！

小竅門(mén)
舞臺(tái)預(yù)覽區(qū)可以用來(lái)測(cè)算一下角色位置！
在舞臺(tái)預(yù)覽區(qū)拖拽角色，角色的坐標(biāo)就相應(yīng)變化了，如果在角色管理區(qū)里改變角色屬性，角色也會(huì)在舞臺(tái)預(yù)覽區(qū)里直接展示結(jié)果。這樣，我們就可以方便的了解角色的位置、方向、大小了，也方便計(jì)算出初始的角色屬性哦！

Scratch的編輯法則

看完上面的介紹，大家可能還有很多疑惑，我們總結(jié)一下簡(jiǎn)單編輯法則：

• Scrach中每個(gè)角色、舞臺(tái)都是獨(dú)立封裝的 就是說(shuō)每個(gè)角色（舞臺(tái)）都有自己的編輯區(qū)，也就是各自管各自的代碼。

• 編程就是拼圖 每個(gè)編程積木塊都有自己的形狀特征，如果倆個(gè)編程塊之間沒(méi)有對(duì)接的接口，那就是不能拼在一起用的。

  所以，要了解不同的編程塊的用途，以及和他們可以匹配使用的編程塊，才能拼出想要的程序哦~

下一次，對(duì)一個(gè)角色編輯了好多代碼，點(diǎn)了一下舞臺(tái)背景或者另一個(gè)角色，發(fā)現(xiàn)代碼都沒(méi)有了?。。〔灰牛皇遣煌慕巧髯缘拇a編輯空間而已

小結(jié)

通過(guò)這篇文章，大家對(duì)Scratch編輯器有了一個(gè)初步的認(rèn)識(shí)了吧，希望大朋友、小朋友，都動(dòng)起手里，熟悉熟悉編輯器吧，不用擔(dān)心,不會(huì)玩壞的:p

聲明：本文章由網(wǎng)友投稿作為教育分享用途，如有侵權(quán)原作者可通過(guò)郵件及時(shí)和我們聯(lián)系刪除