「少兒編程」scratch官方網站教程及遊戲製作案例

提起少兒編程,大家都會想到scratch編程,今天跟大家說的scratch編程不是各種廣告上的平臺,而是真正的scratch編程平臺。

scratch官方網站:https://scratch.mit.edu/

進去後直接將網頁拉到最底層,可以找到語言切換選項,直接選擇簡體中文即可。

「少兒編程」scratch官方網站教程及遊戲製作案例

適用人群:小低年級,入門超級簡單

點擊首頁菜單欄【提示】就有入門的學習教程,完全可以跟著去學,另外也可以下載離線編輯器。

「少兒編程」scratch官方網站教程及遊戲製作案例

而且有很多作品分享,實際上當孩子跟著流程學下來之後就可以進行“案例分析”了,很簡單,去看別人的作品,點擊菜單欄【發現】即可觀看其他同學的作品。

「少兒編程」scratch官方網站教程及遊戲製作案例

當你點開別人做的程序之後在進去的頁面右邊有一個“觀看程序頁面”進入之後就可以看到整個遊戲的全部程序,孩子可以模仿、改編整個遊戲。

「少兒編程」scratch官方網站教程及遊戲製作案例

這一點不難,重要的是在這個過程中更加熟練的掌握所學的各個“積木”的功能,對一些功能實現更直接的進行學習、分析。這也是非常容易讓孩子接受的方式。

點擊菜單欄【創建】就可以開始進行編程了

「少兒編程」scratch官方網站教程及遊戲製作案例

案例教程:大魚吃小魚

遊戲設計任務

1、設計一條可以用鍵盤控制移動的小魚

2、當小魚吃到比它大的魚,遊戲結束

3、當小魚吃到比它小的魚,體型變大

4、當小魚吃到章魚,體型變小

教程如下

設置遊戲背景,可在scratch背景庫中選擇一個圖片背景。然後定義角色:

「少兒編程」scratch官方網站教程及遊戲製作案例

我們採用“在角色庫中選取角色”,在角色庫中水下主題裡面選取鯊魚作為遊戲

角色。當然,你也可以自己用繪畫工具創建一個角色。

「少兒編程」scratch官方網站教程及遊戲製作案例

新建鯊魚角色後,點擊“造型”標籤,可以看到這個角色有三個造型,不同造型的切換,會讓遊戲更加逼真。關於造型的使用,我們在腳本中再介紹。

「少兒編程」scratch官方網站教程及遊戲製作案例

現在需要對鯊魚造型做一地簡單修改

「少兒編程」scratch官方網站教程及遊戲製作案例

造型編輯區,放大圖片,選擇矢量模式。採用“為形狀填色工具”,把鯊魚牙齒的黑色填充成黃色,因為我們在編輯腳本的時候,需要有一個判斷,小魚是否碰到鯊魚牙齒,這裡我們設置一種特定的顏色,作為判斷條件。(這個顏色可以自由選擇,只有能加以區分就可以。)

第二個角色為小魚,我們在造型編輯區,添加三種不同類型的小魚,在程序中,可以隨機顯示,以增加遊戲的趣味性。

「少兒編程」scratch官方網站教程及遊戲製作案例

第三個角色,我們定義一個比鯊魚大的物種,當鯊魚碰到它時,game over!

「少兒編程」scratch官方網站教程及遊戲製作案例

第四個角色,我們選擇章魚,當鯊魚碰到章魚的時候,鯊魚會變小。章魚有兩個造型,可以讓章魚遊動時更加逼真。

「少兒編程」scratch官方網站教程及遊戲製作案例

用鍵盤的上下左右鍵控制鯊魚移動,當鯊魚吃到比它小的魚時,吃掉小魚,自己變大,當鯊魚吃到比它大的魚時,顯示“O,I am dead”,遊戲over,當鯊魚吃到章魚時,自己變小

點擊綠旗遊戲開始,我們給鯊魚一個初始大小,這裡設定為80,另外,需要設置鯊魚的旋轉方向為左右方向,避免鯊魚上下倒置。

我們用四個“如果……那麼”指令,加上按“鍵是否按下”的偵查模塊作為判斷條件用一個重複執行命令

代碼如下:

「少兒編程」scratch官方網站教程及遊戲製作案例

遊戲開始時,我們隨機選擇小魚角色的一個造型,怎麼實現呢?

我們採用了一個“連接”和“隨機數”兩個運算符模塊,生成一個隨機的造型名稱

「少兒編程」scratch官方網站教程及遊戲製作案例

