박용석 - 클릭 애니메이션 효과 라이브러리

[up456]

프로젝트 이름

PopPop2

개요

• React Wrapper 클래스로 해당 요소를 감싸면 방법1과 2중 하나의 방식으로 구현된다.

  • 방법1. 해당 요소 자체를 복사하여 공중으로 던지는 애니메이션 출력
  • 방법2. prop으로 던저질 svg을 받고 해당 svg를 공중으로 던지는 애니메이션 출력

• 기본 기능

  • 버벅임 없는 애니메이션 효과
  • 랜덤하고 튕기는 느낌의 애니메이션이 잘 구현되어 어색함이 없다.

• 추가 기능

  • 던져지는 방식 선택
  • 애니메이션 다양화
  • 소리 추가

참고 사이트

2024-12-07.6.06.45.mov

저장소 주소

https://github.com/up456/poppop2

npm 주소

https://www.npmjs.com/package/poppop2

체크리스트

• 개인 저장소 생성
• README.md 파일 작성 (다음 항목 포함)
  • 프로젝트 개요
  • 설치 방법 / 사용 방법
    • 가능하다면 동영상이나 animated gif 첨부
  • 라이선스 표기
• 기능 구현
  • 폭발하는 효과 추가
  • 확산하는 효과 추가
  • 쌓이는 효과 추가
  • 시간이 지나면 자동으로 사라지는 기능
• 테스트 추가 (라인 커버리지 60% 이상)
• 사용 예제 프로젝트 추가 (examples 폴더 아래에 2개 이상)
• npm 퍼블리싱
• CI 설정
  • PR에 등록되었을 때 테스트 실행
  • main 프로젝트에 머지되었을 때 npm 퍼블리싱

[up456]

테스트는 못 했지만, 시간 관계상 배포를 먼저 진행하고 싶어 최소 기능 완성 후 리뷰요청드립니다~!