Solução de problemas Raphael animação tradução
-
05-07-2019 - |
Pergunta
Eu estou tentando usar Raphael para fazer um pequeno jogo, e só quer um pouco de conselhos sobre algum código que eu estou trabalhando.
Aqui está o que eu tenho até agora, é apenas um exemplo simples de mover um círculo ao redor da tela:
<script type="text/javascript" charset="utf-8">
window.onload = function () {
var paper = Raphael(10, 50, 320, 200);
var paper = Raphael(document.getElementById("holder"), 320, 200);
var paper = Raphael("holder", 320, 200);
var startx = 30;
var starty = 30;
var ANIM_STEP = 5;
var d = paper.circle(startx,starty,20);
d.attr("fill", "blue");
document.onkeyup = function (e) {
var keyid = e.keyCode;
switch (keyid)
{
// right arrow key
case 39:
startx += ANIM_STEP;
d.cx = d.cx || startx ;
d.animate({cx: d.cx}, startx);
break;
}
}
};
</script>
Agora, a questão atual que eu estou tendo é que ele só anima a primeira vez que a tecla seta para a direita foi clicado. Eu verifiquei que 'startx' é incrementado com alguma depuração vestígios.
Eu comecei a partir do Raphael exemplo círculo e purê em um pouco do iChart , então meu caminho pode não ser o melhor ... Eu olho para a frente a suas sugestões:)
Solução
D'oh
tem que definir d.cx = startx .... ajuda a atualizar suas variáveis!
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow