Problem w Kodzie Javascript Canvas

pytanie zadane 5 września 2015 w JavaScript przez LPTU Użytkownik (540 p.)
zamknięte 6 września 2015 przez LPTU

Witam wszystkich.
Od mniej więcej godziny wpatruje się w kod i szukam błędu lecz nie moge go wykryć może ktoś mi pomóc ? Mianowicie Skrypt ma rysować kropke i po naciśnięciu lewej strzałki ma się poruszyć w lewo.

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1" />
	
	<title>Kropka </title>
	<style type="text/css">
		body {
			margin: 0;
			padding: 0;
			overflow: hidden;
			background-color: lightgrey;
		}
	</style>
</head>

<body>
<script type="text/javascript">
	var my_canvas = document.createElement("canvas");
	document.body.appendChild(my_canvas); 
	my_canvas.width = 800;
	my_canvas.height = 500;
	
	var ctx = my_canvas.getContext("2d");
	
	window.onekeydown = Control;
	
	var move_x = 0;
	var move_y = 0;
	var x = my_canvas.width/2;
	var y = my_canvas.height/2;
	var r = 15;
	
	function Draw() {
	x += move_x
	
		ctx.beginPath();
		ctx.arc(x, y, r, 0, 2*Math.PI);
		ctx.fillStyle = "blue";
		ctx.fill();
	}
	
	
	function Control (eve) {
		if (eve.keyCode==37) {
		move_x = -10;
		move_y = 0;
		Draw();
			
		}
	
	}
	Draw();

	</script>


</body></html>

komentarz zamknięcia: Uzyskanie odpowiedzi

1 odpowiedź

odpowiedź 5 września 2015 przez Dawid Sobieszczuk Mądrala (6,240 p.)
edycja 5 września 2015 przez Dawid Sobieszczuk

window.onekeydown = Control; na window.onkeydown = Control;

i poza tym w funcji draw:

ctx.fillStyle = "#FFF";
ctx.fillRect(0, 0, my_canvas.width, my_canvas.height);

Dodaj to przed narysowaniem kulki, aby wyczyścic ekran.

komentarz 5 września 2015 przez LPTU Użytkownik (540 p.)

dzieki wielkie

Podobne pytania

Zaloguj lub zarejestruj się, aby skomentować.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci