2013-07-04 4 views
-1

J'ai donc créé un jeu et j'ai eu l'idée d'avoir une animation png semi-transparente à partir d'une feuille de sprites pour apparaître quand le joueur est remis au départ après sa mort.Animation de jeu de toile

http://www.youtube.com/watch?v=s2Vwyqo_y_A

Il est juste que je n'ai jamais eu l'occasion de l'animation encore pour une raison quelconque, je pense que la manipulation de la animrequestframe thingy un peu confus. Je l'ai mis ainsi mon jeu se régénère toutes les 60 fois par seconde.

Je voudrais des conseils pour m'aider! :/ C'est mon premier jeu "correct"!

+0

Cette [liste des moteurs de jeu JS] (https://gist.github.com/bebraw/768272) pourrait être un bon point de départ. – jantimon

+0

Je prévois d'utiliser impactjs pour mon prochain jeu, c'est juste tout ce que je voulais faire jusqu'ici peut être fait avec des js purs! :) Un moteur pourrait me sauver beaucoup de temps :) – Sam

+0

@Sam Si la réponse suivante était de toute aide, s'il vous plaît considérer comme correct. – Jarrod

Répondre

0

Si vous luttez obtenir autour de votre tête requestFrameAnimation, je vous suggère de lire ces quelques liens, ils l'expliquent très bien:

  1. The secret to silky smooth JavaScript animation!
  2. Using requestAnimationFrame

L'exemple le plus simple étant donné:

function gameLoop() { 
    // Game logic 
    requestAnimationFrame(gameLoop); 
} 
requestAnimationFrame(gameLoop); 

EDIT: Vous mentionnez que vous voulez que votre jeu se déroule tous les 60 FPS. L'animation par requête lancera votre jeu aussi vite que possible - ce qui est une bonne chose - mais il existe des astuces pour définir le FPS réel. Cependant, à moins que vous ne visez un FPS plus bas, comme 30, je ne m'en soucierais pas.