Carregador de jogos em Flash com reprodutor Ruffle

Abrir no Editor Video Publique Seu Código

Recomendado

4 May 2025

<!DOCTYPE html>
 

<html lang="en">
  <base href="https://cdn.jsdelivr.net/gh/bubbls/ugss@main/FPW3/">
<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, user-scalable=no">
  <title>really cool flash game </title>
  <style>
    html, body {
      margin: 0;
      padding: 0;
      background: black;
      overflow: hidden;
      height: 100%;
      width: 100%;
    }
    #flash-container {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: black;
    }
    ruffle-player {
      width: 100%;
      height: 100%;
      background: black;
      display: block;
    }
    #loading-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      font-family: Arial, sans-serif;
      font-size: 24px;
      text-align: center;
      z-index: 1000;
    }
  </style>
  <script src="https://cdn.jsdelivr.net/npm/@ruffle-rs/ruffle@0.2.0-nightly.2025.10.2/ruffle.min.js"></script>
</head>
<body>
  <div id="loading-text">Loading game... 0%</div>
  <div id="flash-container"></div>
  <script>
    const container = document.getElementById("flash-container");
    const loadingText = document.getElementById("loading-text");

function mergeSWFParts(fileParts) {
      return new Promise((resolve, reject) => {
        let buffers = [];
        let totalSize = 0;
        let loadedSize = 0;

function updateProgress() {
          if (totalSize > 0) {
            const pct = Math.round((loadedSize / totalSize) * 100);
            if (loadingText) {
              loadingText.textContent = `Loading game... ${pct}%`;
            }
          }
        }

fetch(fileParts[i])
            .then(response => {
              if (!response.ok) {
                throw new Error(`Failed to load ${fileParts[i]}: ${response.status}`);
              }
              const contentLength = response.headers.get('content-length');
              if (contentLength) {
                totalSize += parseInt(contentLength);
              }
              return response.arrayBuffer();
            })
            .then(data => {
              buffers.push(data);
              loadedSize += data.byteLength;
              updateProgress();
              fetchPart(i + 1);
            })
            .catch(reject);
        }

fetchPart(0);
      });
    }

function getSWFParts(baseFile, start, end) {
      let arr = [];
      for (let i = start; i <= end; i++) {
        arr.push(`${baseFile}.part${i}`);
      }
      return arr;
    }

window.addEventListener("resize", resizeGame);

window.addEventListener("DOMContentLoaded", () => {
      resizeGame();
      
      console.log('Starting SWF merge...');
      
      const swfParts = getSWFParts('593275_FPAWorld3.swf', 1, 2); 
      
      const useSingleFile = false; 
      const singleFileUrl = "593275_FPAWorld3.swf";

const loadPromise = useSingleFile 
        ? Promise.resolve(singleFileUrl)
        : mergeSWFParts(swfParts);

loadPromise
        .then(swfUrl => {
          console.log('SWF ready, loading into Ruffle...');
          if (loadingText) {
            loadingText.textContent = 'Starting game...';
          }

Carregador de jogos em Flash com reprodutor Ruffle

Recomendado

Mensagem de motivação

Cartão de Planos Anes

DJ de introdução

HTML

CSS

JS

Recomendado

Mensagem de motivação

Cartão de Planos Anes

DJ de introdução

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS