Progress标签控制，达到血量计算

Progress控制，达到血量计算

 

如上图一样，能量和血条都是由一个标签，如下来制作的

血量：<progress id="xue1" value="100" max="100"></progress>

我们给他一个id；方便后续来获取到血条；来控制血量加减；能量条一样的原理；

 

我们先来分析一下这里；if条件是当玩家1的攻击子弹打到玩家二的时候触发；

首先得有一个打击到后触发的一个火花样式；

其次就是玩家二的血量和能量发生变化；如上图我们获取到能量和血条后；在下面计算是这样的；血量-10；如果血量少了10点则能量加12；如果能量对于100时，血量+50；能量清空；

 

然后再打一下

 

 

最后当血量=0时；触发if判断里的结束一下条件，禁止操作；

再说一下技能导弹的触发也是一样；单独获取导弹的坐标；当导弹坐标和2号玩家坐标一样的时候；造成比子弹更大的伤害；子弹-10；导弹-25；我们还可以设置导弹击中减少能量-15；

而吃到补给箱的效果也是一样的；当玩家的坐标对于补给箱坐标时；补给箱消失；玩家血量+30能量+20等自由设置；

 

就像这样；血量没有减少的同时加了能量（血量满时）