마우스로 페이지 넘기기

  1. turn.js
    • GitHub: https://github.com/blasten/turn.js
    • 데모: http://www.turnjs.com/
    • 가장 널리 알려진 페이지 넘김 효과 라이브러리로, 실제 책처럼 마우스로 모서리를 잡아 드래그하여 페이지를 넘길 수 있습니다.
  2. BookBlock
    • GitHub: https://github.com/codrops/BookBlock
    • 데모: https://tympanus.net/codrops/2012/09/03/bookblock-a-content-flip-plugin/
    • Codrops에서 만든 페이지 플립 효과 플러그인으로 다양한 전환 효과를 제공합니다.
  3. PageFlip
    • GitHub: https://github.com/Nodlik/StPageFlip
    • 데모: https://nodlik.github.io/StPageFlip/examples/simple/
    • 최신 라이브러리로 TypeScript로 작성되었으며, 모바일 지원이 우수합니다.
  4. Flip
    • GitHub: https://github.com/pstudio/flip
    • 간단하고 가벼운 jQuery 플러그인으로 페이지 플립 효과를 구현합니다.
  5. paper.js
    • GitHub: https://github.com/paperjs/paper.js
    • 더 복잡한 페이지 넘김 효과를 구현하기 위한 강력한 그래픽 라이브러리입니다.

이 중에서는 turn.js가 웹툰 뷰어에 가장 적합한 선택일 수 있습니다. 마우스 드래그로 페이지를 넘기는 효과가 자연스럽고, 모바일에서도 잘 작동합니다. 다만 최근 업데이트가 없어서 최신 브라우저와의 호환성 문제가 있을 수 있습니다.

PageFlip 라이브러리는 비교적 최근에 개발되어 최신 브라우저와의 호환성이 좋고, 모바일 지원도 우수하여 대안으로 고려해볼 만합니다.

코멘트

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다