zink/animated_wallpaper
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add RPG clock angles (sun/moon rise/set/now) to debug panel

Browse Source
This commit is contained in:
Richard Zink committed 2026-10-07 13:22:24 +02:00
1 parent 86b2714b21
commit 933ad5e19b
1 file changed
+21
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+21
View File
@@ -340,6 +340,13 @@
<div class="debug-section">Theme table</div> <div class="debug-section">Theme table</div>
<div id="dbg-theme-table" class="theme-table"></div> <div id="dbg-theme-table" class="theme-table"></div>
<div id="dbg-color-table" class="theme-table"></div> <div id="dbg-color-table" class="theme-table"></div>
<div class="debug-section">RPG angles (degrees)</div>
<div class="debug-row"><span class="libel">sun rise</span> <span id="dbg-sun-rise-angle">--</span></div>
<div class="debug-row"><span class="libel">sun set</span> <span id="dbg-sun-set-angle">--</span></div>
<div class="debug-row"><span class="libel">sun now</span> <span id="dbg-sun-now-angle">--</span></div>
<div class="debug-row"><span class="libel">moon rise</span> <span id="dbg-moon-rise-angle">--</span></div>
<div class="debug-row"><span class="libel">moon set</span> <span id="dbg-moon-set-angle">--</span></div>
<div class="debug-row"><span class="libel">moon now</span> <span id="dbg-moon-now-angle">--</span></div>
</div> </div>
</div> </div>
<div id="info-panel"> <div id="info-panel">
@@ -1448,6 +1455,20 @@ window.weatherThemes = {
document.getElementById('dbg-day').textContent = realDayProgress != null ? (realDayProgress * 100).toFixed(1) + '%' : (t * 100).toFixed(1) + '%'; document.getElementById('dbg-day').textContent = realDayProgress != null ? (realDayProgress * 100).toFixed(1) + '%' : (t * 100).toFixed(1) + '%';
document.getElementById('dbg-weather').textContent = document.getElementById('dbg-weather').textContent =
currentWeatherCode + ' (' + (window.weatherThemes[themeName] ? themeName : '?') + ')'; currentWeatherCode + ' (' + (window.weatherThemes[themeName] ? themeName : '?') + ')';
// RPG angles
var sunTimes = SunCalc.getTimes(now, PASSAU_LAT, PASSAU_LON);
var moonTimes = SunCalc.getMoonTimes(now, PASSAU_LAT, PASSAU_LON);
document.getElementById('dbg-sun-rise-angle').textContent = (angleForTime(sunTimes.sunrise) * 180 / Math.PI).toFixed(1) + '°';
document.getElementById('dbg-sun-set-angle').textContent = (angleForTime(sunTimes.sunset) * 180 / Math.PI).toFixed(1) + '°';
document.getElementById('dbg-sun-now-angle').textContent = (angleForTime(now) * 180 / Math.PI).toFixed(1) + '°';
if (moonTimes.rise) {
document.getElementById('dbg-moon-rise-angle').textContent = (angleForTime(moonTimes.rise) * 180 / Math.PI).toFixed(1) + '°';
}
if (moonTimes.set) {
document.getElementById('dbg-moon-set-angle').textContent = (angleForTime(moonTimes.set) * 180 / Math.PI).toFixed(1) + '°';
}
document.getElementById('dbg-moon-now-angle').textContent = (angleForTime(now) * 180 / Math.PI).toFixed(1) + '°';
document.getElementById('dbg-theme').textContent = themeName || '-'; document.getElementById('dbg-theme').textContent = themeName || '-';
document.getElementById('dbg-speed').textContent = currentThemeSpeed.toFixed(2); document.getElementById('dbg-speed').textContent = currentThemeSpeed.toFixed(2);