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 --> <!-- RPG day/night arc background -->
<path id="rpg-arc-bg" d="" fill="none" stroke="#3a383d" stroke-width="3" opacity="0.6"/> <path id="rpg-arc-bg" d="" fill="none" stroke="#3a383d" stroke-width="3" opacity="0.6"/>
<!-- RPG sun position dot --> <!-- RPG sun position -->
<circle id="rpg-sun" cx="100" cy="100" r="5" fill="#e0914f"/> <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 --> <!-- RPG moon position -->
<circle id="rpg-moon" cx="100" cy="100" r="5" fill="#b0a89a"/> <circle id="rpg-moon" cx="100" cy="100" r="9" fill="#b0a89a"/>
<!-- Hour marks --> <!-- Hour marks -->
<g id="hour-marks"></g> <g id="hour-marks"></g>
@@ -237,13 +239,8 @@
var hourMarks = document.getElementById('hour-marks'); var hourMarks = document.getElementById('hour-marks');
var rpgArcBg = document.getElementById('rpg-arc-bg'); var rpgArcBg = document.getElementById('rpg-arc-bg');
var rpgSun = document.getElementById('rpg-sun'); var rpgSun = document.getElementById('rpg-sun');
var rpgMoon = document.getElementById('rpg-moon'); var rpgSunGlow = document.getElementById('rpg-sun-glow');
var sunriseMarker = document.getElementById('sunrise-marker'); var rpgSunCore = document.getElementById('rpg-sun-core');
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 rpgMoon = document.getElementById('rpg-moon'); var rpgMoon = document.getElementById('rpg-moon');
var sunriseMarker = document.getElementById('sunrise-marker'); var sunriseMarker = document.getElementById('sunrise-marker');
var sunsetMarker = document.getElementById('sunset-marker'); var sunsetMarker = document.getElementById('sunset-marker');
@@ -425,11 +422,23 @@
rpgSun.setAttribute('cx', sunP.x); rpgSun.setAttribute('cx', sunP.x);
rpgSun.setAttribute('cy', sunP.y); rpgSun.setAttribute('cy', sunP.y);
rpgSun.setAttribute('opacity', '1'); 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 { } else {
var sunP = timeToPoint(now, sunOrbitRadius); var sunP = timeToPoint(now, sunOrbitRadius);
rpgSun.setAttribute('cx', sunP.x); rpgSun.setAttribute('cx', sunP.x);
rpgSun.setAttribute('cy', sunP.y); 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); var moonTimes = SunCalc.getMoonTimes(now, PASSAU_LAT, PASSAU_LON);