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