https://chishe.wodemo.net/ { pawPrint.remove(); }, 2000); } // 创建爱心 function createHeart(x, y) { const heart = document.createElement('div'); heart.className = 'heart'; heart.style.left = x + 'px'; heart.style.top = y + 'px'; document.body.appendChild(heart); setTimeout(() => { heart.remove(); }, 2000); } // 鼠标移动事件 document.addEventListener('mousemove', (e) => { mouseX = e.clientX; mouseY = e.clientY; }); // 点击事件 document.addEventListener('click', (e) => { // 排除点击信息面板 if (e.target.closest('.info-panel')) return; clickCount++; clicksEl.textContent = clickCount; // 创建爱心效果 for (let i = 0; i < 3; i++) { setTimeout(() => { createHeart( e.clientX + (Math.random() - 0.5) * 30, e.clientY + (Math.random() - 0.5) * 30 ); }, i * 100); } // 小猫跳跃动画 cat.style.animation = 'none'; setTimeout(() => { cat.style.animation = 'bounce 0.5s infinite alternate'; }, 10); }); // 动画循环 function animate() { // 计算小猫位置（平滑跟随） const dx = mouseX - catX; const dy = mouseY - catY; const distance = Math.sqrt(dx * dx + dy * dy); // 速度因子 const speed = 0.1; catX += dx * speed; catY += dy * speed; // 更新总距离 if (distance > 1) { totalDistance += distance * speed; distanceEl.textContent = Math.floor(totalDistance); // 随机生成脚印 if (Math.random() < 0.02) { createPawPrint(catX, catY + 60); } } // 设置小猫位置 cat.style.left = catX - 60 + 'px'; cat.style.top = catY - 60 + 'px'; // 根据移动方向翻转小猫 if (dx > 5) { cat.style.transform = 'scaleX(1)'; } else if (dx < -5) { cat.style.transform = 'scaleX(-1)'; } requestAnimationFrame(animate); } // 初始化 createStars(); animate(); // 初始位置 cat.style.left = catX - 60 + 'px'; cat.style.top = catY - 60 + 'px'; ]]>