|
0x00前言
下面帶大家用TurnipBit開發(fā)板實現(xiàn)一個簡單的小游戲-擲骰子。TurnipBit是一款口袋式可視化編程開發(fā)板,拖拖拽拽零基礎也能玩編程!
0x01實現(xiàn)過程
1. 當我們按下A后,顯示屏不停切換顯示1-6之間的數(shù),模擬骰子的滾動
2. 然后我們按下B,顯示屏定住顯示B按下時的數(shù)字
0x02開發(fā)步驟
打開我們的TurnipBit在線圖形編輯器。
www點turnipbit點com/PythonEditor/editor.html#
1、我們創(chuàng)建一個變量用來存儲顯示的數(shù)字。
選擇[變量]->[創(chuàng)建變量]->輸入變量名num(可自擬)。
1.png (162.91 KB, 下載次數(shù): 67)
下載附件
2017-9-4 16:41 上傳
2、我們給num設置一個初始值1(num=1)。
選擇[變量]->[賦值num到](默認值0)。
2.png (121.27 KB, 下載次數(shù): 73)
下載附件
2017-9-4 16:41 上傳
選擇[數(shù)學]->
3.png (1.37 KB, 下載次數(shù): 73)
下載附件
2017-9-4 16:41 上傳
,和[賦值num到]拼插起來,修改數(shù)值為1。
4.png (120.67 KB, 下載次數(shù): 72)
下載附件
2017-9-4 16:41 上傳
3、根據(jù)上面的步驟,我們再創(chuàng)建一個新標量flag=1,它用來判斷屏幕是不斷切換數(shù)字顯示,還是定住顯示一個數(shù)字。
5.png (125.2 KB, 下載次數(shù): 71)
下載附件
2017-9-4 16:41 上傳
4、接下來我們寫整個程序的主體,先放入一個循環(huán),條件永遠真,讓程序一直運行。
選擇[循壞]->[重復當[]執(zhí)行]。
6.png (73.9 KB, 下載次數(shù): 72)
下載附件
2017-9-4 16:41 上傳
選擇[邏輯]->[真],與循環(huán)拼插對接起來。
7.png (132.45 KB, 下載次數(shù): 68)
下載附件
2017-9-4 16:41 上傳
5、在循壞體內(nèi)添加執(zhí)行的內(nèi)容。邏輯判斷flag的值。
選擇[邏輯]->[如果xx執(zhí)行xx]放到循壞體內(nèi)。
8.png (137.98 KB, 下載次數(shù): 74)
下載附件
2017-9-4 16:41 上傳
6、將判斷條件[flag==1]添加到邏輯if判斷體中。
9.png (140.56 KB, 下載次數(shù): 68)
下載附件
2017-9-4 16:41 上傳
7、[flag==1]為真時,給num賦值1-6的隨機數(shù)并顯示。
選擇[變量]->[賦值num到xx]放到邏輯執(zhí)行體中。
選擇[數(shù)學]->[從1到100之間的隨機整數(shù)],與[賦值num到xx]拼接起來,并修改為從1到6之間的隨機數(shù)。
10.png (193.93 KB, 下載次數(shù): 72)
下載附件
2017-9-4 16:41 上傳
8、顯示num的值。
在顯示之前,我們先將顯示內(nèi)容清除。
選擇[顯示]->[清除顯示內(nèi)容]放到邏輯執(zhí)行體的下面與其對接。
11.png (157.16 KB, 下載次數(shù): 71)
下載附件
2017-9-4 16:41 上傳
選擇[顯示]->[顯示圖像]放到[清除顯示內(nèi)容]下面與其對接。
選擇[變量]->[num],與[顯示圖像]拼插一起。
12.png (160.6 KB, 下載次數(shù): 58)
下載附件
2017-9-4 16:41 上傳
9、接下來我們來判斷按鍵A是否被按下。
根據(jù)上面的步驟,添加1個邏輯判斷塊,在顯示圖像的下方與其對接。
13.png (169.13 KB, 下載次數(shù): 70)
下載附件
2017-9-4 16:41 上傳
選擇[按鍵]->[按鍵A被按下],放到剛才新添加的邏輯判斷的條件中。
14.png (175.98 KB, 下載次數(shù): 66)
下載附件
2017-9-4 16:41 上傳
當按鍵A被按下時,我們賦值flag=1,即不斷的動態(tài)改變num的值并顯示,相當于骰子正在滾動。
15.png (149.43 KB, 下載次數(shù): 72)
下載附件
2017-9-4 16:41 上傳
10、根據(jù)上一步,我們再下方添加判斷按鍵B是否被按下,賦值flag=0,即定住顯示num的值,相當于骰子停住的那一刻。
16.png (184.63 KB, 下載次數(shù): 61)
下載附件
2017-9-4 16:41 上傳
11、接下來我們添加一個延時,不要讓數(shù)字切換的那么快。
選擇[TurnipBit]->[睡眠1000毫秒]放到顯示圖像的下面,內(nèi)部數(shù)字修改為150。
17.png (200.59 KB, 下載次數(shù): 70)
下載附件
2017-9-4 16:41 上傳
12、基本的代碼已構(gòu)建完畢,大家先別急著下載hex執(zhí)行,里面還有一個小問題需要解決。
大家可以看到代碼區(qū)內(nèi)的[display.show(num)]這句代碼,display.show()方法內(nèi)的參數(shù)必須是String(字符串)類型的變量,而我們的num是int類型的,需要轉(zhuǎn)換。
圖像編輯區(qū)沒有提供類型轉(zhuǎn)換的塊,所以我們需要切換到代碼編輯區(qū),手動添加。
(注意:一旦切換到編輯區(qū),將無法撤回到原先的圖像邏輯區(qū))
點擊右上角菜單欄[可視化編程]。
將[display.show(num)]修改為[display.show(str(num))]
19.png (55.18 KB, 下載次數(shù): 73)
下載附件
2017-9-4 16:41 上傳
13、接下來下載hex文件到TurnipBit中,一起擲骰子吧。
|
-
18.png
(205.66 KB, 下載次數(shù): 116)
下載附件
2017-9-4 16:41 上傳
|