Extreme Runner 3D

22 argghh

Abrir no Editor Video Publique Seu Código

Recomendado

24 January 2025

Caixa de login/inscrição de rotação 3D

16 September 2025

Carrossel de cartas 3D HTML CSS JavaScript

HTML

<!DOCTYPE html>
<html lang="en-us">
  <head>
<base href = "https://cdn.jsdelivr.net/gh/faralong/all@main/extremerun/">

</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-logo">	
          <img src="logo.png">	
          <br>	
          <p id="loading-txt" style="text-align: center; font-family: 'MuseoModerno', cursive;color: white;font-size: 50px;margin-top: 0px;margin-bottom: 0px;" >Loading...</p>	
        </div>

<div id="unity-progress-bar-empty" style="display: none;">
          <div id="unity-progress-bar-full"></div>
        </div>
        <div class="spinner"></div>
      </div>
    </div>
    <div id="unity-fullscreen-button" style="display: none;"></div>
    <script>
      const hideFullScreenButton = "";
      const buildUrl = "Build";
      const loaderUrl = buildUrl + "/ExtremeRun3D_13May.loaderrrr.js";
      const config = {
        dataUrl: buildUrl + "/fc4125c5f6edc94f1926057556d3cd21.data.unityweb",
        frameworkUrl: buildUrl + "/e95a19b5525f8ed2c2acf8820ae45cc1.js.unityweb",
        codeUrl: buildUrl + "/bec53a90c17b21b72af689a95d70004b.wasm.unityweb",
        streamingAssetsUrl: "StreamingAssets",
        companyName: "GAMEHOX11",
        productName: "Extreme Run 3D",
        productVersion: "1.8",
      };

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 fullscreenButton = document.querySelector("#unity-fullscreen-button");
      const spinner = document.querySelector('.spinner');

if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
        container.className = "unity-mobile";
        config.devicePixelRatio = 1;
      }
      loadingCover.style.display = "";

Recomendado

Caixa de login/inscrição de rotação 3D

Carrossel de cartas 3D HTML CSS JavaScript

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS