Émulateur Pokémon Émeraude pour Game Boy Advance en HTML et JavaScript

40 saucington

Remixer Ouvrir dans l'éditeur Publiez votre code

Émulateur Pokémon Émeraude pour Game Boy Advance en HTML et JavaScript

Recommandé

13 June 2024

DICTIONNAIRE ET PRONONCIATION DES MOTS

5 August 2025

Liste de cartes d'entreprise : exemple HTML et CSS

10 October 2025

Structure HTML du conteneur d'animation CSS

HTML

<head>
    <script src="//www.google.com/jsapi"></script>
    <script>
      window.parent.maeExportApis_();
    </script>

#startButton {
        display: block;
        width: 160px;
        height: 40px;
        background-color: #4caf50;
        color: white;
        text-align: center;
        text-decoration: none;
        font-size: 16px;
        margin: 20px auto;
        padding: 10px 20px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-family: "Press Start 2P", cursive;
        box-shadow: 0px 0px 10px 2px #000000;
      }
    </style>
    <link
      href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap"
      rel="stylesheet"
    />
    <style type="text/css">
      #button {
        display: none;
      }

.imgb_vis {
        animation: imgb-animation 7s linear;
      }

@keyframes imgb-animation {
        10% {
          transform: translateX(0);
        }

20% {
          transform: translateX(100px);
        }

90% {
          transform: translateX(100px);
        }

100% {
          transform: translateX(0);
        }
      }
    </style>
  </head>

<body>
    <div style="width: 100vw; height: 100vh; max-width: 100%">
      <div id="game" style="display: none"></div>
      <button id="startButton">PLAY</button>
    </div>
    <script>
      document.getElementById("game").style.display = "none";
      function startGame() {
        document.getElementById("game").style.display = "block";
        document.getElementById("startButton").style.display = "none";
        EJS_player = "#game";
        EJS_core = "gba";
        EJS_color = "#000000";
        EJS_startOnLoaded = true;
        EJS_pathtodata = "https://cdn.jsdelivr.net/gh/bubblfan/emu@master/";
        EJS_gameUrl =
          "https://cdn.jsdelivr.net/gh/a456pur/seraph@81f551ca0aa8e3d6018d32d8ac5904ac9bc78f76/games/pokemonemerald/pokemonemerald.gba";
        loadGame();
      }
      document
        .getElementById("startButton")
        .addEventListener("click", startGame);
      function loadGame() {
        var script = document.createElement("script");
        script.src =
          "https://cdn.jsdelivr.net/gh/bubblfan/emu@master/loader.js";
        document.body.appendChild(script);
      }
    </script>
  </body>
</html>

CSS