Video: Panasonic Tutorial: 4K UHD TV - Einrichten von TV to IP 2025
Die simpleGame-Bibliothek hat eine praktische Funktion namens GameButton, mit der Sie eine Schaltfläche auf dem Bildschirm eines Mobilgeräts für Ihr HTML5-Spiel hinzufügen können. Die Tastatur ist eine der einfachsten Möglichkeiten, um Eingaben in einen Standardbrowser zu bekommen, aber die meisten Mobilgeräte haben keine Tastaturen. Das erste Problem besteht darin herauszufinden, wie man Benutzereingaben erhält, wenn keine Tastatur vorhanden ist.
Das benutzerdefinierte Schaltflächenobjekt "GameButton" beginnt mit den Funktionen einer Standard-HTML-Schaltfläche, fügt jedoch einige Tricks hinzu, um es für Spiele geeignet zu machen. Sie können die Schaltfläche mit einer normalen Maus oder mit den Touch-Steuerelementen aktivieren, was sie ideal für Spiele macht, die auf beiden Gerätetypen abgespielt werden können. Die Taste. Die HTML-Seite zeigt die Schaltfläche in Aktion:
. html var btnMove; var Spiel; var Ball; function init () {game = neue Szene (); Spiel. setSize (200, 200); ball = neues Sprite (Spiel, "redBall. png", 25, 25); Ball. setSpeed (0); Ball. setPosition (100, 100); btnMove = neuer GameButton ("Verschieben"); btnMove. setPos (70, 150); btnMove. setSize (60, 30); Spiel. start ();} // end init Funktion update () {Spiel. klar(); checkButtons (); Ball. update ();} // end update Funktion checkButtons () { if (btnMove. isClicked ()) { ball. setSpeed (3); } Sonst { Ball. setSpeed (0); } // end if } // end checkButtons
Wie üblich sind die neuen und interessanten Elemente fettgedruckt. So fügen Sie einem Spiel eine Spielschaltfläche hinzu:
-
Erstellen Sie eine Variable für die Schaltfläche.
Wie jedes andere Spielelement beginnen Sie damit, eine Variable zu erstellen, die auf die Schaltfläche verweist.
-
Erstellen Sie das GameButton-Objekt.
Erstellen Sie das GameButton-Objekt in der init () -Methode. Der einzelne Parameter gibt die Beschriftung der Schaltfläche an.
-
Stellen Sie die Größe und Position der Taste ein.
Sie sollten sich ein bisschen überlegen, wie Ihr Gameplay auf mobilen Geräten funktioniert. Platzieren Sie Ihre Knöpfe dort, wo sie leicht vom Spieler erreicht werden können, ohne die Sicht zu blockieren. Beachte, dass du die Knöpfe auch groß genug machen möchtest, um sie während der Hitze des Spiels zu drücken. (Onscreen-Tasten sind für Tablet-basierte Spiele viel besser.)
-
Überprüfen Sie den Schaltflächenstatus während der Aktualisierung ().
Genauso, wie Sie normalerweise den Tastaturstatus während der Funktion update () überprüfen, können Sie auch eine Funktion aufrufen, um den Schaltflächenstatus zu überprüfen. Natürlich müssen Sie diese Funktion schreiben.
-
Lesen Sie die Methode isClicked () der Schaltfläche.
Wenn die Schaltfläche gerade gedrückt wird, ist der Wert von isClicked () wahr. Wenn die Schaltfläche gerade nicht gedrückt wird, gibt isClicked () false zurück.Verwenden Sie diese Methode, um den aktuellen Status jeder Schaltfläche zu bestimmen und entsprechend zu handeln.
-
Behandeln Sie eine Taste ähnlich wie die Tastatur.
Da das Testen der Schaltflächen letztendlich boolesche (true oder false) Werte zurückgibt, fühlt sich das Prüfen auf Schaltflächen in der Regel so an, als würden Sie nach der Tastatur suchen.
-
Erwägen Sie, Schaltflächen nur bei Bedarf hinzuzufügen.
Wenn Sie möchten, können Sie ein Spiel so entwerfen, dass es nur dann Tasten anzeigt (und testet), wenn ein Touchscreen verfügbar ist. Das Scene-Objekt hat eine spezielle Variable namens touchable. Diese Variable ist wahr, wenn die Bibliothek einen Touchscreen erkennt, ansonsten falsch. Sie können diese Variable verwenden, um eine benutzerdefinierte Schnittstelle zu erstellen, die sich an die Spielumgebung anpasst.
Normalerweise fügen Sie Ihrer Benutzeroberfläche mehrere Schaltflächen hinzu, einen, um jeden Schlüssel zu ersetzen, den Sie vom Benutzer erwarten (z. B. Pfeile und die Leertaste). Auf diese Weise können Sie eine virtuelle Tastatur auf dem Bildschirm erstellen. Sie müssen möglicherweise die Größe und Position jedes Schlüssels testen, um ein komfortables Spielerlebnis zu erhalten.
Beachten Sie, dass die Beschriftung der Schaltfläche gewöhnliches HTML ist. Wenn Sie also Ihre Schaltflächen auf der Grundlage von Bildern erstellen möchten, können Sie einfach das entsprechende
