2011-10-18 63 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