Plattformen für Browsergames

  • Tutorial
Angenommen, ich habe ein Browsergame erstellt, und was dann? Für Handys gibt es Google Play Stores, App Store, Windows Store und eine Reihe von Alternativen. Sie finden Websites zum Verteilen von eigenständigen Assemblys - Desura, Steam, Itch.io. Aber wenn Sie über das Schicksal des Browsers nachdenken, geraten Sie unwillkürlich in Bedrängnis. Und wo ist sie?

Es ist notwendig, im Anfangsstadium der Entwicklung über das Schicksal Ihres geistigen Kindes nachzudenken. Im Fall von Dangerous Insects wusste ich also bereits, wo und wie ich mich aufhalten würde, obwohl es vom Spiel her bestenfalls nur einen Dzdok gab. Also wollte ich mit HTML5 den Boden im Voraus testen.

Das erste, was mir einfällt, ist die Arbeit an einer separaten Site. Die geniale Entscheidung! Es bläst mit Frische des Denkens. Tausende Besucher pro Tag, Berge von Gold und der Status eines coolen Entwicklers (Speichel tropfte bereits). All dies ist jedoch möglich, wenn zwei Bedingungen erfüllt sind: ein hervorragendes Spiel und viel Geld für Werbung. Für einen einfachen Indie-Entwickler ist es extrem schwierig, Letzteres zu finden.

Es ist viel einfacher, das Spiel in populären sozialen Netzwerken zu platzieren: VKontakte und Facebook. Und wenn Sie noch offiziell als juristische Person registriert sind, können Sie Odnoklassniki zur Liste hinzufügen. Wenn das Spiel anständig ist, hat es die Chance, auf die "Fenster" zu gelangen und für Tausende potenzieller Spieler sichtbar zu werden. Sie können Gruppen und Communities oder nur PR unter Ihren Freunden verwenden. Generell sehen soziale Netzwerke sehr verlockend aus.

Sowohl diese als auch eine andere Option haben das Recht auf Leben und sollten höchstwahrscheinlich gleichzeitig genutzt werden. Vor allem, wenn das Spiel mit Werbung oder f2p kostenlos sein soll. Es gibt nur eine kleine Nuance: In den meisten Fällen werden Spieledateien von Drittanbieterdiensten heruntergeladen und nicht auf Servern sozialer Netzwerke gespeichert. Glaubst du, das ist Unsinn?

Persönlich habe ich ein mittelmäßiges VDS, auf dem sich meine Website dreht, also habe ich mich nicht besonders mit dieser Frage befasst. Stellen Sie sich vor, Sie erstellen eine weitere Seite für das Spiel oder richten einen Ordner für die Freigabe von Dateien ein. Unsinn ... Aber da war es. Für die Veröffentlichung eines Spiels in Netzwerken ist HTTPS erforderlich, um auf Dateien zugreifen zu können. Ops, aber für ein Zertifikat bitten sie um Geld, und nicht kleine.

In diesem Zusammenhang beginne ich einen Artikel, in dem es nicht darum geht, ein Spiel zu veröffentlichen, sondern seine Dateien zu speichern.

Dateitresor


"Freebie", oh größtes Wort aller Zeiten. Ich habe Dutzende von Diensten durchgesehen, die Sieblöcher in den Foren durchgesehen und bin zu der genialen Idee gekommen, dass niemand direkte Links gibt. Die Frage ist, worauf zählte er? Was ein normaler Ersteller des Dienstes für das Herunterladen von Dateien gibt, ohne dass eine Seite mit Werbung angezeigt wird oder eine Zahlung verlangt wird. Es gab natürlich keine simpletons.

Es stimmt, ich bin auf die Information gestoßen, dass Dropbox diesen direkten Link erhalten kann, aber nur für alte Accounts. Meine erwies sich als jünger als erforderlich und es gab keine öffentlichen Ordner mehr.

Ich habe versucht, Microsoft OneDrive zu verwenden. Oh Wunder, da ist das Richtige! Aber die Euphorie war so schnell verschwunden, wie es schien. Direkte Links sind nur für diejenigen verfügbar, die ein Konto bei diesem Dienst haben.

Erfüllte das Vertrauen von Yandex Disk nicht. Obwohl die Leute in den Foren behaupteten, es sei möglich, nach einigen kniffligen Gesten einen direkten Link zu erhalten, ergab eine kleine Überprüfung, dass solche Links vorübergehend waren und nach einigen Stunden ihre Adresse änderten.

Und nur das amerikanische Riesen-IT-Unternehmen Google durfte einen kostenlosen, permanenten Download-Link mit dem HTTPS-Protokoll erhalten. Nicht umsonst gehört Sergey Brin zu den Machern. Etwas Russisches war noch in ihm.

Das HTML5-Spiel beinhaltet also eine ganze Reihe von Dateien: HTML, CSS, Javascript, Medienressourcen. Natürlich wird nicht alles in einem Link zusammengefasst, und die Google Drive-Option eignet sich nur zum Verteilen einer einzelnen Datei.

