flash spiel nach html5 portieren

Ein Flash-Spiel nach HTML5 portieren

Das Flash-Plugin läuft in keinem modernen Browser mehr. HTML5 ist die Laufzeitumgebung, die es ersetzt, und der Weg dorthin führt über einen Neuaufbau oder über Emulation.

Neuaufbau starten

Ein Flash-Spiel nach HTML5 zu portieren heißt, ein Spiel, das dir gehört, für eine Browser-Laufzeit neu aufzubauen, die es noch gibt, denn Adobe hat Flash Player am 31. Dezember 2020 eingestellt und die Browser haben die Plugin-Unterstützung komplett entfernt.

Es gibt zwei ehrliche Wege. Die Emulation, etwa über ein Projekt wie Ruffle, führt die originale SWF per WebAssembly im Browser aus und ist die richtige Antwort für Bewahrung und Archive. Ein Neuaufbau setzt das Spiel in einer modernen Engine neu um und bringt dir Touch-Unterstützung, Widescreen, Spielstände, Updates und die Möglichkeit, dasselbe Spiel später auch in Desktop- und Mobil-Stores zu veröffentlichen.

Summer Engine exportiert für Web, genauso wie für Desktop, Mobil und Konsole. Ein Hinweis gilt speziell für Browser-Builds: C# wird im Web nicht unterstützt, ein Web-Ziel nutzt also GDScript oder C++. Das ist die einzige Plattform, auf der C# ausgeschlossen ist.

Emulation oder Neuaufbau, so entscheidest du

Nimm Emulation, wenn du das exakte Original für Spieler oder ein Archiv bewahren willst und du Maus und Tastatur als einzige Eingabe, eine feste Bühnengröße und fehlende Updates akzeptierst. Nimm den Neuaufbau, wenn du mobile Browser und Touch willst, Widescreen und ein responsives Layout, Spielstände über den lokalen Speicher, Analytics, Monetarisierung oder später eine Veröffentlichung auf Steam oder in einem App-Store. Der Neuaufbau erlaubt dir außerdem, die Stellen des Originals zu reparieren, die nur funktionierten, weil damals alle eine Desktop-Maus benutzt haben.

Assets aus einer SWF holen, die dir gehört

Fang bei der FLA an, falls du sie noch hast, und exportiere Vektorsymbole als SVG oder hochauflösende PNG und Audio als OGG. Ohne FLA können Extraktionswerkzeuge eingebettete Bitmaps und Sounds aus deiner eigenen SWF ziehen, und ein Decompiler kann ActionScript als Referenz zurückholen. Baue Vektoranimationen als Sprite-Sheets oder als Skelettanimation neu auf. Mach das nur bei Spielen, die du selbst erstellt hast oder für die du eine klare Lizenz für eine Neuauflage besitzt.

Web-Beschränkungen, die das Design verändern

Browser blockieren Audio bis zur ersten Nutzerinteraktion, plane also einen Klick-zum-Start-Bildschirm ein. Es gibt kein Dateisystem, Spielstände landen im Browser-Speicher und können vom Nutzer gelöscht werden. Die Downloadgröße entscheidet direkt darüber, ob überhaupt jemand wartet, komprimiere also Texturen und Audio und streame, was sich streamen lässt. Mobile Browser haben enge Speichergrenzen und keine Tastatur. Pausiere, wenn der Tab in den Hintergrund wandert, und rechne mit schwankender Framerate, indem du Delta-Zeit statt Frame-Zähler nutzt.

Wo HTML5-Spiele heute leben

Die Portal-Ära endete mit dem Plugin, die Web-Distribution aber nicht. itch.io hostet HTML5-Builds direkt. Newgrounds betreibt weiterhin Spiele. Publisher und Aggregatoren für Webspiele lizenzieren HTML5-Titel und zahlen nach Traffic oder über eine Umsatzbeteiligung. Du kannst auch selbst auf deiner eigenen Domain hosten. Ein neu aufgebautes Spiel kann aus demselben Projekt in den Browser und in Desktop- und Mobil-Stores gehen, und genau das ist das wichtigste kommerzielle Argument für den Neuaufbau statt für Emulation.

Häufig gestellte Fragen

Lässt sich eine SWF automatisch nach HTML5 konvertieren?

Nicht verlässlich. Automatische Konverter schaffen einfache Animationen, scheitern aber an ActionScript-Logik. Die zwei belastbaren Optionen sind, die SWF mit einem WebAssembly-Player wie Ruffle zu emulieren, oder das Spiel in einer modernen Engine neu aufzubauen.

Warum funktioniert Flash nicht mehr?

Adobe hat den Support für Flash Player am 31. Dezember 2020 beendet und ab Januar 2021 begonnen, Inhalte zu blockieren. Die Browser haben die Plugin-Architektur entfernt, auf der Flash aufbaute, kein moderner Browser kann eine SWF also nativ ausführen.

Kann ich C# für einen Web-Build nutzen?

Nein. C# wird im Web nicht unterstützt. Nutze GDScript oder C++ für Browser-Builds. Auf jedem anderen Ziel ist C# verfügbar, auch auf Desktop und Mobil.

Läuft das neu aufgebaute Spiel auf Handys?

Ja, wenn du dafür gestaltest. Ergänze Touch-Steuerung, ein responsives Layout und ein niedrigeres Speicher- und Downloadbudget. Flash-Spiele setzten eine Maus voraus, Touch ist also eine Designänderung und nicht nur eine neue Tastenbelegung.

Kann derselbe Neuaufbau auch außerhalb des Browsers erscheinen?

Ja. Ein Projekt exportiert für Desktop, Mobil, Web und Konsole, eine Browser-Version und eine Steam- oder Store-Version kommen also aus derselben Quelle.

Weiter erkunden

Beginne jetzt mit deinem Spiel

Lade Summer Engine herunter, beschreibe, was du willst, und sieh zu, wie es entsteht. Kostenlos starten, ohne Programmieren.

Neuaufbau starten

Ein Flash-Spiel nach HTML5 portieren

Emulation oder Neuaufbau, so entscheidest du

Assets aus einer SWF holen, die dir gehört

Web-Beschränkungen, die das Design verändern

Wo HTML5-Spiele heute leben

Häufig gestellte Fragen

Weitere Wege, mit Summer Engine zu bauen

KI-Spielemacher

Port a Flash game to Steam

Port a Flash game to the web that still exists

Port a 3DS game to Steam

Port a 3DS game to iOS

Port a 3DS game to Android

Port a 3DS game to PC

Port a 3DS game to Switch

Port a 3DS game to web

Platformer-Vorlagen

Alle Spielvorlagen durchsuchen

Beginne jetzt mit deinem Spiel