2010-10-01 19 views
11

Si je décide d'écrire un jeu simple à la fois texte et graphique (2d) quelles libs puis-je utiliser? En supposant que nous utilisons un navigateur compatible HTML5.Quelles sont les bonnes bibliothèques JS pour les développeurs de jeux? (HTML5)

Les principales choses que je peux penser

  • texte rendu à l'écran
  • Animer sprites (en utilisant des images/css)
  • entrée (capture les touches fléchées et obtenir des positions de la souris par rapport)
  • Peut-être une ressource de préchargement ou de chargement dynamique des ressources et le choix de l'ordre
  • Son (mais je ne suis pas sûr de l'importance que cela sera pour moi au début). Peut-être avec des sons de mélange et d'enchaînement ou en boucle pour toujours jusqu'à l'arrêt.
  • Mise en réseau (priorité basse) pour connecter un utilisateur à un autre ou pour recevoir des données en continu sans demande multiple (je sais que cela existe mais je ne sais pas à quel point il est facile à configurer ou à utiliser. question).
+2

grande question +1 – x0n

+0

Je suis surpris que personne n'a encore suggéré jQuery;) –

Répondre

2

Bien .... il y a Rocket Engine. Je ne l'ai pas utilisé, mais il semble (sur la surface) faire beaucoup de ce que vous voulez.

Je recommande également HTML5 Gamer, un blog sur les questions pour la construction de jeux en HTML5/JS

2

GameJs ce que cela:

  • Sprites, SpriteGroups
  • texte rendu
  • manipulation d'entrée (touche/souris)
  • détection de collision
  • son
  • ressources préchargement

http://gamejs.org, Disclaimer: Je suis dev de GameJs.

Les choses ci-dessus fonctionne bien et j'ai fait des jeux avec elle. L'API est similaire à http://PyGame.org que certaines personnes aiment beaucoup.

La mise en réseau est planifiée.

+0

Hey, vous pouvez regarder http://www.effectgames.com/effect/ Une société possède maintenant voir http: // html5gamer .com/2010/07/effet-jeux-acquis-par-dextrose-ag-aves-engine/et aves engine a été montré à google. Je ne sais pas comment impressionner je suis avec aves mais je suis impressionné par effet et je soupçonne l'effet (et aves possibles, peut-être un est censé être libre tandis que l'autre est la version d'entreprise?) Sera la liberté d'utiliser. –

+0

a) pas de source ouverte b) pas encore disponible. Et c'est une bête différente car elle fonctionne avec imgs/css au lieu de dessiner sur la toile. ma lib est sur github en ce moment;) – oberhamsi

0

Je peux recommander Cometd pour l'utilisation en réseau push ajax (ie. De la comète)

1

Check out cake js. Cela fait longtemps et c'est vraiment agréable à utiliser - surtout si vous avez déjà utilisé ActionScript auparavant.

2

Si vous êtes familier avec jQuery alors gamequery est un bon à essayer. Voici une excellente démo de ce que vous pouvez faire avec: brainsnackers.

Voici quelques-unes des caractéristiques:

  • couche-sprite animation image-objet
  • hiérarchies multiples (regroupement) de collision
  • détection swappable le support du son
  • état du clavier de callbacks périodiques
  • sans vote et licence open source
1

Le concours http://js1k.com vient de se terminer et le jeu de plateforme 2D Legend Of The Bouncing Beholder (par marijnjh) a été le gagnant. Vous pourriez vouloir regarder au-dessus de la source car il fournirait une vue d'ensemble très facile de sidescrollers sans devoir lire beaucoup de code.

Un autre bon est le two-player crazy pong qui est très amusant.

De plus, les jeux 1kb sont tout simplement géniaux.

1

i utiliserais RenderEngine je pense qu'il a tout ce que vous avez besoin et résout l'un des problèmes les plus importants qui seraient la détection de collision, et il a également le soutien de sprite ...

Tutorial < - c'est un excellent tutoriel je l'ai trouvé

J'espère que cela aide

0

Qu'en est-CreateJS (createjs.com) ou melonJS (melonjs.github.io/tutorial)?

CreateJS a un très bon support pour les éléments que vous avez mentionnés, pas très sûr de la mise en réseau.

MelonJS prend en charge la lecture des fichiers tilemap .tmx en mosaïque.