This guide is available to download as a free PDF. Download this file now. Feel free to copy and share this with your friends and family.

你知道嗎，任何人都可以不用編程來**電子遊戲？儘管有好幾種初學者友好的語言，但你不必花半年時間學習java或C++來構建遊戲。你可以從許多工具中選擇各種類型的遊戲，但一個偉大的選擇為兒童（和**）是麻省理工學院的免費抓取。

Scratch是一個工具，允許您拖放資源來創建遊戲或動畫。它很容易理解，但是在這個過程中教授了編程的構建塊。讓我們看看您可以在Scratch中創建什麼，然後逐步創建一個簡單的Mario遊戲。

遇到刮痕

要開始使用Scratch，請訪問主頁。你應該馬上創建一個帳戶，這樣你就可以保存你的創作。單擊窗口右上角的Join Scratch按鈕。創建用戶名和密碼，輸入您的出生日期和性別，然後系統會詢問家長的電子郵件地址。輸入你自己的，如果你有一個，然後確認你的地址，這樣你就可以評論其他項目和分享你的。

現在，你可以直接跳進去了。單擊頂部工具欄上的“創建”以啟動“草稿編輯器”。如果願意，也可以下載脫機編輯器，以便在沒有internet連接的情況下工作。

屏幕元素

啟動編輯器時，將看到下面的窗口。讓我們把它的元素分解一下（如果下面的小圖片不清楚，請看完整的圖片）：

1. 階段-顯示遊戲的快速摘要。所有活動的精靈和您選擇的背景將出現在這裡。你可以隨意移動精靈。在上面的字段中為您的項目命名。
2. 背景——在這裡，你可以為你的遊戲選擇一個背景。從Scratch的庫中選擇、繪製自己的庫或導入文件。你也可以從你電腦的攝像頭抓取圖像，儘管大多數人可能不需要這個選項。
3. 精靈——項目中所有精靈的中心。像背景一樣，你可以添加默認的，創建你自己的，或者上傳圖片。單擊精靈上的小藍i圖標以重命名它、更改它的角度或隱藏它。
4. 工作區——你的大部分工作都在這裡進行。使用上面的標籤（標有腳本、服裝和聲音）來更改正在處理的內容。腳本是用來添加代碼塊的，我們將很快介紹。服裝可以讓你為你的精靈創造額外的姿勢。如果您在區域2中選擇了背景，則此選項卡將變為背景；如果您在區域6中選擇了一個精靈，則此選項卡將變回服裝。一個基本的圖像編輯器可以讓你改變遊戲中的圖形。您也可以在此處重命名資產。毫無疑問，聲音是添加和編輯聲音的中心。
5. 塊——根據您選擇的三個選項卡中的哪一個，此區域將在代碼塊、精靈服裝/背景和聲音片段之間切換。
6. 控制按鈕——綠色標誌開始遊戲，紅色停止標誌結束遊戲。你要用這些做測試。

使用塊

現在您已經熟悉了Scratch的編輯器，讓我們來討論一下該工具最重要的部分之一——代碼塊。這些塊不需要輸入真正的代碼，而是讓您定義元素的行為。它們像樂高玩具一樣合攏在一起，很容易看出它們是如何相互影響的。

單擊左側列表中的精靈，並確保選擇“腳本”選項卡以開始拖動該元素的塊。請注意，這些塊是用顏色編碼的，並且有像拼圖一樣的邊來顯示它們是如何組合在一起的。十大類及其作用是：

• 運動——使給定的精靈移動，無論是步進，朝向另一個對象，或通過直接座標。
• 外觀-讓精靈隱藏或顯示自己，切換服裝，改變大小，或層之間移動。
• 聲音——播放聲音、改變音量或調整節奏。
• 鋼筆——用記號筆畫畫，改變它的顏色和形狀。
• 數據——允許您創建自己的變量。這對於Scratch沒有內置的元素來說非常方便。
• 事件——啟動其他操作的條件，如單擊綠色標誌或按空格鍵時。你需要這些積木才能讓你的其他積木真正發揮作用！
• Control—循環以重複操作、執行if else語句或停止某些操作。
• 感知——當精靈觸摸到另一個元素或用戶按下某個鍵時，將這些塊放入其他塊中執行操作。
• 運算符——允許您對變量執行算術或基本布爾運算的數學元素。
• 更多的積木——如果這些還不夠的話，就自己做積木！

一個簡單的例子

讓我們舉一個簡單的例子，一步一步地說明這些塊是如何組合在一起的。我們要讓抓傷貓把足球踢進球門，當球進球門時發出聲音。

