forked from MarseyWorld/MarseyWorld
31 lines
969 B
JavaScript
31 lines
969 B
JavaScript
|
// Original codepen: https://codepen.io/Coding-Artist/pen/ExLyRJg
|
||
|
|
|
||
|
|
let mouseX = 0;
|
||
|
|
let mouseY = 0;
|
||
|
|
|
||
|
|
// Detect touch device
|
||
|
|
const isTouchDevice = () => {
|
||
|
|
try {
|
||
|
|
// We try to create TouchEvent (it would fail for desktops and throw error)
|
||
|
|
document.createEvent("TouchEvent");
|
||
|
|
return true;
|
||
|
|
} catch (e) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
function getMousePosition(e) {
|
||
|
|
try {
|
||
|
|
// Get position of mouse or touch
|
||
|
|
mouseX = !isTouchDevice() ? e.clientX : e.touches[0].clientX;
|
||
|
|
mouseY = !isTouchDevice() ? e.clientY : e.touches[0].clientY;
|
||
|
|
|
||
|
|
// Set the Xpos and Ypos variables to current mouse/touch position
|
||
|
|
document.getElementById("flashlight-effect").style.setProperty("--Xpos", mouseX + "px");
|
||
|
|
document.getElementById("flashlight-effect").style.setProperty("--Ypos", mouseY + "px");
|
||
|
|
} catch (e) {}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Update mouse position on mouse move / touch move
|
||
|
|
document.addEventListener("mousemove", getMousePosition);
|
||
|
|
document.addEventListener("touchmove", getMousePosition);
|