const flash = document.getElementById('flash');
let x = innerWidth * .5, y = innerHeight * .38;
let tx = x, ty = y;
const loop = () => {
x += (tx - x) * .14;
y += (ty - y) * .14;
flash.style.setProperty('--mx', x + 'px');
flash.style.setProperty('--my', y + 'px');
requestAnimationFrame(loop);
};
addEventListener('pointermove', e => {
tx = e.clientX;
ty = e.clientY;
}, { passive: true });
// sem ponteiro fino, a luz desce com a pagina
addEventListener('scroll', () => {
if (matchMedia('(pointer: fine)').matches) return;
const max = docEl.scrollHeight - innerHeight;
ty = innerHeight * (.2 + (scrollY / max) * .6);
}, { passive: true });
requestAnimationFrame(loop);
const flash = document.getElementById('flash');
let x = innerWidth * .5, y = innerHeight * .38;
let tx = x, ty = y;
const loop = () => {
x += (tx - x) * .14;
y += (ty - y) * .14;
flash.style.setProperty('--mx', x + 'px');
flash.style.setProperty('--my', y + 'px');
requestAnimationFrame(loop);
};
addEventListener('pointermove', e => {
tx = e.clientX;
ty = e.clientY;
}, { passive: true });
// sem ponteiro fino, a luz desce com a pagina
addEventListener('scroll', () => {
if (matchMedia('(pointer: fine)').matches) return;
const max = docEl.scrollHeight - innerHeight;
ty = innerHeight * (.2 + (scrollY / max) * .6);
}, { passive: true });
requestAnimationFrame(loop);
const flash = document.getElementById('flash');
let x = innerWidth * .5, y = innerHeight * .38;
let tx = x, ty = y;
const loop = () => {
x += (tx - x) * .14;
y += (ty - y) * .14;
flash.style.setProperty('--mx', x + 'px');
flash.style.setProperty('--my', y + 'px');
requestAnimationFrame(loop);
};
addEventListener('pointermove', e => {
tx = e.clientX;
ty = e.clientY;
}, { passive: true });
// sem ponteiro fino, a luz desce com a pagina
addEventListener('scroll', () => {
if (matchMedia('(pointer: fine)').matches) return;
const max = docEl.scrollHeight - innerHeight;
ty = innerHeight * (.2 + (scrollY / max) * .6);
}, { passive: true });
requestAnimationFrame(loop);
const flash = document.getElementById('flash');
let x = innerWidth * .5, y = innerHeight * .38;
let tx = x, ty = y;
const loop = () => {
x += (tx - x) * .14;
y += (ty - y) * .14;
flash.style.setProperty('--mx', x + 'px');
flash.style.setProperty('--my', y + 'px');
requestAnimationFrame(loop);
};
addEventListener('pointermove', e => {
tx = e.clientX;
ty = e.clientY;
}, { passive: true });
// sem ponteiro fino, a luz desce com a pagina
addEventListener('scroll', () => {
if (matchMedia('(pointer: fine)').matches) return;
const max = docEl.scrollHeight - innerHeight;
ty = innerHeight * (.2 + (scrollY / max) * .6);
}, { passive: true });
requestAnimationFrame(loop);
const flash = document.getElementById('flash');
let x = innerWidth * .5, y = innerHeight * .38;
let tx = x, ty = y;
const loop = () => {
x += (tx - x) * .14;
y += (ty - y) * .14;
flash.style.setProperty('--mx', x + 'px');
flash.style.setProperty('--my', y + 'px');
requestAnimationFrame(loop);
};
addEventListener('pointermove', e => {
tx = e.clientX;
ty = e.clientY;
}, { passive: true });
// sem ponteiro fino, a luz desce com a pagina
addEventListener('scroll', () => {
if (matchMedia('(pointer: fine)').matches) return;
const max = docEl.scrollHeight - innerHeight;
ty = innerHeight * (.2 + (scrollY / max) * .6);
}, { passive: true });
requestAnimationFrame(loop);
const flash = document.getElementById('flash');
let x = innerWidth * .5, y = innerHeight * .38;
let tx = x, ty = y;
const loop = () => {
x += (tx - x) * .14;
y += (ty - y) * .14;
flash.style.setProperty('--mx', x + 'px');
flash.style.setProperty('--my', y + 'px');
requestAnimationFrame(loop);
};
addEventListener('pointermove', e => {
tx = e.clientX;
ty = e.clientY;
}, { passive: true });
// sem ponteiro fino, a luz desce com a pagina
addEventListener('scroll', () => {
if (matchMedia('(pointer: fine)').matches) return;
const max = docEl.scrollHeight - innerHeight;
ty = innerHeight * (.2 + (scrollY / max) * .6);
}, { passive: true });
requestAnimationFrame(loop);
const flash = document.getElementById('flash');
let x = innerWidth * .5, y = innerHeight * .38;
let tx = x, ty = y;
const loop = () => {
x += (tx - x) * .14;
y += (ty - y) * .14;
flash.style.setProperty('--mx', x + 'px');
flash.style.setProperty('--my', y + 'px');
requestAnimationFrame(loop);
};
addEventListener('pointermove', e => {
tx = e.clientX;
ty = e.clientY;
}, { passive: true });
// sem ponteiro fino, a luz desce com a pagina
addEventListener('scroll', () => {
if (matchMedia('(pointer: fine)').matches) return;
const max = docEl.scrollHeight - innerHeight;
ty = innerHeight * (.2 + (scrollY / max) * .6);
}, { passive: true });
requestAnimationFrame(loop);
const flash = document.getElementById('flash');
let x = innerWidth * .5, y = innerHeight * .38;
let tx = x, ty = y;
const loop = () => {
x += (tx - x) * .14;
y += (ty - y) * .14;
flash.style.setProperty('--mx', x + 'px');
flash.style.setProperty('--my', y + 'px');
requestAnimationFrame(loop);
};
addEventListener('pointermove', e => {
tx = e.clientX;
ty = e.clientY;
}, { passive: true });
// sem ponteiro fino, a luz desce com a pagina
addEventListener('scroll', () => {
if (matchMedia('(pointer: fine)').matches) return;
const max = docEl.scrollHeight - innerHeight;
ty = innerHeight * (.2 + (scrollY / max) * .6);
}, { passive: true });
requestAnimationFrame(loop);
const flash = document.getElementById('flash');
let x = innerWidth * .5, y = innerHeight * .38;
let tx = x, ty = y;
const loop = () => {
x += (tx - x) * .14;
y += (ty - y) * .14;
flash.style.setProperty('--mx', x + 'px');
flash.style.setProperty('--my', y + 'px');
requestAnimationFrame(loop);
};
addEventListener('pointermove', e => {
tx = e.clientX;
ty = e.clientY;
}, { passive: true });
// sem ponteiro fino, a luz desce com a pagina
addEventListener('scroll', () => {
if (matchMedia('(pointer: fine)').matches) return;
const max = docEl.scrollHeight - innerHeight;
ty = innerHeight * (.2 + (scrollY / max) * .6);
}, { passive: true });
requestAnimationFrame(loop);
const flash = document.getElementById('flash');
let x = innerWidth * .5, y = innerHeight * .38;
let tx = x, ty = y;
const loop = () => {
x += (tx - x) * .14;
y += (ty - y) * .14;
flash.style.setProperty('--mx', x + 'px');
flash.style.setProperty('--my', y + 'px');
requestAnimationFrame(loop);
};
addEventListener('pointermove', e => {
tx = e.clientX;
ty = e.clientY;
}, { passive: true });
// sem ponteiro fino, a luz desce com a pagina
addEventListener('scroll', () => {
if (matchMedia('(pointer: fine)').matches) return;
const max = docEl.scrollHeight - innerHeight;
ty = innerHeight * (.2 + (scrollY / max) * .6);
}, { passive: true });
requestAnimationFrame(loop);
const flash = document.getElementById('flash');
let x = innerWidth * .5, y = innerHeight * .38;
let tx = x, ty = y;
const loop = () => {
x += (tx - x) * .14;
y += (ty - y) * .14;
flash.style.setProperty('--mx', x + 'px');
flash.style.setProperty('--my', y + 'px');
requestAnimationFrame(loop);
};
addEventListener('pointermove', e => {
tx = e.clientX;
ty = e.clientY;
}, { passive: true });
// sem ponteiro fino, a luz desce com a pagina
addEventListener('scroll', () => {
if (matchMedia('(pointer: fine)').matches) return;
const max = docEl.scrollHeight - innerHeight;
ty = innerHeight * (.2 + (scrollY / max) * .6);
}, { passive: true });
requestAnimationFrame(loop);
const flash = document.getElementById('flash');
let x = innerWidth * .5, y = innerHeight * .38;
let tx = x, ty = y;
const loop = () => {
x += (tx - x) * .14;
y += (ty - y) * .14;
flash.style.setProperty('--mx', x + 'px');
flash.style.setProperty('--my', y + 'px');
requestAnimationFrame(loop);
};
addEventListener('pointermove', e => {
tx = e.clientX;
ty = e.clientY;
}, { passive: true });
// sem ponteiro fino, a luz desce com a pagina
addEventListener('scroll', () => {
if (matchMedia('(pointer: fine)').matches) return;
const max = docEl.scrollHeight - innerHeight;
ty = innerHeight * (.2 + (scrollY / max) * .6);
}, { passive: true });
requestAnimationFrame(loop);
const flash = document.getElementById('flash');
let x = innerWidth * .5, y = innerHeight * .38;
let tx = x, ty = y;
const loop = () => {
x += (tx - x) * .14;
y += (ty - y) * .14;
flash.style.setProperty('--mx', x + 'px');
flash.style.setProperty('--my', y + 'px');
requestAnimationFrame(loop);
};
addEventListener('pointermove', e => {
tx = e.clientX;
ty = e.clientY;
}, { passive: true });
// sem ponteiro fino, a luz desce com a pagina
addEventListener('scroll', () => {
if (matchMedia('(pointer: fine)').matches) return;
const max = docEl.scrollHeight - innerHeight;
ty = innerHeight * (.2 + (scrollY / max) * .6);
}, { passive: true });
requestAnimationFrame(loop);
const flash = document.getElementById('flash');
let x = innerWidth * .5, y = innerHeight * .38;
let tx = x, ty = y;
const loop = () => {
x += (tx - x) * .14;
y += (ty - y) * .14;
flash.style.setProperty('--mx', x + 'px');
flash.style.setProperty('--my', y + 'px');
requestAnimationFrame(loop);
};
addEventListener('pointermove', e => {
tx = e.clientX;
ty = e.clientY;
}, { passive: true });
// sem ponteiro fino, a luz desce com a pagina
addEventListener('scroll', () => {
if (matchMedia('(pointer: fine)').matches) return;
const max = docEl.scrollHeight - innerHeight;
ty = innerHeight * (.2 + (scrollY / max) * .6);
}, { passive: true });
requestAnimationFrame(loop);
