Henry Stickmin: Dirigible - Juega al juego flash con Ruffle

784 iroger7

Abrir en el editor Publica tu código

Henry Stickmin: Dirigible - Juega al juego flash con Ruffle

Recomendado

28 November 2024

Enlace animado al pasar el mouse

14 September 2024

Carrusel de portafolios con controles deslizantes sincronizados

12 March 2026

Código HTML5 del juego de rompecabezas Block Blast

HTML

<!DOCTYPE html>
 

<html lang="en">
  <base href="https://cdn.jsdelivr.net/gh/bubbls/ugss@main/stickmanairship/">
<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('Henry Stickmin - Infiltrating the Airship.swf', 1, 2); 
      
      const useSingleFile = false; 
      const singleFileUrl = "19DV5riduLE56J.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...';
          }

CSS