Files
miles 6014fa0de9 Implement FPS Counter with Cookie Management Across Multiple Games
- Added functionality to display an FPS counter in various games based on a cookie setting.
- Introduced a utility function to retrieve cookies and check if the FPS counter is enabled.
- Updated the FPS calculation logic to start or hide the counter based on user preferences.
- Ensured consistent implementation across multiple HTML files, including games like "Bubble Game", "Basketball Legends", and others.
- Enhanced the main index and settings pages to manage FPS counter visibility and added a clock feature.
2025-04-04 13:09:41 +00:00

92 lines
2.7 KiB
HTML

<a href="index.html">Home</a>
<a href="games/FNAF/FNAF/index.html">Fnaf</a>
<a href="https://wondrous-jalebi-fb1e04.netlify.app/">Fnaf 2 Hacked</a>
<a herf="Roberts games/Five-Nights-at-Sister-Location-main/Five-Nights-at-Sister-Location-main/index.html">Fnaf Sister Location</a>
<p>
<input type="button" value="Click Me For Some Info Why This Bad" onclick="yes()"/>
<script>
//this is for the input
function yes(){
alert('this will be better soon');}
</script>
</p>
<script>
//This Stuff Under Here Is A Test
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game Menu</title>
<link rel="stylesheet" href="fanf.css">
</head>
<body>
<div class="menu">
<h1>Game Menu</h1>
<button id="startButton">Start Game</button>
<button id="settingsButton">Settings</button>
<button id="exitButton">Exit</button>
</div>
<script src="fanf.js"></script>
</body>
</html>
<div id="fps-counter"></div>
<style>
#fps-counter {
position: fixed;
top: 10px;
right: 10px;
font-size: 12px;
color: white;
background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
padding: 5px;
border-radius: 5px;
z-index: 1000; /* Ensure it stays on top */
}
</style>
<script>
const fpsCounter = document.getElementById("fps-counter");
// Utility function to get a cookie
function getCookie(name) {
const cookies = document.cookie.split(';');
for (let i = 0; i < cookies.length; i++) {
const cookie = cookies[i].trim();
if (cookie.startsWith(name + '=')) {
return cookie.substring(name.length + 1);
}
}
return null;
}
// Check if FPS Counter is enabled
const fpsCounterEnabled = getCookie('fpsCounter') === 'true';
if (fpsCounterEnabled) {
fpsCounter.style.display = 'block'; // Show FPS counter
function calculateFPS() {
let lastFrameTime = performance.now();
let frames = 0;
function frameLoop() {
const now = performance.now();
frames++;
if (now - lastFrameTime >= 1000) {
const fps = Math.round(frames / ((now - lastFrameTime) / 1000));
fpsCounter.textContent = `FPS: ${fps}`;
frames = 0;
lastFrameTime = now;
}
requestAnimationFrame(frameLoop);
}
frameLoop();
}
calculateFPS(); // Start FPS calculation
} else {
fpsCounter.style.display = 'none'; // Hide FPS counter
}
</script>