Test de camouflage de pente

35 chanclacreates

Ouvrir dans l'éditeur Publiez votre code

Test de camouflage de pente

Recommandé

22 August 2025

Commentaire d'espace réservé au code HTML

25 November 2025

Route de l'évasion

31 January 2025

Films de cartes CSS pures 3D

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Slope Plus Launcher</title>
    <style>
        body { background: #000; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; font-family: sans-serif; }
        button { padding: 15px 30px; font-size: 20px; cursor: pointer; background: #222; color: #0f0; border: 2px solid #0f0; border-radius: 5px; box-shadow: 0 0 10px #0f0; transition: 0.3s; }
        button:hover { background: #0f0; color: #000; }
    </style>
</head>
<body>

<button onclick="launchSlope()">Launch Slope Plus (about:blank)</button>

<script>
        function launchSlope() {
            // The Slope Plus game code
            const slopeCode = `
<!DOCTYPE html>
<html lang="en-us">
<head>
    <base href="https://cdn.jsdelivr.net/gh/gn-math/assets@51462750d29b68ac1e33887c1bf13d9c478d5ead/198/">
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Unity WebGL Player | Slope Plus</title>
    <link rel="shortcut icon" href="TemplateData/favicon.ico">
    <link rel="stylesheet" href="TemplateData/style.css">
    <style>
        html, body { margin: 0; padding: 0; overflow: hidden; height: 100%; width: 100%; background: #000; }
        #unity-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
    </style>
    <script src="TemplateData/UnityProgress.js"><\/script>
    <script src="Build/UnityLoader.js"><\/script>
    <script>
        function mergeFiles(fileParts) {
            return new Promise((resolve, reject) => {
                let buffers = [];
                function fetchPart(index) {
                    if (index >= fileParts.length) {
                        let mergedBlob = new Blob(buffers);
                        let mergedFileUrl = URL.createObjectURL(mergedBlob);
                        resolve(mergedFileUrl);
                        return;
                    }
                    fetch(fileParts[index]).then((response) => response.arrayBuffer()).then((data) => {
                        buffers.push(data);
                        fetchPart(index + 1);
                    }).catch(reject);
                }
                fetchPart(0);
            });
        }
        function getParts(file, start, end) {
            let parts = [];
            for (let i = start; i <= end; i++) { parts.push(file + ".part" + i); }
            return parts;
        }
        window.addEventListener('resize', resizeGameContainer);
        function resizeGameContainer() {
            const container = document.getElementById('gameContainer');
            if (container) {
                container.style.width = window.innerWidth + "px";
                container.style.height = window.innerHeight + "px";
            }
        }
        window.onload = function () {
            resizeGameContainer();
            Promise.all([
                mergeFiles(getParts("https://cdn.jsdelivr.net/gh/gn-math/assets@51462750d29b68ac1e33887c1bf13d9c478d5ead/198/Build/WEB1.2.1.data.unityweb", 1, 2))
            ]).then(([dataUrl]) => {
                let json = {
                    companyName: "Slope Plus",
                    productName: "Slope Plus",
                    dataUrl: dataUrl,
                    wasmCodeUrl: "https://cdn.jsdelivr.net/gh/gn-math/assets@51462750d29b68ac1e33887c1bf13d9c478d5ead/198/Build/WEB1.2.1.wasm.code.unityweb",
                    wasmFrameworkUrl: "https://cdn.jsdelivr.net/gh/gn-math/assets@51462750d29b68ac1e33887c1bf13d9c478d5ead/198/Build/WEB1.2.1.wasm.framework.unityweb",
                    TOTAL_MEMORY: 268435456,
                    graphicsAPI: ["WebGL 2.0", "WebGL 1.0"],
                    webglContextAttributes: { preserveDrawingBuffer: false },
                    splashScreenStyle: "Dark",
                    backgroundColor: "#000000"
                };
                UnityLoader.instantiate("gameContainer", json, { onProgress: UnityProgress });
            });
        };
    <\/script>
</head>
<body>
    <div class="webgl-content">
        <div id="gameContainer" style="width: 100vw; height: 100vh;"></div>
    </div>
</body>
</html>`;

// 1. Create a new window/tab
            const win = window.open('about:blank', '_blank');
            
            // 2. Inject the game code into that tab
            win.document.open();
            win.document.write(slopeCode);
            win.document.close();
        }
    </script>
</body>
</html>

CSS

JS