tang730125633/pointer-following-mascot

pointer-following-mascot은(는) 무엇을 하나요?

Codex 스킬: 계층형 DOM과 240프레임 포인터 추종 마스코트

이 스킬은 Codex 환경에서 마우스 포인터를 따라다니는 마스코트를 구현합니다. 계층형 DOM과 240프레임 애니메이션을 활용하여 부드러운 움직임을 제공합니다.

주요 특징

• 계층형 DOM 구조: 마스코트의 각 부분이 독립적으로 움직일 수 있도록 DOM 계층 구성
• 240프레임 애니메이션: 고주사율 디스플레이에서도 부드러운 움직임 보장
• 포인터 추종: 마우스 커서 위치에 따라 마스코트가 자연스럽게 따라움직임

사용 방법

1. Codex 환경에서 스킬을 활성화합니다.
2. 제공된 템플릿을 사용하여 마스코트 DOM 요소를 생성합니다.
3. requestAnimationFrame 기반의 애니메이션 루프를 시작합니다.

<div id="mascot-container">
  <div class="mascot-head">
    <div class="mascot-eye-left"></div>
    <div class="mascot-eye-right"></div>
    <div class="mascot-mouth"></div>
  </div>
  <div class="mascot-body">
    <div class="mascot-arm-left"></div>
    <div class="mascot-arm-right"></div>
  </div>
</div>

지원 플랫폼

• Codex
• 브라우저 기반 환경

라이선스

MIT