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

Make sun more visible with glow and brighter color

Browse Source
This commit is contained in:
Richard Zink committed 2026-10-07 07:42:41 +02:00
1 parent 8a0ac80341
commit cae0812ca3
1 file changed
+21 -12
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+21 -12
View File
@@ -87,11 +87,13 @@
<!-- RPG day/night arc background -->
<path id="rpg-arc-bg" d="" fill="none" stroke="#3a383d" stroke-width="3" opacity="0.6"/>
<!-- RPG sun position dot -->
<circle id="rpg-sun" cx="100" cy="100" r="5" fill="#e0914f"/>
<!-- RPG sun position -->
<circle id="rpg-sun-glow" cx="100" cy="100" r="14" fill="#e0914f" opacity="0.3"/>
<circle id="rpg-sun" cx="100" cy="100" r="9" fill="#e0914f"/>
<circle id="rpg-sun-core" cx="100" cy="100" r="4" fill="#f3ede1"/>
<!-- RPG moon position dot -->
<circle id="rpg-moon" cx="100" cy="100" r="5" fill="#b0a89a"/>
<!-- RPG moon position -->
<circle id="rpg-moon" cx="100" cy="100" r="9" fill="#b0a89a"/>
<!-- Hour marks -->
<g id="hour-marks"></g>
@@ -237,13 +239,8 @@
var hourMarks = document.getElementById('hour-marks');
var rpgArcBg = document.getElementById('rpg-arc-bg');
var rpgSun = document.getElementById('rpg-sun');
var rpgMoon = document.getElementById('rpg-moon');
var sunriseMarker = document.getElementById('sunrise-marker');
var sunsetMarker = document.getElementById('sunset-marker');
var moonriseMarker = document.getElementById('moonrise-marker');
var moonsetMarker = document.getElementById('moonset-marker');
var rpgArcBg = document.getElementById('rpg-arc-bg');
var rpgSun = document.getElementById('rpg-sun');
var rpgSunGlow = document.getElementById('rpg-sun-glow');
var rpgSunCore = document.getElementById('rpg-sun-core');
var rpgMoon = document.getElementById('rpg-moon');
var sunriseMarker = document.getElementById('sunrise-marker');
var sunsetMarker = document.getElementById('sunset-marker');
@@ -425,11 +422,23 @@
rpgSun.setAttribute('cx', sunP.x);
rpgSun.setAttribute('cy', sunP.y);
rpgSun.setAttribute('opacity', '1');
rpgSunGlow.setAttribute('cx', sunP.x);
rpgSunGlow.setAttribute('cy', sunP.y);
rpgSunGlow.setAttribute('opacity', '0.4');
rpgSunCore.setAttribute('cx', sunP.x);
rpgSunCore.setAttribute('cy', sunP.y);
rpgSunCore.setAttribute('opacity', '1');
} else {
var sunP = timeToPoint(now, sunOrbitRadius);
rpgSun.setAttribute('cx', sunP.x);
rpgSun.setAttribute('cy', sunP.y);
rpgSun.setAttribute('opacity', '0.25');
rpgSun.setAttribute('opacity', '0.4');
rpgSunGlow.setAttribute('cx', sunP.x);
rpgSunGlow.setAttribute('cy', sunP.y);
rpgSunGlow.setAttribute('opacity', '0.15');
rpgSunCore.setAttribute('cx', sunP.x);
rpgSunCore.setAttribute('cy', sunP.y);
rpgSunCore.setAttribute('opacity', '0.4');
}
var moonTimes = SunCalc.getMoonTimes(now, PASSAU_LAT, PASSAU_LON);