miles/moon-gaming
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fps

Browse Source
This commit is contained in:
Robert
2025-04-01 14:34:22 +00:00
committed by GitHub
parent dbd8538d63
commit 169d163680
17 changed files with 656 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
404.html
+39 -1
View File
@@ -1,3 +1,4 @@
<div id="fps-counter"></div>
<!DOCTYPE html>
<html lang="en">
<head>
@@ -43,4 +44,41 @@
<img src="404.gif" alt="404">
<p>If you believe this is an error, please <a href="/Contact.html">contact us</a>.</p>
</body>
</html>
</html>
<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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
WebGames-master/WebGames-master/BubbleGame/index.html
+38
View File
@@ -66,3 +66,41 @@
</div>
</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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
WebGames-master/WebGames-master/DevQuiz/index.html
+38
View File
@@ -126,3 +126,41 @@
</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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
WebGames-master/WebGames-master/games/Basketball-Legends-2020-gh-pages/Basketball-Legends-2020-gh-pages/index.html
+39 -1
View File
@@ -31,4 +31,42 @@
<script src="js/slopegame-gitlab-io.js"></script>
</body>
</html>
</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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
WebGames-master/WebGames-master/games/HexGL-master/HexGL-master/index.html
+38
View File
@@ -127,3 +127,41 @@
</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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
WebGames-master/WebGames-master/games/Learn-To-Fly-2-main/Learn-To-Fly-2-main/index.html
+38
View File
@@ -23,3 +23,41 @@
</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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
WebGames-master/WebGames-master/games/Slope-Game-main/Slope-Game-main/index.html
+38
View File
@@ -66,3 +66,41 @@ Drop a star on the repo if you enjoy.
<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/101393847ns.gif" /></p></noscript>
</body>
<!-- Slope game by y8 games, not me.-->
<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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
WebGames-master/WebGames-master/games/Snow-Rider3D-main/Snow-Rider3D-main/index.html
+38
View File
@@ -24,3 +24,41 @@
</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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
WebGames-master/WebGames-master/games/zTunnel-Rush.html
+39 -1
View File
@@ -146,4 +146,42 @@ window.JOT_formatRelativeToNow=function(a,b){a=((new Date).getTime()-a)/6E4;if(1
JOT_postEvent('usercontentrendered', this);
</script>
</body>
</html>
</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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
WebGames-master/WebGames-master/tic-tac-toe/index.html
+38
View File
@@ -49,3 +49,41 @@
</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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
games/flasharchive-main/flasharchive-main/html/hs-ftc.html
+38
View File
@@ -19,3 +19,41 @@
</center>
</body>
<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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
games/flasharchive-main/flasharchive-main/html/hs-ita-1.html
+39 -1
View File
@@ -18,4 +18,42 @@
<center>
<embed id="game" src="../Henry Stickmin - Infiltrating the Airship.swf"></embed>
</center>
</body>
</body>
<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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
games/henreystikman/BreakingTheBank.html
+39 -1
View File
@@ -12,4 +12,42 @@
</body>
</html>
</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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
games/henreystikman/Crossing The Pit.html
+39 -1
View File
@@ -15,4 +15,42 @@
</body>
</html>
</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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
games/henreystikman/Escaping The Prison.html
+39 -1
View File
@@ -12,4 +12,42 @@
</body>
</html>
</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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
games/henreystikman/Stealing_the_Diamond.html
+39 -1
View File
@@ -15,4 +15,42 @@
</body>
</html>
</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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>
stikpage.ht.html
+40 -1
View File
@@ -11,4 +11,43 @@
<a href="/games/henreystikman/Escaping The Prison.html"> henrey Escaping The Prison</a>
<a href="/games/henreystikman/Stealing_the_Diamond.html">Stealing_the_Diamond</a>
<a href="/games/flasharchive-main/flasharchive-main/html/hs-ita-1.html">Henry Stickmin - Infiltrating the Airship</a>
<a href="/games/flasharchive-main/flasharchive-main/html/hs-ftc.html">Henry Stickmin - Fleeing the Complex</a>
<a href="/games/flasharchive-main/flasharchive-main/html/hs-ftc.html">Henry Stickmin - Fleeing the Complex</a>
<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"); // Moved this to the correct place
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(); // Ensure the FPS calculation starts
</script>