Minecraft

Open In Editor Video Publish Your Code

Minecraft

Recommended

9 November 2024

Navigation Bar

17 January 2026

Metehan

19 November 2025

CSS Animated Loading Screen with Dots

HTML

<!DOCTYPE html>

<html>
<head>
  <title>EaglercraftX</title>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <style>
    /* Sayfa ve oyun çerçevesi için temel düzenlemeler */
    html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow: hidden; /* Sayfanın gereksiz kaymasını engeller */
    }

#game_frame {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #000; /* Arka plan rengi, isteğe bağlı */
    }
  </style>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/bubbls/loltheygotbannedfromjsdelivr@38f40924ae70b843f3d4d0a5dc3d6ba13ca3a461/classes.min.js"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/bubbls/loltheygotbannedfromjsdelivr@38f40924ae70b843f3d4d0a5dc3d6ba13ca3a461/fix-webm-duration.js"></script>
  <script type="text/javascript">
    window.addEventListener('load', function () {
      window.focus();
      document.body.addEventListener('click', function (e) {
        window.focus();
      }, false);
    });

window.addEventListener("load", () => {
      if (document.location.href.startsWith("file:")) {
        console.warn("HTTP required. Do not open this file locally, run it via a local HTTP server.");
      } else {
        // Default configuration for EaglercraftX
        if (!window.eaglercraftXOpts) {
          window.eaglercraftXOpts = {
            container: "game_frame",
            assetsURI: "https://cdn.jsdelivr.net/gh/bubbls/loltheygotbannedfromjsdelivr@38f40924ae70b843f3d4d0a5dc3d6ba13ca3a461/assets.epk",
            localesURI: "lang/",
            servers: [
              { addr: "wss://mc.arch.lol/", name: "ArchMC" },
              { addr: "wss://mc.asspixel.net", name: "AssPixel" },
              { addr: "wss://sus.shhnowisnottheti.me", name: "Ayunboom" },
              { addr: "wss://aeon-network.net/1.8", name: "Aeon" },
              { addr: "wss://zentic.org/", name: "Zentic" }
            ]
          };
        }
        // Ensure container element exists
        let container = document.querySelector(`#${window.eaglercraftXOpts.container}`);
        if (!container) {
          console.error("Container element not found. Creating a default one.");
          container = document.createElement("div");
          container.id = window.eaglercraftXOpts.container;
          document.body.appendChild(container);
        }
        try {
          main();
        } catch (error) {
          console.error("Error starting EaglercraftX:", error);
        }
      }
    });
  </script>
</head>
<body>
  
  <div id="game_frame"></div>
  <div class="_eaglercraftX_wrapper_element"></div>
  <div id="_eaglercraftX_crashReason" style="display:none;"></div>
  <div id="_eaglercraftX_crashUserAgent" style="display:none;"></div>
</body>
</html>

CSS

JS