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.................................................
...........................................................................................................
....................................................JAVASCRIPT..............................................
............................................................................................................................
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
0