Push dementor circles further for more dramatic cover
This commit is contained in:
parent
ea1e131223
commit
66e4efacbe
10
app.js
10
app.js
@ -711,11 +711,11 @@
|
|||||||
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.12 + (p * 0.6); // darker as time passes
|
const opacity = 0.12 + (p * 0.6); // darker as time passes
|
||||||
const size = 16 + (p * 54); // spread further toward center over time
|
const size = 18 + (p * 82); // spread further toward center over time, nearly full cover
|
||||||
const darkness = 0.36 + (p * 0.5);
|
const darkness = 0.4 + (p * 0.55);
|
||||||
const vignette = 0.18 + (p * 0.3);
|
const vignette = 0.2 + (p * 0.32);
|
||||||
const blur = 0 + (p * 1);
|
const blur = 0 + (p * 0.8);
|
||||||
const glow = Math.min(1.2, 0.25 + (p * 1.05)); // stronger glow as it darkens
|
const glow = Math.min(1.4, 0.3 + (p * 1.15)); // stronger glow as it darkens
|
||||||
overlay.style.opacity = opacity;
|
overlay.style.opacity = opacity;
|
||||||
overlay.style.setProperty('--circle-size', `${size}%`);
|
overlay.style.setProperty('--circle-size', `${size}%`);
|
||||||
overlay.style.setProperty('--circle-strength', darkness.toFixed(2));
|
overlay.style.setProperty('--circle-strength', darkness.toFixed(2));
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user