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