Spaces:
Running
Delete index.html
Browse files<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>3D Game Generator</title>
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
}
iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
#tsparticles {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none; /* So the particles don't block clicks */
}
audio {
display: none; /* Hide audio controls */
}
#controls {
position: absolute;
top: 10px;
left: 10px;
z-index: 999;
color: white;
background: rgba(0, 0, 0, 0.6);
padding: 5px 10px;
border-radius: 5px;
font-family: sans-serif;
}
button {
cursor: pointer;
}
</style>
</head>
<body>
<!-- Particle background -->
<div id="tsparticles"></div>
<!-- Game iframe -->
<iframe src="https://game.aidark.net/" frameborder="0" scrolling="no"></iframe>
<!-- Background music -->
<audio id="bg-music" loop autoplay>
<source src="https://www.fesliyanstudios.com/play-mp3/387" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<!-- Sound effect on click -->
<audio id="click-sound">
<source src="https://www.fesliyanstudios.com/play-mp3/6672" type="audio/mpeg">
</audio>
<!-- Music Controls -->
<div id="controls">
<button onclick="toggleMusic()">🔊 Music</button>
</div>
<!-- tsParticles library -->
<script src="https://cdn.jsdelivr.net/npm/tsparticles@2/tsparticles.bundle.min.js"></script>
<!-- Init Particles -->
<script>
tsParticles.load("tsparticles", {
fullScreen: { enable: false },
background: { color: { value: "transparent" } },
particles: {
number: { value: 50 },
size: { value: 3 },
color: { value: "#ffffff" },
move: {
enable: true,
speed: 1,
direction: "none",
outMode: "out"
},
opacity: {
value: 0.5
}
}
});
// Toggle music on/off
const bgMusic = document.getElementById("bg-music");
function toggleMusic() {
if (bgMusic.paused) {
bgMusic.play();
} else {
bgMusic.pause();
}
}
// Play sound effect on any click
document.body.addEventListener('click', () => {
const clickSound = document.getElementById("click-sound");
clickSound.currentTime = 0; // rewind
clickSound.play();
});
</script>
</body>
</html>
- index.html +0 -33
|
@@ -1,33 +0,0 @@
|
|
| 1 |
-
<!DOCTYPE html>
|
| 2 |
-
<html lang="en">
|
| 3 |
-
<head>
|
| 4 |
-
<meta charset="UTF-8">
|
| 5 |
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
-
<title>3D Game Generator</title>
|
| 7 |
-
<style>
|
| 8 |
-
/* Remove padding and margin for body and html */
|
| 9 |
-
html, body {
|
| 10 |
-
margin: 0;
|
| 11 |
-
padding: 0;
|
| 12 |
-
height: 100%;
|
| 13 |
-
}
|
| 14 |
-
/* Make the iframe full screen and remove the border */
|
| 15 |
-
iframe {
|
| 16 |
-
position: absolute;
|
| 17 |
-
top: 0;
|
| 18 |
-
left: 0;
|
| 19 |
-
width: 100%;
|
| 20 |
-
height: 100%;
|
| 21 |
-
border: none; /* Removes the border */
|
| 22 |
-
margin: 0;
|
| 23 |
-
padding: 0;
|
| 24 |
-
overflow: hidden; /* Prevents scrollbars */
|
| 25 |
-
}
|
| 26 |
-
</style>
|
| 27 |
-
</head>
|
| 28 |
-
<body>
|
| 29 |
-
|
| 30 |
-
<iframe src="https://game.aidark.net/" frameborder="0" scrolling="no"></iframe>
|
| 31 |
-
|
| 32 |
-
</body>
|
| 33 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|