然後用切換造型模塊,合成如下:

「少兒編程」scratch官方網站教程及遊戲製作案例

為避免單調,小魚角色初始大小,也採用隨機的方式,鯊魚的初始大小為80,我們生成一個50到70之間的隨機數,作為小魚的大小

「少兒編程」scratch官方網站教程及遊戲製作案例

同樣的,運動方向也隨機生成

「少兒編程」scratch官方網站教程及遊戲製作案例

小魚的移動速度也隨機生成,用重複執行,讓小魚移動,碰到邊緣反彈

「少兒編程」scratch官方網站教程及遊戲製作案例

小魚這個角色的關鍵是,需要判斷是否碰到鯊魚的牙齒,碰到的時候還需要再判斷,比鯊魚大還是小?如小,被鯊魚吃掉,如大,game over

第一個判斷用是否碰到鯊魚牙齒的顏色,我們這裡設置了黃色,鼠標點擊這個模塊的方框處,鼠標變成手形,在鯊魚牙齒處,點選黃色,即可拾取顏色

「少兒編程」scratch官方網站教程及遊戲製作案例

第二個判斷用兩個角色的大小為參數,用運算符進行比較,小魚角色大小,在“外觀”模塊裡面選擇“大小”

「少兒編程」scratch官方網站教程及遊戲製作案例

鯊魚角色的大小,需要用到偵查模塊裡的狀態獲取,點擊“X座標”邊上的黑色小三角

「少兒編程」scratch官方網站教程及遊戲製作案例

出現下拉菜單,選擇“大小”

「少兒編程」scratch官方網站教程及遊戲製作案例

小魚判斷腳本合成如下:

「少兒編程」scratch官方網站教程及遊戲製作案例

上面的腳本中,還有兩條廣播消息,當小魚碰到鯊魚牙齒,並且小魚比鯊魚小,此時,發出一個“eat”廣播消息,否則,發出一個“over”廣播

小魚的完整腳本如下:

「少兒編程」scratch官方網站教程及遊戲製作案例

然後我們來考慮發出“eat”廣播後,各個角色都需要處理什麼情況?

當小魚接收到“eat”消息後,它從當前屏幕消失,稍後在屏幕的隨機位置生成一條新的小魚,同樣,小魚大小為50至70之間隨機數

代碼如下:

「少兒編程」scratch官方網站教程及遊戲製作案例

當鯊魚接收到“eat”消息後,讓它發出一個音效,然後出現張開大嘴的造型,最後,讓鯊魚大小增加一個單位

代碼如下:

「少兒編程」scratch官方網站教程及遊戲製作案例

當鯊魚接收到“over”廣播後,顯示“o,I,m dead.”然後“停止全部”

代碼如下:

「少兒編程」scratch官方網站教程及遊戲製作案例

同樣方法處理螃蟹角色,只是我們把它的初始化大小設置為比鯊魚較大,在90到110之間選擇一個隨機數作為初始大小,儘管螃蟹的初始大小要比鯊魚大,當鯊魚吃掉足夠的小魚,也有可能變得比螃蟹大,

所以,也要處理螃蟹被鯊魚吃掉的情況,這裡需要定義一個新的廣播消息,我們設置了“eat2”廣播消息

「少兒編程」scratch官方網站教程及遊戲製作案例

螃蟹收到“eat2”廣播後

「少兒編程」scratch官方網站教程及遊戲製作案例

鯊魚收到“eat2”廣播後

「少兒編程」scratch官方網站教程及遊戲製作案例

然後我們定義章魚的運動,初始化大小

「少兒編程」scratch官方網站教程及遊戲製作案例

設定章魚從水底隨機位置往上游

「少兒編程」scratch官方網站教程及遊戲製作案例

游到水面後,回到水底重新上游,用y座標判斷

「少兒編程」scratch官方網站教程及遊戲製作案例

隨機速度上升

「少兒編程」scratch官方網站教程及遊戲製作案例

上升過程中,變換造型

「少兒編程」scratch官方網站教程及遊戲製作案例

如果鯊魚牙齒碰到章魚,發出“small”廣播

「少兒編程」scratch官方網站教程及遊戲製作案例

完整代碼如下:

「少兒編程」scratch官方網站教程及遊戲製作案例

鯊魚收到“small”廣播時,發出一個音效,角色大小減少一個單位

代碼如下:

「少兒編程」scratch官方網站教程及遊戲製作案例

整個遊戲腳本編寫完畢!


「少兒編程」scratch官方網站教程及遊戲製作案例


分享到:


相關文章: