So planen Sie Ihre HTML5 Spiel

Der erste Teil der HTML5-Spiel Schaffung plant. Es ist ziemlich schwer, ein Spiel in den besten Umständen zu programmieren, und es ist fast unmöglich, wenn Sie nicht genau wissen, was Sie erreichen wollen.

Aus diesem Grund müssen das erste, was Sie tun, wenn Sie ein Spiel zu bauen ist es, den Computer auszuschalten. Raus aus Papier und Bleistift, und kommen mit einem Plan für Ihr Spiel. Der Plan sollte so detailliert sein, dass Sie wissen, wie Sie alles zu codieren gehst. Hier ist, was Ihr Diagramm umfassen muss:

  • Einstellung und Thema: Wie sieht das Spiel wie? Was ist das übergreifende Thema? Was ist der allgemeine Stil?

  • Umwelt: Gibt es besondere Umweltvorschriften? Zum Beispiel ist der Spieler immer nach vorne in einer endlosen Scrollen Welt bewegen? Schwerkraft ein Merkmal des Spiels ist (zum Beispiel Dinge tun, fallen)?

  • Benutzerbild: Was ist die Rolle des Spielers im Spiel? Kontrolliert der Spieler eine bestimmte Sprite, oder ist der Spieler ein allwissender Präsenz (wie in den meisten Puzzle-Spiele)?

  • Player-Steuerung: Wie funktioniert die Spieler die Kontrolle Dinge? Ist es Maus-basiert? Tastatur? Berührungsempfindlicher Bildschirm? Gibt es Beschränkungen in Bezug auf Bewegung?

  • Ziele: Was ist der Spieler versuchen zu tun? Tippen Sie etwas? Vermeiden Sie etwas? Sammeln Sie die Dinge? Schießen Sie etwas? Irgendwohin gehen?

  • Hindernisse: Was ist der Benutzer dies zu erreichen verhindern? Gibt es Dinge, die Spieler vermeiden sollte?

  • Künstliche Intelligenz: Wenn es Sprites auf dem Bildschirm sind, die nicht vom Spieler gesteuert werden, wie verhalten sie sich? Haben sie bewegen? Wie? Was passiert, wenn sie den Bildschirm zu verlassen?

  • Kollisions-Management: Was passiert, wenn die Dinge ineinander abstürzen?

  • scorekeeping: Wird das Spiel einen scorekeeping Mechanismus haben? Dies kann Punkte umfassen, aber es kann auch eine bestimmte Anzahl von Leben oder eine Frist integrieren.

  • Spielende Zustand: Was bewirkt, dass das Spiel zu beenden? Was passiert, wenn das Spiel endet? Wie motivieren Sie den Benutzer wieder zu spielen?

    bild0.jpg

Auch diese sehr einfaches Spiel hat eine Reihe von Details. Wenn Sie über die Details in der Designphase denken, wird das Spiel Programmierung viel einfacher zu bewerkstelligen. Hier sind die Highlights dieses Spiels Design:

  • Der Spieler ist ein hungriger Frosch. Es scheint nicht zu einem küssen Prinzessin beteiligt zu sein, aber irgendwie, du bist ein Frosch. Find dich damit ab.

  • Kontrolle der Frosch mit der Tastatur. Der Frosch wird mit den Pfeiltasten gesteuert. Biegen Sie nach links und rechts, und biegen Sie nach links und rechts.

  • Der Wald ist mit Fliegen gefüllt. Es gibt leckere Fliegen herumlaufen, wie die Fliegen wirkt. Du weißt was zu tun ist.

  • Gewinnen Sie Punkte durch Fliegen zu essen. Führen Sie in eine Fliege, es zu essen.

  • Essen Sie die meisten Fliegen in einer festgelegten Zeit zu gewinnen. Das Haupthindernis ist die Zeit. Nach kurzer Zeit wird das Spiel zu Ende, und Sie können nicht mehr den Frosch zu steuern.

Menü