Só para cima

71 argghh

Abrir no Editor Publique Seu Código

Recomendado

17 May 2025

social moderno

24 August 2025

Soluções Digitais: Web, Mobile, Marketing e Design

27 November 2025

Exemplo de código HTML para botão

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

social moderno

Soluções Digitais: Web, Mobile, Marketing e Design

Exemplo de código HTML para botão

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS