Só para cima

437 argghh

Abrir no Editor Video Publique Seu Código

Recomendado

13 October 2025

Exemplo de código HTML para jogo da cobra

20 September 2025

Modelo de formulário de login de girassol em HTML

22 November 2025

Efeito de passar o mouse sobre o botão de vidro líquido em 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

Exemplo de código HTML para jogo da cobra

Modelo de formulário de login de girassol em HTML

Efeito de passar o mouse sobre o botão de vidro líquido em CSS

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS