2016-02-10

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

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

image


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

image

那麼如何用Scratch mBlock寫出這個小遊戲呢?Scratch圖庫內有恐龍,但是缺少仙人掌,雖然也可以自行創作或是匯入圖片,不過這不是這篇文章的重點,所以配合過年氣氛,改用貓熊跳橘子,祝福大家大吉大利!
我們的目標是大家可以在三分鐘完成這個遊戲,但是需要事先規劃應該如何進行。我將這次的任務分為幾個主題:
  1. 觀察與分析
  2. 主角:貓熊
  3. 配角:橘子
  4. 主角與配角的關係
  5. 挑戰一:計算加分
  6. 挑戰二:特效,聲音
  7. 挑戰三:最高分
  8. 挑戰四:橘子長大,橘子滾動
  9. 挑戰五:時間限制
  10. 挑戰六:你的想法(補血,低頭,雲朵……)

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

1. 觀察與分析


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

2. 主角:貓熊


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

image

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

image


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

image

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

3. 配角:橘子


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

image


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

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


image


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


image


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

image


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

4. 主角與配角的關係


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

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

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

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

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

image

再點擊倒三角形符號,選擇碰到的對象,就是橘子(Orange),如下圖:

image

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

image

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

貓熊全部的程式如下:

image

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

image

這個遊戲有太多可以擴充的挑戰,你可以先自己改改看。
  1. 挑戰一:計算加分
  2. 挑戰二:特效,聲音
  3. 挑戰三:最高分
  4. 挑戰四:橘子長大
  5. 挑戰五:時間限制
  6. 挑戰六:你的想法(背景,補血,低頭,雲朵……)
明天探奇教室見!祝你大吉大利!

沒有留言:

張貼留言

探奇歡迎大家留言討論!謝謝分享你的意見。