Test de camouflage de pente

334 chanclacreates

Ouvrir dans l'éditeur Publiez votre code

Test de camouflage de pente

Recommandé

3 January 2025

Un code par alexandrestelmaszyk

23 August 2025

Portfolio de designer créatif - Alex

2 November 2025

Modèle de site web portfolio : Design moderne

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