Seulement vers le haut

963 argghh

Ouvrir dans l'éditeur Publiez votre code

Recommandé

28 June 2025

Modèle de site Web HTML de location de vélos

15 October 2024

Barre de navigation bleue

25 February 2026

Chargeur de jeu en plein écran avec écran de démarrage et publicités

HTML

<!DOCTYPE html>
<html lang="en-us">

<head>
    <meta charset="utf-8" />
    <title>Obby Robby: Only Up</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <style>
        html {
            box-sizing: border-box
        }

*,
        *:before,
        *:after {
            box-sizing: inherit
        }

html,
        body {
            height: 100%
        }

canvas {
            display: block
        }

body {
            margin: 0
        }

#unity-container {
            width: 100%;
            height: 100%;
            position: relative
        }

#unity-canvas {
            width: 100%;
            height: 100%;
            background: #231F20
        }

#loading-cover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center
        }

#unity-loading-bar {
            flex: 1 1 auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

#unity-logo {
            text-align: center
        }

#unity-logo img {
            max-width: 80%;
            max-height: 80%
        }

#unity-progress-bar-empty {
            width: 40%;
            height: 24px;
            margin: 10px 20px 20px 10px;
            text-align: left;
            border: 1px solid white;
            padding: 2px
        }

#unity-progress-bar-full {
            width: 0;
            height: 100%;
            background: white
        }

.light #unity-progress-bar-empty {
            border-color: black
        }

.light #unity-progress-bar-full {
            background: black
        }

.spinner,
        .spinner:after {
            border-radius: 50%;
            width: 5em;
            height: 5em
        }

.spinner {
            margin: 10px;
            font-size: 10px;
            position: relative;
            text-indent: -9999em;
            border-top: 1.1em solid rgba(255, 255, 255, 0.2);
            border-right: 1.1em solid rgba(255, 255, 255, 0.2);
            border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
            border-left: 1.1em solid #ffffff;
            transform: translateZ(0);
            animation: spinner-spin 1.1s infinite linear
        }

@keyframes spinner-spin {
            0% {
                transform: rotate(0deg)
            }

100% {
                transform: rotate(360deg)
            }
        }
    </style>
    <style>
        body {
            overflow: hidden;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }
    </style>
    <meta name="robots" content="noindex,nofollow" />
</head>

<body class="dark">
    <div id="unity-container" class="unity-desktop">
        <canvas id="unity-canvas"></canvas>
    </div>
    <div id="loading-cover" style="display:none;">
        <div id="unity-loading-bar">
            <div id="unity-progress-bar-empty" style="display: none;">
                <div id="unity-progress-bar-full"></div>
            </div>
            <div class="spinner"></div>
        </div>
    </div>
    <script>
        const hideFullScreenButton = "";
        const buildUrl = "";
        const loaderUrl = buildUrl + "https://cdn.jsdelivr.net/gh/bubbls/UGS-Assets@9cb5daff12e42db9c22b26256e01cb4ca515dfd5/obby%20robby%20only%20up/obrob.js";
        const config = {
            dataUrl: buildUrl + "https://cdn.jsdelivr.net/gh/bubbls/UGS-Assets@9cb5daff12e42db9c22b26256e01cb4ca515dfd5/obby%20robby%20only%20up/obrob.data.unityweb",
            frameworkUrl: buildUrl + "https://cdn.jsdelivr.net/gh/bubbls/UGS-Assets@9cb5daff12e42db9c22b26256e01cb4ca515dfd5/obby%20robby%20only%20up/obrob.framework.js.unityweb",
            codeUrl: buildUrl + "https://cdn.jsdelivr.net/gh/bubbls/UGS-Assets@9cb5daff12e42db9c22b26256e01cb4ca515dfd5/obby%20robby%20only%20up/obrob.wasm.unityweb",
            streamingAssetsUrl: "https://cdn.jsdelivr.net/gh/Loddypof/jsalgorithms@fb25f5324547c755e8c60a36d734c4f82cf0b158/others/StreamingAssets",
        };
        const container = document.querySelector("#unity-container");
        const canvas = document.querySelector("#unity-canvas");
        const loadingCover = document.querySelector("#loading-cover");
        const progressBarEmpty = document.querySelector("#unity-progress-bar-empty");
        const progressBarFull = document.querySelector("#unity-progress-bar-full");
        const spinner = document.querySelector('.spinner');
        const canFullscreen = (function () {
            for (const key of ['exitFullscreen', 'webkitExitFullscreen', 'webkitCancelFullScreen', 'mozCancelFullScreen', 'msExitFullscreen',]) {
                if (key in document) {
                    return true
                }
            }
            return false
        }());
        if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
            container.className = "unity-mobile"
        }
        loadingCover.style.display = "";
        canvas.addEventListener("touchstart", () => {
            window.focus()
        });
        canvas.addEventListener("pointerdown", () => {
            window.focus()
        });
        let player;
        let leaderboard;
        let myGameInstance = null;
        let payments = null;
        let promptCanShow = false;
        let reviewCanShow = false;
        let initSDK = true;
        let initGame = true;
        let photoSizeForInit;
        let scopesForInit;
        let nowFullAdOpen = false;
        let letGameReadyApi = true;
        let ysdk = null;
        const script = document.createElement("script");
        script.src = loaderUrl;
        script.onload = () => {
            createUnityInstance(canvas, config, (progress) => {
                spinner.style.display = "none";
                progressBarEmpty.style.display = "";
                progressBarFull.style.width = `${100 * progress}%`
            }).then((unityInstance) => {
                myGameInstance = unityInstance;
                loadingCover.style.display = "none"
            }).catch((message) => {
            })
        };
        var playerData = 'noData';
        var environmentData = 'null';
        var cloudSaves = 'noData';

