라파엘 번역 애니메이션 문제 해결
-
05-07-2019 - |
문제
나는 라파엘을 사용하여 작은 게임을 만들려고 노력하고 있으며, 내가 작업중 인 코드에 대해 약간의 조언을 원합니다.
여기에 내가 지금까지 가지고있는 것은 화면 주위에 원을 움직이는 간단한 예입니다.
<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>
이제 내가 가지고있는 현재 문제는 오른쪽 화살표 키를 처음으로 클릭 한 경우에만 애니메이션을한다는 것입니다. 나는 'startx'가 약간의 추적 디버깅으로 증가했음을 확인했습니다.
나는 라파엘에서 시작했다 서클 예제 그리고 조금씩 으깬다 ICHART, 그래서 내 방식이 최고가 아닐 수도 있습니다 ... 나는 당신의 제안을 기대합니다 :)
해결책
오
d.cx = startx를 설정해야합니다 .... 변수를 업데이트하는 데 도움이됩니다!
제휴하지 않습니다 StackOverflow