ruffle example 다운로드 -Ruffle ruffle example 소스 코드 다운로드

ruffle example

플래시 소스 코드

1.0.0

다운로드

ruffle 예제

이 저장소는 자신의 웹 사이트에서 Ruffle을 사용하여 플래시 컨텐츠를 모방하는 방법의 예/데모를 제공합니다. Ruffle은 최신 브라우저에서 플래시 컨텐츠를 계속 실행할 수있는 오픈 소스 플래시 플레이어 에뮬레이터입니다.

비디오 설명 : https://www.youtube.com/watch?v=TJXMGNXEX24&t=81S

스택 오버플로 질문 : https://stackoverflow.com/questions/65465492/how-to-embed-ruffle-flash-player-emulator-into-html-file/65693128#65693128

전제 조건

시작하기 전에 다음과 같이하십시오.

HTML, CSS 및 JavaScript에 대한 기본적인 이해
코드를 수정하기위한 텍스트 편집기 또는 통합 개발 환경 (IDE)
웹 사이트를 호스팅하는 웹 서버 (개발 목적으로 LocalHost를 사용할 수 있음)

시작하기

자신의 웹 사이트에서 Ruffle을 사용하려면 다음을 수행하십시오.

이 저장소를 로컬 컴퓨터로 복제하거나 다운로드하십시오.

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

텍스트 편집기에서 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 파일에 변경 사항을 저장하십시오.
웹 서버를 시작하고 브라우저의 로컬 웹 사이트로 이동하십시오.
이제 Ruffle을 사용하여 플래시 컨텐츠가 렌더링되어야합니다.

사용자 정의

귀하의 요구에 맞게 HTML, CSS 및 JavaScript 코드를 자유롭게 수정하십시오. 레이아웃을 변경하거나 더 많은 플래시 컨텐츠를 추가하거나 웹 사이트의 다른 부분에서 주름을 통합 할 수 있습니다.

호환성

Ruffle은 Google Chrome, Mozilla Firefox, Microsoft Edge 및 Safari와 같은 내장 플래시 지원이 부족한 최신 브라우저에서 작동하도록 설계되었습니다. 애니메이션, 게임 및 대화식 응용 프로그램을 포함한 광범위한 플래시 컨텐츠와 호환됩니다.