搜尋

青蛙過河

這篇文章會介紹,如何在 Scratch 3 裡使用多個角色,搭配重複、偵測碰到其他角色、定位、函式...等積木,實作一個青蛙過河的小遊戲 ( 鍵盤控制青蛙移動,踩在漂浮的木頭上通過河流 )。

相關文章參考:定位重複偵測碰到其他角色函式

角色設定

在角色編輯區,刪除貓咪角色,加入「青蛙」角色,使用「繪畫」功能,加入「木頭」和「河流」兩個空白角色 ( 參考:Scratch 角色設定 )。

Scratch 3 教學 - 青蛙過河

點選「青蛙」角色,切換「造型」頁籤,刪除青蛙的舌頭,避免突出的舌頭造成判斷錯誤,並將「高度」調整為 30,對齊畫布中心。

為什麼高度要設定為 30 呢?因為待會青蛙會採用 40 為單位進行上下移動,為了畫面美觀以及避免超過範圍造成判斷錯誤,所以使用 30。

Scratch 3 教學 - 青蛙過河

點選「木頭」角色,切換「造型」頁籤,使用方形工具,畫出兩個咖啡色的木頭造型,比較大的造型 ( 名稱 200 ) 尺寸設定為 200x38,比較小的造型 ( 名稱 100 ) 尺寸設定為 100x38,對齊畫布中心。

為什麼高度要設定為 38 呢?因為待會青蛙會採用 40 為單位進行上下移動,為了畫面美觀,保留木頭之間會有一點縫隙可以看到下方的河流,所以使用 38。

Scratch 3 教學 - 青蛙過河

點選「河流」角色,,切換「造型」頁籤,使用方形工具,畫出藍色的河流造型,尺寸設定為 480x280,對齊畫布中心。

為什麼高度要設定為 280 呢?因為待會青蛙會採用 40 為單位進行上下移動,需要保留最上方和最下方的空間,讓青蛙有出發和抵達的位置。

Scratch 3 教學 - 青蛙過河

積木程式原理 ( 河流 )

點擊「河流」角色,設定點擊綠旗的時候,將河流移動到最下層,避免遮住青蛙或木頭。

Scratch 3 教學 - 青蛙過河

完成後,點擊綠旗,舞台區裡應該可以看見下圖的畫面。

Scratch 3 教學 - 青蛙過河

積木程式原理 ( 木頭 )

點擊「木頭」角色,設計出「許多木頭在河流上漂動」的效果,首先編輯點擊綠旗的程式:

由於角色在舞台邊界時,會在舞台上突出 15 點,所以計算最邊界的座標,使用邊界值 ( 240 ) 加上角色的一半寬 ( 200/2=100 ) 在減掉 16 ( 為了讓判斷更準確,使用 16 ) 之後,就是角色在邊界的座標位置

Scratch 3 教學 - 青蛙過河

新增一個名為「往右移」的函式,負責「短木頭」往右移動的程式:

因為短木頭的長度為 100,所以角色在邊界的座標為 -240-50+16240+50-16

Scratch 3 教學 - 青蛙過河

新增一個名為「往左移」的函式,負責「長木頭」往右移動的程式:

因為長木頭的長度為 200,所以角色在邊界的座標為 -240-100+16240+100-16

Scratch 3 教學 - 青蛙過河

設定分身產生時的動作:

為什麼要使用 0.1 呢?如果隨機數使用 0~3,數值只會有 0、1、2、3 的整數,如果使用小數點,就可以有 0.1、0.2...等的小數點隨機數

Scratch 3 教學 - 青蛙過河

完成後,點擊綠旗,木頭就會開始在水上漂動,長木頭往左漂,短木頭往右漂。

Scratch 3 教學 - 青蛙過河

積木程式原理 ( 青蛙 )

點擊「青蛙」角色,編輯點擊綠旗的程式:

Scratch 3 教學 - 青蛙過河

新增另外一組點擊綠旗的程式,負責青蛙的左右移動:

Scratch 3 教學 - 青蛙過河

再度新增另外一組點擊綠旗的程式,負責青蛙的上下移動:

Scratch 3 教學 - 青蛙過河

完成後,點擊綠旗,就可以開始進行青蛙過河的遊戲。

Scratch 3 教學 - 青蛙過河

加入吃蘋果機制

在角色面板裡,增加一個 Apple 角色。

Scratch 3 教學 - 青蛙過河

切換到造型頁籤,將尺寸調整為 30x30,對齊畫布中心。

Scratch 3 教學 - 青蛙過河

點擊「青蛙」角色,在第一組點擊綠旗程式裡,加入碰到 Apple 的判斷,如果碰到 Apple,將青蛙移動回舞台中間下方 (0, -160),並發送 eat 訊息。

Scratch 3 教學 - 青蛙過河

點擊「Apple」角色,設定點擊綠旗時,將 Apple 定位在舞台中間上方 (0, 160),如果收到 eat 訊息,將 x 座標設定為 -220~220 的隨機數

Scratch 3 教學 - 青蛙過河

