Seulement vers le haut

1,248 argghh

Ouvrir dans l'éditeur Publiez votre code

Recommandé

25 May 2025

Un code par Liamgilles76

21 May 2024

Texte pour parler

12 December 2025

Modèle HTML de site web de portfolio holographique

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