「運動」，一直是遊戲製作中，歷久不衰的主題之一，像是EA SPORT的NBA LIVE，還有FIFA，在早期任天堂時代，熱血系列也推出了足球的遊戲。而今天，我們要用Scratch這套軟體，製作出一款足球小遊戲，讓我們先來看一下遊戲的進行畫面吧！
（遊戲圖片來源：
http://www.baike.com/wiki/%E8%B6%B3%E7%90%83%E5%9C%BA%E5%9C%B0
http://www.mathland.idv.tw/fun/football.htm
http://588ku.com/image/sanjiaozhui.html）
| 作者/攝影 | 郭皇甫 |
| 時間 | 2小時 |
| 成本 | 時間即是成本 |
| 難度 | * * * * |
| 材料表 |
|
<iframe allowtransparency=”true” width=”485″ height=”402″ src=”//scratch.mit.edu/projects/embed/171355158/?autostart=false” frameborder=”0″ allowfullscreen></iframe>
這一款足球小遊戲以人物運球繞過障礙物的同時，吃掉金幣過關，遊戲操作方式相當簡易，使用鍵盤的上、下、左、右鍵操控人物移動。本篇文章會教您製作出這款小遊戲的簡易版，當您上手後就能自行增加關卡的難易度與障礙物的多寡，以下我們針對角色、場景、音樂分別說明如下。
角色：
匯入角色
在Scratch中，圖片是相當重要的因素之一，從一開始製作遊戲時，我們就要決定匯入哪些角色？而這裡的角色指的就是圖片，包含人物圖片、物品圖片、介面圖片…等。而在這款遊戲裡，我們需要一位人物圖片，以及三個物品圖片，請先按照以下步驟操作。
Step1．在右下角的後台區內，按下「開啟角色檔案」。
圖01 開啟角色檔案
Step2．選擇人物圖片的資料夾，並按下確定後新增。（您可以在網路上搜尋您想要的人物圖片，建議使用png檔，已經去背的圖片會較方便）在後台區與舞台區裡，您就可以看到已新增的人物圖片。
圖02 選擇人物圖片
圖03 新增角色成功
以同樣的方式，我們再新增三張物品圖片，分別是足球、三角錐、金幣。
圖04 新增另外三張角色圖片
在圖02中，我們可以看到人物有四張類似的圖片，仔細觀察每一張都有些微的不同，這叫作「連續圖片」。在圖片的類型中，有一種GIF的動態圖片，其實就是由一張張連續圖片所組成，您也可以在網路上搜尋關鍵字「.gif」。當您擁有一張動態圖片後，您可以有二種方式將它變成數張靜態圖片。1．匯入至Photoshop後另存圖層為png檔；2．進入網站http://www.zamzar.com/convert/gif-to-jpg/，將圖片轉存成數張png檔。如此一來，我們就能將這些靜態圖片匯入至Scratch中使用。
Step3．匯入連續圖片造型。點選腳本區的「造型」，按下「匯入」，將剩餘的人物圖片匯進來。
圖05 在造型中匯入圖片
圖06 匯入其餘三張人物圖片
編寫程式
接下來我們要命令這些角色做一些事情，其實在遊戲製作的過程裡，每位角色要做的事情都各有不同，但都會有一些共同的設定，例如起始位置，這可以讓您的角色在一開始就決定好位置，不管遊戲執行得如何，只要重新開始遊戲，就又會在原本設定的位置上，非常方便，接著請按照以下步驟進行。
Step1．設定角色大小。在舞台區最上方有四個圖案，找到並按下最右邊的「縮小角色」，將滑鼠移到舞台區的角色上後，重複點擊滑鼠左鍵，將角色尺寸縮小到適當的比例即可。
圖07 縮小角色尺寸
Step2．設定起始位置。首先在舞台區上，移動滑鼠至人物上並按住滑鼠左鍵，拖曳人物到您想要的位置上後放開，接著點選抽屜區裡的「控制區」與「動作區」，拖曳以下的積木方塊至腳本區。其餘角色的起始位置也是用同樣的方式設定。
圖08 設定起始位置
Step3．按下鍵盤上、下、左、右鍵控制人物移動。在「控制區」中拉進「重複執行」與「如果」，並找到「偵測區」裡的「按下空白鍵」，將其改為鍵盤的上、下、左、右鍵，接著分別在「動作區」與「外觀區」拉進「面向_方向」、「移動10步」、「下一個造型」，並將「移動10步」改為「移動2步」。執行後您會發現移動時圖片翻轉了，這時您只要在腳本區最上面的角色圖片旁邊找到三個按鈕，按下中間的「只允許左右翻轉」，如此一來，圖片就不會再翻轉了。
圖09 設定只允許左右翻轉
圖10 使用上下左右鍵控制人物
Step4．足球造型設定。讓足球在移動的同時能夠有滾動的效果，請先切換至足球的造型區，點選「複製」，在複製出來的足球旁點選「編輯」後，會出現繪圖編輯器，請按下最左邊第四個按鈕「順時針旋轉」，讓足球圖片的角度與前一張不同即可。請再複製二個足球圖片，並按照上述方式旋轉圖片。
圖11 複製出一個足球
圖12 順時針旋轉足球
圖13 作出四個不同角度的足球
Step5．足球動作設定。足球被人物碰到時，會往人物的反方向滾動，所以滾動的條件是「碰到角色一」和「按下方向鍵」，移動方式與人物設定相同。這裡要注意的是，足球被踢到後只會滾動一段距離，並不會一直滾動，所以我們設定固定次數，讓足球可以自己跑一段距離。
圖14 足球移動條件設定
三角錐與金幣
足球設定好之後，接著要設定障礙物與金幣，這二個物品的設置相當簡易，障礙物只要設定成「碰到足球時，讓角色一和足球回到原點」；而金幣只要設定成「碰到足球時，隱藏自己並加分」。
Step1．設定三角錐。除了設定起始位置外，再加入「如果碰到球，則廣播home」，在這裡需要新增一個「廣播」，並命名為home，它的作用是讓角色一和足球接收到廣播後，就會回到起始位置。
Step2．設定廣播home。當角色一與足球接收到廣播home時，便要能夠回到起始位置，所以我們要分別在角色一與足球裡加入以下程式。
圖16 角色一回到起始位置
圖17 足球回到起始位置
Step3．設定金幣。我們讓金幣做出「碰到球則隱藏自己，並加10分」的效果。為此，我們在「變數區」裡新增一個變數，並命名為「分數」。接著，加入「重複執行偵測如果碰到足球，則隱藏並加分」。
圖18 新增變數
圖19 將變數命名為分數
圖20 金幣的程式設定
背景：
設定背景
在背景中，除了要匯入圖片外，也要設定計時與計分的功能，同時，開始遊戲與結束遊戲的畫面也會一併在這裡設定。
Step1．匯入圖片。點擊後台區的舞台，按下腳本區的「背景」後，按匯入，將背景圖片匯進來。並在繪圖編輯器裡，按下「放大」，將背景圖片覆蓋整個舞台區。另外，我們再使用畫筆在背景的左右二邊，各繪製一條紅色的直線，作為場地的邊界線。
圖21 點擊新增背景的匯入功能
圖22 匯入背景
圖23 按下放大背景
圖24 繪製二條紅色邊界線
Step2．背景程式設定。在背景裡我們需要設定「計時器」什麼時候開始計時，什麼時候停止遊戲。在一開始的時候讓計時器歸零，接下來重複偵測「如果計時器大於30秒，則停止遊戲」，分數的設定也可以在這裡加入，即一開始將分數歸零。
圖25 設定時間與分數
Step3．設定開始與結束畫面。在背景裡使用「繪製」或「匯入」來新增二張背景圖，分別代表遊戲開始與結束畫面，在遊戲開始的背景寫上「按下空白鍵開始遊戲」；結束畫面寫上「GAME OVER」，並加入圖26的程式。
圖26 加入遊戲開始與結束的設定
Step4．在上一步驟中，我們加入了廣播「遊戲開始」「GAMEOVER」以及「按下空白鍵」的設定，為了讓遊戲執行起來能夠一致，所以在人物與物品裡面，我們也要稍作修改。在一開始按下綠旗與接收到GAMEOVER時，讓人物與物品都隱藏起來，當接收到遊戲開始時，才顯示出來。而在足球裡，也加入「如果碰到紅色，則回到原點」。
圖27 人物設定修改
圖28 足球設定修改
圖29 三角錐設定修改
圖30 金幣設定修改
音樂：
最後，我們再匯進背景音樂，讓整個遊戲遊玩起來更有趣。點擊舞台，選擇聲音，點擊匯入，將音樂匯進來後，再切換到程式裡，將「聲音區」裡的「播放聲音」拉進「當接收到遊戲開始」之下即可。（背景音樂您也可以至網路上搜尋可免費分享下載的連結，檔名請使用.wma）
圖31 匯入音效
圖32 加入播放聲音
您也可以加入各種變化，例如：使用更多三角錐並排出路線；放置更多金幣或是讓金幣隨機出現；加入不同背景、不同障礙物的關卡增加難度…等，都可以讓您的遊戲表現得更加特別。
相關文章：