DAAE KIM
Axis Line - Porsche Taycan Turbo S
Automotive Visualization
INVICTUS LAUNCH WEEK 2955
Event Trailer, 3D Motion Design SO MUCH AND ENOUGH
Teaser Title Sequence
SYNCHRON
Logo Reveal Sequence Design
Hacker Newbie
3D & 2D Motion Design
Promising Young Woman
Title Sequence, VFX SUPER-HERO UNITED
Magazine Design Gentle Monster
3D Motion Design
====== 커서 아이콘 만들기 & body에 붙이기 ======
var cursor = document.createElement('div');
cursor.id = 'cursor-icon';
cursor.style.position = 'fixed';
cursor.style.top = '0px';
cursor.style.left = '0px';
cursor.style.width = '64px'; // 아이콘 크기
cursor.style.height = '64px';
cursor.style.pointerEvents = 'none'; // 클릭 방해 X
cursor.style.zIndex = '9999';
cursor.style.transform = 'translate(-50%, -50%)'; // 중심을 커서에 맞추기
var img = document.createElement('img');
img.src = 'https://freight.cargo.site/t/original/i/F2646143986451357559866161187784/Logo3_V002-3_00910.png'; // ← 새 이미지 링크
img.alt = 'DAAE Logo';
img.style.width = '100%';
img.style.height = '100%';
img.style.display = 'block';
img.style.objectFit = 'contain'; // 세로 늘어남 방지
cursor.appendChild(img);
document.body.appendChild(cursor);
// ====== 부드럽게 따라오는 로직 ======
var targetX = window.innerWidth / 2;
var targetY = window.innerHeight / 2;
var currentX = targetX;
var currentY = targetY;
// 숫자가 작을수록 더 느리게 따라옴 (0.1 ~ 0.25 추천)
var ease = 0.18;
document.addEventListener('mousemove', function (e) {
// 스크롤해도 좌표 안틀어지게 viewport 기준 좌표 사용
targetX = e.clientX;
targetY = e.clientY;
});
function animate() {
currentX += (targetX - currentX) * ease;
currentY += (targetY - currentY) * ease;
cursor.style.left = currentX + 'px';
cursor.style.top = currentY + 'px';
requestAnimationFrame(animate);
}
animate();