完成效果

完成後,點擊綠旗,就可以開始進行青蛙過河吃蘋果的遊戲。

Scratch 3 教學 - 青蛙過河

範例解答

範例解答:青蛙過河

延伸練習

如果已經熟悉了青蛙過河的原理,還可以嘗試更多好玩的作法:

  • 加上「計時與計分」的機制。( 解答 )

意見回饋

如果有任何建議或問題,可傳送「意見表單」給我,謝謝~

Scratch 3 教學

基本介紹

關於 Scratch 3 使用 Scratch 3 註冊與登入 操作介面 我的東西

圖形與聲音

繪製造型&背景 編輯音效

程式積木

積木種類 動作 外觀 音效 事件 控制 偵測 運算 變數 清單 函式積木

擴充功能

音樂 畫筆 視訊偵測 文字轉語音 翻譯

技巧&觀念

全域變數、區域變數 控制指定分身 雲端變數 雲端變數記錄文字 變數串接文字 文字轉清單 中斷與停止程式 廣播訊息並等待 鍵盤與滑鼠 突破角色尺寸限制 角色與舞台邊界 重複積木的等待時間 清單數字排序 清單最大值最小值

入門範例

鍵盤控制貓咪 指向中間的箭頭 水果音樂鋼琴 貓咪的影分身之術 貓咪的細胞分裂 螃蟹跑來跑去 吃水果 摸蝴蝶 小狗追棒球 魚兒水中游 小鳥往前飛 舞棍阿伯 小時鐘 搖骰子 轉動的眼球 抽獎輪盤 大樂透電腦選號 移動到邊緣切換場景 人物依序跳舞 ( 廣播 ) 按鈕控制貓咪 ( 廣播 )

進階範例

貓咪跑步 ( 連續背景 ) 貓咪跑步 ( 超長背景 ) 大型數字 ( 圖形數字 ) 拖拉怪獸碰撞牆壁 鍵盤鋼琴 ( 記錄音符 ) 中文字逐字稿 英文字逐字稿 計算機 1 ( 顯示數字 ) 計算機 2 ( 加減乘除 ) 雲端聊天室 推貓咪 ( 視訊偵測 ) 圍捕小魚 ( 視訊偵測 ) 戳泡泡 ( 視訊偵測 )

視覺特效範例

視差效果 水中吐泡泡 雪花隨風飄 鍵盤鋼琴 ( 音符動畫 ) 無限循環畫中畫 水底探照燈 狙擊望遠鏡 ( 兩倍變焦 ) 貓咪萬花筒 仙女棒 ( 光跡效果 ) 駭客任務背景特效 放煙火 1 ( 往上發射 ) 放煙火 2 ( 爆炸效果 )

繪圖範例

鏡射畫圖 ( 對稱圖形 ) 小畫家 ( 舞台上畫圖 ) 記錄畫圖軌跡 繪製圓形 繪製橢圓形 繪製立方體 ( 會動 ) 繪製正多邊形 繪製正多角星形 ( 單純 ) 繪製正多角星形 ( 多線 ) 繪製拋物線 繪製折線圖 蜘蛛結網 ( 八邊形網 ) 繪製舞台方格 繪製正弦波形 ( sin ) 正弦波毛毛蟲動畫 顯示聲波圖形

物理&模擬範例

鐘擺運動 簡單磁鐵效果 兩個磁鐵的磁力線 立體空間 ( 三度空間 ) 循跡移動 拋物線發射炮彈 地球繞著太陽轉 彈跳的籃球 電風扇 ( 控制強度 ) 拉不走的彈力球 慣性移動 ( 滑鼠 ) 慣性移動 ( 鍵盤 )

入門遊戲範例

猴子接香蕉 打地鼠 刮刮樂 吹風機吹頭髮 太空狗閃躲隕石 九九乘法測驗 英文單字測驗 釣魚遊戲 拍西瓜 ( 儲存最高分 ) 形狀配對拼圖 台灣地圖拼圖 英文打字機 射擊外星人 猜數字 ( 猜大小 ) 猜數字 ( 幾 A 幾 B ) 連連看 ( 產生器 ) 連連看

進階遊戲範例

青蛙過河 青蛙過馬路 反彈球 ( 乒乓球 ) 打磚塊 狙擊氣球 ( 兩倍變焦 ) Flappy Bird 走迷宮 ( 基本 ) 大型迷宮 ( 鍵盤控制 ) 大型迷宮 ( 滑鼠控制 ) 翻翻卡 ( 卡牌記憶 ) 九宮格拼圖 音階記憶 貪吃蛇 小雞下樓梯

遊戲設計技巧

角色 ( 地上移動 ) 角色 ( 蹲下、左右轉 ) 角色 ( 跳耀、兩段跳 ) 角色 ( 牆壁、爬牆 ) 地圖 ( 清單轉換 ) 地圖 ( 二維陣列 ) 地圖 ( 控制移動 ) 地圖 ( 牆壁碰撞偵測 ) 地圖 ( 吃東西偵測 )