Scratch mBlock 教學–Chrome的隱藏版離線遊戲(恐龍跳仙人掌）

在果凍魚二樓教室上課時，電腦是沒有網路連線，許多小朋友打開Chrome，因為沒有連線，所以會出現隱藏版小遊戲(恐龍跳仙人掌）。




遊戲很簡單，就是恐龍向前奔跑，按下空白鍵，恐龍就會跳起來，閃避仙人掌。（恐龍也可以使用向上鍵控制。向下鍵還能控制恐龍低頭避開在頭部高度的障礙物）
如果撞到障礙物，恐龍睜大眼睛，遊戲結束，可以看看你的分數，還有最高記錄分數。在無法連線的狀況下，的確是一個打發時間的好遊戲。



那麼如何用Scratch mBlock寫出這個小遊戲呢？Scratch圖庫內有恐龍，但是缺少仙人掌，雖然也可以自行創作或是匯入圖片，不過這不是這篇文章的重點，所以配合過年氣氛，改用貓熊跳橘子，祝福大家大吉大利！
我們的目標是大家可以在三分鐘完成這個遊戲，但是需要事先規劃應該如何進行。我將這次的任務分為幾個主題：

1. 觀察與分析
2. 主角：貓熊
3. 配角：橘子
4. 主角與配角的關係
5. 挑戰一：計算加分
6. 挑戰二：特效，聲音
7. 挑戰三：最高分
8. 挑戰四：橘子長大，橘子滾動
9. 挑戰五：時間限制
10. 挑戰六：你的想法（補血，低頭，雲朵……）
11. 
    

雖然是小遊戲，要處理的事情還是蠻多的，還好Scratch (mBlock)具有很多命令，幫大家節省許多力氣。

1. 觀察與分析

首先看看Chrome的遊戲，有一些角色：
恐龍，按鍵控制的主角，跑步時雙腳會輪流抬起，撞到時眼睛會變大；
仙人掌，快速移動，有不同大小及造型；
另外還有飛鳥（翼手龍），天上的白雲，跳動的地平線等。
整個遊戲就是依靠你的反應，看到仙人掌快到恐龍的前方，就必須按下空白鍵，讓恐龍跳起來，躲避仙人掌。恐龍若是來不及跳起，就會撞到仙人掌，結束遊戲。過程中依照恐龍所跑的距離遠近計算分數，還會保留最高分的記錄。

2. 主角：貓熊

再來設定遊戲主角，直接用貓熊當主角，按鍵控制貓熊，我們可以利用這個指令：



跳躍就是角色移動到指定的地方，我們使用這個命令，




將貓熊拖拉到跳起來的地方，mBlock會自動記錄貓熊位置的XY座標，這時再拖拉出『在1秒內滑行到XY』的命令。接著再把貓熊拖拉到落下站好的位置，mBlock同樣會自動記錄貓熊位置的XY座標，這時再拖拉出『在1秒內滑行到XY』的命令。
程式如下圖：



你可以修改1秒的時間，變成0.5秒，或是加快減慢時間，自己試試看哪個速度較為合適。

3. 配角：橘子

讓我們新增一個角色，在角色庫中的分類『東西』中，就有一顆橘子（Orange），這就是我
們遊戲的配角。




橘子的動作就是在螢幕下方從右向左移動。這跟貓熊跳動是一樣的原理，只不過我們需要橘子一直自動移過去，所以使用『當綠色旗子被點一下』的帽子命令（事件），還要加上『不斷重複』，才能自動完成。

橘子的起始位置在舞台右邊，將橘子拖拉到舞台右側邊緣，只露出半顆橘子。調整位置的秘訣就是滑鼠游標需要點擊橘子的左半邊，移動游標不要超出舞台範圍。（下圖紅圈圈處）





mBlock會記住橘子的XY座標，此時拖拉出『在1秒內滑行到XY』的命令。放入不停重複內部。





再將橘子移到舞台左側邊緣，拖拉『在1秒內滑行到XY』的命令，同樣放入不停重複內部。接在上一個命令的下方。完成的程式如下圖：




跟貓熊相同，如果你想調整橘子的移動速度，請自己改變秒數。

4. 主角與配角的關係

現在請點擊舞台上面的綠色旗子，橘子開始滑動了嗎？按下空白鍵，貓熊跳起來了嗎？

（如果空白鍵無效，請檢查輸入法是不是切成中文輸入狀態，請調成英文輸入模式）

恭喜！你已經完成3/2了，接著探奇邱老師要再加上貓熊與橘子撞擊的處理程式。

每個遊戲中的主角與配角一定有一些互動關係。這個遊戲就是當橘子撞到貓熊時，遊戲就結束了。

想處理兩個角色『撞到』的狀況，可以使用『偵測』裡面的『碰到…』命令。



再點擊倒三角形符號，選擇碰到的對象，就是橘子（Orange），如下圖：



這裡我們以貓熊為主，一直不斷偵測是不是碰到橘子，所以需要在貓熊的程式區內增加一個『當綠旗被點一下』的帽子命令，以及『不停重複』的C型命令，裡面要放一個『如果….就….』的命令。最後再放入一個『停止所有的』命令，如下圖：



如此貓熊會一直不停地偵測是不是碰到橘子，如果碰到Orange(橘子)，就『停止所有的』Scratch 程式。

貓熊全部的程式如下：



太早或太晚跳的結果：Game Over



這個遊戲有太多可以擴充的挑戰，你可以先自己改改看。

1. 挑戰一：計算加分
2. 挑戰二：特效，聲音
3. 挑戰三：最高分
4. 挑戰四：橘子長大
5. 挑戰五：時間限制
6. 挑戰六：你的想法（背景，補血，低頭，雲朵……）

明天探奇教室見！祝你大吉大利！