jowunseopjowunseop

var mouse = { x: 0, y: 0, } var motions = []; for (var i = 0; i < 5; i++){ motions[i] = { xOffset: 0, yOffset: 0, xVel: 0, yVel: 0, } } var svgs; var amnt = 10; var skw = 20; var rot = 40; var stretch = -0.2; var damp = 0.85; var lag = 30; var stretch = 10; var mousefound = false; function init(){ document.addEventListener('mousemove', function(e){ mouse.x = (e.clientX / window.innerWidth - 0.5)..

const mouseImg = document.querySelectorAll(".mouse__img"); mouseImg.forEach((item) => { const imageWrap = item.querySelector(".img"); const imageWrapBounds = imageWrap.getBoundingClientRect(); let itemBounds = item.getBoundingClientRect(); const onMouseEnter = () => { gsap.set(imageWrap, {xPercent: -50, yPercent: 50, rotation: -15, scale: 0.3, opacity:0}); gsap.to(imageWrap, {xPercent: -50, yPer..

function mousemove(e){ let positionSlow = (e.pageX - (window.innerWidth/2)) * 0.1 let positionFast = (e.pageX - (window.innerWidth/2)) * 0.2 gsap.to(".spanSlow", {duration: 0.4, x: positionSlow}) gsap.to(".spanFast", {duration: 0.4, x: -positionSlow}) gsap.to(".cursor", {duration: 0, left: e.pageX, top: e.pageY}); } document.addEventListener("mousemove", mousemove) https://jowuseop1110.github.io..

const circle = document.querySelector(".cursor").getBoundingClientRect(); function mouseMove(e){ let mousePageX = e.pageX; let mousePageY = e.pageY; let centerPageX = window.innerWidth/2 - mousePageX; let centerPageY = window.innerHeight/2 - mousePageY; let maxPageX = Math.max(-800, Math.min(800, centerPageX)); let maxPageY = Math.max(-300, Math.min(300, centerPageY)); let anLeXpageX = maxPageX ..

const circle = document.querySelector(".cursor").getBoundingClientRect(); function mouseMove(e){ let mousePageX = e.pageX; let mousePageY = e.pageY; let centerPageX = window.innerWidth/2 - mousePageX; let centerPageY = window.innerHeight/2 - mousePageY; let maxPageX = Math.max(-800, Math.min(800, centerPageX)); let maxPageY = Math.max(-300, Math.min(300, centerPageY)); let anLeXpageX = maxPageX ..

const circle1 = document.querySelector(".cursor").clientWidth; //120 : border 빠진 상태 const circle2 = document.querySelector(".cursor").offsetWidth; //200 : border 포함 상태 const circle3 = document.querySelector(".cursor").getBoundingClientRect(); //bottom, height, left, right, top ,width, x, y console.log(circle3) function follow(e) { gsap.to(".cursor", { duration: .3, left: e.pageX - circle3.width/..

const cursor = document.querySelector(".cursor"); const follower = document.querySelector(".cursor-follower"); window.addEventListener("mousemove", e => { gsap.to(cursor, {duration: .10, left: e.pageX -5, top: e.pageY -5}); document.querySelectorAll(".mouse__wrap span").forEach(span =>{ span.addEventListener("mouseover", ()=> { cursor.classList.add("active"); follower.classList.add("active"); })..

window.addEventListener("mousemove", (event) => { document.querySelector(".clientX").innerHTML = event.clientX document.querySelector(".clientY").innerHTML = event.clientY document.querySelector(".offsetX").innerHTML = event.offsetX document.querySelector(".offsetY").innerHTML = event.offsetY document.querySelector(".pageX").innerHTML = event.pageX document.querySelector(".pageY").innerHTML = ev..