Ich arbeite mit Blend4Web. Es ist diese Engine, die mich beim Erstellen von Browsergames mehr beeindruckt. Warum? Schauen Sie sich mein Profil an - es gibt bereits einen ganzen „Stapel“ Artikel auf b4w. Daher bezieht sich alles, was in diesem Artikel gesagt wird, direkt auf Blend4Web. Nichts hindert Sie daran, Informationen für andere Webgl-Lösungen zu verwenden. Ja, warum bin ich ...

aber warum! Das Besondere an b4w ist, dass Sie die Anwendung in eine einzige HTML-Datei packen können, die alle Abhängigkeiten, ausführbaren Code und Ressourcen enthält. Für eine solche Datei können Sie also den direkten Link von Google Drive perfekt verwenden. Und bereits basierend auf dem IFrame-Container veröffentlichen auf allen Arten von Foren, Blogs, etc. Es können Modelle aus dem Spiel, Szenen oder sogar Levels sein - eine großartige Gelegenheit, das Projekt auf verfügbaren Ressourcen ohne technische Schwierigkeiten zu fördern.

Schauen wir uns den Algorithmus an, mit dem Sie diesen direkten Link mit Google Drive erhalten:
  • Öffnen Sie das Fenster "Freigabe" (wählen Sie das entsprechende Element aus dem Kontextmenü der Datei aus).
  • Klicken Sie auf den Link "Erweitert" und wählen Sie im angezeigten Fenster den Eintrag "Jeder im Internet"
  • Kopieren Sie die eindeutige Kennung (siehe Abbildung).




Und dieser eindeutige Code sollte am Ende der Zeile stehen:
https://googledrive.com/host/


Dies ist eine direkte Verknüpfung, die perfekt in den IFrame-Container eingefügt werden kann. Natürlich ist IFrame nicht in allen Blogs, Websites und Foren verfügbar, aber die meisten unterstützen es trotzdem. Zumindest Blogspots und WordPress-Blogs (was ich getestet habe). Sie müssen also kein Geld für Ihren eigenen Server ausgeben, sondern können Ihre Entwicklungen für kostenlose Dienste veröffentlichen.

Beispiel IFrame Code:


Sie haben also irgendwie eine Datei herausgefunden, aber was soll man mit dem gesamten Ordner machen? Um dies zu starten, benötigen Sie bereits Serverunterstützung: VDS oder dediziert. Obwohl ein wenig weiter, werde ich Ihnen eine großartige Option für ein völlig kostenloses Hosting für Browsergames nennen.

Angenommen, Sie besitzen einen virtuellen oder sogar einen physischen Server. Ich werde die Konfiguration von Apache und anderer Serversoftware nicht berücksichtigen - all dies wurde Dutzende Male gekaut, auch auf dem Hub Ich werde mich nur auf das Problem konzentrieren, ein SSL-Zertifikat zu erhalten.

Eine einfache Suche im Internet bietet eine große Anzahl von Ressourcen, die genau dieses Zertifikat verkaufen. Darüber hinaus variieren die Preise zwischen mehreren Tausend und mehreren Zehntausend. Natürlich hängt vieles von den Anforderungen ab, die an das Zertifikat gestellt werden.

Es gibt einen interessanten Artikelgewidmet, um SSL zu bekommen und Apache einzurichten. Es ist zwar in Englisch, aber alles ist einfach und klar geschrieben. Es handelt sich also um den Dienst startssl.com, mit dem Sie nur kostenlos ein vollständiges Zertifikat erhalten. Die Ressource selbst ist in russischer Sprache, daher ist alles klar und ohne Kommentar.

Github-Seiten


Jeder kennt github als Service für Hosting und kollaborative Entwicklung. Es war jedoch eine Überraschung für mich, dass sie Website-Hosting anbieten. Persönlich verwende ich bitbucket für meine Projekte und bin nicht besonders an Github-Funktionen interessiert, aber GitHub Pages sieht sehr verlockend aus - eine vollwertige Third-Level-Domain ohne Werbung mit HTTPS. Und Sie können damit wie mit einem regulären Repository arbeiten.

Es ist wichtig zu berücksichtigen, dass der Name der zukünftigen Site, der Name des Github-Kontos und der Name des Repository identisch sein sollten. Angenommen, ich möchte eine mygame.github.io-Domain erstellen. Dementsprechend:

  • Ich registriere ein Konto mit dem Namen mygame.
  • Ich erstelle ein Repository für mygame.github.io.


Hier sind die Schritte für diejenigen, die noch nie mit Git gearbeitet haben. Es wird davon ausgegangen, dass Sie es bereits heruntergeladen und auf Ihrem System installiert haben. Ich beschreibe nur Terminalbefehle:

  • Wechseln Sie in das Verzeichnis, in dem Git-Projekte gespeichert werden sollen (Name des CD-Befehlsverzeichnisses).
  • Fügen Sie ein lokales Repository hinzu. Wenn Sie ein Repository in Ihrem Git-Hub-Konto erstellen, wird eine Adresse wie https://github.com/mygame/mygame.github.io ausgegeben. Fügen Sie es nach dem Befehl git clone ein.
  • Wechseln Sie in das lokale Repository-Verzeichnis (cd mygame.github.io)
  • Kopieren Sie Ihr Projekt in diesen Ordner.

