25 lines
782 B
JavaScript
25 lines
782 B
JavaScript
var root = document.documentElement;
|
|
var eyef = document.getElementById("eyef");
|
|
var cx = document.getElementById("eyef").getAttribute("cx");
|
|
var cy = document.getElementById("eyef").getAttribute("cy");
|
|
|
|
document.addEventListener("mousemove", (evt) => {
|
|
let x = evt.clientX / innerWidth;
|
|
let y = evt.clientY / innerHeight;
|
|
|
|
root.style.setProperty("--mouse-x", x);
|
|
root.style.setProperty("--mouse-y", y);
|
|
|
|
cx = 115 + 30 * x;
|
|
cy = 50 + 30 * y;
|
|
eyef.setAttribute("cx", cx);
|
|
eyef.setAttribute("cy", cy);
|
|
});
|
|
|
|
document.addEventListener("touchmove", (touchHandler) => {
|
|
let x = touchHandler.touches[0].clientX / innerWidth;
|
|
let y = touchHandler.touches[0].clientY / innerHeight;
|
|
|
|
root.style.setProperty("--mouse-x", x);
|
|
root.style.setProperty("--mouse-y", y);
|
|
});
|