50 lines
1.5 KiB
JavaScript
50 lines
1.5 KiB
JavaScript
// Games List
|
|
const GAMES = [
|
|
{
|
|
id: "arcadeFNF",
|
|
url: "https://www.miniplay.com/embed/friday-night-funkin",
|
|
},
|
|
{
|
|
id: "arcadeSuperMarioBros",
|
|
url: "https://jcw87.github.io/c2-smb1/",
|
|
},
|
|
{ id: "arcadeCatMario", url: "https://www.miniplay.com/embed/cat-mario" },
|
|
{
|
|
id: "arcadeTetris",
|
|
url: "https://www.miniplay.com/embed/tetris-i1240",
|
|
},
|
|
{ id: "arcadePacman", url: "https://www.miniplay.com/embed/pacman" },
|
|
{ id: "arcadeDino", url: "https://chromedino.com/" },
|
|
{
|
|
id: "arcadeMinesweeper",
|
|
url: "https://www.miniplay.com/embed/minesweeper",
|
|
},
|
|
{
|
|
id: "arcadeBattleships",
|
|
url: "https://www.crazygames.com/embed/battleships-general-quarter",
|
|
},
|
|
];
|
|
// Define Characters
|
|
const CHAR_LEFT = document.getElementById("charLeft");
|
|
const CHAR_RIGHT = document.getElementById("charRight");
|
|
|
|
// Change Game
|
|
const ARCADE_IFRAME = document.getElementById("arcadeIframe");
|
|
GAMES.forEach((game) => {
|
|
const ELEMENT = document.getElementById(game.id);
|
|
ELEMENT.addEventListener("click", () => {
|
|
ARCADE_IFRAME.src = game.url;
|
|
// Hide Characters
|
|
CHAR_LEFT.style.display = "none";
|
|
CHAR_RIGHT.style.display = "none";
|
|
});
|
|
});
|
|
|
|
// Close Game
|
|
const CLOSE_GAME = document.getElementById("closeGame");
|
|
CLOSE_GAME.addEventListener("click", () => {
|
|
ARCADE_IFRAME.src = "";
|
|
document.getElementById("mouseGif").style.display = "block";
|
|
CHAR_LEFT.style.display = "flex";
|
|
CHAR_RIGHT.style.display = "flex";
|
|
});
|