Tutorial How To HTML5 Multiplayer-Spiel-Stiftung, PubNub Bauen
Dies ist ein HTML5-Multiplayer-Spiel Fundament Tutorial. Diese Seite ist die Grundlage für Ihre eigenen monetizable HTML5 Spiele und Anwendungen mit Echtzeit-Datenstreaming zu schaffen. Sie werden lernen, wie man ein Spiel erstellen und Geld aus dem Internet-Game-Spieler verdient. Verwenden Sie PubNub zu Ihren Spielern mit HTML5-Multiplayer-und Flash-Spiele zu engagieren. Das PubNub Spiel unten ist ein ausgefülltes Spiel der Kraft der PubNub HTML5-Gaming und Monetisierung zu demonstrieren.
Testen Sie die neue Corona Multiplayer Networking SDK, um Echtzeit-Spiele auf Handys iPhone zu bauen.
Wenn Sie hier sind zu lernen, wie man ein Multiplayer-Spiel Stiftung zu machen, lesen Sie weiter! Die folgenden Informationen wird erläutert, wie Sie Ihre eigenen HTML5 Multiplayer-Spiele erstellen und Geld von den Spielern verdienen.
Die HTML5-Multiplayer-Spiel Stiftung wird am besten gespielt auf Google Chrome, Firefox 4, Safari und Mobile Safari. Andere Browser funktionieren wird, aber CSS3-Animationen werden nicht machen. Eine einfache Benutzeroberfläche wird angezeigt, wenn Sie keine HTML5-Browser ausgeführt werden.
Nachstehend ist ein Screenshot des fertigen Produkts:
PubNub Nachricht Credits
Nachricht Credits gewonnen werden, wie Sie das HTML5-Multiplayer-Spiel spielen. Dies sind freebee Kredite, die Sie normalerweise bezahlen durch Aktivieren Abrechnung auf Ihrem Konto. PubNub ist ein Cloud-Hosted-Service für HTML5-Datenstreaming, und vieles mehr. Sie können Ihre Nachricht Credits des PubNub Cloud-gehosteten Service nutzen. Nachricht Credits werden verwendet, um Daten zu Ihren Spielern zu streamen.
Das HTML5-Multiplayer-Spiel über auf Ihr PubNub Konto gebunden. Wenn Sie Credits im Spiel zu gewinnen, werden Erhöhen Sie Ihren Kontostand! Verwenden Sie Ihre Kredite in Richtung PubNub Cloud-gehosteten Dienst für das Streaming von Echtzeit-Daten, um die Multiplayer-Spiele Einschalten Sie zu bauen. Um sicherzustellen, dass Ihr Konto abrechenbaren ist und bleibt aktiv, über das freie Kontingent und über die Credits, die Sie durch Spielen des HTML5 Spiel gewonnen, müssen Sie die Abrechnung für Ihr Konto aktivieren.
Also, wie funktioniert es? Wenn ein Spieler den Play Button klickt, wird eine Nachricht an die PubNub Wolke gesendet. Diese Nachricht sollte jeder spielen HTML5 Multiplayer-Spiel ausgestrahlt werden. PubNub bietet diese wichtige Community-Verbindung. Erfahren Sie mehr über den PubNub Cloud-gehosteten Dienst für Echtzeit-Daten-Streaming und Broadcasting hier.
Zahlungen anzeigen Ticker
Verbessern Sie das Gefühl der Gemeinschaft durch den gesamten Dollar Beitrag des Spielers vorgesehen anzeigt. Dies ist in dem HTML5-Multiplayer-Spiel gezeigt, oben, wo der Dollar-Betrag wird grün hervorgehoben. diese Informationen anbieten bietet Unterhaltung und greift Spieler auf einer analytischen Ebene. Sie können als Realtime Analytics dieser Zahlen denken.
PubNub liefert Live-Daten-Streaming, die Anwendungen wie Echtzeit-Analytics ermöglicht. Der erste Schritt, einen Live-Datenstrom zu schaffen ist ein PUBNUB.subscribe () Kanal auf dem Mobiltelefon oder Webbrowser-Setup.‘
Der obige Code zeigt die Einfachheit der PubNub Daten-Streaming Cloud API. Aufruf PUBNUB.subscribe () ist der erste Schritt von zwei. Die Abonnieren Funktion wartet, und die Auflistung für eine Nachricht accros das Netzwerk gesendet werden. Eine Meldung wird durch die Funktion Veröffentlichen Aufruf gesendet. Der nächste Schritt ruft PUBNUB.publish () Nachrichten an die Abonnenten zu senden.
Wenn Sie Probleme haben begonnen, besuchen Sie die PubNub Foren auf GitHub Ausgabe-Center. Suchen Sie zuerst beantworten, wenn Sie nicht finden, es ein neues Problem vor.
Zahlungsmodell
CSS3 Animationen mit HTML5
Wenn Ihr Web-Browser CSS3 Animationen nicht unterstützt, dann wird das div ohne Übergang wechseln. Jedoch wenn Sie mit Chrome, Safari, Mobile Safari, FireFox 4 oder Opera dann werden Sie einen reibungslosen Übergang von Farben sehen. Sie müssen die folgenden tun CSS3 Transitions zu erreichen:
Animationen zeigen an, dass passiert im Spiel geschieht, und bieten einen Moment der Zeit, dass die Spieler zu reagieren. Glatte animierte Bewegungen sind nachweisbar und faszinierend für das menschliche Auge. Verwenden Sie CSS3-Animationen Ihre Benutzer spielen Ihre Spiele und mit Ihrer Anwendung zu engagieren. Animationen verbessern jeden User Interface Erfahrung einschließlich Spiele, Analytics, Messaging und vieles mehr.
JSONP Anfrage Spiel Foundation
JSONP funktioniert überall. Von diesem Punkt an, verwenden Sie nur JSONP. Drop AJAX XHR (XML HTTP Request). Es gibt keine Beschränkungen auf JSONP und wird daher als Datentransport Wahl empfohlen. JSONP ist einfach zu implementieren und leicht mit vielen unsichtbaren Vorteile, die Anwendung Gebäude groß machen. Der folgende Code ist die Funktion eine JSONP Anfrage zu erteilen:
Die PubNub HTML5 Multiplayer-Spiel nutzt JSONP Google App Engine Kommunikation Spieleraktivität zu nennen. JSONP ist kompatibel mit jedem Anwendungsserver einschließlich Apache, nginx, Tomcat und vieles mehr. Im HTML5-Multiplayer-Spiel wird die JSONP Anforderungsfunktion aufgerufen, wenn Sie auf die „Play“ -Taste.
Der obige Code wird aufgerufen, wenn Sie die „Play“ klicken. Wenn dies die Anforderung geschieht () Funktion gibt eine Anforderung an die folgende URL:
Dies kann mit jedem Web-Server erfolgen. Python wird hier der Einfachheit halber verwendet. Wichtige Informationen für den Server sind:
Das ist es! Sie haben jetzt das Rezept JSONP Anfragen zu erstellen.
Streaming Keystroke Chat
Exceed die Erwartungen Ihrer Spieler von PubNub Instant-Keystroke Chat Erfahrung. Schnell die Erfahrung, um Ihre Spieler liefern „Instant-Befriedigung“ bereitstellt. Da der „Play“ -Taste einen Timer zugeordnet hat, müssen Sie Ihre Spieler aktiv zu halten, um ein Community-Chat-Interface anbietet.
PubNub macht Streaming-Daten einfach und sofort. Streaming Keystroke Chat Haken an der Keydown Ereignis. Wenn Sie eine Taste auf der Tastatur drücken, wird ein Ereignis ausgelöst. Ein Haken wird in dieses Keystroke-Ereignis platziert und verwendet, um eine Nachricht von dem eingegebenen Text zu veröffentlichen. Um Datenüberlastung auf dem Client-Strom zu verhindern, müssen Sie das Keystroke-Ereignis in einem Delayed Rückruf wickeln. Dies sorgt für eine verbesserte Usability Erfahrung für Endbenutzer als die Benutzeroberfläche mit Verriegelung neu gezeichnet wird. Der folgende Code stellt die Grundlage für einen Strom von Daten zu schaffen, basierend auf Keyboard Event (und Virtual Keyboard Event auf Mobile Phones / Tablets).
Um User Interface Locking zu verhindern, müssen Sie Limit Tastendruck veröffentlicht auf 3 oder 4 pro Sekunde bewerten. Andernfalls wird die Schnittstelle sperrt unangenehme Tipps Erfahrungen verursacht. Auch empfehlen wir Ihnen, die Nachrichtenübermittlung zu begrenzen, um zu bewerten schnelle PubNub Nachricht Credit Abfluss zu verhindern.
Sicherheitsimplementierung
Anwendungssicherheit kommt in mehreren Schichten umfassen: Client Logic, Server-Logik, Transport Encoding, SSL-Verschlüsselung, Nachricht signieren und Zugriffsebene. Das HTML5-Multiplayer-Spiel verwendet Client- und Server-Logik eine Schicht Sicherheit für Kredite und Token um Daten-Tracking zur Verfügung zu stellen. Zum Beispiel, müssen Sie sich mit Ihrem Google-Konto anmelden authentifizierte Anforderungen zu senden; wie die „Play“ -Taste. Diese Anforderungen sind für die Interaktion im Zusammenhang mit Token und Kreditwährung.
Weitere Schichten von Sicherheit sind mit dem PubNub Cloud-gehosteten Dienst. SSL-Verschlüsselung ist ein Industriestandard für Nachrichten geheim zu halten. Wegen der hohen CPU-Kosten, sind verschlüsselte Nachrichten teurer und völlig optional. PubNub zählt SSL-verschlüsselte Nachricht als verdoppeln. Erfahren Sie mehr über PubNub Preise hier.
Nachrichtensignierung ist ein Prozess, einen Hash-Wert mit der veröffentlichten Botschaft enthält. Der Hash-Wert wird durch die Summe Zeichen des Request-String mit dem Zusatz von Ihrem Konto geheimen Schlüssel berechnet. Sie können Ihre geheimen Schlüssel finden Sie hier. Nachrichtensignierung bietet eine zusätzliche Versicherung, die Herkunft der Nachricht bestätigt, authentisch zu sein.
Durch den Schlüssel veröffentlichen versteckt, verhindern, dass Sie alle von Nachrichten außer sich selbst zu senden. Das bedeutet, die PUBNUB.publish () Funktion wird nicht mehr funktionieren. Nun müssen Sie sich hier befindet sich eine der Server-APIs verwenden, um sicher auf Ihre Nachrichten zu senden.
Monetarisierung
Es gibt gnädige Verbraucher, die Ihre Anwendungen und Spiele durch Einkäufe unterstützen. Allerdings müssen Sie ihnen eine Möglichkeit bieten Ihnen Geld zu geben! Sie müssen Setup eine Schnittstelle, die mehrere Zahlungsmöglichkeiten akzeptiert. Dies ist traditionell Zeit gewesen Setup aufwendig. Nicht länger! Verwenden Playspan oder Live Gamer Ihren Payment-Gateway zum schnellen Einrichtung. Bietet jede Zahlungsoption der Spieler erlauben, Ihnen Geld zu geben. Sie müssen einen Weg für Ihre Spieler zur Verfügung stellen, um Zahlungen vorlegen.
HTML5 Spiele-Kompatibilität
Diese Seite ist vollständig kompatibel mit jedem Web-Browser, Handy und Tablet-Gerät. iPhone, iPad, Android, Samsung Galaxy, Android, FireFox, Google Chrome, Internet Explorer, Safari, Mobile Safari und vieles mehr!
Wir. Entwickler
Wir lieben Entwickler. Hier sind Ressourcen für Sie, der Entwickler, um Sie zu erlauben erstaunliche HTML5 Multiplayer-Spiele und Anwendungen zu erstellen:
Sich aufmachen
Melden Sie sich kostenlos und nutzen PubNub an die Macht Multiplayer-Spiele