首先，你需要一個很酷的足球背景。進入左下角的背景部分，點擊圖片圖標選擇Scratch的背景。有一個叫做Goal1的方法可以很好的工作。接下來，單擊精靈圖標添加一個新的預製精靈。您應該在列表中看到足球——雙擊它將其添加到精靈中。

現在圖形已經準備好了，您需要從一些塊開始。選那隻貓，因為是他在做這個動作。還記得Events選項卡包含許多起始塊嗎？看一看，你會看到一個火，當你點擊綠色的旗幟。這是一個完美的起點--將它拖到腳本工作區。

一旦你開始，你想讓貓跑過去踢球，對嗎？這聽起來像是運動標籤下的東西。有幾個選項可以使cat移動，例如move X steps塊。但是我們不能保證貓要走多少步才能夠到球。有一個更好的攔網——試著用滑翔X秒來攔網。一秒鐘是很好的時間，你需要點擊足球的藍色i圖標來查看它的座標。把這些輸入到方塊裡，你的第一個動作就完成了！

踢球

一旦貓碰到足球，它就會飛進球門。所以，選擇足球，這樣你就可以添加一些動作。請記住，每個操作都必須從一個事件開始——對於這個實例，綠色標誌是可以的。現在，你不希望足球在貓碰到它之前移動。請看一看控件類別中允許我們限制其行為的塊。等待，直到塊聽起來是正確的！

注意Wait-until塊內部是如何有一個拉長的六邊形的。很多感應塊都適合這個形狀，所以看看這些來找到合適的。看到列表頂部的觸摸塊了嗎？你可以把它拖到洞裡面等著。將下拉框更改為Cat或任何您命名的Cat sprite。

現在你只需要讓足球飛進球門。我們之前為貓使用的運動類別中的Glide X secs-to-block可以正常工作。在wait until下彈出那個方塊，把鼠標指針放在球門網上。你會看到舞臺下面的X和Y座標——把它們**滑動塊。當球被踢的時候，它應該移動得很快，所以讓我們試著用0.5秒來計時。

人群變得瘋狂

最後一步是添加聲音！選擇工作區上方的“聲音”選項卡以添加新的聲音。單擊New sound下的揚聲器圖標，從Scratch的庫中獲取一個。在人類的範疇裡有一個叫做歡呼，這是完美的。雙擊它以添加，然後返回足球的工作區。

您將在“聲音”類別下找到一個標記為“播放聲音”的塊。把它放在滑塊下面，你就完了！單擊綠色標誌播放動畫。貓會跑到球跟前，當它碰到球時，球飛進球門，觀眾歡呼。

[視頻寬度=“480”高度=“360”mp4=”https://www.makeuseof.com/wp-content/uploads/2017/04/Scratch-Soccer-Example-Video.mp4“][/視頻]

那並不難！既然我們已經深入瞭解了塊是如何關聯和組合在一起的，那麼讓我們看看如何使用Scratch構建一個馬里奧遊戲。

創建基本的馬里奧遊戲

上面的簡單足球示例演示瞭如何使用塊來控制精靈，但它沒有任何遊戲性、動畫或音樂。讓我們深入其中，創建一個簡單的馬里奧遊戲。我們可以在**遊戲的每一個方面花費數千字，所以我們將堅持基本原則。

請注意：因為我不是一個藝術家，為了本教程的目的，我從網上覆制馬里奧精靈。馬里奧圖形是任天堂所有，你不應該發表任何遊戲使用受版權保護的精靈。這只是一個例子。

導入圖形

第一步是將精靈和背景導入Scratch。因為我們使用的是網絡上的圖片，所以我會下載它們，然後上傳到Scratch。創造邏輯，使馬里奧可以跳上敵人打敗他們，但死亡，從接觸他們的側面是太先進的本教程，所以我們將讓他收集硬幣代替。

在教程的最後，我將提供一個包含我使用的最終資產的ZIP文件。如果你使用這些，你就不必擔心教程中的圖像操作說明。如果你想自己下載所有東西，請繼續。以下是我下載的精靈：

• 馬里奧跑步（兩幀就足夠了）
• 馬里奧跳躍
• 動畫硬幣
• 接地塊
• 雲

Scratch有一個藍色的sky3背景，可以滿足我們的需要。

編輯精靈服裝

因為有兩個精靈組成了馬里奧的跑步動畫，所以你需要將它們作為單獨的服裝添加進去。使用像這樣的圖像編輯器油漆.NET要將兩個Mario幀保存為單獨的文件，可以忽略第三個。上傳第一個馬里奧精靈，然後選擇它並使用服裝選項卡上傳另一個精靈作為他的第二套服裝。給他們起個不同的名字，比如馬里奧一號和馬里奧二號。加入跳躍精靈作為馬里奧的另一套服裝。

使用圖像編輯器從上面提供的圖像中提取雲，然後將其作為新的sprite上傳。它不是動畫，所以你不需要添加一個單獨的服裝。

對於地面，你需要很多街區，因為馬里奧沿著這些街區跑。使用油漆.NET抓取地面塊圖像中間的六個塊，然後將它們另存為一個文件。一旦你把它們縮小到一個合適的尺寸，你需要大約12塊來覆蓋整個屏幕的底部。因此，你應該把這六個街區的兩個副本並排放置在地精靈上。上傳這個，然後在Scratch中複製兩個地面精靈。

硬幣是一個動畫GIF，所以有點不同。無論何時上傳，Scratch都會為動畫的每一幀創建服裝。這張圖片總共有11幀，但不幸的是，它周圍還有一個白色的邊框，與藍色背景相映成趣。你必須在Scratch編輯器中打開每一件衣服。使用移液管工具選擇藍色背景色，然後使用油漆桶工具將硬幣的白色邊緣更改為淡藍色。

您需要使用屏幕頂部綠色標誌按鈕正上方的“增大”和“收縮”按鈕調整精靈的大小。單擊任一按鈕，然後單擊左側舞臺上要更改的精靈。這也將調整所有服裝的大小。現在就給他們一個大概的估計；你可以稍後再微調。

導入聲音

就像精靈一樣，我們會抓住一些聲音來充實我們的遊戲。繼續下載，然後用聲音標籤上傳。當你這麼做的時候，考慮把它們作為你**的酷**。

• 超級馬里奧兄弟主題
• 馬里奧跳躍聲
• 硬幣收集聲音

設置硬幣的動畫

現在所有的資產都準備好了，是時候讓它們活起來了。我們先從硬幣開始，因為那些很容易。選擇硬幣精靈和腳本選項卡。因為我們的硬幣是動畫GIF，所以我們可以用一系列的積木來不斷滾動他們的服裝，使他們看起來像是在移動。

動畫腳本如下所示：

簡而言之，當您單擊綠色標誌時，此腳本將硬幣設置為其默認狀態。然後它以您在“數據”選項卡中設置為FPS變量的速度無休止地在幀之間循環。如果你不喜歡這個速度，就用這個數字玩吧。

取消選中數據選項卡中Coin FPS旁邊的框（這是您創建的自定義變量），這樣它就不會顯示在屏幕上。

讓馬里奧動起來

現在是最困難的部分。讓馬里奧移動需要很多步驟，而這實際上是一個技巧，滾動地面塊以呈現移動的外觀。我將提供代碼塊的屏幕截圖並解釋它們的亮點，而不是試圖解釋每個塊循環。

首先，您需要在Data選項卡中創建四個變量。這四個都適用於所有精靈，除了速度，它只適用於馬里奧：

• 重力是一個常數，當馬里奧跳躍時，它會把他拉回到地面。
• OnGround追蹤馬里奧是否觸地。
• ScrollX測量屏幕的水平移動。
• 速度（僅限馬里奧）控制馬里奧跳躍的速度。

設置地面動畫

你已經用鼠標右鍵點擊地面精靈並選擇“複製”，複製了兩個副本。將Ground-1拖動到屏幕的最左側，使其最左側的塊接觸到屏幕的最左側。然後，將另一個地精靈拖到第一個地精靈的右側。把邊緣排成一行，地面看起來就像是一塊實心的。

下面是每個地面精靈需要的代碼塊：

這將地面放在屏幕的底部，然後簡單地隨著馬里奧的移動滾動塊。ScrollX是塊的位置；0是單擊綠色標誌時啟動的默認位置。你會注意到你不能一開始就向左移動。

對於第二個（以及更多的）接地塊，在ScrollX+480*0中，每增加一個新的接地塊，就增加一個數字。這將抵消它，使它滾動順利。

馬里奧的邏輯

這就是所有的代碼塊，但是Mario有更多的代碼塊。以下是他們各自的工作，並簡要總結：

這段代碼在Mario移動時更改ScrollX變量。每當你按左鍵或右鍵時，馬里奧都會朝著正確的方向走一步，將ScrollX增加3。如果你發現馬里奧在你向左移動時翻轉過來，點擊他的精靈上的藍色i並確保旋轉樣式設置為第二個選項。這將使他左右翻轉，而不是一個圓圈。

這裡我們看到了處理馬里奧服裝變化的代碼。當馬里奧不在地上時，他就穿上了跳傘服。每當你向左或向右移動時，馬里奧每十分之一秒就會在幀之間切換。放開箭頭鍵，馬里奧默認為他的標準框架。

計算OnGround變量的簡單代碼。如果他碰到了一塊地，OnGround等於1（真）。當他跳的時候，OnGround是0（假）。

這兩個代碼塊處理馬里奧的跳躍速度。左邊是一個街區，確保馬里奧在地面上沒有任何動力。如果他在空中，那麼他的速度會被重力逐漸減慢，這是一個常數。只要你按下空格鍵，右邊的方塊就會讓馬里奧跳起來。他的跳躍聲響起，速度將他推向空中，直到地心引力接管。

馬里奧的最後一段代碼已經全部設置好了。當您單擊綠色標誌開始時，音樂開始，所有變量都設置為其默認值，並且Mario在屏幕中間生成。

收集硬幣

讓我們回到硬幣上。我們要確保當馬里奧抓住一個的時候，它會發出聲音然後消失。讓我們為此編寫一個單獨的腳本——按函數分隔腳本是編程中的一個重要實踐。一大堆亂七八糟的積木使得出問題時更難找出問題所在。

以下是我們的錢幣收藏劇本：

這很簡單：每當馬里奧碰上一枚硬幣，收藏的聲音就會響起，硬幣就會藏起來。在硬幣動畫代碼中，我們放置了一個顯示塊，以便硬幣在重新啟動時重新顯示。

卷軸硬幣和雲

你就快到了！由於馬里奧不動，但地面滾動，我們需要確保硬幣也滾動，以便馬里奧可以收集它們。下面是它的工作原理：

這將硬幣放置在Y值處（即垂直屏幕位置），馬里奧可以輕鬆地抓住它。然後，它使用與接地塊相似的邏輯向馬里奧滾動。請注意，我們已將滾動速率增加到0.75，以便硬幣快速向馬里奧移動。對於第二個和第三個硬幣，我們將“y”字段增加到-40和-20，這樣它們就更高了，馬里奧就更難抓到了。在“設置x為塊”（Set x to block）中，將第二個和第三個硬幣的150*1增加到150*3和150*5，以使它們更靠近屏幕右側。

雲使用幾乎相同的代碼塊：

同樣，這會將雲放置在特定的高度，然後隨著馬里奧的移動滾動它。對於第二朵在馬里奧前面而不是後面的雲，將集合x改為block（ScrollX*0.1）+（150*1），就像硬幣一樣。

添加邊框

因為我們實現地面和硬幣的方式，你會看到硬幣卡在屏幕的邊緣，直到他們滾動到視圖中。這是難看的，所以你應該創建一個快速邊框精靈，它的顏色與背景相同，以隱藏在左右兩側。

最簡單的方法是在舞臺上單擊鼠標右鍵，然後單擊“保存舞臺圖片”。打開這個油漆.NET使用移液管工具選擇藍色背景色。使用右下角的對話框添加一個新層。然後，使用矩形工具在屏幕兩側繪製一個填充的藍色矩形。覆蓋每個塊的一半，然後刪除背景層。

將此保存為PNG文件，並將其上載為名為Border的新精靈。既然你在屏幕上畫了邊框，你就可以把它完美地排列起來。

然後，您只需要幾個街區，以便邊界始終在前面：

拓展你的遊戲

在這裡試用最終產品！

我們一起準備了一個馬里奧遊戲的基礎。你可以從這裡為你的遊戲添加很多元素。嘗試添加超級蘑菇來給馬里奧充電，**一些馬里奧必須清除的坑，或者創建一個末級標誌。有了在這裡學習的構建塊，您可以添加更多的精靈、變量和邏輯來創建任何您想要的東西。我們期待著您的建議！

我們想對Scratch用戶dryd3418說一聲，因為我們在本文的項目中使用了來自他的Super-Mario:Scroll&Jump教程項目的一些代碼。要獲得更詳細的幫助，包括可以複製的腳本，請查看另一個**馬里奧遊戲的用戶指南。如果你想走一條更簡單的路線，請查看創建你自己的馬里奧遊戲項目，它可以讓你拖放精靈來**一個簡單的遊戲。

請注意，在任何Scratch項目上，您都可以單擊“查看內部”在編輯器中打開該項目，就像您用於自己的項目一樣。這可以讓你一瞥到有人用來讓他們的項目工作的塊，並可以幫助你走出困境時，你陷入困境。我已經將我的項目提供給所有人，所以如果需要幫助，請隨意查看並查看代碼。我也壓縮了我在這個遊戲中使用的所有資源，所以你可以下載它們來節省一些時間。

有興趣把這個提高一點嗎？查看Scratch For Arduino在該平臺上構建項目。如果你已經準備好投入，那麼就從“零開始”查看**iPhone遊戲所需的一切

對於其他有趣的事情，你可以與您的孩子，看看這些網站的DIY工藝品和項目的兒童和青少年。