iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 3
1
自我挑戰組

從積木開始學程式系列 第 3

[DAY>3<]雙人連線終極密碼_1(程式流程思考)

  • 分享至 

  • xImage
  •  

我們來做個雙人連線的終極密碼吧!

這一份專案我可能會分成上、中、下 三篇~(或者更多篇數去寫)

那我們今天先將程式流程RUN一遍,明天就進入程式邏輯編寫的部分~

首先這個程式我們需要使用 Thunkable 與 Firebase Realtime Database 來做結合

雙人連線的部分就是利用Firebase運作的。

遊戲流程介紹

當開啟APP時,會進入遊戲大廳,
在這邊我們可以選擇
你要開房間 還是 加入房間

示意圖:
https://ithelp.ithome.com.tw/upload/images/20181017/20108017MchgR1mwAL.png

當我選擇"開設房間"
會隨機亂數產生一組房間號碼
然後房主就要等待另一位玩家進入

示意圖:
https://ithelp.ithome.com.tw/upload/images/20181017/20108017UQL8ngyoeb.png

當我選擇"加入房間"
會出現填寫框能夠填寫房間號碼
輸入好就點下確認

示意圖:
https://ithelp.ithome.com.tw/upload/images/20181017/201080179xbGqgsB2e.png

當房主以及玩家都進入到房間之後,
雙方會出現下方示意圖
會請雙方設定給對方的四位數終極密碼。

示意圖:
https://ithelp.ithome.com.tw/upload/images/20181017/20108017CCxWvyrEZF.png

接下來就會正式進到猜終極密碼的地方了!
雙方這時候就會開始一直猜
介於多少數字到時候會用寫程式碼的部分,
會及時變化,告訴你說你現在的數字介於那裡到哪裡~

示意圖:
https://ithelp.ithome.com.tw/upload/images/20181017/20108017QmBWHF2wT2.png

當其中一位猜到終極密碼時,贏家部分會顯示下圖:
https://ithelp.ithome.com.tw/upload/images/20181017/20108017civkDJb8K8.png

在同時,不管對方有沒有猜到,都會出現你輸了的訊息:
https://ithelp.ithome.com.tw/upload/images/20181017/20108017Fe5iA0RDyl.png

然後最後會留下退出遊戲的按鈕,就可以結束遊戲了。

今天的內容給的算比較少,大家可以先想一下,如果程式這樣設計,
那程式碼大概要怎麼寫呢?
歡迎大家在下面提出看法,或者有問題都可以提出喔~

明天的內容可能就會比較長了,會包含程式的邏輯以及變數的一些設計,還有Firebase資料庫的建置~
(20181018晚上更新:可能這專案會以多篇的方式去寫~篇數不再分為上、中、下,更新為1、2、3....)


上一篇
[DAY>2<]透過Live Test讓手機也能及時預覽目前開發狀況
下一篇
[DAY>4<]雙人連線終極密碼_2(大廳及開設房間介面設定)
系列文
從積木開始學程式30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言