2010-10-01 6 views
11

Wenn ich beschließe, ein einfaches Spiel zu schreiben, sowohl Text als auch Grafik (2d), welche libs kann ich verwenden? Angenommen, wir verwenden einen HTML5-kompatiblen Browser.Was sind gute JS-Bibliotheken für Spielentwickler? (HTML5)

Die wichtigsten Dinge, die ich auf dem Bildschirm von

  • Rendering Text denken kann
  • Animieren von Sprites (mit images/css)
  • Input (Erfassung der Pfeiltasten und bekommen Positionen relativ Maus)
  • Vielleicht etwas Preloading Ressource oder dynamisch Laden von Ressourcen und die Wahl der Reihenfolge
  • Sound (aber ich bin mir nicht sicher, wie wichtig das für mich zuerst sein wird). Vielleicht mit Mischen und Verketten von Sounds oder Looping für immer bis zum Anschlag.
  • Netzwerk (niedrige Priorität), um einen Benutzer mit einem anderen zu verbinden oder um kontinuierlich Daten ohne mehrere Anfrage zu erhalten (Ich weiß, dass dies existiert, aber ich weiß nicht, wie einfach es ist einzurichten oder zu verwenden. Aber das ist nicht wichtig für mich Frage).
+2

große Frage +1 – x0n

+0

Ich bin überrascht, niemand hat noch vorgeschlagen, jQuery;) –

Antwort

2

Nun .... es gibt Rocket Engine. Ich habe es nicht benutzt, aber es scheint (auf der Oberfläche) viel von dem zu tun, was du willst.

Ich würde auch HTML5 Gamer, ein Blog zu den Themen empfehlen für Spiele in HTML5/JS Bau

2

GameJs tut dies:

  • Sprites, SpriteGroups
  • Text-Rendering
  • Eingabebehandlung (Schlüssel/Maus)
  • Kollisionserkennung
  • Sound
  • Ressource

http://gamejs.org, Haftungsausschluss Vorbelastung: Ich bin Entwickler von GameJs.

Das Zeug oben funktioniert gut und ich habe Spiele damit gemacht. Die API ist ähnlich wie http://PyGame.org, die manche Leute gerne mögen.

Vernetzung ist geplant.

+0

Hey möchten Sie vielleicht auf http suchen http://www.effectgames.com/effect/ Ein Unternehmen besitzt es jetzt http: // html5gamer .com/2010/07/effekt-spiele-akquiriert-von-dextrose-ag-aves-engine/und aves-motor wurde bei google gezeigt. Ich weiß nicht, wie beeindruckend ich mit Aves bin, aber ich bin beeindruckt mit Wirkung und ich vermute Wirkung (und mögliche Aves, vielleicht soll man frei sein, während der andere die Enterprise-Version ist?) Wird die lib zu verwenden sein. –

+0

a) nicht Open Source b) noch nicht verfügbar. Und es ist ein anderes Biest, da es mit imgs/css arbeitet, anstatt auf die Leinwand zu zeichnen. meine lib ist gerade auf github;) – oberhamsi

0

kann ich Cometd für die Verwendung von Ajax Push-Networking empfehlen (dh. Komet)

1

Check out cake js. Es ist schon lange her und es ist wirklich schön zu benutzen - vor allem, wenn Sie schon einmal ActionScript benutzt haben.

2

Wenn Sie mit jQuery vertraut sind, dann ist gamequery ein guter Versuch. Hier ist eine großartige Demo von dem, was Sie damit machen können: brainsnackers.

Hier sind einige der Features:

  • Multi-Layer-Sprite-Animationen Sprite
  • Hierarchien (Gruppierung) Kollision
  • Erkennung swappable Sound-Unterstützung
  • periodische Rückrufe Tastaturstatus
  • Polling frei und Open-Source-Lizenz
1

i RenderEngine verwenden würde ich denke, es hat alles was Sie brauchen und löst eines der wichtigsten Probleme, die Kollisionserkennung wäre, und es hat auch Sprite Unterstützung ...

Tutorial < - das ist ein großes Tutorial ich fand

ich hoffe, das

0

Was CreateJS hilft (createjs.com) oder melonJS (melonjs.github.io/tutorial)?

CreateJS hat eine großartige Unterstützung für die von Ihnen erwähnten Elemente, nicht so sicher über das Networking.

MelonJS bietet native Unterstützung für das Lesen von Tiled TileMap-Dateien .TMX.

Verwandte Themen