HTML in Unity3D oder wie man einen Igel mit einer Schlange kreuzt

Manchmal stehen Spieleentwickler vor nicht trivialen Aufgaben. Eine solche Aufgabe kann beispielsweise die Notwendigkeit sein, dem Benutzer eine reguläre Webseite in der Unity3d-Spiel-Engine anzuzeigen, die zweifellos über viele integrierte Technologien verfügt, HTML jedoch nicht in dieser Liste enthalten ist. Ich muss sofort sagen, dass es keine „Silberkugel“ gibt ... oder noch nicht. Das hängt vom Grad Ihres Optimismus ab.

Zunächst müssen Sie die Ziele festlegen, für die Sie HTML benötigen: Typografie mit einfachen Tags, Erstellen einer Benutzeroberfläche mit HTML, Erstellen eines Hilfeabschnitts (z. B. einer Enzyklopädie im Spiel), Anzeigen einer statischen Webseite oder sogar Integrieren eines vollständigen Webbrowsers. Dementsprechend werden Plugins oder HTML-Engines durch die Anzahl der unterstützten Tags, Animationsunterstützung, Implementierungstechnologien (OnGUI oder Texturen), GUI-Integration (OnGUI oder NGUI), Unterstützung für CSS, HTML5, JavaScript, Bildverarbeitungstechnologie usw. unterteilt.

Tatsächlich ist die Auswahl an HTML-Plugins eher schlecht. Ich habe nur 5 Vertreter gefunden.

Beginnen wir unsere Bekanntschaft mit der vielleicht unprätentiösesten Option:

1. HTML Engine für NGUI & Unity GUI für 25 US-Dollar


Screenshots zum Schnitt:








Die obigen Screenshots zeigen die Funktionalität des Plugins, das verschiedene Stile und Texteffekte unterstützt. Kein CSS, JS, HTML5 oder Zugriff auf Webseiten.
Vorteile:
  • Vielleicht das einzige Plug-In, das nicht nur mit der Standard-OnGUI, sondern auch mit NGUI und mit ziemlich neuen Versionen kompatibel ist.

Nachteile:
  • Keine Demo.
  • Um mit Bildern arbeiten zu können, müssen Sie sie zuerst in einem Atlas zusammenstellen und beim Einfügen eines Bildes den Pfad zu diesem Atlas angeben.
  • Aufgrund des Prinzips der HTML-Generierung ist das Volumen der angezeigten Seite erheblich begrenzt. Daher funktioniert es nicht, eine normale Webseite zu erstellen, sie in das Projekt einzufügen und anzuzeigen.
  • Die Installation ist nicht ganz offensichtlich (Sie müssen sich selbst quälen, um zu verstehen, warum während der Installation so viele Fehler auftreten).


2. PowerUI - HTML / CSS für 60 US-Dollar


Screenshots zum Schnitt:










Website - Entwickler .
Gutes Plugin. Es unterstützt nicht nur viele Tags und CSS, sondern ist auch gut optimiert.
Integriert einfach einfache HTML-Seiten in ein Projekt.
Es reicht aus, einfache vorbereitende Aktionen
auszuführen : 1. Fügen Sie eine neue Ebene mit dem Namen PowerUI hinzu.
2. Stellen Sie sicher, dass die übrigen Kameras diese Ebene nicht sehen.
3. Erstellen Sie ein neues Objekt und fügen Sie das Powerui Manager-Skript hinzu.
4. Konfigurieren Sie Bilder (alle Bilder sollten im Ordner "Ressourcen" gespeichert sein, ihre Eigenschaften sollten "Erweitert" sein, "Non Power of 2" in "Keine" ändern, einen Dummy vor "Lese- / Schreibzugriff" setzen und die Morgendämmerung mit generierten Mipmaps entfernen). Weisen Sie
Bild

nun einfach Ihre zu Webseite zum öffentlichen Feld des erstellten Objekts.

Vorteile:
  • Demo - nicht für iOS kompiliert, daher funktioniert das Werbegeschenk nicht
  • Unterstützung für CSS, JavaScript.
  • Die Fähigkeit, nicht nur in OnGUI, sondern auch in Textur anzuzeigen.
  • Gute Optimierung, minimaler Gleichstrom.
  • Viele Beispiele.

Nachteile:
  • Die Testversion wird nicht unter Mohn kompiliert.


3. $ 30 GUI Design HTML CSS


Screenshots zum Schnitt:





Gutes Plugin für das GUI-Design.
Kurze Demo:

Vorteile:

Nachteile:
  • Keine Demo.

4. HuG: Umarmen von HTML auf Unity für 45 US-Dollar


Screenshots zum Schnitt:








Ein gutes Plugin, aber mit seinen Nachteilen. Website - Entwickler .
Vorteile:
  • Demoversion .
  • Unterstützung für CSS, JavaScript.
  • Musik über das Netzwerk abspielen.
  • Die Möglichkeit, sowohl lokale als auch Webseiten anzuzeigen.

Nachteile:
  • Die Unterstützung von JavaScript ist eher bedingt.
  • Nicht jede Webseite kann angemessen angezeigt werden.
  • Plattformübergreifende Probleme, was unter Windows unter iOS gut funktioniert, können sehr fehlerhaft sein, aber in der kostenpflichtigen Version ist es möglicherweise behandelbar.

5. U3DXT iOS SDK Pro für 100 US-Dollar


Screenshots zum Schnitt:
Weil Da dieses Plugin sehr multifunktional ist, füge ich nur einen Bildschirm hinzu, der in meiner eigenen Anwendung erstellt wurde, um die Qualität des Webs zu demonstrieren. Der blaue Balken oben ist Teil der NGUI-Oberfläche, und das Ansichtsfenster des Browsers befindet sich unten.

Wenn alle vorherigen Plugins versucht haben, den HTML-Interpreter mithilfe von Unity3D-Technologien zu implementieren, haben diese Entwickler den Weg beschritten, vollen Zugriff auf das iOS SDK zu gewähren. Das heißt, Anstatt ein Fahrrad zu erfinden, geben sie einfach Zugriff auf das, was Entwickler von Cupertino bereits geschrieben haben. Dank dieser Funktion kann Unity problemlos auf jede Website zugreifen.
Der Zugriff auf einen Webbrowser ist hier nur eine der Funktionen. Darüber hinaus gibt es Zugang zu Inn-Ups, einem Social Plug-In, Gesichtserkennung, einem Sprachsynthesizer und vielem mehr. Im Allgemeinen verdient dieses SDK einen separaten Artikel und kann beispielsweise Prime31 ersetzen.
Diese Lösung hat natürlich eine Kehrseite, nämlich die Anwendbarkeit nur auf iOS-Builds.
Vorteile:
  • Demo
  • Volle Unterstützung für alle für iOS verfügbaren Webtechnologien.
  • Tolle Funktionalität.

Nachteile:
  • Gilt nur für iOS.
  • Probleme mit der Auflösung (das Programm geht davon aus, dass iOS-Geräte nur zwei Auflösungen von 320 x 480 und 768 x 1024 haben).


Die Überprüfung ist natürlich recht oberflächlich, aber ich hoffe, dass sie für Entwickler nützlich sein wird, die zum ersten Mal vor einer ähnlichen Aufgabe stehen. Jetzt werden Sie verstehen, wo Sie graben müssen.

Jetzt auch beliebt: