jusemon/threejs-test
1
0
Fork 0
Code Issues Pull requests Releases Packages 1 Activity Actions

Feature/Gameloop enhancements (#17)
All checks were successful
Build and Publish Docker Image / Publish to Registry (push) Successful in 8s
Details
Build and Publish Docker Image / Deploy to Portainer (push) Successful in 2s
Details

Browse source 
Reviewed-on: #17
Co-authored-by: Juan Sebastian Montoya <juansmm@outlook.com>
Co-committed-by: Juan Sebastian Montoya <juansmm@outlook.com>
This commit is contained in:
Juan Sebastián Montoya 2025-11-26 17:53:40 -05:00 • committed by Juan Sebastián Montoya
parent 77bd5bb395
commit 323f0be900
15 changed files with 1629 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

23
index.html
View file

@ -96,6 +96,20 @@
z-index: 100;
font-family: 'Courier New', monospace;
}
#soundStatus {
position: absolute;
top: 20px;
right: 100px;
font-size: 20px;
cursor: pointer;
z-index: 100;
user-select: none;
opacity: 0.8;
transition: opacity 0.2s;
}
#soundStatus:hover {
opacity: 1;
}
#perfMonitor {
position: absolute;
top: 60px;
@ -125,6 +139,11 @@
top: 10px;
right: 10px;
}
#soundStatus {
top: 10px;
right: 60px;
font-size: 18px;
}
#perfMonitor {
top: 40px;
right: 10px;
@ -144,6 +163,8 @@
<div id="version">v<span id="versionNumber">-</span></div>
<div id="soundStatus" title="Sound ON (Press M to mute)">🔊</div>
<div id="perfMonitor">
<div><span class="label">FPS:</span> <span id="fps">60</span></div>
<div><span class="label">Frame:</span> <span id="frameTime">16.7</span>ms</div>
@ -159,7 +180,7 @@
<div id="instructions">
<p><strong>Controls:</strong> WASD or Arrow Keys to move | Touch and drag to move (mobile) | Collect yellow coins | Avoid red obstacles!</p>
<p style="margin-top: 5px; font-size: 11px; opacity: 0.7;">Press "T" or shake device to toggle performance monitor</p>
<p style="margin-top: 5px; font-size: 11px; opacity: 0.7;">Press "T" to toggle performance monitor | Press "M" to toggle sound</p>
</div>
<script type="module">