當前位置:
首頁 > 最新 > 自己動手DIY巨無霸漢堡!

自己動手DIY巨無霸漢堡!

漢堡是每個孩子都喜歡的食物

那麼你會自己做漢堡嗎?

你知道漢堡里有哪些食材嗎?

今天教你在SCRATCH中實現。

今日案例適合初級基礎的學員學習。

GIF

《做漢堡小遊戲》

今天的作品來自上海市莘城學校奚源老師投稿。

1

作者簡介

奚源

上海市莘城學校信息技術教師

2

作品描述

這是一個做漢堡的遊戲,遊戲規則:自己動手製作一份漢堡,點擊放食材的盤子可以給漢堡添加相應的食材,每種食材最多可以放2次,番茄醬可以放1次。為了防止吃不完浪費,漢堡最多8層,最少為4層,其中底層必須是麵包底,頂層必須是麵包蓋。蓋上麵包蓋即視為製作完成。

初衷是盡量還原原遊戲,所以比較複雜。剛上手的同學和老師可以考慮簡化遊戲規則,如不限制漢堡層數,減少食材數量等。

掃碼立即試玩

空·

3

作品教程

相對來說這是一個比較複雜的小遊戲,所以我們先理一下思路,解決幾個大問題:

①食材怎麼準確放上去的問題:做漢堡是一層層疊加上去,所以最直接的方式就是用坐標軸表示上下的y坐標讓食材出現在指定位置。

這麼多限制條件如何實現的問題:限制條件很多,底層和頂層必須麵包;麵包層數最少4層,最多8層;每個食材本身也有添加次數限制。

流程圖能夠幫助我們把看似複雜的程序變得很簡單。我們來一起看看點擊食材餐盤後遊戲是怎麼發展的:

大概的思路清楚之後就可以開始製作了。

第一步:導入角色背景

(註:為了更接近Flash遊戲的畫質,已將素材製作成矢量圖)

角色有食材和裝食材的盤子,盤子根據所剩食材數量有幾種不同的造型。

【卡搭提示】

有同學可能會問為什麼這裡需要重複食材的角色呢?

其實是為了後期編程過程中更簡便地解決放置2次相同的食材的問題。

第二步:遊戲初始化

初始化角色大小、位置、造型和相關變數(層數、添加番茄次數等)

以放番茄的盤子為例,移動到x:-157 y:-46;角色大小設30,;造型切換到有2塊番茄的造型,初始化變數添加番茄次數為0。

第三步:實現點擊番茄盤子的腳本

這裡根據流程圖編寫,用到4層嵌套「如果-那麼-否則」。

第四步:複製番茄盤子腳本至其他盤子,並做適當修改。

注意修改紅色圈出部分,是做出修改的。除了麵包蓋和麵包底,腳本都是一樣的。

第五步:實現番茄添加到漢堡

用2個番茄角色可以讓番茄的腳本簡單很多,開始隱藏,當番茄盤子被點擊時「添加番茄次數」改變,對應的番茄到相應位置顯示出來。為了防止下一次層數增加時之前的食材位置跟著改變,運行完添加操作之後停止當前腳本。

【卡搭提示】

有同學可能會問為什麼要移至最上層?

其實只是為了讓新添加的食材看起來像蓋在之前的食材上而已。

第六步:過關的判定

判定很簡單,能完成蓋上麵包蓋的操作,即視為麵包製作完成。

因此只要在添加麵包蓋次數+1的同時廣播漢堡做完了即可。

第七步:修改腳本

至此,做漢堡遊戲基本完成了,大家有沒有發現運行時會出現什麼問題?

沒有錯,因為添加食材的操作是根據當前漢堡層數決定食材的位置的,因此隨著漢堡層數增加,之前添加的食材也跟著往上移動了。

因此,每個食材被添加到漢堡之後需要讓腳本停止。記得給每個食材添加哦。

4

創意來源

女生喜歡玩烘焙類和換裝類Flash小遊戲,有一次看到這個做漢堡的遊戲,就想把它做成Scratch版。

5

教師點評

@繳老師:作品優點很多,例如引入了思維流程,教程思路清晰;圖片採用矢量圖,畫面逼真;重點位置,有圈點提示等。

一點小建議,程序設計上加上「重玩」「開始」之類的按鈕,增加可玩性作為拓展或思考空間,為有餘力的學習者布置一下任務,激發創作慾望。

此外,發現一個小bug,做完漢堡後再次點擊綠旗,先前做的漢堡還在,需要再次點擊綠旗,食材才會複位,這一點程序設計上還需改進。

【解決方案】增加一個觸發鍵,比如空格鍵。單擊綠旗只負責程序初始化;單擊空格只負責做漢堡的觸發鍵,這樣bug就消除了。不然,綠旗「身兼雙職」,接到單擊後不知道自己先幹什麼,所以產生了bug。

卡搭小助手有話說:

不知道大家看到這個作品有沒有躍躍欲試的衝動呢?在公眾號後台留言關鍵詞【漢堡】,即可領取作品源文件素材哦。

【網易卡搭優質教程案例徵集】

如果您也有優質教程

或案例想要分享,

歡迎掃碼添加小助手

備註【教程】

作品格式

需提供作品源文件(scratch sb2.文件)

文字內容

作者簡介及照片

作品描述

創意來源

作品教程(技術難點等)

長期徵稿,我們期待您的作品來稿。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 網易卡搭 的精彩文章:

兒童散學歸來早,忙趁東風放紙鳶

TAG:網易卡搭 |