Sólo arriba

69 argghh

Abrir en el editor Publica tu código

Recomendado

21 October 2024

Entradas de un solo dígito con un elemento

23 March 2025

Marquesina infinita solo CSS

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>

Recomendado

Entradas de un solo dígito con un elemento

Un código de solosimbaa86

Marquesina infinita solo CSS

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS