# 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.

- URL: https://www.summerengine.com/de/port-flash-game-to-html5
- Keyword: flash spiel nach html5 portieren
- Related: https://www.summerengine.com/de/porting

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.

Sei dir im Klaren, wo Summer Engine passt. Ein Neuaufbau mit Summer in GDScript exportiert einen Web-Build, den du auf Summer Games veröffentlichst, und erscheint außerdem als Desktop-Build für Steam oder als Download auf itch.io. Wenn du das exakte Original im Browser brauchst, ist die Emulation deiner eigenen SWF-Datei mit Ruffle der praktische Weg, und es lohnt sich, dein Spiel früh darin zu testen, denn die Unterstützung für ActionScript 3 ist bei manchen Titeln noch lückenhaft.

## 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 Touch willst, Widescreen und ein responsives Layout, echte Spielstände, Analytics, Monetarisierung oder eine Veröffentlichung auf Steam oder in einem App-Store. Ein Neuaufbau mit Summer kann als Web-Build auf Summer Games und als Desktop-Build erscheinen. 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, innerhalb der Grenzen von 500 MB insgesamt, 200 MB pro Datei und 1.000 Dateien. 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, wobei ein Single-Threaded-Build keine speziellen Header braucht und ein Build mit Threads Header für Cross-Origin-Isolation braucht. Ein Neuaufbau mit Summer erreicht Spieler als Web-Build auf Summer Games oder als Desktop-Download auf itch.io oder Steam.

## FAQ

### 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?

Nicht mit C#. Godot 4 kann C#-Projekte nicht ins Web exportieren, und das gilt auch in Summer. Ein GDScript-Projekt exportiert in Summer einen Web-Build, und du veröffentlichst ihn auf Summer Games. C# ist im Desktop-Editor für Desktop-Builds verfügbar.

### 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 ein Neuaufbau auch außerhalb des Browsers erscheinen?

Ja. Ein Neuaufbau mit Summer erscheint als Desktop-Build für Steam und itch.io, und Mobil-Builds brauchen die Toolchain und Signierung der jeweiligen Plattform. Ein Neuaufbau in GDScript kann außerdem als Web-Build auf Summer Games erscheinen.

[Neuaufbau starten](https://www.summerengine.com/de/download)

---

## Machine-readable resources

- Site index for agents: https://www.summerengine.com/llms.txt
- Full inlined content: https://www.summerengine.com/llms-full.txt
- Porting catalog: https://www.summerengine.com/llms-porting.txt
- Structured catalog: https://www.summerengine.com/agent-catalog.json
- Sitemap: https://www.summerengine.com/sitemap.xml
- Developer resources: https://www.summerengine.com/docs
- Summer API (assets from any agent or code; public per-call model prices): https://docs.summerengine.com/api