function InitSDK(photoSize, scopes) {
            console.log('Init GAME');
            return;
            initGame = true;
            photoSizeForInit = photoSize;
            scopesForInit = scopes;
            InitPlayer(photoSize, scopes)
        }

function GameReadyAPI() {
            if (letGameReadyApi) {
            }
        }

function NotAuthorized() {
            try {
                console.log('Authorized failed');
                let authJson = {
                    "playerAuth": "rejected",
                    "playerName": "unauthorized",
                    "playerId": "unauthorized",
                    "playerPhoto": "null"
                };
                myGameInstance.SendMessage('YandexGame', 'SetInitializationSDK', JSON.stringify(authJson))
            } catch (e) {
                console.error('CRASH Not Authorized: ', e.message)
            }
        }

function InitPlayer(photoSize, _scopes) {
            NotAuthorized();
            window.focus()
        }

function OpenAuthDialog(photoSize, scopes) {
            try {
                ysdk.auth.openAuthDialog().then(() => {
                    InitPlayer(photoSize, scopes)
                }).catch(() => {
                    InitSDK(photoSize, scopes)
                })
            } catch (e) {
                console.log('CRASH Open Auth Dialog: ', e.message)
            }
        }

function StickyAdActivity(show) {
            try {
                ysdk.adv.getBannerAdvStatus().then(({ stickyAdvIsShowing, reason }) => {
                    if (stickyAdvIsShowing) {
                        if (!show) {
                            ysdk.adv.hideBannerAdv()
                        }
                    } else if (reason) {
                        console.log('Sticky ad are not shown. Reason:', reason)
                    } else if (show) {
                        ysdk.adv.showBannerAdv()
                    }
                })
            } catch (e) {
                console.error('CRASH Sticky Activity: ', e.message)
            }
        }

function InitPayments() {
            try {
                ysdk.getPayments().then(_payments => {
                    console.log('Purchases are available');
                    payments = _payments
                }).catch(e => {
                    console.log('Purchases are not available', e.message)
                })
            } catch (e) {
                console.error('CRASH Init Payments: ', e.message)
            }
        }

function SaveCloud(jsonData, flush) {
            try {
                if (player == null) {
                    console.log('Save Cloud: player == null');
                    return
                }

player.setData({ saves: [jsonData], }, flush)
            } catch (e) {
                console.error('CRASH Save Cloud: ', e.message)
            }
        }

function LoadCloud() {
            try {
                player.getData(["saves"]).then(data => {
                    if (data.saves) {
                        myGameInstance.SendMessage('YandexGame', 'SetLoadSaves', JSON.stringify(data.saves))
                    } else {
                        myGameInstance.SendMessage('YandexGame', 'SetLoadSaves', "noData")
                    }
                }).catch(() => {
                    console.error('getData Error!');
                    myGameInstance.SendMessage('YandexGame', 'SetLoadSaves', "noData")
                })
            } catch (e) {
                console.error('CRASH Load saves Cloud: ', e.message);
                myGameInstance.SendMessage('YandexGame', 'SetLoadSaves', "noData")
            }
        }

function LanguageRequest() {
            try {
                myGameInstance.SendMessage('YandexGame', 'SetLanguage', ysdk.environment.i18n.lang)
            } catch (e) {
            }
        }

function RequestingEnvironmentData() {
            try {
                let jsonEnvir = { "language": ysdk.environment.i18n.lang, };
                myGameInstance.SendMessage('YandexGame', 'SetEnvironmentData', JSON.stringify(jsonEnvir))
            } catch (e) {
                console.error('CRASH Requesting Environment Data: ', e.message)
            }
        }

function PaintRBT(rbt) {
            try {
                document.getElementById(rbt).style.background = '#ff0000'
            } catch (e) {
                console.error('CRASH Paint RBT: ', e.message)
            }
        }

function StaticRBTDeactivate() {
        }

document.body.appendChild(script);
    </script>

</body>

</html>

CSS