2011-10-18 98 views
1

我正在構建一個javascript + css遊戲,顯示代表遊戲允許用戶擁有的3次嘗試的3個心臟圖標。Javascript:3次嘗試遊戲邏輯

我有3種類型的心:

一個正常的代表不使用嘗試

突出顯示的一個代表成功的嘗試

交叉一個代表一個失敗的嘗試

而且我有一個名爲「結果」的變量,用於存儲0(嘗試失敗)或1(嘗試成功)

你能幫我代表3次嘗試的邏輯嗎?含義根據用戶的操作改變屏幕上的心臟圖標。 我已經開始展示必須在遊戲開始時顯示的3個正常心臟,但我不知道如何跟隨,我卡住了!

的組合可以是(是O正常心臟,V的一次成功嘗試心臟和X失敗的一個):

OOO

XOO

VOO

XXO

VXO

XVO

VVO

XXV

XVX

VXV

VXX

VVX

XVV

XXX

VVV

萬分感謝

+0

我不明白這個遊戲。 –

+0

幫助什麼?決定嘗試成功與否的邏輯?在文檔上打印「心臟」的功能?在用戶做了什麼之後改變它們的功能?請進一步解釋... – Nikoloff

+1

目前還不清楚你在這裏問什麼。您是否要求幫助更改頁面上的圖標以響應用戶的操作?你在尋求實現遊戲邏輯的幫助嗎?你的問題對你究竟遇到什麼問題非常模糊。 – Hammerite

回答

1

因此,在任何時候,你可以表示使用3個數字的心中,每個數字可以是狀態的1,2或3比方說1代表正常的心臟,2代表突出的心臟,3代表交叉的心臟。

因此,您可以將心的狀態存儲爲整數。在遊戲開始時,所有的心是正常的心,所以:

var state = new Array(); 
state[0] = 1 
state[1] = 1 
state[2] = 1 

現在,只需跟蹤哪些嘗試的用戶是使用另一個變量,說attemptNumber。所以,在比賽開始時,attemptNumber=1。用戶完成該嘗試後,如果嘗試成功,則將state[attemptNumber]設置爲等於2,如果失敗,則設置爲3,然後將attemptNumber遞增1。現在,用戶只能獲得3次嘗試,並且在第三次嘗試後,attemptNumber等於4.因此,只需將整個遊戲置於像while (attemptNumber < 4) (play the game)這樣的while循環中即可。

至於CSS,根據state的值更改每個心臟的圖標。

+0

非常感謝!!!!! – user995247