Let dementor overlay keep darkening to full coverage
This commit is contained in:
parent
ad97e5ea41
commit
abca0e973d
10
app.js
10
app.js
@ -710,11 +710,11 @@
|
|||||||
function updateDementorVisuals() {
|
function updateDementorVisuals() {
|
||||||
const overlay = document.getElementById('dementor-overlay');
|
const overlay = document.getElementById('dementor-overlay');
|
||||||
const p = dementor.progress > 1 ? 1 : dementor.progress;
|
const p = dementor.progress > 1 ? 1 : dementor.progress;
|
||||||
const opacity = 0.08 + (p * 0.35);
|
const opacity = 0.12 + (p * 0.6); // darker as time passes
|
||||||
const size = 14 + (p * 22); // start at edges, creep inward
|
const size = 16 + (p * 54); // spread further toward center over time
|
||||||
const darkness = 0.34 + (p * 0.45);
|
const darkness = 0.36 + (p * 0.5);
|
||||||
const vignette = 0.18 + (p * 0.22);
|
const vignette = 0.18 + (p * 0.3);
|
||||||
const blur = 0 + (p * 1.2);
|
const blur = 0 + (p * 1);
|
||||||
const glow = 0.15 + (p * 0.75);
|
const glow = 0.15 + (p * 0.75);
|
||||||
overlay.style.opacity = opacity;
|
overlay.style.opacity = opacity;
|
||||||
overlay.style.setProperty('--circle-size', `${size}%`);
|
overlay.style.setProperty('--circle-size', `${size}%`);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user