Surfista del metro

323 argghh

Abrir en el editor Video Publica tu código

Recomendado

25 August 2025

Estructura del contenedor de animación HTML

31 October 2023

Código del Juego del Círculo

18 May 2024

Página principal del portafolio

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.sf.js"></script>
    <script>
        window.config = { 
            loader: "unity",
            debug: false,
            maxRatio: 16 / 9,
            minRatio: 9 / 16,
            title: 'Subway Surfers: Houston',
            unityVersion: '2019.4.18f1',
            unityWebglBuildUrl: 'Houston.json',
            fileSize: 35,
            cachedDecompressedFileSizes: {
                'Houston.asm.code.unityweb': 9284927,
                'Houston.asm.framework.unityweb': 88106,
                'Houston.asm.memory.unityweb': 1003567,
                'Houston.data.unityweb': 17962100,
                'Houston.wasm.code.unityweb': 7468688,
                'Houston.wasm.framework.unityweb': 92489,
            },
        };
        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 = [
                    'Houston.data.unityweb',
                    'Houston.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>

Surfista del metro

Recomendado

Estructura del contenedor de animación HTML

Código del Juego del Círculo

Página principal del portafolio

HTML

CSS

JS

Recomendado

Estructura del contenedor de animación HTML

Código del Juego del Círculo

Página principal del portafolio

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS