JavaScript - ayuda con setinterval() porfavor, soy nuevo :c

   
Vista:

ayuda con setinterval() porfavor, soy nuevo :c

Publicado por renzo (1 intervención) el 06/11/2015 21:38:16
hola amigos del foro soy nuevo , necesito una ayuda porfavor.
he tomado algunas pocas clases por internet de programacion y estoy intentando ponerlas en practica , he hecho algo asi como una animacion ,cuando empiezo moviendo al personaje va normal derecha, izq ,der ,izq , pero cuando lo hago unas 3 veces mas o menos va mas lento de lo normal ,quisiera saber como arreglarlo

aqui le codigo:

.............................................HTML.................................................
...........................................................................................................

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<DOCTYPE html />
<html>
<head>
	<title></title>
	<meta charset="utf-8" />
	<script type="text/javascript" src="b.js"></script>
	<style type="text/css">
	body
	{
		background: #500050;
		text-align: center;
	}
 
	</style>
</head>
<body>
	<canvas width="1000" height="1000" id="canvas"></canvas>
	<script type="text/javascript">
	inicio();
	</script>
</body>
</html>

....................................................JAVASCRIPT..............................................
............................................................................................................................

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
var a,c,d,f;
function inicio()
{
	var canvas = document.getElementById('canvas');
	a = canvas.getContext("2d");
 
	var imagen =
	{
		x:0,
		y:0,
		imagenURL: "diana-der.png",
		imagenBURL:"diana-izq.png"
	};
	var fondo =
	{
		x:0,
		y:0,
		fondoURL:"to.jpg"
	};
 
	document.addEventListener("keydown",parar);
 
	function derecha()
	{
		imagen.imagen = new Image();
		imagen.imagen.src = imagen.imagenURL;
		imagen.imagen.onload = empezar;
 
		function empezar()
		{
			c = setInterval(datos, 1000/200);
		}
		function datos()
		{
			movimiento();
			dibujar();
 
		}
 
		function movimiento()
		{
			imagen.x ++;
 
		}
 
		function dibujar()
		{
			a.fillStyle = "violet";
	        a.rect(0, 0, 1000, 500);
	        a.fill();
			a.drawImage(imagen.imagen,imagen.x,imagen.y);
		}
	}
 
	function izquierda()
	{
		imagen.imagen = new Image();
		imagen.imagen.src = imagen.imagenBURL;
		imagen.imagen.onload = empezar;
 
		function empezar()
		{
			f = setInterval(datos, 1000/200);
		}
		function datos()
		{
			movimiento();
			dibujar();
 
		}
 
		function movimiento()
		{
			imagen.x --;
 
		}
 
		function dibujar()
		{
			a.fillStyle = "violet";
	        a.rect(0, 0, 1000, 500);
	        a.fill();
			a.drawImage(imagen.imagen,imagen.x,imagen.y);
		}
	}
 
	function parar(code)
	{
		codigo = code.keyCode;
		if(codigo == 39)
		{
			derecha();
		}
			else if(codigo != 39)
			{
				window.clearInterval(c);
			}
		if(codigo == 37)
		{
			izquierda();
		}
			else if(codigo != 37)
				{
					window.clearInterval(f);
				}
		console.log(codigo);
	}
	a.fillStyle = "violet";
	a.rect(0, 0, 1000, 500);
	a.fill();
 
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder