23 lines
555 B
JavaScript
23 lines
555 B
JavaScript
|
var pointerX = 0;
|
||
|
|
var pointerY = 0;
|
||
|
|
var width = window.innerWidth / 2;
|
||
|
|
var height = window.innerHeight / 2;
|
||
|
|
var body = document.body;
|
||
|
|
var light = document.getElementById("light");
|
||
|
|
|
||
|
|
window.addEventListener(
|
||
|
|
"resize",
|
||
|
|
function (event) {
|
||
|
|
width = window.innerWidth / 2;
|
||
|
|
height = window.innerHeight / 2;
|
||
|
|
},
|
||
|
|
true
|
||
|
|
);
|
||
|
|
|
||
|
|
document.onmousemove = function (event) {
|
||
|
|
pointerX = (width - event.pageX) * -1;
|
||
|
|
pointerY = (height - event.pageY) * -1;
|
||
|
|
body.style.setProperty("--x", pointerX + "px");
|
||
|
|
|
||
|
|
body.style.setProperty("--y", pointerY + "px");
|
||
|
|
};
|