ruffle exampleダウンロード - ruffle exampleソースコードのダウンロード

ruffle example

FLASHソースコード

1.0.0

ダウンロード

フリルの例

このリポジトリは、自分のウェブサイトでフリルを使用してフラッシュコンテンツをエミュレートする方法の例/デモを提供します。 Ruffleは、最新のブラウザでフラッシュコンテンツを実行し続けることができるオープンソースフラッシュプレーヤーエミュレータです。

ビデオの説明：https：//www.youtube.com/watch?v=tjxmgnxex24&t=81s

スタックオーバーフロー質問：https：//stackoverflow.com/questions/65465492/how-to-embed-ruffle-flash-flayer-emulator-into-html-file/65693128#65693128

前提条件

始める前に、次のことを確認してください。

HTML、CSS、およびJavaScriptの基本的な理解
コードを変更するためのテキストエディターまたは統合開発環境（IDE）
WebサイトをホストするWebサーバー（開発目的でLocalHostを使用できます）

はじめる

自分のウェブサイトでフリルを使用するには、次の手順に従ってください。

このリポジトリをローカルマシンにクローンまたはダウンロードしてください。

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

テキストエディターまたは選択したIDEでindex.htmlファイルを開きます。
ゲームHTMLファイルの次のセクションを見つけます。

 <!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 >

「Path/to/your/flash.swf」を独自のフラッシュコンテンツへのパスに置き換えます。フラッシュファイル（SWF）が指定されたパスにあることを確認してください。
index.htmlファイルの変更を保存します。
Webサーバーを起動し、ブラウザのローカルWebサイトに移動します。
これで、フリルを使用してフラッシュコンテンツがレンダリングされていることがわかります。

カスタマイズ

ニーズに合わせてHTML、CSS、およびJavaScriptコードを自由に変更してください。レイアウトを変更したり、フラッシュコンテンツを追加したり、ウェブサイトのさまざまな部分にフリルを統合したりできます。

互換性

Ruffleは、Google Chrome、Mozilla Firefox、Microsoft Edge、Safariなど、組み込みのフラッシュサポートがない最新のブラウザで機能するように設計されています。アニメーション、ゲーム、インタラクティブなアプリケーションなど、幅広いフラッシュコンテンツと互換性があります。