Discussion :

[webamon]

Bonjour � tous,

Alors voila je me met a utiliser le framework kinetic.js pour faire des petit jeux ou tout simplement de l�animation.

Donc je me suis mis au sprite.
J'arrive bien a lancer un sprite simplement comme ceci:

Mais lorsque je veux lancer l'animation lors d'un event keyboard (dans mon cas les fl�che directionelle) l'animation est toute moche.

Quelqu'un aurait il une id�e ?

[p3ga5e]

Salut !
Je ne connais pas Kinetic, mais je te conseil de s�parer l�update de ton entit� de la gestion des �v�nements clavier.
Pour cela maintient, en m�moire, les �tats des touches clavier, comme ceci :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var Keys ={
	Up   : "38",
	Down : "40",
	Left : "37",
	Right: "39"
};
 
window.addEventListener('keydown',
function( evt )
{
	Keys[evt.keyCode]=true;
}, false);
 
window.addEventListener('keyup',
function( evt )
{
	Keys[evt.keyCode]=false;
}, false);

Pour l�update time tes d�placements et �vite d�appeler plusieurs fois les m�thodes start et stop ( peut �tre que celles-ci r�initialisent l�animation)

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
sonic.onUpdate = function(deltatime)
{
	if(Keys[Keys.Right])
	{
		if(!sonic.running)
			sonic.start();
 
		sonic.attrs.x += 5*deltatime;
	}
 
	if(Keys[Keys.Left])
	{
		if(!sonic.running)
			sonic.start();
 
		sonic.attrs.x -= 5*deltatime;
	}
 
	if(sonic.running && !Keys[Keys.Left] && !Keys[Keys.Right])
		sonic.stop();
}

Si Kinetic l�ve un �v�nement Update sur ton entit� sonic v�rifie que cette librairie utilise bien la fonction requestAnimationFrame, sinon branche-la comme ceci :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
var lastTick = Date.now();
function animate() 
{
	requestAnimationFrame(animate);
	var tick = Date.now();
	var dt = tick-lastTick;
	lastTick = tick;
	sonic.onUpdate(dt);
}

[webamon]

Je vais regarder tout ca demain, histoire de bien comprendre le code que tu me propose. En tout cas merci d'avoir pris de ton temps pour r�pondre !
Je te tiens au jus !