ruffle example Download - ruffle example Quellcode Download Download

ruffle example

FLASH-Quellcode

1.0.0

Herunterladen

Rüschenbeispiel

Dieses Repository bietet ein Beispiel/eine Demo, wie Sie Ruffle auf Ihrer eigenen Website verwenden können, um Flash -Inhalte zu emulieren. Ruffle ist ein Open-Source-Flash-Player-Emulator, mit dem Sie den Flash-Inhalt in modernen Browsern weiter ausführen können.

Videoerläuter: https://www.youtube.com/watch?v=tjxMGNXEX24&t=81S

Stack Overflow Frage: https://stackoverflow.com/questions/65465492/how-to-embed-ruffle-flash-player-emulator-into-html-file/65693128#65693128

Voraussetzungen

Stellen Sie vor dem Einstieg sicher, dass Sie Folgendes haben:

Ein grundlegendes Verständnis von HTML, CSS und JavaScript
Ein Texteditor oder eine integrierte Entwicklungsumgebung (ID), um den Code zu ändern
Ein Webserver, der Ihre Website hostet (Sie können Localhost für Entwicklungszwecke verwenden)

Erste Schritte

Befolgen Sie die folgenden Schritte, um Ruffle auf Ihrer eigenen Website zu verwenden:

Klonen oder laden Sie dieses Repository auf Ihren lokalen Computer herunter.

git clone https://github.com/maddox05/ruffle-example.git

Öffnen Sie die Datei index.html in einem Texteditor oder einer ID Ihrer Wahl.
Suchen Sie den folgenden Abschnitt in der HTML -Datei in Spiele:

 <!DOCTYPE html >
< html lang =" en " >
< head >
  < meta charset =" UTF-8 " >
  < meta http-equiv =" X-UA-Compatible " content =" IE=edge " >
  < meta name =" viewport " content =" width=device-width, initial-scale=1.0 " >
  < meta name =" title " content =" Ruffle Example " >
  < meta http-equiv =" Content-Type " content =" text/html; charset=utf-8 " >
  < meta name =" language " content =" English " >
  < title > Ruffle Example </ title >
  < script src =" main.js " > </ script > 
  < noscript > Your browser doesn't have JavaScript enabled. Please enable JavaScript or switch to a browser that
    supports it. </ noscript >
</ head >
< body >
< div id =' ruffle ' class =" gameloc " > </ div >
< script src =' https://maddox05.github.io/ruffle-example/ruffle/index.js ' > </ script > <!-- Theses files should be local -->
< script id = " gabe " > swfobject . embedSWF ( "https://maddox05.github.io/ruffle-example/1on1soccer.swf" , 'ruffle' , 800 , 600 ) ; </ script > <!-- Theses files should be local -->
</ body >
</ html >

Ersetzen Sie "Pfad/to/your/flash.swf" durch den Pfad zu Ihrem eigenen Flash -Inhalt. Stellen Sie sicher, dass sich die Flash -Datei (SWF) im angegebenen Pfad befindet.
Speichern Sie die Änderungen in der Index.html -Datei.
Starten Sie einen Webserver und navigieren Sie in Ihrem Browser zur lokalen Website.
Sie sollten jetzt sehen, wie Ihre Flash -Inhalte mit Rüschen gerendert werden.

Anpassung

Fühlen Sie sich frei, die HTML-, CSS- und JavaScript -Code so zu ändern, dass Sie Ihren Anforderungen entsprechen. Sie können das Layout ändern, weitere Flash -Inhalte hinzufügen oder Rüschen in verschiedene Teile Ihrer Website integrieren.

Kompatibilität

Ruffle ist so konzipiert, dass er in modernen Browsern funktioniert, bei denen der integrierte Blitzunterstützung fehlt, wie Google Chrome, Mozilla Firefox, Microsoft Edge und Safari. Es ist kompatibel mit einer Vielzahl von Flash -Inhalten, einschließlich Animationen, Spielen und interaktiven Anwendungen.

Ressourcen

Weitere Informationen zu Ruffle und seinen Funktionen finden Sie im offiziellen Ruffle Github -Repository.

Lizenz

Diese Beispiel -Website ist unter der MIT -Lizenz lizenziert. Fühlen Sie sich frei, es gemäß den Bedingungen der Lizenz zu verwenden, zu ändern und zu verteilen.

Expandieren

Zusätzliche Informationen