Subway Surfers Barcelona: Cargador de juegos WebGL

939 iroger7

Abrir en el editor Publica tu código

Subway Surfers Barcelona: Cargador de juegos WebGL

Recomendado

10 October 2025

Estructura HTML del contenedor de animación CSS

24 September 2025

Código gráfico interactivo de dragón SVG

22 July 2025

Icono giratorio de carga CSS

HTML

<base href="https://cdn.jsdelivr.net/gh/bubbls/subwaysurfersmerge/">
<html>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Subway Surfers: Barcelona</title>
    <link rel="icon" href="img/FirstAvatar.png">
    <script src="4399.ss.js"></script>
    <script>
        window.config = {
            loader: "unity",
            debug: false,
            maxRatio: 16 / 9,
            minRatio: 9 / 16,
            title: 'Subway Surfers: Barcelona',
            unityVersion: '2019.2.0f1',
            unityWebglBuildUrl: 'Barcelona.json',
            fileSize: 26,
            cachedDecompressedFileSizes: {
                'Barcelona.wasm.framework.unityweb': 537217,
                'Barcelona.wasm.code.unityweb': 26475054,
                'Barcelona.data.unityweb': 26686614,
            },
        };

window.mergedBlobUrls = {};
        window.assetsReady = false;

async function mergeSplitFile(fileUrlBase, numParts = 2) {
            const partUrls = Array.from({ length: numParts }, (_, i) => 
                `${fileUrlBase}.part${i + 1}`
            );

try {
                const responses = await Promise.all(
                    partUrls.map(url => fetch(url))
                );

if (responses.some(r => !r.ok)) {
                    return null;
                }

const parts = await Promise.all(
                    responses.map(r => r.arrayBuffer())
                );

const combinedBlob = new Blob(parts, {
                    type: 'application/octet-stream'
                });

return URL.createObjectURL(combinedBlob);
            } catch (error) {
                return null;
            }
        }

function setupXHRInterceptor() {
            if (window.xhrInterceptorInstalled) {
                return;
            }
            
            const originalOpen = XMLHttpRequest.prototype.open;
            const originalSend = XMLHttpRequest.prototype.send;

XMLHttpRequest.prototype.open = function(method, url, ...args) {
                this._url = url;
                this._method = method;
                this._args = args;
                
                let finalUrl = url;
                for (const [filename, blobUrl] of Object.entries(window.mergedBlobUrls)) {
                    if (url.includes(filename)) {
                        finalUrl = blobUrl;
                        break;
                    }
                }
                
                return originalOpen.call(this, method, finalUrl, ...args);
            };

XMLHttpRequest.prototype.send = function(...args) {
                const xhr = this;
                
                if (!window.assetsReady) {
                    const checkReady = setInterval(() => { 
                        if (window.assetsReady) {
                            clearInterval(checkReady);
                            originalSend.apply(xhr, args);
                        }
                    }, 50);
                    return;
                }
                
                return originalSend.apply(this, args);
            };
            
            window.xhrInterceptorInstalled = true;
        }

async function prepareGameAssets() {
            try {
                window.assetsReady = false;
                delete window.xhrInterceptorInstalled;
                window.mergedBlobUrls = {};
                
                setupXHRInterceptor();
                
                const filesToMerge = [
                    'Barcelona.data.unityweb',
                    'Barcelona.wasm.code.unityweb'
                ];
                 
                for (const filename of filesToMerge) {
                    const blobUrl = await mergeSplitFile(filename, 2);
                    if (blobUrl) {
                        window.mergedBlobUrls[filename] = blobUrl;
                    }
                }
                
                window.assetsPrepared = true;
                window.assetsReady = true;
                
            } catch (error) {
                window.assetsPrepared = false;
                window.assetsReady = true;
            }
        }

prepareGameAssets();

</script>
</head>
<body>
    <script src="master-loader.js"></script>
</body>
</html>

CSS