8e:I[903690,["/chat-static/_next/static/chunks/266cx9fcqhmpk.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/3izupkw-ngr6g.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/2c5ox9lu2rsjl.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/3wkp7zrf5-jmz.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/044arc-ub2uux.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/15-iorql742-y.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1b432g4ll318n.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/2mgce5j5u79tt.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0zm6n3ha2zn20.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0xwmd_irkmviy.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/4323eeikb5rls.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/31lmwdrgjrqmt.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/3g6lwkmkf0en3.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0n3hed92pnhfj.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1b65ltu_tg58c.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0okzg1a3oisyc.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0cphijp1xrry-.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0muhwnx2z-96f.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/02-dryx0k80qi.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0ersm4n5p19to.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1j9njtdk43kba.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0vd414frz2dl_.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1331umm3hmqi3.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1m_h06jid1ekf.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/07950irnlkt05.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1w2m4qpgkkdqm.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0ylrm5ajfx1z7.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0gtw50bn1e-ba.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/234cyf9_l3x2p.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/3xh9s6el8_6_x.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/298ch5lnquhtd.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/21oyg6k8c6ix4.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1po5wfdz3ceh_.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1uxdv-3jy4-uk.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/32xjj617blghe.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/3oaf6-ndpwq7-.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/3isvx3-q1f0-g.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0voy48k9w-x1s.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1yz-91u-qfc8u.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0d89trthlp2gl.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH"],"ExplicitChatIdProvider"] 8f:I[838238,["/chat-static/_next/static/chunks/266cx9fcqhmpk.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/3izupkw-ngr6g.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/2c5ox9lu2rsjl.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/3wkp7zrf5-jmz.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/044arc-ub2uux.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/15-iorql742-y.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1b432g4ll318n.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/2mgce5j5u79tt.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0zm6n3ha2zn20.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0xwmd_irkmviy.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/4323eeikb5rls.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/31lmwdrgjrqmt.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/3g6lwkmkf0en3.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0n3hed92pnhfj.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1b65ltu_tg58c.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0okzg1a3oisyc.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0cphijp1xrry-.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0muhwnx2z-96f.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/02-dryx0k80qi.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0ersm4n5p19to.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1j9njtdk43kba.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0vd414frz2dl_.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1331umm3hmqi3.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1m_h06jid1ekf.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/07950irnlkt05.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1w2m4qpgkkdqm.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0ylrm5ajfx1z7.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0gtw50bn1e-ba.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/234cyf9_l3x2p.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/3xh9s6el8_6_x.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/298ch5lnquhtd.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/21oyg6k8c6ix4.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1po5wfdz3ceh_.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1uxdv-3jy4-uk.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/32xjj617blghe.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/3oaf6-ndpwq7-.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/3isvx3-q1f0-g.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0voy48k9w-x1s.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/1yz-91u-qfc8u.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH","/chat-static/_next/static/chunks/0d89trthlp2gl.js?dpl=dpl_AFmvKWx2G73mcaFbwB6yRYw9P4LH"],"SWRDataProvider"] 90:T2a6c,[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" "use client" import { useEffect, useRef, useState } from "react" export default function Home() { const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 }) const leftEyeRef = useRef(null) const rightEyeRef = useRef(null) useEffect(() => { const handleMouseMove = (e: MouseEvent) => { setMousePosition({ x: e.clientX, y: e.clientY }) } window.addEventListener("mousemove", handleMouseMove) return () => window.removeEventListener("mousemove", handleMouseMove) }, []) useEffect(() => { if (!leftEyeRef.current || !rightEyeRef.current) return const updateEyePosition = (eyeRef: HTMLDivElement) => { const rect = eyeRef.getBoundingClientRect() const eyeX = rect.left + rect.width / 2 const eyeY = rect.top + rect.height / 2 const angle = Math.atan2(mousePosition.y - eyeY, mousePosition.x - eyeX) const distance = Math.min( 4, Math.sqrt(Math.pow(mousePosition.x - eyeX, 2) + Math.pow(mousePosition.y - eyeY, 2)) / 25, ) const pupilX = Math.cos(angle) * distance const pupilY = Math.sin(angle) * distance const pupil = eyeRef.querySelector(".pupil") as HTMLElement if (pupil) { pupil.style.transform = `translate(${pupilX}px, ${pupilY}px)` } } updateEyePosition(leftEyeRef.current) updateEyePosition(rightEyeRef.current) }, [mousePosition]) return (

Move your cursor to see the pixel cat's eyes follow!

) }84:["$","$L8e",null,{"chatId":"tZf07edqOw4","children":["$","$L8f",null,{"data":{"@\"active-block\",\"tZf07edqOw4\",":{"id":"b_2p4AhhZS9Rg","messageId":"M61YxtDaNF6f4w6vBBPhI8G19tuEWrPO","source":"$90","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"cat-eyes-tracker","type":"code-project","project":"cat-eyes-tracker","taskNameActive":"Adding detailed pixel features","taskNameComplete":"Enhanced pixel cat details"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"tZf07edqOw4\",":false,"":null},"children":"$L91"}]}]

About

Tags

Share

About

Tags

Share

More from rajoninternet

More Templates Like This