Publicado em 9 de ago.

Ajuda com svg

Criei um mini game com recursos svg gerados por javascript para estudar e queria adicionar uma condição da bolinha quando tocar o chão zerar o contador (seria como a posição cy do eixo da bolinha tocasse o chão no 265px) só que não consigo acessar ele para ativar essa condição tentei assim..

contador.innerHTML=numero+=1

 if(balloon.cy==265){
 numero=0;
 contador.innerHTML=numero;
 }

 })

	[https://codepen.io/regis4](https://codepen.io/regis404/pen/PMyYzv)[04/pen/PMyYzv](https://codepen.io/regis404/pen/PMyYzv)   projeto completo ai

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

gabrielms· 10 de ago.

@Overtron8000 Olhando o seu projeto eu achei dois problema nessa sua condição if.

Quando você faz a verificação do atributo cy, você tenta pegar ele de uma forma invalida. Esse if nunca vai funcionar.

Você utiliza no seu projeto o Jquery e para manipular o atributo você utiliza o método attr() do Jquery para modificar o valor do atributo. Você também pode usar esse método para retorna o valor do atributo, nesse caso vamos usar para retorna o valor de cy.

if (balloon.attr("cy") == 265)
{

	numero = 0;
	contador.innerHTML = numero;
}

	Porém mesmo você fazendo essa modificação o seu projeto não vai funcionar dá maneira que você quer. O motivo dele não funcionar é o fato de que a condição vai ser executada antes da bolinha chegar aos 265px.

	 

	Eu tenho uma solução, eu não sei se é a melhor opção para o seu projeto, mas você pode adiciona um delay na verificação dessa condição usando o setTimeout com o tempo de duração da queda da bolinha;

	 

	Exemplo

setTimeout(function()

{
if (balloon.attr("cy") == 265)
{

 numero = 0;
 contador.innerHTML = numero;
 }
},755);

Overtron8000· 14 de ago.

Não é o que eu esperava mas é o que funcionou, separei as ações em funções e adicionei uma div para começar o jogo e exibir a tela de gameover que exibe sua pontuação no final

https://codepen.io/regis4 04/pen/PMyYzv