Risoluzione dei problemi relativi all'animazione della traduzione di Raffaello
-
05-07-2019 - |
Domanda
Sto tentando di usare Raphael per creare un piccolo gioco e voglio solo un consiglio su un codice su cui sto lavorando.
Ecco quello che ho finora, è solo un semplice esempio di come spostare un cerchio sullo schermo:
<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>
Ora, il problema attuale che sto riscontrando è che si anima solo la prima volta che si è fatto clic sul tasto freccia destra. Ho verificato che "startx" è incrementato con un po 'di debug della traccia.
Sono partito dal Raffaello esempio di cerchia e ho eliminato un po 'dal ichart , quindi la mia strada potrebbe non essere la migliore ... non vedo l'ora di ricevere i tuoi suggerimenti :)
Soluzione
D'oh
devi impostare d.cx = startx .... aiuta ad aggiornare le tue variabili!
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow