燒腦小遊戲來了，下一個最強大腦就是你！

在之前幾篇關於App Inventor的手機編程文章里，小童老師教了大家幾個超級簡單實用的小案例，但是爸爸媽媽千萬不要認為我們的APP Inventor的邏輯都是這麼簡單沒有挑戰性！我們的APP Inventor可以用簡單的代碼塊完成強大的功能，但同時也是利用它積木式的模塊鍛煉孩子的邏輯思維！今天小童老師就教大家做一個燒腦的小遊戲！

給大家介紹一下今天要做的小遊戲

遊戲名稱

顏色辨別

遊戲規則

根據字體顏色選擇對應一致的按鈕，選對得1分，選錯減1分，限時60秒

遊戲規則是不是聽起來so easy呢？但真正玩起來你會發現並沒有我們想像的那麼簡單！其實我們這個小遊戲還有個別稱叫做「左右腦測試」。爸爸媽媽一定想問顏色辨別和左右腦有什麼關係呢？

其實左右腦協調能力測試是一個在腦科學和心理學非常出名的測試，可考驗左右腦的協調能力；人的左腦理解文字、邏輯等，右腦就對色彩、藝術等作出反應，當看到一個有顏色的文字時，人的大腦是會感到混亂的。現在這個測試我們把它做成了一個小遊戲，當能穩定地獲得高分時，說明你左右腦的協調能力非常之棒哦！

我們正式做遊戲之前，首先一起來做個小測試吧~

請讀出圖中字的顏色！看看你能讀對幾個吧~

你都讀對了嗎？單單讀這些東西缺少一些趣味性，我們一起來製作這樣一個顏色辨別的小遊戲讓測試更加有趣吧！

第一步：界面設計

由於本案例相對於之前文章里用到的組件較多，所以我們這次的步驟不會像以前那麼詳細。但知識點之前提到過，小童也會在這裡畫出詳細的圖示，讓大家一目了然，所以小朋友也不必擔心做不出來！一起來試試吧。

需要的組件主要有

一個數字滑動條

一個展示顏色的標籤

六個代表顏色的按鈕

記錄正確和錯誤分值的標籤

重新開始按鈕、退出遊戲按鈕

還有兩個非可視化組件，計時器和對話框

為了布局美觀還要有若干個布局組件

下邊兩張圖是主要的界面組件設計

第一張圖是App Inventor中的截圖，由於App Inventor本身像素問題，在這裡小童老師給大家一個小建議：我們調節布局的時候用手機連接我們的AI伴侶做調整！

第二張圖是手機里我們看到的界面，我把主要的可視化組件圈了起來，大家可以直觀的看到界面的結構！

也許有些小朋友看到這些界面還是不會布局，沒關係，我把組件列表也以圖片的形式展示給大家！

溫馨

提醒

1

數字滑動條：最大值，60.0，最小值，0.0，滑塊位置，60.0，啟用滑塊的勾去掉。

2

計時器：啟用計時器的勾去掉

3

正確值和錯誤值兩個標籤的文本顯示都設置為0

第二步：編程設計

本次程序設計的代碼塊也相對較多我們分步驟來完成他們！

1

展示標籤變換

這個案例最主要的就是「紅」、「粉」、「黃」、「綠」、「藍」、「黑」這六個字和這六種顏色隨機切換，所以我們首先用到的是隨機數，這裡我們定義好六個字、六種顏色，和兩個隨機數的全局變數，定義一個展示標籤變換的過程。

2

點擊顏色按鈕

每次點擊代表顏色的六個按鈕時，都將有一個結果（正確值加1，或者錯誤值加1），所以我們定義一個「選擇結果」過程，另外點擊完按鈕後，標籤展示的內容更換，所以需要調用「文字顯示」過程。

3

遊戲開始

遊戲開始需要一個對話框介紹遊戲規則，初始化界面等操作。

4

遊戲結束

數字滑動條來顯示時間進度，一分鐘後（滑塊位置為0）遊戲結束。用一個對話框展示遊戲結果。

到這裡我們所有的代碼設計就完成了，把項目安裝到手機中，小童也迫不及待來測測自己的左右腦了~遊戲開始！

額……成績好像不太理想~沒關係多玩幾次，一定能玩出高分！爸爸媽媽和小朋友一起來比賽吧！

我們的編程鍛煉左腦邏輯，我們的遊戲又能幫助開發右腦！小朋友的智力就可以在一邊編程一邊遊戲中更上一層樓了！是不是棒棒噠~

客服添加

添加下方客服好友入VIP交流群

小美(客服)：tctm-xiaomei

加入童程童美大家庭！定期分享教育和科技資訊；不定期舉辦有獎互動活動及講座；客服老師和教學老師定期解答家長問題等。

GIF/156K

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！