Gießen Sie auf den Server:
git add --all 
git commit -m "Initial commit" 
git push -u origin master


Soziale Netzwerke VKontakte und Facebook


Anfängliche Entwickler denken in Ekstase über soziale Netzwerke nach, insbesondere nachdem sie Erfolgsgeschichten von ehrwürdigem igrodelov gelesen haben, und werden vor Entsetzen über die Details der „brutalen“ Moderation kalt. Um ein Spiel in einem dieser sozialen Netzwerke zu veröffentlichen, müssen Sie überhaupt keine Moderation durchführen. Das Spiel muss in den Anwendungskatalog und die Monetarisierung aufgenommen werden. Und so stört Sie niemand, ein Projekt zu erstellen, es in ein soziales Netzwerk zu stellen, und es wird allen Ihren Abonnenten zur Verfügung stehen.

Ich werde vielleicht mit Facebook anfangen. Mein Eindruck vom Entwicklungsportal in diesem Netzwerk ist gemischt. Facebook ist ein sehr dynamisches System, und zwar im wahrsten Sinne des Wortes. Es ist keine Tatsache, dass das Entwickler-Panel am nächsten Tag genauso aussieht wie gestern. Es scheint, als würden die Jungs direkt an einem lebenden System experimentieren. Na na ja

Alles beginnt unter: developers.facebook.com. Wenn Sie einen Facebook-Account haben, dann betrachten Sie sich selbst als Entwickler dieses Systems. Keine zusätzlichen Aktionen oder Geldspenden (hi mobile store) - erstelle ein Projekt und voila.

Und dann hängt alles von Ihrer Denkfähigkeit und Ihrem aktiven Google-Erlebnis ab. Einerseits ist alles klar. Zu Beginn müssen Sie die Zielplattform aus den vier vorgeschlagenen auswählen: iOS, Android, Facebook Canvas, Website. Für ein Webprojekt müssen Sie Facebook Canvas auswählen. Gehen Sie die Bestätigungsprozedur durch und rufen Sie das Einstellungsfenster auf.

Ich werde nicht über das Ausfüllen von Symbolen und Texten sprechen - das ist verständlich. Was ist interessanter, als die Adresse Ihres Spiels zu ermitteln? Der Trick ist, dass Sie trotz der zuvor ausgewählten Facebook Canvas-Plattform ein leeres Projekt erhalten. Es ist erforderlich, die Plattform mit dem gleichen Namen erneut zu erstellen, jedoch bereits im Spielfeld. Klicken Sie auf die Schaltfläche Add Platform (Plattform hinzufügen), und wählen Sie erneut Facebook Canvas aus. Erst jetzt haben Sie die Möglichkeit, die Adresse Ihres Spiels einzugeben. Die wichtigsten Punkte sind in der Abbildung hervorgehoben.



Bitte beachten Sie, dass Sie im Feld Secure Canvas einen Link nicht zur Hauptdatei index.php, sondern zum Projektverzeichnis einfügen müssen. Und ja, die Indexdatei muss PHP-Berechtigung haben, sonst startet die Anwendung nicht. Das Spiel selbst wird unter folgender Adresse verfügbar sein: apps.facebook / id des Projekts.

Mit VKontakte lässt sich viel einfacher arbeiten (vk.com/dev). Es gibt weniger Einstellungen, alles ist auf Russisch und irgendwie gibt es keine derartigen Missverständnisse, wie es bei Facebook der Fall ist. Das Benutzerkonto stimmt auch mit dem Entwicklerkonto überein. Klicken Sie auf die Schaltfläche „Create Application“ (Anwendung erstellen), um zur Hauptseite zu gelangen, auf der Sie den Namen, die Kategorie des Spiels und vor allem den Typ angeben müssen. VKontakte bietet drei Optionen: Standalone, Website, IFrame. Natürlich musst du für Blend4Web-Spiele einen IFrame auswählen. Bestätigen Sie die Erstellung der Seite per SMS und gehen Sie zu den Anwendungseinstellungen.



Der Screenshot zeigt, was zu tun ist. Im Gegensatz zu Facebook können Sie im Feld „IFrame-Adresse“ sowohl einen Ordner als auch eine separate Datei angeben. Bitte beachten Sie, dass das Protokoll HTTPS sein muss. Ändern Sie den aktuellen Status in "für alle sichtbar". Das Spiel wird in der Liste Ihrer Anwendungen angezeigt.

In diesem Artikel habe ich versucht, meine Würfe, einzelnen Notizen und Artikel über das Internet zu einem zusammenzufassen. Ich hoffe, dass jemand für sich das Notwendige und Interessante zeichnet. Wenn Sie dem Thema "Websites für HTML5" etwas hinzuzufügen haben, schreiben Sie in die Kommentare.

Jetzt auch beliebt: