Wie Hinzufügen Drift Effekte für Ihre HTML5 Spiel

Sie können Kraftvektoren auf eine interessante Weise in HTML5-Spiel verwenden. Viele Rennspiele sind Schleuder- oder Driften Mechanismen. dieses Verhalten bekommen erfordert genau das richtige sehr anspruchsvolle Mathematik, aber man kann ohne viel Aufwand eine angemessene Annäherung an dieses Verhalten zu machen.

bild0.jpg

Dieses Bild ist nicht genug. Sie müssen wirklich diese als Arbeitsprogramm, um zu sehen, weil es wirklich cool ist. Wie Sie das Boot bewegen auf dem Bildschirm um, das Boot driftet und Kufen. Es macht wirklich Spaß zu spielen.

So fügen Sie zu Ihrem Spiel des Objekts driften Verhalten

Um ein einfaches Driften Verhalten erhalten, fügen Sie einfach eine kleine Kraftvektor in der aktuellen Richtung des Bootes unabhängig davon, ob der Benutzer gerade das Gaspedal drücken.

Diese Technik ist ein Kompromiss zwischen dem weltraumgestützten Bewegungs (wobei der Kraftvektor nur hinzugefügt wird, wenn das Gaspedal betätigt wird) und die Standardautoverhalten (wo die Fahrtrichtung folgenden Fahrzeug Nase immer). Jeder Rahmen hat ein wenig von jedem Verhalten.

Hier ist der Code:

drift.html  

Wie Hinzufügen Drift zu Sprites Ihres Spiels

Es ist ein sehr einfaches Verfahren.

  1. Bauen Sie ein Standard-Fahrzeugmodell.

    Betrachten wir ein Boot zu machen, nur für Abwechslung.

  2. Verwenden Sie einen Kraftvektor für die Beschleunigung.

    Auch hier sind Steuern Sie manuell die Geschwindigkeit, so dass die addVector () Mechanismus gibt Ihnen große Macht. Die Beschleunigungskraftvektor (in der oben-Taste drücken verwendet wird) kann ein literaler Wert sein, aber es muss nicht riesig sein. Weil Sie tatsächlich einen zweiten Kraftvektor gehen zu geben, könnten Sie den Beschleunigungsvektor abzuschwächen wollen.

  3. Fügen Sie eine kleine Kraftvektor für jeden Rahmen.

    Der primäre Kraftvektor geschieht nur, wenn Sie beschleunigen, sondern eine sekundäre kleinere Vektor wird in jedem Frame hinzugefügt. Dieser Vektor geht in die Richtung, das Boot zur Zeit gegenüber. Dieser kleine Bewegungsvektor wird an Dynamik simulieren. Es ist wichtig, dass dieser Kraftvektor ein Prozentsatz der Geschwindigkeit und nicht als wörtliche Wert sein. Wenn Sie immer nach vorne ein Pixel zu verschieben, zum Beispiel, wird das Boot nie aufhören.

Menü